/**
 * Import File
 * Load in all the scss files we're going to need to generate our final css file. Ensure you
 * import things in their correct place. No other css should live in this file, no styles.
 * Structure and rules based on https://sass-guidelin.es
 */
/* line 4, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_box-sizing.scss */
html {
  box-sizing: border-box; }

/* line 9, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_box-sizing.scss */
*, *::after, *::before {
  box-sizing: inherit; }

/**
 * Brand Colours
 * These define our brand. Before editing or adding to this list ensure you have a thorough
 * understanding of our brand guidelines. If you haven't read that document you shouldn't be
 * editing anything in here.

 * You can use tints or shades of these colours, using sass colour functions
 * but if you're considering using an adjusted version of these base colours search to see if a tint
 * has already been used elsewhere and use the same value if possible. Consistency is key.
 */
/**
 * Placeholders
 * http://thesassway.com/intermediate/understanding-placeholder-selectors
 */
/* line 10, /container/application/assets/styles/utilities/_placeholders.scss */
.content-wrapper, .pricing-group, .panels, .why-sitehost .reason-wrapper, .why-sitehost .expanded-wrapper, .three-hero, .statement, .content-thin, .wrapper-grid, form, .from-price, .from-price-green, .panels .panel ul, .people-list, .news.news-latest, .pullout, .pullout-green, .pullout-white, .pullout-light, .pullout-dark {
  *zoom: 1; }
  /* line 12, /container/application/assets/styles/utilities/_placeholders.scss */
  .content-wrapper:before, .pricing-group:before, .panels:before, .why-sitehost .reason-wrapper:before, .why-sitehost .expanded-wrapper:before, .three-hero:before, .statement:before, .content-thin:before, .wrapper-grid:before, form:before, .from-price:before, .from-price-green:before, .panels .panel ul:before, .people-list:before, .news.news-latest:before, .pullout:before, .pullout-green:before, .pullout-white:before, .pullout-light:before, .pullout-dark:before, .content-wrapper:after, .pricing-group:after, .panels:after, .why-sitehost .reason-wrapper:after, .why-sitehost .expanded-wrapper:after, .three-hero:after, .statement:after, .content-thin:after, .wrapper-grid:after, form:after, .from-price:after, .from-price-green:after, .panels .panel ul:after, .people-list:after, .news.news-latest:after, .pullout:after, .pullout-green:after, .pullout-white:after, .pullout-light:after, .pullout-dark:after {
    content: " ";
    display: table; }
  /* line 16, /container/application/assets/styles/utilities/_placeholders.scss */
  .content-wrapper:after, .pricing-group:after, .panels:after, .why-sitehost .reason-wrapper:after, .why-sitehost .expanded-wrapper:after, .three-hero:after, .statement:after, .content-thin:after, .wrapper-grid:after, form:after, .from-price:after, .from-price-green:after, .panels .panel ul:after, .people-list:after, .news.news-latest:after, .pullout:after, .pullout-green:after, .pullout-white:after, .pullout-light:after, .pullout-dark:after {
    clear: both; }

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* line 8, /container/application/assets/styles/base/_reset.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
/* line 18, /container/application/assets/styles/base/_reset.scss */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
/* line 31, /container/application/assets/styles/base/_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
/* line 50, /container/application/assets/styles/base/_reset.scss */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
/* line 61, /container/application/assets/styles/base/_reset.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 70, /container/application/assets/styles/base/_reset.scss */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
/* line 79, /container/application/assets/styles/base/_reset.scss */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
/* line 91, /container/application/assets/styles/base/_reset.scss */
a {
  background-color: transparent; }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
/* line 100, /container/application/assets/styles/base/_reset.scss */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 113, /container/application/assets/styles/base/_reset.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
/* line 123, /container/application/assets/styles/base/_reset.scss */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 132, /container/application/assets/styles/base/_reset.scss */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
/* line 141, /container/application/assets/styles/base/_reset.scss */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 150, /container/application/assets/styles/base/_reset.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
/* line 159, /container/application/assets/styles/base/_reset.scss */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
/* line 168, /container/application/assets/styles/base/_reset.scss */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 177, /container/application/assets/styles/base/_reset.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 185, /container/application/assets/styles/base/_reset.scss */
sub {
  bottom: -0.25em; }

/* line 189, /container/application/assets/styles/base/_reset.scss */
sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
/* line 200, /container/application/assets/styles/base/_reset.scss */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
/* line 208, /container/application/assets/styles/base/_reset.scss */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 220, /container/application/assets/styles/base/_reset.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
/* line 232, /container/application/assets/styles/base/_reset.scss */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 241, /container/application/assets/styles/base/_reset.scss */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * Change font properties to `inherit` in all browsers (opinionated).
 */
/* line 254, /container/application/assets/styles/base/_reset.scss */
button,
input,
select,
textarea {
  font: inherit; }

/**
 * Restore the font weight unset by the previous rule.
 */
/* line 265, /container/application/assets/styles/base/_reset.scss */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 * 2. Show the overflow in Edge, Firefox, and IE.
 */
/* line 275, /container/application/assets/styles/base/_reset.scss */
button,
input,
select {
  /* 2 */
  overflow: visible; }

/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */
/* line 286, /container/application/assets/styles/base/_reset.scss */
button,
input,
select,
textarea {
  /* 1 */
  margin: 0; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 298, /container/application/assets/styles/base/_reset.scss */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Change the cursor in all browsers (opinionated).
 */
/* line 307, /container/application/assets/styles/base/_reset.scss */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer; }

/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */
/* line 318, /container/application/assets/styles/base/_reset.scss */
[disabled] {
  cursor: default; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */
/* line 328, /container/application/assets/styles/base/_reset.scss */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 339, /container/application/assets/styles/base/_reset.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 349, /container/application/assets/styles/base/_reset.scss */
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
/* line 358, /container/application/assets/styles/base/_reset.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 371, /container/application/assets/styles/base/_reset.scss */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
/* line 384, /container/application/assets/styles/base/_reset.scss */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
/* line 393, /container/application/assets/styles/base/_reset.scss */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 403, /container/application/assets/styles/base/_reset.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */
/* line 412, /container/application/assets/styles/base/_reset.scss */
[type="search"] {
  -webkit-appearance: textfield; }

/**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */
/* line 421, /container/application/assets/styles/base/_reset.scss */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Global
 * For individual elements that can be used anywhere for simple purposes and don't have any
 * other logical home. Styles in here should be stupidly simple.
 */
/* line 8, /container/application/assets/styles/base/_global.scss */
.content-wrapper, .pricing-group, .panels, .why-sitehost .reason-wrapper, .why-sitehost .expanded-wrapper, .three-hero, .statement {
  margin: 0 auto;
  padding: 0 10px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto; }
  /* line 20, /container/application/node_modules/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
  .content-wrapper::after, .pricing-group::after, .panels::after, .why-sitehost .reason-wrapper::after, .why-sitehost .expanded-wrapper::after, .three-hero::after, .statement::after {
    clear: both;
    content: "";
    display: table; }
  @media (min-width: 992px) {
    /* line 8, /container/application/assets/styles/base/_global.scss */
    .content-wrapper, .pricing-group, .panels, .why-sitehost .reason-wrapper, .why-sitehost .expanded-wrapper, .three-hero, .statement {
      padding: 0; } }

/* line 19, /container/application/assets/styles/base/_global.scss */
.content-thin {
  margin: 0 auto;
  padding: 0 10px;
  max-width: 890px;
  margin-left: auto;
  margin-right: auto; }
  /* line 20, /container/application/node_modules/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
  .content-thin::after {
    clear: both;
    content: "";
    display: table; }
  @media (min-width: 992px) {
    /* line 19, /container/application/assets/styles/base/_global.scss */
    .content-thin {
      padding: 0; } }

/* line 31, /container/application/assets/styles/base/_global.scss */
.wrapper-grid {
  padding: 0;
  margin: 0 auto;
  max-width: 1100px; }

/* line 39, /container/application/assets/styles/base/_global.scss */
main {
  margin: 62px 0 0 0;
  -webkit-transition: opacity 0.2s ease-in 0s;
  -moz-transition: opacity 0.2s ease-in 0s;
  transition: opacity 0.2s ease-in 0s;
  background-color: #f4f4f4;
  background-image: -webkit-linear-gradient(#f4f4f4, white);
  background-image: linear-gradient(#f4f4f4, white);
  background-color: #f4f4f4;
  background-image: -webkit-linear-gradient(#f4f4f4, white 20%);
  background-image: linear-gradient(#f4f4f4, white 20%); }
  @media (min-width: 992px) {
    /* line 39, /container/application/assets/styles/base/_global.scss */
    main {
      margin: 102px 0 0 0; } }
  /* line 49, /container/application/assets/styles/base/_global.scss */
  main.faded {
    opacity: 0.5; }

/* line 55, /container/application/assets/styles/base/_global.scss */
.wf-loading {
  visibility: hidden; }

/* line 59, /container/application/assets/styles/base/_global.scss */
.wf-active, .wf-inactive {
  visibility: visible; }

/* line 64, /container/application/assets/styles/base/_global.scss */
.expand {
  display: none; }

/* line 68, /container/application/assets/styles/base/_global.scss */
.browserupgrade {
  color: black;
  background: #f04f23; }

/**
 * Typography
 * We want consistency across our typography so here we have our various sizes that we use for our
 * type. These should cover nearly every situation so consider if you actually need a different size before
 * adding another one.
 */
/**
 * Typography
 * Our font used throughout the site is Acumin Pro loaded in through Typekit. We use three weights,
 * Light (300) Regular (400) and Medium (500). Primarily light for body copy/content and medium for headings.
 */
/* line 26, /container/application/assets/styles/base/_typography.scss */
html {
  font-size: 62.5%;
  font-weight: 400;
  font-family: "acumin-pro", Arial, sans-serif;
  font-kerning: normal;
  font-feature-settings: "kern" 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

/* line 38, /container/application/assets/styles/base/_typography.scss */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  clear: both;
  letter-spacing: 0.5px;
  font-weight: 600; }

/* line 45, /container/application/assets/styles/base/_typography.scss */
h1 {
  font-size: 4.4rem; }

/* line 49, /container/application/assets/styles/base/_typography.scss */
h2 {
  margin: 0 0 25px 0;
  font-size: 3.6rem; }

/* line 54, /container/application/assets/styles/base/_typography.scss */
h3 {
  margin: 0 0 10px 0;
  font-size: 2.2rem;
  line-height: 1.4em; }

/* line 60, /container/application/assets/styles/base/_typography.scss */
h4 {
  font-size: 1.7rem; }

/* line 64, /container/application/assets/styles/base/_typography.scss */
a {
  color: #199ad6;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  /* line 69, /container/application/assets/styles/base/_typography.scss */
  a:hover {
    color: #f04f23; }

/* line 74, /container/application/assets/styles/base/_typography.scss */
p {
  margin: 0 0 1em 0;
  font-size: 1.7rem;
  line-height: 1.5em; }

/* line 85, /container/application/assets/styles/base/_typography.scss */
ul {
  margin: 0 0 1em 0;
  font-size: 1.7rem;
  line-height: 1.5em;
  padding: 0 0 0 17px; }
  /* line 91, /container/application/assets/styles/base/_typography.scss */
  ul li {
    margin: 0 0 10px 0; }

/* line 96, /container/application/assets/styles/base/_typography.scss */
i {
  font-size: 5rem; }

/* line 100, /container/application/assets/styles/base/_typography.scss */
strong {
  font-weight: 600; }

/* line 104, /container/application/assets/styles/base/_typography.scss */
blockquote {
  font-size: 1.7rem;
  line-height: 1.5em; }

/* line 109, /container/application/assets/styles/base/_typography.scss */
.green {
  color: #7dc535; }

/* line 113, /container/application/assets/styles/base/_typography.scss */
.orange {
  color: #f04f23; }

/* line 117, /container/application/assets/styles/base/_typography.scss */
.blue {
  color: #199ad6; }

/* line 121, /container/application/assets/styles/base/_typography.scss */
.red {
  color: red; }

/**
* Buttons
* These should be reusable throughout the design. If you're needing super specific styles
* for a certain button then we probably need to rethink some design choices.
*/
/* line 9, /container/application/assets/styles/components/_buttons.scss */
.btn, .btn-green, .btn-orange, .btn-white, .btn-solid, .btn-solid-green, .btn-solid-dark-green, .btn-solid-orange {
  border-radius: 3px;
  color: #199ad6;
  font-size: 1.2rem;
  line-height: 1.2rem;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px 18px 12px 18px;
  border: 1px solid #199ad6; }
  /* line 22, /container/application/assets/styles/components/_buttons.scss */
  .btn + .btn, .btn-green + .btn, .btn-orange + .btn, .btn-white + .btn, .btn-solid + .btn, .btn-solid-green + .btn, .btn-solid-dark-green + .btn, .btn-solid-orange + .btn, .btn + .btn-green, .btn-green + .btn-green, .btn-orange + .btn-green, .btn-white + .btn-green, .btn-solid + .btn-green, .btn-solid-green + .btn-green, .btn-solid-dark-green + .btn-green, .btn-solid-orange + .btn-green, .btn + .btn-orange, .btn-green + .btn-orange, .btn-orange + .btn-orange, .btn-white + .btn-orange, .btn-solid + .btn-orange, .btn-solid-green + .btn-orange, .btn-solid-dark-green + .btn-orange, .btn-solid-orange + .btn-orange, .btn + .btn-white, .btn-green + .btn-white, .btn-orange + .btn-white, .btn-white + .btn-white, .btn-solid + .btn-white, .btn-solid-green + .btn-white, .btn-solid-dark-green + .btn-white, .btn-solid-orange + .btn-white, .btn + .btn-solid, .btn-green + .btn-solid, .btn-orange + .btn-solid, .btn-white + .btn-solid, .btn-solid + .btn-solid, .btn-solid-green + .btn-solid, .btn-solid-dark-green + .btn-solid, .btn-solid-orange + .btn-solid, .btn + .btn-solid-green, .btn-green + .btn-solid-green, .btn-orange + .btn-solid-green, .btn-white + .btn-solid-green, .btn-solid + .btn-solid-green, .btn-solid-green + .btn-solid-green, .btn-solid-dark-green + .btn-solid-green, .btn-solid-orange + .btn-solid-green, .btn + .btn-solid-dark-green, .btn-green + .btn-solid-dark-green, .btn-orange + .btn-solid-dark-green, .btn-white + .btn-solid-dark-green, .btn-solid + .btn-solid-dark-green, .btn-solid-green + .btn-solid-dark-green, .btn-solid-dark-green + .btn-solid-dark-green, .btn-solid-orange + .btn-solid-dark-green, .btn + .btn-solid-orange, .btn-green + .btn-solid-orange, .btn-orange + .btn-solid-orange, .btn-white + .btn-solid-orange, .btn-solid + .btn-solid-orange, .btn-solid-green + .btn-solid-orange, .btn-solid-dark-green + .btn-solid-orange, .btn-solid-orange + .btn-solid-orange {
    margin-left: 10px; }
  /* line 26, /container/application/assets/styles/components/_buttons.scss */
  .btn:hover, .btn-green:hover, .btn-orange:hover, .btn-white:hover, .btn-solid:hover, .btn-solid-green:hover, .btn-solid-dark-green:hover, .btn-solid-orange:hover {
    background: #199ad6;
    color: white; }

/* line 32, /container/application/assets/styles/components/_buttons.scss */
.btn-green {
  color: #7dc535;
  border-color: #7dc535; }
  /* line 37, /container/application/assets/styles/components/_buttons.scss */
  .btn-green:hover {
    color: white;
    background: #7dc535; }

/* line 43, /container/application/assets/styles/components/_buttons.scss */
.btn-orange {
  color: #f04f23;
  border-color: #f04f23; }
  /* line 48, /container/application/assets/styles/components/_buttons.scss */
  .btn-orange:hover {
    color: white;
    background: #f04f23; }

/* line 54, /container/application/assets/styles/components/_buttons.scss */
.btn-white {
  color: white;
  border-color: white; }
  /* line 59, /container/application/assets/styles/components/_buttons.scss */
  .btn-white:hover {
    color: #199ad6;
    background: white; }

/* line 67, /container/application/assets/styles/components/_buttons.scss */
.btn-solid, .btn-solid-green, .btn-solid-dark-green, .btn-solid-orange {
  color: white;
  background: #199ad6; }
  /* line 72, /container/application/assets/styles/components/_buttons.scss */
  .btn-solid:hover, .btn-solid-green:hover, .btn-solid-dark-green:hover, .btn-solid-orange:hover {
    background-color: #168abf; }

/* line 77, /container/application/assets/styles/components/_buttons.scss */
.btn-solid-green {
  color: white;
  background: #7dc535;
  border-color: #7dc535; }
  /* line 83, /container/application/assets/styles/components/_buttons.scss */
  .btn-solid-green:hover {
    background-color: #70b130; }

/* line 88, /container/application/assets/styles/components/_buttons.scss */
.btn-solid-dark-green {
  color: white;
  background: #336500;
  border-color: #336500; }
  /* line 94, /container/application/assets/styles/components/_buttons.scss */
  .btn-solid-dark-green:hover {
    background-color: #264c00; }

/* line 99, /container/application/assets/styles/components/_buttons.scss */
.btn-solid-orange {
  color: white;
  background: #f04f23;
  border-color: #f04f23; }
  /* line 105, /container/application/assets/styles/components/_buttons.scss */
  .btn-solid-orange:hover {
    background-color: #ea3f10; }

/* line 111, /container/application/assets/styles/components/_buttons.scss */
.general > .btn, .general > .btn-green, .general > .btn-orange, .general > .btn-white, .general > .btn-solid, .general > .btn-solid-green, .general > .btn-solid-dark-green, .general > .btn-solid-orange,
.general > .btn-solid,
.general > .btn-solid-green,
.general > .btn-solid-dark-green,
.general > .btn-solid-orange {
  font-size: 1.7rem;
  padding: 15px 25px 18px 25px; }

/* line 118, /container/application/assets/styles/components/_buttons.scss */
.btn-expand {
  color: white;
  outline: none;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  background: transparent;
  border: 1px solid white;
  padding: 13px 15px 4px 15px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  /* line 129, /container/application/assets/styles/components/_buttons.scss */
  .btn-expand i {
    font-size: 3.6rem; }
  /* line 133, /container/application/assets/styles/components/_buttons.scss */
  .btn-expand:hover {
    color: #343e48;
    background: white;
    border-color: white; }
  /* line 139, /container/application/assets/styles/components/_buttons.scss */
  .btn-expand.open {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  /* line 143, /container/application/assets/styles/components/_buttons.scss */
  .btn-expand.light {
    color: #7dc535;
    border-color: #d1d7dd; }
    /* line 147, /container/application/assets/styles/components/_buttons.scss */
    .btn-expand.light:hover {
      color: white;
      background: #7dc535;
      border-color: #7dc535; }
  @media (min-width: 992px) {
    /* line 118, /container/application/assets/styles/components/_buttons.scss */
    .btn-expand {
      margin: 0;
      float: right; } }

/**
* Forms
* These should be reusable throughout the design as much as possible which benefits both
* us as developers but also give users a consistent experience.
*/
/* line 7, /container/application/assets/styles/components/_forms.scss */
form {
  text-align: left;
  color: #343e48;
  letter-spacing: 0.8px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  /* line 20, /container/application/node_modules/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
  form::after {
    clear: both;
    content: "";
    display: table; }

/* line 15, /container/application/assets/styles/components/_forms.scss */
.row {
  width: 100%;
  clear: both;
  margin: 0 0 20px 0; }

/* line 21, /container/application/assets/styles/components/_forms.scss */
.field-group {
  margin: 0 0 20px 0; }
  /* line 24, /container/application/assets/styles/components/_forms.scss */
  .field-group button {
    width: 100%;
    padding: 0 18px;
    margin-top: 10px;
    line-height: 43px;
    font-size: 1.4rem;
    font-weight: 600;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

/* line 35, /container/application/assets/styles/components/_forms.scss */
label {
  display: block;
  font-weight: 600;
  font-size: 1.7rem;
  margin: 0 0 10px 0; }

/* line 42, /container/application/assets/styles/components/_forms.scss */
input {
  width: 100%;
  color: #343e48;
  font-size: 1.7rem;
  padding: 10px 15px;
  border-radius: 3px;
  background: transparent;
  border: 1px solid #2f3e47; }
  /* line 52, /container/application/assets/styles/components/_forms.scss */
  input:focus {
    outline: 0;
    border-color: #199ad6; }

/* line 58, /container/application/assets/styles/components/_forms.scss */
select {
  width: 100%;
  height: 46px;
  padding: 10px 15px;
  color: #343e48;
  font-size: 1.7rem;
  border-radius: 3px;
  background: white;
  -webkit-appearance: none;
  border: 1px solid #2f3e47;
  background: url(/assets/img/down-arrow.png) no-repeat 96% 50%; }
  /* line 70, /container/application/assets/styles/components/_forms.scss */
  select:focus {
    outline: 0;
    border-color: #199ad6; }

/* line 76, /container/application/assets/styles/components/_forms.scss */
textarea {
  width: 100%;
  min-height: 200px;
  font-size: 1.7rem;
  padding: 10px 15px;
  border-radius: 3px;
  color: #343e48;
  background: transparent;
  border: 1px solid #2f3e47; }
  /* line 86, /container/application/assets/styles/components/_forms.scss */
  textarea:focus {
    outline: 0;
    border-color: #199ad6; }

/* line 92, /container/application/assets/styles/components/_forms.scss */
#thanks {
  text-align: left; }
  /* line 95, /container/application/assets/styles/components/_forms.scss */
  #thanks span {
    color: #199ad6;
    font-weight: 600; }

/* line 101, /container/application/assets/styles/components/_forms.scss */
#preferredInput {
  display: none; }

@media (min-width: 992px) {
  /* line 107, /container/application/assets/styles/components/_forms.scss */
  .field-group {
    margin: 0 0 30px 0;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    /* line 78, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
    .field-group:nth-child(2n) {
      margin-right: 0; }
    /* line 83, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
    .field-group:nth-child(2n+1) {
      clear: left; }
    /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
    .field-group:last-child {
      margin-right: 0; } }

/* line 1, /container/application/assets/styles/components/_tables.scss */
table {
  width: 100%;
  padding: 30px 0;
  text-align: left;
  margin: 0 0 30px 0;
  font-size: 1.7rem;
  border-radius: 5px;
  border-spacing: 30px 0;
  background: white;
  border-collapse: separate;
  border: 1px solid #199ad6; }
  /* line 13, /container/application/assets/styles/components/_tables.scss */
  table i {
    color: #199ad6;
    font-size: 1.7rem;
    line-height: 1.7rem;
    vertical-align: middle; }
  /* line 20, /container/application/assets/styles/components/_tables.scss */
  table th {
    font-size: 2.2rem;
    vertical-align: bottom; }
    /* line 24, /container/application/assets/styles/components/_tables.scss */
    table th.small {
      font-weight: 400;
      color: #343e48;
      font-size: 1.4rem; }
  /* line 31, /container/application/assets/styles/components/_tables.scss */
  table th, table td {
    padding: 10px 0;
    border-bottom: 1px solid #d1d7dd; }
  /* line 36, /container/application/assets/styles/components/_tables.scss */
  table tr:last-child td {
    padding-bottom: 0;
    border-bottom: none; }
  /* line 41, /container/application/assets/styles/components/_tables.scss */
  table.table-green {
    border-color: #7dc535; }
    /* line 44, /container/application/assets/styles/components/_tables.scss */
    table.table-green i {
      color: #7dc535; }
  /* line 50, /container/application/assets/styles/components/_tables.scss */
  table.even-two-column td, table.even-two-column th {
    width: 50%; }
  /* line 56, /container/application/assets/styles/components/_tables.scss */
  table.two-thirds td:nth-child(1), table.two-thirds th:nth-child(1) {
    width: 75%; }

/* line 1, /container/application/assets/styles/components/_tweets.scss */
.tweet {
  color: white;
  padding: 20px;
  text-align: left;
  min-height: 189px;
  border-radius: 5px;
  margin: 0 0 20px 0;
  background: #2f3e47; }
  /* line 10, /container/application/assets/styles/components/_tweets.scss */
  .tweet img {
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    margin: 0 20px 10px 0; }
  /* line 18, /container/application/assets/styles/components/_tweets.scss */
  .tweet .tweet-name {
    display: block;
    font-size: 1.7rem;
    margin: 10px 0 0 0; }
  /* line 24, /container/application/assets/styles/components/_tweets.scss */
  .tweet .tweet-handle {
    opacity: 0.3;
    color: white;
    font-size: 1.7rem; }
  /* line 30, /container/application/assets/styles/components/_tweets.scss */
  .tweet p {
    clear: both;
    display: block;
    margin: 0 0 0 0; }
  @media (min-width: 992px) {
    /* line 1, /container/application/assets/styles/components/_tweets.scss */
    .tweet {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%; }
      /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
      .tweet:last-child {
        margin-right: 0; } }

/**
 * Pricing
 * Our pricing table used throughout the site that supports up to 5 columns.
 */
/* line 5, /container/application/assets/styles/components/_pricing.scss */
.pricing-group {
  text-align: center; }
  /* line 9, /container/application/assets/styles/components/_pricing.scss */
  .pricing-group.hidden {
    display: none; }

/* line 14, /container/application/assets/styles/components/_pricing.scss */
.pricing-column {
  position: relative; }
  /* line 17, /container/application/assets/styles/components/_pricing.scss */
  .pricing-column header {
    color: white;
    padding: 20px;
    overflow: hidden;
    position: relative;
    font-size: 1.4rem;
    border-radius: 5px;
    margin: 0 0 10px 0;
    font-weight: 600;
    background: #2f3e47; }
    /* line 28, /container/application/assets/styles/components/_pricing.scss */
    .pricing-column header span {
      display: block; }
    /* line 32, /container/application/assets/styles/components/_pricing.scss */
    .pricing-column header .price {
      font-size: 56px;
      line-height: 1em;
      margin: 5px 0 15px 0;
      font-weight: 600; }
    /* line 39, /container/application/assets/styles/components/_pricing.scss */
    .pricing-column header .popular {
      top: 13px;
      right: -35px;
      width: 120px;
      text-align: center;
      position: absolute;
      background: #7dc535;
      padding: 3px 0 5px 0;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
  /* line 51, /container/application/assets/styles/components/_pricing.scss */
  .pricing-column ul {
    padding: 0;
    list-style: none;
    margin: 0 0 10px 0;
    border-radius: 5px;
    background: white;
    font-size: 1.4rem;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); }
  /* line 61, /container/application/assets/styles/components/_pricing.scss */
  .pricing-column li {
    margin: 0;
    padding: 15px;
    line-height: 1em;
    border-bottom: 1px solid #eaeaea; }
  /* line 68, /container/application/assets/styles/components/_pricing.scss */
  .pricing-column .btn-solid, .pricing-column .btn-solid-green, .pricing-column .btn-solid-dark-green, .pricing-column .btn-solid-orange {
    width: 100%;
    margin: 0 auto 30px auto; }
  @media (min-width: 376px) {
    /* line 14, /container/application/assets/styles/components/_pricing.scss */
    .pricing-column {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%; }
      /* line 78, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
      .pricing-column:nth-child(2n) {
        margin-right: 0; }
      /* line 83, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
      .pricing-column:nth-child(2n+1) {
        clear: left; }
      /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
      .pricing-column:last-child {
        margin-right: 0; } }
  @media (min-width: 992px) {
    /* line 14, /container/application/assets/styles/components/_pricing.scss */
    .pricing-column {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 18.11388%; }
      /* line 78, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
      .pricing-column:nth-child(5n) {
        margin-right: 0; }
      /* line 83, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
      .pricing-column:nth-child(5n+1) {
        clear: left; }
      /* line 5, /container/application/assets/styles/utilities/_mixins.scss */
      .pricing-column:nth-child(2n) {
        margin-right: 2.35765%; }
      /* line 6, /container/application/assets/styles/utilities/_mixins.scss */
      .pricing-column:nth-child(2n+1) {
        clear: none; }
      /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
      .pricing-column:last-child {
        margin-right: 0; }
      /* line 83, /container/application/assets/styles/components/_pricing.scss */
      .pricing-column.center-column {
        float: none;
        display: inline-block; } }

/**
 * From Pricing
 * The single pricing from box, generaly used on service pages.
 */
/* line 96, /container/application/assets/styles/components/_pricing.scss */
.from-price, .from-price-green {
  max-width: 900px;
  margin: 40px auto;
  border-radius: 5px;
  background-color: #f4f4f4;
  border: 1px solid #199ad6; }
  /* line 104, /container/application/assets/styles/components/_pricing.scss */
  .plans .from-price, .plans .from-price-green {
    background-color: white; }
  /* line 108, /container/application/assets/styles/components/_pricing.scss */
  .from-price .column, .from-price-green .column {
    padding: 20px 25px;
    text-align: center; }
    /* line 112, /container/application/assets/styles/components/_pricing.scss */
    .from-price .column:first-child, .from-price-green .column:first-child {
      background: #199ad6; }
  /* line 117, /container/application/assets/styles/components/_pricing.scss */
  .from-price span, .from-price-green span {
    color: #f4f4f4;
    display: block;
    line-height: 1.4em;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 400; }
  /* line 126, /container/application/assets/styles/components/_pricing.scss */
  .from-price h3, .from-price-green h3 {
    display: none; }
  /* line 130, /container/application/assets/styles/components/_pricing.scss */
  .from-price .price, .from-price-green .price {
    color: white;
    font-size: 60px;
    line-height: 1em;
    margin: 0 0 10px 0;
    font-weight: 600; }
  @media (min-width: 992px) {
    /* line 139, /container/application/assets/styles/components/_pricing.scss */
    .from-price .column, .from-price-green .column {
      text-align: left; }
      /* line 142, /container/application/assets/styles/components/_pricing.scss */
      .from-price .column:first-child, .from-price-green .column:first-child {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%;
        -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); }
        /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
        .from-price .column:first-child:last-child, .from-price-green .column:first-child:last-child {
          margin-right: 0; }
      /* line 148, /container/application/assets/styles/components/_pricing.scss */
      .from-price .column:last-child, .from-price-green .column:last-child {
        padding: 35px 0 0 0;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%; }
        /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
        .from-price .column:last-child:last-child, .from-price-green .column:last-child:last-child {
          margin-right: 0; }
    /* line 154, /container/application/assets/styles/components/_pricing.scss */
    .from-price h3, .from-price-green h3 {
      margin: 0;
      display: block;
      color: #2f3e47; }
    /* line 160, /container/application/assets/styles/components/_pricing.scss */
    .from-price .btn, .from-price-green .btn, .from-price .btn-green, .from-price-green .btn-green, .from-price .btn-orange, .from-price-green .btn-orange, .from-price .btn-white, .from-price-green .btn-white, .from-price .btn-solid, .from-price-green .btn-solid, .from-price .btn-solid-green, .from-price-green .btn-solid-green, .from-price .btn-solid-dark-green, .from-price-green .btn-solid-dark-green, .from-price .btn-solid-orange, .from-price-green .btn-solid-orange {
      margin: 15px 0 0 0; } }

/* line 166, /container/application/assets/styles/components/_pricing.scss */
.from-price-green {
  border: 1px solid #7dc535; }
  /* line 172, /container/application/assets/styles/components/_pricing.scss */
  .from-price-green .column:first-child {
    background: #7dc535; }

/* line 1, /container/application/assets/styles/components/_pagination.scss */
.pagination {
  padding: 0;
  list-style: none;
  text-align: center;
  margin: 20px auto 40px auto; }
  /* line 7, /container/application/assets/styles/components/_pagination.scss */
  .pagination li {
    opacity: 0.5;
    margin: 30px 0;
    display: inline-block;
    font-size: 1.7rem;
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid #d1d7dd; }
    /* line 15, /container/application/assets/styles/components/_pagination.scss */
    .pagination li a {
      color: #2f3e47; }
    /* line 19, /container/application/assets/styles/components/_pagination.scss */
    .pagination li:hover {
      opacity: 1.0; }
    /* line 23, /container/application/assets/styles/components/_pagination.scss */
    .pagination li.current {
      opacity: 1.0;
      border-color: #2f3e47; }
  /* line 29, /container/application/assets/styles/components/_pagination.scss */
  .pagination i {
    font-size: 1.2rem;
    line-height: 1.7rem; }

/**
* Panels
* These should be reusable throughout the design but generally used on product pages for optional additions
* such as management or backups etc.
*/
/* line 7, /container/application/assets/styles/components/_panels.scss */
.panels {
  margin-top: 40px;
  text-align: left; }
  /* line 12, /container/application/assets/styles/components/_panels.scss */
  .panels .panel {
    border-radius: 5px;
    margin-bottom: 30px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    border-top: 5px solid #7dc535; }
    /* line 19, /container/application/assets/styles/components/_panels.scss */
    .panels .panel:first-child {
      margin-right: 2.35765%; }
    /* line 23, /container/application/assets/styles/components/_panels.scss */
    .panels .panel .top {
      padding: 20px;
      background: white; }
    /* line 28, /container/application/assets/styles/components/_panels.scss */
    .panels .panel .bottom {
      padding: 20px;
      background: #f6f7f8;
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit; }
      /* line 34, /container/application/assets/styles/components/_panels.scss */
      .panels .panel .bottom .focus {
        font-size: 38px;
        font-weight: 600; }
      /* line 39, /container/application/assets/styles/components/_panels.scss */
      .panels .panel .bottom .block-note {
        display: block;
        font-size: 14px; }
      /* line 44, /container/application/assets/styles/components/_panels.scss */
      .panels .panel .bottom .note {
        display: inline-block;
        font-size: 14px; }
    /* line 50, /container/application/assets/styles/components/_panels.scss */
    .panels .panel h5 {
      font-size: 2.0rem;
      margin: 0 0 8px 0; }
    /* line 55, /container/application/assets/styles/components/_panels.scss */
    .panels .panel p, .panels .panel ul {
      font-size: 1.5rem; }
    /* line 59, /container/application/assets/styles/components/_panels.scss */
    .panels .panel ul {
      margin: 0;
      padding: 0; }
      /* line 64, /container/application/assets/styles/components/_panels.scss */
      .panels .panel ul li {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%; }
        /* line 78, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
        .panels .panel ul li:nth-child(2n) {
          margin-right: 0; }
        /* line 83, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
        .panels .panel ul li:nth-child(2n+1) {
          clear: left; }
        /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
        .panels .panel ul li:last-child {
          margin-right: 0; }
    /* line 70, /container/application/assets/styles/components/_panels.scss */
    .panels .panel .check {
      font-size: 16px;
      font-weight: bold;
      color: #7dc535; }
  @media (min-width: 992px) {
    /* line 7, /container/application/assets/styles/components/_panels.scss */
    .panels {
      display: flex; }
      /* line 82, /container/application/assets/styles/components/_panels.scss */
      .panels .panel {
        flex: 1; }
      /* line 86, /container/application/assets/styles/components/_panels.scss */
      .panels .btn, .panels .btn-green, .panels .btn-orange, .panels .btn-white, .panels .btn-solid, .panels .btn-solid-green, .panels .btn-solid-dark-green, .panels .btn-solid-orange {
        float: right; } }

/**
 * Fullbleed Images
 * These are the full width images that we do at the top of many pages. We can create various
 * versions of these inside here and make sure they behave nicely with the content around them.
 */
/* line 6, /container/application/assets/styles/components/_fullbleed.scss */
.fullbleed-img {
  padding: 40px 0 80px 0;
  background: url(/assets/uploads/Backgrounds/bg-4.jpg) center right no-repeat;
  background-size: cover; }
  /* line 11, /container/application/assets/styles/components/_fullbleed.scss */
  .fullbleed-img h1 {
    color: white;
    max-width: 720px;
    font-size: 2.2rem;
    line-height: 1.4em;
    text-align: center;
    margin: 0 auto 30px auto; }
    /* line 19, /container/application/assets/styles/components/_fullbleed.scss */
    .fullbleed-img h1.large {
      max-width: 890px;
      text-align: left;
      margin: 0 0 30px 0; }
    /* line 25, /container/application/assets/styles/components/_fullbleed.scss */
    .fullbleed-img h1 span {
      display: block;
      font-size: 1.7rem; }
  /* line 31, /container/application/assets/styles/components/_fullbleed.scss */
  .fullbleed-img.no-overlap {
    padding: 40px 0; }
    /* line 34, /container/application/assets/styles/components/_fullbleed.scss */
    .fullbleed-img.no-overlap h1 {
      margin: 0 auto; }
  @media (min-width: 992px) {
    /* line 6, /container/application/assets/styles/components/_fullbleed.scss */
    .fullbleed-img {
      padding: 60px 0 170px 0; }
      /* line 42, /container/application/assets/styles/components/_fullbleed.scss */
      .fullbleed-img.no-overlap {
        padding: 100px 0; }
      /* line 46, /container/application/assets/styles/components/_fullbleed.scss */
      .fullbleed-img h1 {
        font-size: 4.4rem;
        margin: 50px auto 40px auto; }
        /* line 50, /container/application/assets/styles/components/_fullbleed.scss */
        .fullbleed-img h1.large {
          font-size: 4.4rem;
          margin: 80px 0 40px 0; }
        /* line 55, /container/application/assets/styles/components/_fullbleed.scss */
        .fullbleed-img h1 span {
          display: block;
          font-size: 3.0rem; } }

/* line 1, /container/application/assets/styles/components/_image-blocks.scss */
.img-block, .img-block-two, .img-block-three, .img-block-four, .img-blockquote {
  margin: 40px auto;
  text-align: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  /* line 20, /container/application/node_modules/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
  .img-block::after, .img-block-two::after, .img-block-three::after, .img-block-four::after, .img-blockquote::after {
    clear: both;
    content: "";
    display: table; }
  @media (min-width: 992px) {
    /* line 1, /container/application/assets/styles/components/_image-blocks.scss */
    .img-block, .img-block-two, .img-block-three, .img-block-four, .img-blockquote {
      margin: 40px auto 70px auto; } }
  /* line 10, /container/application/assets/styles/components/_image-blocks.scss */
  .img-block img, .img-block-two img, .img-block-three img, .img-block-four img, .img-blockquote img {
    width: 100%; }

/* line 18, /container/application/assets/styles/components/_image-blocks.scss */
.img-block-two img {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
  /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .img-block-two img:last-child {
    margin-right: 0; }

/* line 22, /container/application/assets/styles/components/_image-blocks.scss */
.img-block-two img + img {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
  /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .img-block-two img + img:last-child {
    margin-right: 0; }

/* line 30, /container/application/assets/styles/components/_image-blocks.scss */
.img-block-three img {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%; }
  /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .img-block-three img:last-child {
    margin-right: 0; }

/* line 38, /container/application/assets/styles/components/_image-blocks.scss */
.img-block-four img {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-bottom: 20px; }
  /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
  .img-block-four img:last-child {
    margin-right: 0; }
  /* line 78, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .img-block-four img:nth-child(2n) {
    margin-right: 0; }
  /* line 83, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
  .img-block-four img:nth-child(2n+1) {
    clear: left; }

/* line 45, /container/application/assets/styles/components/_image-blocks.scss */
.img-blockquote {
  text-align: center; }
  /* line 49, /container/application/assets/styles/components/_image-blocks.scss */
  .img-blockquote img {
    width: 100%; }
  /* line 53, /container/application/assets/styles/components/_image-blocks.scss */
  .img-blockquote span {
    font-size: 1.7rem;
    font-weight: 600; }
  @media (min-width: 992px) {
    /* line 45, /container/application/assets/styles/components/_image-blocks.scss */
    .img-blockquote {
      text-align: left; }
      /* line 61, /container/application/assets/styles/components/_image-blocks.scss */
      .img-blockquote img {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%;
        margin-left: -17.05961%; }
        /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
        .img-blockquote img:last-child {
          margin-right: 0; }
      /* line 66, /container/application/assets/styles/components/_image-blocks.scss */
      .img-blockquote span {
        font-size: 3.2rem;
        line-height: 39px;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%; }
        /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
        .img-blockquote span:last-child {
          margin-right: 0; } }

/**
 * Mobile Menu button-width
 * Using the great work by Nick - https://github.com/callmenick/Animating-Hamburger-Icons
 */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
/* line 20, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.2s; }

/* line 40, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger:focus {
  outline: none; }

/* line 44, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger span {
  display: block;
  position: absolute;
  top: 18px;
  left: 5px;
  right: 5px;
  height: 4px;
  background: #f04f23; }

/* line 54, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #f04f23;
  content: ""; }

/* line 65, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger span::before {
  top: -10px; }

/* line 69, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger span::after {
  bottom: -10px; }

/**
 * Style 2
 *
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
/* line 80, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger--htx {
  background-color: white; }

/* line 84, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger--htx span {
  transition: background 0s 0.2s; }

/* line 88, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.2s, 0.2s;
  transition-delay: 0.2s, 0s; }

/* line 94, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger--htx span::before {
  transition-property: top, transform; }

/* line 98, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger--htx span::after {
  transition-property: bottom, transform; }

/* active state, i.e. menu open */
/* line 104, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger--htx.is-active {
  background-color: white; }

/* line 108, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger--htx.is-active span {
  background: none; }

/* line 112, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg); }

/* line 117, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg); }

/* line 122, /container/application/assets/styles/components/_mobile-menu.scss */
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.2s; }

/**
 * People List
 * This is the layout of a small circle thumbnail with a persons information that is used in a few different places in the site.
 * For example the why SiteHost section and testimonials pullout. Not used on the team page though, that's a different layout.
 */
/* line 6, /container/application/assets/styles/components/_people-list.scss */
.people-list {
  padding: 0;
  list-style: none;
  margin: 40px auto 0 auto;
  font-size: 1.4rem;
  text-align: center;
  display: inline-block; }
  /* line 16, /container/application/assets/styles/components/_people-list.scss */
  .people-list img {
    width: 90px;
    margin: 0 0 10px 0; }
  /* line 21, /container/application/assets/styles/components/_people-list.scss */
  .people-list span {
    display: block; }
  /* line 25, /container/application/assets/styles/components/_people-list.scss */
  .people-list .position {
    margin: 0 0 15px 0;
    color: #587484; }
  /* line 30, /container/application/assets/styles/components/_people-list.scss */
  .people-list li {
    float: left;
    cursor: default; }
  /* line 35, /container/application/assets/styles/components/_people-list.scss */
  .people-list .tooltip {
    width: 95%;
    padding: 20px;
    position: relative;
    background: white;
    font-size: 1.4rem;
    margin: 30px auto 50px auto;
    box-shadow: 0 6px 4px -4px #d1d7dd; }
    /* line 44, /container/application/assets/styles/components/_people-list.scss */
    .people-list .tooltip::before {
      width: 0;
      left: 50%;
      height: 0;
      content: '';
      bottom: 100%;
      position: absolute;
      margin-left: -12px;
      border-bottom: 12px solid white;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent; }
  @media (min-width: 992px) {
    /* line 60, /container/application/assets/styles/components/_people-list.scss */
    .people-list li {
      margin: 0 30px 0 0;
      position: relative; }
      /* line 64, /container/application/assets/styles/components/_people-list.scss */
      .people-list li:last-child {
        margin-right: 0; }
    /* line 69, /container/application/assets/styles/components/_people-list.scss */
    .people-list .tooltip {
      left: 50%;
      margin-left: -135px;
      width: 270px;
      display: none;
      position: absolute; } }

/**
 * Feature List
 * Summarised list of key features with the option to expand them for more detail. Used on our product
 * and service pages.
 */
/* line 7, /container/application/assets/styles/components/_features.scss */
.features {
  background: #f4f4f4; }
  /* line 10, /container/application/assets/styles/components/_features.scss */
  .features > h3 {
    margin: 0;
    color: white;
    padding: 50px 0;
    font-size: 2.2rem;
    text-align: center;
    background: #7dc535; }
  /* line 19, /container/application/assets/styles/components/_features.scss */
  .features .wrapper-grid {
    padding: 30px 0; }
  @media (min-width: 992px) {
    /* line 25, /container/application/assets/styles/components/_features.scss */
    .features .wrapper-grid {
      padding: 70px 0; } }

/* line 33, /container/application/assets/styles/components/_features.scss */
.feature {
  margin: 0 0 50px 0;
  padding: 0 10px;
  text-align: center; }
  /* line 38, /container/application/assets/styles/components/_features.scss */
  .feature i {
    margin-right: 5px;
    font-size: 28px;
    vertical-align: middle;
    color: #2f3e47; }
  /* line 45, /container/application/assets/styles/components/_features.scss */
  .feature p {
    margin: 0; }
  @media (min-width: 992px) {
    /* line 33, /container/application/assets/styles/components/_features.scss */
    .feature {
      text-align: left;
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%; }
      /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
      .feature:last-child {
        margin-right: 0; }
      /* line 78, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
      .feature:nth-child(3n) {
        margin-right: 0; }
      /* line 83, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
      .feature:nth-child(3n+1) {
        clear: left; } }

/**
 * FAQ
 * Module that can be used on any product or service page to answer common questions.
 */
/* line 6, /container/application/assets/styles/components/_faq.scss */
.faq {
  color: white;
  text-align: center;
  padding: 50px 0 25px 0;
  background: #2f3e47; }
  /* line 12, /container/application/assets/styles/components/_faq.scss */
  .faq h3 {
    vertical-align: top;
    display: inline-block; }
  /* line 17, /container/application/assets/styles/components/_faq.scss */
  .faq .btn-expand {
    float: none;
    display: inline-block; }
  /* line 22, /container/application/assets/styles/components/_faq.scss */
  .faq ul {
    padding: 0;
    text-align: left;
    list-style: none;
    margin: 50px 0 0 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    /* line 20, /container/application/node_modules/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
    .faq ul::after {
      clear: both;
      content: "";
      display: table; }
  /* line 30, /container/application/assets/styles/components/_faq.scss */
  .faq li {
    margin: 0 0 20px 0; }
  @media (min-width: 992px) {
    /* line 36, /container/application/assets/styles/components/_faq.scss */
    .faq .btn-expand {
      margin: -18px 0 0 40px; }
    /* line 40, /container/application/assets/styles/components/_faq.scss */
    .faq li {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%; }
      /* line 78, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
      .faq li:nth-child(2n) {
        margin-right: 0; }
      /* line 83, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
      .faq li:nth-child(2n+1) {
        clear: left; }
      /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
      .faq li:last-child {
        margin-right: 0; }
      /* line 44, /container/application/assets/styles/components/_faq.scss */
      .faq li:nth-child(even) {
        padding-left: 30px; } }

/**
 * News Previews
 * A simple component that we use throughout the site to display new previews. Used in pullouts
 * and the blog pages.
 */
/* line 8, /container/application/assets/styles/components/_news-preview.scss */
.news .category {
  opacity: 0.5;
  display: block;
  margin: 0 0 5px 0;
  font-size: 1.2rem;
  text-transform: uppercase; }

/* line 16, /container/application/assets/styles/components/_news-preview.scss */
.news .column {
  text-align: left;
  margin: 0 0 50px 0; }

/* line 21, /container/application/assets/styles/components/_news-preview.scss */
.news img {
  width: 100%; }

/* line 25, /container/application/assets/styles/components/_news-preview.scss */
.news h3 {
  width: 90%;
  font-size: 1.7rem;
  padding: 15px 15px 15px 0;
  background-color: white;
  margin: -10% 0 0 0;
  position: relative; }
  /* line 33, /container/application/assets/styles/components/_news-preview.scss */
  .news h3 a {
    color: #2f3e47; }
    /* line 36, /container/application/assets/styles/components/_news-preview.scss */
    .news h3 a:hover {
      color: #199ad6; }

/* line 42, /container/application/assets/styles/components/_news-preview.scss */
.news .more {
  font-size: 1.7rem; }

@media (min-width: 376px) {
  /* line 49, /container/application/assets/styles/components/_news-preview.scss */
  .news .column {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    /* line 78, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
    .news .column:nth-child(2n) {
      margin-right: 0; }
    /* line 83, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
    .news .column:nth-child(2n+1) {
      clear: left; }
    /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
    .news .column:last-child {
      margin-right: 0; } }

@media (min-width: 992px) {
  /* line 59, /container/application/assets/styles/components/_news-preview.scss */
  .news .column {
    display: block;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
    .news .column:last-child {
      margin-right: 0; }
    /* line 5, /container/application/assets/styles/utilities/_mixins.scss */
    .news .column:nth-child(2n) {
      margin-right: 2.35765%; }
    /* line 6, /container/application/assets/styles/utilities/_mixins.scss */
    .news .column:nth-child(2n+1) {
      clear: none; }
    /* line 78, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
    .news .column:nth-child(3n) {
      margin-right: 0; }
    /* line 83, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
    .news .column:nth-child(3n+1) {
      clear: left; } }

/* line 68, /container/application/assets/styles/components/_news-preview.scss */
.news.news-latest {
  margin: 10px 0 0 0; }
  /* line 72, /container/application/assets/styles/components/_news-preview.scss */
  .news.news-latest .categories {
    display: none; }
  @media (min-width: 992px) {
    /* line 68, /container/application/assets/styles/components/_news-preview.scss */
    .news.news-latest {
      margin: 70px 0 80px 0; }
      /* line 79, /container/application/assets/styles/components/_news-preview.scss */
      .news.news-latest .latest {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%; }
        /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
        .news.news-latest .latest:last-child {
          margin-right: 0; }
        /* line 82, /container/application/assets/styles/components/_news-preview.scss */
        .news.news-latest .latest h3 {
          font-size: 3.6rem; }
      /* line 87, /container/application/assets/styles/components/_news-preview.scss */
      .news.news-latest .categories {
        display: block;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%; }
        /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
        .news.news-latest .categories:last-child {
          margin-right: 0; }
        /* line 91, /container/application/assets/styles/components/_news-preview.scss */
        .news.news-latest .categories h4 {
          margin: 15px 0 0 0;
          font-size: 2.2rem; } }

/**
 * Why SiteHost
 * This the big teaser that appears at the top of product and services pages and highlights three
 * of our points that make us a bit different.
 */
/* line 6, /container/application/assets/styles/components/_why.scss */
.why-sitehost {
  color: #343e48;
  padding: 10px 0 50px 0; }
  /* line 10, /container/application/assets/styles/components/_why.scss */
  .why-sitehost .reason-wrapper {
    padding: 50px 0;
    margin-top: -150px;
    background: white;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  /* line 20, /container/application/assets/styles/components/_why.scss */
  .why-sitehost .reason-intro {
    padding: 0 30px;
    margin: 0 0 50px 0; }
    /* line 24, /container/application/assets/styles/components/_why.scss */
    .why-sitehost .reason-intro p {
      margin: 0 0 30px 0; }
    /* line 28, /container/application/assets/styles/components/_why.scss */
    .why-sitehost .reason-intro .icon {
      height: 70px;
      display: block;
      text-align: center;
      margin: 0 0 30px 0; }
      /* line 34, /container/application/assets/styles/components/_why.scss */
      .why-sitehost .reason-intro .icon img {
        height: 100%; }
    /* line 40, /container/application/assets/styles/components/_why.scss */
    .why-sitehost .reason-intro:last-child .icon img {
      height: 80%; }
  /* line 46, /container/application/assets/styles/components/_why.scss */
  .why-sitehost .expanded-wrapper {
    background: #f5f5f5; }
  /* line 51, /container/application/assets/styles/components/_why.scss */
  .why-sitehost .reason-expanded {
    display: none;
    margin: 0 auto;
    padding: 50px 0;
    max-width: 690px;
    margin-left: auto;
    margin-right: auto; }
    /* line 20, /container/application/node_modules/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
    .why-sitehost .reason-expanded::after {
      clear: both;
      content: "";
      display: table; }
  /* line 58, /container/application/assets/styles/components/_why.scss */
  .why-sitehost h3 {
    font-size: 2.2rem; }
  /* line 62, /container/application/assets/styles/components/_why.scss */
  .why-sitehost .break {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto; }
    /* line 20, /container/application/node_modules/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
    .why-sitehost .break::after {
      clear: both;
      content: "";
      display: table; }
  /* line 66, /container/application/assets/styles/components/_why.scss */
  .why-sitehost .talk {
    text-align: left; }
  /* line 72, /container/application/assets/styles/components/_why.scss */
  .why-sitehost .people li:nth-child(n+4) {
    display: none; }
  /* line 77, /container/application/assets/styles/components/_why.scss */
  .why-sitehost .updated {
    color: #788b9d; }
  @media (min-width: 992px) {
    /* line 83, /container/application/assets/styles/components/_why.scss */
    .why-sitehost .reason-wrapper {
      margin-top: -200px; }
    /* line 87, /container/application/assets/styles/components/_why.scss */
    .why-sitehost .column {
      width: 50%;
      float: left; }
      /* line 91, /container/application/assets/styles/components/_why.scss */
      .why-sitehost .column:first-child {
        margin-right: 0;
        padding: 0 90px 0 0;
        border-right: 1px solid #d1d7dd; }
    /* line 101, /container/application/assets/styles/components/_why.scss */
    .why-sitehost .people {
      padding-bottom: 180px; }
      /* line 104, /container/application/assets/styles/components/_why.scss */
      .why-sitehost .people li {
        padding-bottom: 20px; }
      /* line 109, /container/application/assets/styles/components/_why.scss */
      .why-sitehost .people li:nth-child(n+4) {
        display: block; }
    /* line 114, /container/application/assets/styles/components/_why.scss */
    .why-sitehost .reasons {
      padding: 50px;
      margin-top: -140px; }
    /* line 119, /container/application/assets/styles/components/_why.scss */
    .why-sitehost .reason-intro {
      margin-bottom: 0;
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%; }
      /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
      .why-sitehost .reason-intro:last-child {
        margin-right: 0; } }

/**
 * Header
 * Styles for the global header that lives on every page of the website.
*/
/* line 6, /container/application/assets/styles/layout/_header.scss */
.main-header {
  top: 0;
  width: 100%;
  z-index: 10;
  height: 62px;
  padding: 10px 0;
  position: fixed;
  background: white;
  text-align: center;
  border-bottom: 2px solid #f04f23; }
  /* line 17, /container/application/assets/styles/layout/_header.scss */
  .main-header .content-wrapper, .main-header .pricing-group, .main-header .panels, .main-header .why-sitehost .reason-wrapper, .why-sitehost .main-header .reason-wrapper, .main-header .why-sitehost .expanded-wrapper, .why-sitehost .main-header .expanded-wrapper, .main-header .three-hero, .main-header .statement {
    max-width: 1280px; }
  /* line 21, /container/application/assets/styles/layout/_header.scss */
  .main-header .logo {
    float: left;
    width: 44px;
    height: 40px;
    background: #f04f23; }
  /* line 28, /container/application/assets/styles/layout/_header.scss */
  .main-header .logo {
    text-indent: -9999px;
    background: url(../img/logo-symbol.svg) no-repeat center center;
    background-size: 44px 40px;
    -webkit-transition: opacity 0.2s ease-in 0s;
    -moz-transition: opacity 0.2s ease-in 0s;
    transition: opacity 0.2s ease-in 0s; }
    /* line 34, /container/application/assets/styles/layout/_header.scss */
    .main-header .logo:hover {
      opacity: 0.8; }
  /* line 39, /container/application/assets/styles/layout/_header.scss */
  .main-header .btn-phone {
    display: inline-block; }
  /* line 43, /container/application/assets/styles/layout/_header.scss */
  .main-header #js-mobile-menu {
    float: right; }
  /* line 47, /container/application/assets/styles/layout/_header.scss */
  .main-header .actions {
    display: none; }
  @media (min-width: 992px) {
    /* line 6, /container/application/assets/styles/layout/_header.scss */
    .main-header {
      height: 102px;
      padding: 20px; }
      /* line 55, /container/application/assets/styles/layout/_header.scss */
      .main-header #js-mobile-menu {
        display: none; }
      /* line 59, /container/application/assets/styles/layout/_header.scss */
      .main-header .btn-phone {
        display: none; }
      /* line 63, /container/application/assets/styles/layout/_header.scss */
      .main-header .logo {
        left: 50%;
        height: 60px;
        width: 145px;
        margin-left: -72px;
        position: absolute;
        text-indent: -9999px;
        background: url(../img/logo-vertical.svg) no-repeat center center;
        background-size: 145px 60px;
        -webkit-transition: opacity 0.2s ease-in 0s;
        -moz-transition: opacity 0.2s ease-in 0s;
        transition: opacity 0.2s ease-in 0s; }
        /* line 74, /container/application/assets/styles/layout/_header.scss */
        .main-header .logo:hover {
          opacity: 0.8; }
      /* line 79, /container/application/assets/styles/layout/_header.scss */
      .main-header .actions {
        float: right;
        display: block;
        line-height: 60px;
        font-size: 1.2rem; }
        /* line 85, /container/application/assets/styles/layout/_header.scss */
        .main-header .actions span {
          line-height: 40px;
          font-size: 1.4rem;
          line-height: 25px;
          margin: 0 20px 0 0;
          padding: 0 20px 0 0;
          display: inline-block;
          color: #2f3e47;
          border-right: 1px solid #d1d7dd; } }

/**
 * Footer
 * Styles for the global footer that lives on every page of the website.
*/
/* line 5, /container/application/assets/styles/layout/_footer.scss */
.main-footer {
  background: #1b2429;
  padding: 50px 0 200px 0; }
  /* line 9, /container/application/assets/styles/layout/_footer.scss */
  .main-footer .content-wrapper, .main-footer .pricing-group, .main-footer .panels, .main-footer .why-sitehost .reason-wrapper, .why-sitehost .main-footer .reason-wrapper, .main-footer .why-sitehost .expanded-wrapper, .why-sitehost .main-footer .expanded-wrapper, .main-footer .three-hero, .main-footer .statement {
    max-width: 1280px; }
  /* line 13, /container/application/assets/styles/layout/_footer.scss */
  .main-footer .logo {
    width: 189px;
    height: 16px;
    display: block;
    margin-top: 25px;
    text-indent: -9999px;
    background: url(../img/logo-horizontal.svg) center center no-repeat;
    background-size: 189px 16px;
    -webkit-transition: opacity 0.2s ease-in 0s;
    -moz-transition: opacity 0.2s ease-in 0s;
    transition: opacity 0.2s ease-in 0s; }
    /* line 23, /container/application/assets/styles/layout/_footer.scss */
    .main-footer .logo:hover {
      opacity: 0.8; }

/* line 29, /container/application/assets/styles/layout/_footer.scss */
.navigation-footer {
  margin: 0 0 40px 0;
  font-weight: 400; }
  /* line 35, /container/application/assets/styles/layout/_footer.scss */
  .navigation-footer:hover h6 {
    border-color: #f04f23;
    color: #a1a6a8; }
  /* line 41, /container/application/assets/styles/layout/_footer.scss */
  .navigation-footer h6 {
    color: #6d7376;
    font-size: 1.7rem;
    margin: 0 0 22px 0;
    padding: 0 0 10px 0;
    font-weight: 600;
    border-bottom: 1px solid #2f3e47;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  /* line 51, /container/application/assets/styles/layout/_footer.scss */
  .navigation-footer ul {
    margin: 0;
    padding: 0; }
  /* line 56, /container/application/assets/styles/layout/_footer.scss */
  .navigation-footer li {
    list-style: none;
    font-size: 1.4rem;
    line-height: 1.4em; }
    /* line 61, /container/application/assets/styles/layout/_footer.scss */
    .navigation-footer li a {
      color: #6d7376; }
      /* line 64, /container/application/assets/styles/layout/_footer.scss */
      .navigation-footer li a:hover {
        color: white; }
  @media (min-width: 992px) {
    /* line 29, /container/application/assets/styles/layout/_footer.scss */
    .navigation-footer {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 14.70196%; }
      /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
      .navigation-footer:last-child {
        margin-right: 0; } }

/* line 76, /container/application/assets/styles/layout/_footer.scss */
.pre-footer {
  color: white;
  padding: 30px 10px;
  font-size: 1.7rem;
  text-align: center;
  background: #2f3e47;
  font-weight: 600; }
  /* line 84, /container/application/assets/styles/layout/_footer.scss */
  .pre-footer i {
    font-size: inherit;
    vertical-align: middle; }
  /* line 89, /container/application/assets/styles/layout/_footer.scss */
  .pre-footer a {
    margin-left: 5px; }
  /* line 93, /container/application/assets/styles/layout/_footer.scss */
  .pre-footer a:hover {
    color: #686e71; }
  @media (min-width: 992px) {
    /* line 76, /container/application/assets/styles/layout/_footer.scss */
    .pre-footer {
      font-size: 2.2rem; } }

/**
 * Main Navigation
 * Turns out the navigations require a lot of code these days. On mobile our navigation is hidden under a menu
 * button, but on larger screens the top level appears at the top of page, while the second level is hidden
 * under a hover/tap. Lots of little weird tricks in here. Sorry.
 *
 * Animation and visibility is all controlled via javascript after various complications trying to do it
 * with pure CSS across all screen sizes.
 */
/* line 10, /container/application/assets/styles/layout/_navigation.scss */
.navigation-wrapper {
  left: 0;
  top: 62px;
  width: 100%;
  display: none;
  text-align: left;
  background: white;
  position: absolute;
  padding: 20px 10px 30px 10px;
  border-bottom: 2px solid #f04f23; }
  /* line 21, /container/application/assets/styles/layout/_navigation.scss */
  .navigation-wrapper .navigation-main {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.7rem;
    font-weight: bold; }
  /* line 30, /container/application/assets/styles/layout/_navigation.scss */
  .navigation-wrapper .btn, .navigation-wrapper .btn-green, .navigation-wrapper .btn-orange, .navigation-wrapper .btn-white, .navigation-wrapper .btn-solid, .navigation-wrapper .btn-solid-green, .navigation-wrapper .btn-solid-dark-green, .navigation-wrapper .btn-solid-orange {
    width: 46%;
    float: left;
    margin: 30px 0 0 0;
    text-align: center;
    font-size: 1.4rem;
    border-color: #199ad6;
    padding: 10px 18px 12px 18px; }
    /* line 39, /container/application/assets/styles/layout/_navigation.scss */
    .navigation-wrapper .btn:last-child, .navigation-wrapper .btn-green:last-child, .navigation-wrapper .btn-orange:last-child, .navigation-wrapper .btn-white:last-child, .navigation-wrapper .btn-solid:last-child, .navigation-wrapper .btn-solid-green:last-child, .navigation-wrapper .btn-solid-dark-green:last-child, .navigation-wrapper .btn-solid-orange:last-child {
      float: right;
      border-color: #7dc535; }
    /* line 44, /container/application/assets/styles/layout/_navigation.scss */
    .navigation-wrapper .btn:hover, .navigation-wrapper .btn-green:hover, .navigation-wrapper .btn-orange:hover, .navigation-wrapper .btn-white:hover, .navigation-wrapper .btn-solid:hover, .navigation-wrapper .btn-solid-green:hover, .navigation-wrapper .btn-solid-dark-green:hover, .navigation-wrapper .btn-solid-orange:hover {
      color: white; }
  /* line 49, /container/application/assets/styles/layout/_navigation.scss */
  .navigation-wrapper li {
    margin: 0; }
  /* line 53, /container/application/assets/styles/layout/_navigation.scss */
  .navigation-wrapper a {
    display: block;
    padding: 10px 0;
    color: #2f3e47;
    border-bottom: 1px solid #d1d7dd; }
    /* line 59, /container/application/assets/styles/layout/_navigation.scss */
    .navigation-wrapper a:hover {
      color: #f04f23; }
  /* line 64, /container/application/assets/styles/layout/_navigation.scss */
  .navigation-wrapper .selected > a {
    color: #f04f23; }
  /* line 68, /container/application/assets/styles/layout/_navigation.scss */
  .navigation-wrapper .navigation-sub {
    padding: 0;
    z-index: 5;
    display: none;
    list-style: none;
    margin: 10px 0 0 0;
    font-weight: normal; }
    /* line 76, /container/application/assets/styles/layout/_navigation.scss */
    .navigation-wrapper .navigation-sub .content-wrapper, .navigation-wrapper .navigation-sub .pricing-group, .navigation-wrapper .navigation-sub .panels, .navigation-wrapper .navigation-sub .why-sitehost .reason-wrapper, .why-sitehost .navigation-wrapper .navigation-sub .reason-wrapper, .navigation-wrapper .navigation-sub .why-sitehost .expanded-wrapper, .why-sitehost .navigation-wrapper .navigation-sub .expanded-wrapper, .navigation-wrapper .navigation-sub .three-hero, .navigation-wrapper .navigation-sub .statement {
      padding: 0; }
    /* line 80, /container/application/assets/styles/layout/_navigation.scss */
    .navigation-wrapper .navigation-sub.open {
      z-index: 10; }
    /* line 84, /container/application/assets/styles/layout/_navigation.scss */
    .navigation-wrapper .navigation-sub a {
      border-bottom: none; }
    /* line 88, /container/application/assets/styles/layout/_navigation.scss */
    .navigation-wrapper .navigation-sub .ss-icon {
      display: none;
      font-size: 1.2rem;
      font-weight: 600; }
    /* line 94, /container/application/assets/styles/layout/_navigation.scss */
    .navigation-wrapper .navigation-sub p {
      margin: 0;
      display: none;
      font-size: 1.4rem;
      line-height: 1.4em; }
  @media (min-width: 992px) {
    /* line 10, /container/application/assets/styles/layout/_navigation.scss */
    .navigation-wrapper {
      top: auto;
      padding: 0;
      width: auto;
      float: left;
      display: block;
      position: static;
      border-bottom: none; }
      /* line 111, /container/application/assets/styles/layout/_navigation.scss */
      .navigation-wrapper .navigation-main {
        font-size: 1.4rem;
        line-height: 60px;
        font-weight: normal;
        text-transform: uppercase; }
      /* line 118, /container/application/assets/styles/layout/_navigation.scss */
      .navigation-wrapper .btn, .navigation-wrapper .btn-green, .navigation-wrapper .btn-orange, .navigation-wrapper .btn-white, .navigation-wrapper .btn-solid, .navigation-wrapper .btn-solid-green, .navigation-wrapper .btn-solid-dark-green, .navigation-wrapper .btn-solid-orange {
        display: none; }
      /* line 122, /container/application/assets/styles/layout/_navigation.scss */
      .navigation-wrapper li {
        margin: 0 25px 0 0;
        display: inline-block; }
      /* line 127, /container/application/assets/styles/layout/_navigation.scss */
      .navigation-wrapper a {
        padding: 0;
        border-bottom: none; }
      /* line 132, /container/application/assets/styles/layout/_navigation.scss */
      .navigation-wrapper .navigation-sub {
        left: 0;
        margin: 0;
        top: 102px;
        width: 100%;
        position: absolute;
        background: white;
        text-transform: none;
        padding: 60px 60px 20px 60px;
        border-bottom: 2px solid #f04f23; }
        /* line 143, /container/application/assets/styles/layout/_navigation.scss */
        .navigation-wrapper .navigation-sub li {
          margin: 0;
          width: 33%;
          float: left;
          padding: 0 50px 40px 0; }
        /* line 150, /container/application/assets/styles/layout/_navigation.scss */
        .navigation-wrapper .navigation-sub h5 {
          line-height: 1em;
          font-weight: bold;
          font-size: 2.2rem;
          margin: 0 0 10px 0;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
        /* line 158, /container/application/assets/styles/layout/_navigation.scss */
        .navigation-wrapper .navigation-sub a:hover h5 {
          color: #f04f23; }
        /* line 162, /container/application/assets/styles/layout/_navigation.scss */
        .navigation-wrapper .navigation-sub .ss-icon {
          display: inline-block; }
        /* line 166, /container/application/assets/styles/layout/_navigation.scss */
        .navigation-wrapper .navigation-sub p {
          display: block; } }

/**
 * Category Navigation
 */
/* line 179, /container/application/assets/styles/layout/_navigation.scss */
.navigation-category {
  margin: 20px 0;
  padding: 15px 0 10px 0;
  list-style: none;
  border-top: 2px solid #343e48;
  border-bottom: 2px solid #343e48; }
  /* line 186, /container/application/assets/styles/layout/_navigation.scss */
  .navigation-category li {
    padding: 5px 0 15px 0;
    border-bottom: 1px solid #d1d7dd; }
    /* line 190, /container/application/assets/styles/layout/_navigation.scss */
    .navigation-category li:last-child {
      padding: 5px 0 0 0;
      border-bottom: none; }
  /* line 196, /container/application/assets/styles/layout/_navigation.scss */
  .navigation-category a {
    display: block;
    color: #343e48; }
  /* line 201, /container/application/assets/styles/layout/_navigation.scss */
  .navigation-category span {
    float: right; }

/**
 * Pullout
 * These are our large feature pullout areas, used for testimonials, stats, profiles
 * and anything else we want. Defaults to blue the same as the majority of website
 * but there are various colour and layout options.
 */
/* line 7, /container/application/assets/styles/layout/_pullout.scss */
.pullout, .pullout-green, .pullout-white, .pullout-light, .pullout-dark {
  color: white;
  font-size: 1.4rem;
  text-align: center;
  padding: 70px 10px 100px 10px;
  background-image: url("../img/pullout-pattern.svg"), -webkit-linear-gradient(#29a6da, #1664af);
  background-image: url("../img/pullout-pattern.svg"), linear-gradient(#29a6da, #1664af);
  background-position: center center;
  background-size: cover; }
  /* line 17, /container/application/assets/styles/layout/_pullout.scss */
  .pullout h2, .pullout-green h2, .pullout-white h2, .pullout-light h2, .pullout-dark h2 {
    font-size: 2.2rem;
    margin: 0 0 15px 0; }
  /* line 22, /container/application/assets/styles/layout/_pullout.scss */
  .pullout h2 + p, .pullout-green h2 + p, .pullout-white h2 + p, .pullout-light h2 + p, .pullout-dark h2 + p {
    color: #a8e8ff;
    max-width: 535px;
    margin: 0 auto 50px auto; }
  /* line 29, /container/application/assets/styles/layout/_pullout.scss */
  .pullout p + .pullout-button-bar, .pullout-green p + .pullout-button-bar, .pullout-white p + .pullout-button-bar, .pullout-light p + .pullout-button-bar, .pullout-dark p + .pullout-button-bar {
    margin: -20px auto 50px auto; }
  @media (min-width: 992px) {
    /* line 35, /container/application/assets/styles/layout/_pullout.scss */
    .pullout h2, .pullout-green h2, .pullout-white h2, .pullout-light h2, .pullout-dark h2 {
      font-size: 3.6rem; } }

/* line 44, /container/application/assets/styles/layout/_pullout.scss */
.pullout-green {
  background-image: url("../img/pullout-pattern.svg"), -webkit-linear-gradient(#7cca3f, #5a9a1b);
  background-image: url("../img/pullout-pattern.svg"), linear-gradient(#7cca3f, #5a9a1b); }
  /* line 48, /container/application/assets/styles/layout/_pullout.scss */
  .pullout-green h2 + p {
    color: white; }

/* line 54, /container/application/assets/styles/layout/_pullout.scss */
.pullout-white {
  background: white;
  color: #2f3e47; }
  /* line 59, /container/application/assets/styles/layout/_pullout.scss */
  .pullout-white h2 + p {
    color: #2f3e47; }

/* line 65, /container/application/assets/styles/layout/_pullout.scss */
.pullout-light {
  background: #f4f4f4;
  color: #2f3e47; }
  /* line 70, /container/application/assets/styles/layout/_pullout.scss */
  .pullout-light h2 + p {
    color: #2f3e47; }

/* line 76, /container/application/assets/styles/layout/_pullout.scss */
.pullout-dark {
  color: white;
  background: #2f3e47; }
  /* line 81, /container/application/assets/styles/layout/_pullout.scss */
  .pullout-dark h2 + p {
    color: #788b9d; }

/**
* Pullout Action Bar
* Show our phone number and a contact button.
*/
/* line 92, /container/application/assets/styles/layout/_pullout.scss */
.pullout-actions span {
  display: inline-block; }

/* line 96, /container/application/assets/styles/layout/_pullout.scss */
.pullout-actions .phone {
  font-size: 2.2rem;
  margin: 0 10px 0 0; }

/* line 101, /container/application/assets/styles/layout/_pullout.scss */
.pullout-actions .or {
  font-size: 1.7rem;
  margin: 0 10px 0 0; }

/**
* Brands
* Pullout that highlights three testimonials or profiles from our customers and links to them.
*/
/* line 7, /container/application/assets/styles/layout/_pullout-brands.scss */
.brands img {
  display: block;
  width: 200px;
  height: 75px;
  margin: 0 auto 50px auto; }
  /* line 14, /container/application/assets/styles/layout/_pullout-brands.scss */
  .brands img:nth-child(n+4) {
    display: none; }

@media (min-width: 992px) {
  /* line 21, /container/application/assets/styles/layout/_pullout-brands.scss */
  .brands .brand-images {
    margin-bottom: 20px; }
  /* line 25, /container/application/assets/styles/layout/_pullout-brands.scss */
  .brands img {
    margin: 0 60px 50px 0;
    display: inline-block; }
    /* line 30, /container/application/assets/styles/layout/_pullout-brands.scss */
    .brands img:nth-child(n+4) {
      display: inline-block; } }

/**
* Metrics / Statistics
* Pullout that highlights three key statisics about us, or a product.
*/
/* line 5, /container/application/assets/styles/layout/_pullout-metrics.scss */
.stat {
  text-align: center;
  margin: 0 0 40px 0; }
  /* line 9, /container/application/assets/styles/layout/_pullout-metrics.scss */
  .stat h5 {
    margin: 0;
    color: #a8e8ff;
    font-size: 12rem; }
    /* line 14, /container/application/assets/styles/layout/_pullout-metrics.scss */
    .stat h5 span {
      display: inline;
      font-size: 3.6rem; }
  /* line 20, /container/application/assets/styles/layout/_pullout-metrics.scss */
  .stat p, .stat span {
    display: block;
    margin: 0 auto;
    max-width: 280px;
    font-weight: 300; }
  /* line 27, /container/application/assets/styles/layout/_pullout-metrics.scss */
  .stat hr {
    border: 0;
    width: 80px;
    height: 1px;
    margin: 15px auto;
    background-color: rgba(255, 255, 255, 0);
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to right,rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); }
  /* line 35, /container/application/assets/styles/layout/_pullout-metrics.scss */
  .stat .note {
    color: #a8e8ff;
    font-size: 1.4rem;
    margin-bottom: 35px; }
  /* line 41, /container/application/assets/styles/layout/_pullout-metrics.scss */
  .stat .updated {
    font-size: 1.4rem;
    color: #0fc0ff; }
  /* line 48, /container/application/assets/styles/layout/_pullout-metrics.scss */
  .stat.dark h5 {
    color: #343e48; }
  /* line 52, /container/application/assets/styles/layout/_pullout-metrics.scss */
  .stat.dark hr {
    background-color: rgba(209, 215, 221, 0);
    background-image: -webkit-linear-gradient(left, rgba(209, 215, 221, 0), #d1d7dd, rgba(209, 215, 221, 0));
    background-image: linear-gradient(to right,rgba(209, 215, 221, 0), #d1d7dd, rgba(209, 215, 221, 0)); }
  /* line 56, /container/application/assets/styles/layout/_pullout-metrics.scss */
  .stat.dark .note {
    color: #343e48; }
  /* line 60, /container/application/assets/styles/layout/_pullout-metrics.scss */
  .stat.dark .updated {
    color: #788b9d; }

@media (min-width: 992px) {
  /* line 68, /container/application/assets/styles/layout/_pullout-metrics.scss */
  .metrics .stat {
    margin: 0;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
    .metrics .stat:last-child {
      margin-right: 0; } }

/**
 * Key Questions
 * This appears at the top of product pages and usually covers three key questions about the product.
 */
/* line 5, /container/application/assets/styles/layout/_pullout-questions.scss */
.key-questions {
  margin: 10px;
  padding: 20px;
  color: white;
  text-align: left;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.1);
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }
  /* line 20, /container/application/node_modules/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
  .key-questions::after {
    clear: both;
    content: "";
    display: table; }
  /* line 14, /container/application/assets/styles/layout/_pullout-questions.scss */
  .key-questions .expand {
    padding-bottom: 20px; }
  @media (min-width: 992px) {
    /* line 5, /container/application/assets/styles/layout/_pullout-questions.scss */
    .key-questions {
      margin: 30px auto 0 auto;
      padding: 50px 50px 40px 50px; }
      /* line 22, /container/application/assets/styles/layout/_pullout-questions.scss */
      .key-questions .column {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%; }
        /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
        .key-questions .column:last-child {
          margin-right: 0; }
        /* line 25, /container/application/assets/styles/layout/_pullout-questions.scss */
        .key-questions .column:last-child {
          text-align: right;
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 14.70196%; }
          /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
          .key-questions .column:last-child:last-child {
            margin-right: 0; }
      /* line 31, /container/application/assets/styles/layout/_pullout-questions.scss */
      .key-questions ul {
        margin: 0;
        padding: 0; }
      /* line 36, /container/application/assets/styles/layout/_pullout-questions.scss */
      .key-questions li {
        width: 48%;
        margin: 0 0 15px 0;
        padding: 0 0 0 0.8em;
        display: inline-block;
        vertical-align: top; }
        /* line 45, /container/application/assets/styles/layout/_pullout-questions.scss */
        .key-questions li:before {
          content: '\2022';
          margin: 0 0.5em 0 -0.8em; }
        /* line 50, /container/application/assets/styles/layout/_pullout-questions.scss */
        .key-questions li:nth-child(even) {
          width: 49%;
          margin-left: 2%; }
      /* line 56, /container/application/assets/styles/layout/_pullout-questions.scss */
      .key-questions .btn-expand {
        margin-top: 25px; } }

/**
 * Case Study
 * Pullout that is used for highlighting a case study.
 */
/* line 5, /container/application/assets/styles/layout/_pullout-study.scss */
.study {
  background-image: url("../img/pullout-pattern-circle.png"), -webkit-linear-gradient(#7cca3f, #5a9a1b);
  background-image: url("../img/pullout-pattern-circle.png"), linear-gradient(#7cca3f, #5a9a1b);
  background-position: top left; }
  /* line 9, /container/application/assets/styles/layout/_pullout-study.scss */
  .study h2 {
    max-width: 900px;
    text-align: left;
    margin-bottom: 30px; }
  /* line 15, /container/application/assets/styles/layout/_pullout-study.scss */
  .study h2 + p {
    text-align: left;
    margin: 0 0 30px 0; }
  /* line 20, /container/application/assets/styles/layout/_pullout-study.scss */
  .study .btn-solid, .study .btn-solid-green, .study .btn-solid-dark-green, .study .btn-solid-orange {
    float: left; }
  /* line 24, /container/application/assets/styles/layout/_pullout-study.scss */
  .study .highlight {
    color: #336500; }

/**
* Testimonials
* Pullout that highlights three testimonials or profiles from our customers and links to them.
*/
/* line 7, /container/application/assets/styles/layout/_pullout-testimonials.scss */
.testimonials .profile {
  margin: 0 0 40px 0; }
  /* line 10, /container/application/assets/styles/layout/_pullout-testimonials.scss */
  .testimonials .profile span {
    display: block;
    font-size: 1.4rem;
    margin-bottom: 5px; }

/* line 17, /container/application/assets/styles/layout/_pullout-testimonials.scss */
.testimonials .surround-link {
  color: #2f3e47; }

/* line 21, /container/application/assets/styles/layout/_pullout-testimonials.scss */
.testimonials img {
  max-width: 120px;
  margin: 0 0 10px 0; }

/* line 26, /container/application/assets/styles/layout/_pullout-testimonials.scss */
.testimonials .position {
  color: #8ea6b4; }

/* line 30, /container/application/assets/styles/layout/_pullout-testimonials.scss */
.testimonials blockquote {
  font-weight: 300; }
  /* line 33, /container/application/assets/styles/layout/_pullout-testimonials.scss */
  .testimonials blockquote:before, .testimonials blockquote:after {
    display: block;
    font-size: 6.0rem;
    color: #199ad6;
    line-height: 1.0rem;
    font-family: Arial, sans-serif; }
  /* line 41, /container/application/assets/styles/layout/_pullout-testimonials.scss */
  .testimonials blockquote:before {
    content: '\201C';
    margin: 40px 0 0 0; }
  /* line 46, /container/application/assets/styles/layout/_pullout-testimonials.scss */
  .testimonials blockquote:after {
    content: '\201D';
    margin: 35px 0 0 0; }

@media (min-width: 992px) {
  /* line 57, /container/application/assets/styles/layout/_pullout-testimonials.scss */
  .testimonials .profile {
    margin: 0;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
    .testimonials .profile:last-child {
      margin-right: 0; } }

/**
* Home
* Styles unique to the homepage. If you end up reusing something in here on another page it should probably
* be abstracted out at that point.
*/
/* line 11, /container/application/assets/styles/pages/_home.scss */
.fullbleed-img + .three-hero {
  margin-top: -55px; }

/* line 15, /container/application/assets/styles/pages/_home.scss */
.three-hero .hero-box {
  display: block;
  border-radius: 3px;
  margin: 0 0 20px 0;
  text-align: center;
  background: white;
  color: #2f3e47;
  padding: 50px 25px 25px 25px;
  border: 1px solid #d1d7dd; }
  /* line 25, /container/application/assets/styles/pages/_home.scss */
  .three-hero .hero-box h3 {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  /* line 29, /container/application/assets/styles/pages/_home.scss */
  .three-hero .hero-box:hover {
    border-color: #f04f23; }
    /* line 32, /container/application/assets/styles/pages/_home.scss */
    .three-hero .hero-box:hover h3 {
      color: #f04f23; }
    /* line 36, /container/application/assets/styles/pages/_home.scss */
    .three-hero .hero-box:hover.blue {
      border-color: #199ad6; }
      /* line 39, /container/application/assets/styles/pages/_home.scss */
      .three-hero .hero-box:hover.blue h3 {
        color: #199ad6; }
    /* line 44, /container/application/assets/styles/pages/_home.scss */
    .three-hero .hero-box:hover.green {
      border-color: #7dc535; }
      /* line 47, /container/application/assets/styles/pages/_home.scss */
      .three-hero .hero-box:hover.green h3 {
        color: #7dc535; }
  /* line 53, /container/application/assets/styles/pages/_home.scss */
  .three-hero .hero-box img {
    height: 50px;
    display: block;
    margin: 0 auto 20px auto; }
  /* line 59, /container/application/assets/styles/pages/_home.scss */
  .three-hero .hero-box i {
    display: block;
    font-size: 1.7rem;
    margin: 0 0 10px 0; }

@media (min-width: 992px) {
  /* line 8, /container/application/assets/styles/pages/_home.scss */
  .three-hero {
    padding: 0; }
    /* line 70, /container/application/assets/styles/pages/_home.scss */
    .fullbleed-img + .three-hero {
      margin-top: -105px; }
    /* line 74, /container/application/assets/styles/pages/_home.scss */
    .three-hero .hero-box {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%; }
      /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
      .three-hero .hero-box:last-child {
        margin-right: 0; }
      /* line 77, /container/application/assets/styles/pages/_home.scss */
      .three-hero .hero-box:last-child {
        margin-right: 0; } }

/* line 87, /container/application/assets/styles/pages/_home.scss */
.create-account label {
  color: white;
  font-weight: 400;
  font-size: 1.4rem; }

/* line 93, /container/application/assets/styles/pages/_home.scss */
.create-account input {
  color: white;
  border-color: white; }

@media (min-width: 992px) {
  /* line 100, /container/application/assets/styles/pages/_home.scss */
  .create-account .field-group {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    /* line 5, /container/application/assets/styles/utilities/_mixins.scss */
    .create-account .field-group:nth-child(2n) {
      margin-right: 2.35765%; }
    /* line 6, /container/application/assets/styles/utilities/_mixins.scss */
    .create-account .field-group:nth-child(2n+1) {
      clear: none; }
    /* line 78, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
    .create-account .field-group:nth-child(3n) {
      margin-right: 0; }
    /* line 83, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
    .create-account .field-group:nth-child(3n+1) {
      clear: left; }
    /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
    .create-account .field-group:last-child {
      margin-right: 0; }
  /* line 106, /container/application/assets/styles/pages/_home.scss */
  .create-account button {
    margin-top: 30px; } }

/* line 113, /container/application/assets/styles/pages/_home.scss */
.statement {
  margin: 40px auto;
  padding: 0 20px;
  text-align: center; }
  /* line 119, /container/application/assets/styles/pages/_home.scss */
  .statement p {
    color: #303e47;
    margin: 0 auto;
    max-width: 690px;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.6em; }
  @media (min-width: 992px) {
    /* line 113, /container/application/assets/styles/pages/_home.scss */
    .statement {
      margin: 80px auto; } }

/* line 134, /container/application/assets/styles/pages/_home.scss */
.offering {
  padding: 20px;
  text-align: center;
  background: #f4f4f4; }
  /* line 140, /container/application/assets/styles/pages/_home.scss */
  .offering .column:first-child h3 {
    color: #7dc535; }
  /* line 144, /container/application/assets/styles/pages/_home.scss */
  .offering .column:first-child a {
    border-color: #7dc535; }
    /* line 147, /container/application/assets/styles/pages/_home.scss */
    .offering .column:first-child a:hover {
      border-color: #4a751f; }
  /* line 153, /container/application/assets/styles/pages/_home.scss */
  .offering h3 {
    font-size: 2.2rem;
    color: #199ad6; }
  /* line 158, /container/application/assets/styles/pages/_home.scss */
  .offering a {
    font-size: 1.7rem;
    color: #2f3e47;
    font-weight: 300;
    border-bottom: 1px solid #199ad6; }
    /* line 164, /container/application/assets/styles/pages/_home.scss */
    .offering a:hover {
      border-color: #0e587b; }
  /* line 169, /container/application/assets/styles/pages/_home.scss */
  .offering ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  /* line 175, /container/application/assets/styles/pages/_home.scss */
  .offering li {
    margin: 0 0 20px 0; }
  @media (min-width: 992px) {
    /* line 134, /container/application/assets/styles/pages/_home.scss */
    .offering {
      padding: 70px 0;
      text-align: left; }
      /* line 183, /container/application/assets/styles/pages/_home.scss */
      .offering li {
        float: left;
        margin-right: 20px; }
      /* line 188, /container/application/assets/styles/pages/_home.scss */
      .offering .column {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%; }
        /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
        .offering .column:last-child {
          margin-right: 0; } }

/* line 1, /container/application/assets/styles/pages/_team.scss */
.team {
  margin: 40px 0; }
  /* line 4, /container/application/assets/styles/pages/_team.scss */
  .team .profile {
    margin: 0 0 40px 0; }
    /* line 7, /container/application/assets/styles/pages/_team.scss */
    .team .profile span {
      display: block; }
    /* line 11, /container/application/assets/styles/pages/_team.scss */
    .team .profile .name {
      margin: 0 0 5px 0;
      font-size: 2.2rem;
      font-weight: 600;
      color: #2f3e47; }
    /* line 18, /container/application/assets/styles/pages/_team.scss */
    .team .profile .position {
      font-size: 1.4rem;
      color: #788b9d;
      line-height: 1.4rem; }
    /* line 24, /container/application/assets/styles/pages/_team.scss */
    .team .profile img {
      width: 100%;
      margin: 15px 0; }
    /* line 29, /container/application/assets/styles/pages/_team.scss */
    .team .profile p {
      margin: 0;
      padding: 0; }
  @media (min-width: 992px) {
    /* line 1, /container/application/assets/styles/pages/_team.scss */
    .team {
      margin: 100px 0 0 0; }
      /* line 39, /container/application/assets/styles/pages/_team.scss */
      .team .profile {
        padding: 0 10px;
        margin: 0 0 40px 0;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%; }
        /* line 78, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
        .team .profile:nth-child(3n) {
          margin-right: 0; }
        /* line 83, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
        .team .profile:nth-child(3n+1) {
          clear: left; }
        /* line 89, /container/application/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
        .team .profile:last-child {
          margin-right: 0; } }

/**
 * General Content Page
 * Used throughout the website for any content page that doesn't require a custom layout.
 * Also used on things like blog posts, legal pages etc.
 */
@media (min-width: 992px) {
  /* line 6, /container/application/assets/styles/pages/_general.scss */
  .general {
    padding: 8%;
    margin: -150px 8% 0 8%; } }

@media (min-width: 1200px) {
  /* line 6, /container/application/assets/styles/pages/_general.scss */
  .general {
    padding: 5% 8%;
    margin: -150px auto 0 auto; } }

@media (min-width: 992px) {
  /* line 19, /container/application/assets/styles/pages/_general.scss */
  .product {
    padding: 8%;
    margin: 0 8% 0 8%; } }

@media (min-width: 1200px) {
  /* line 19, /container/application/assets/styles/pages/_general.scss */
  .product {
    padding: 5% 8%;
    margin: 0 auto 0 auto; } }

@media (min-width: 992px) {
  /* line 32, /container/application/assets/styles/pages/_general.scss */
  .team-page {
    padding: 8% 0;
    margin: -150px 8% 0 8%; }
    /* line 38, /container/application/assets/styles/pages/_general.scss */
    .team-page .introduction {
      padding: 0 15%; } }

@media (min-width: 1200px) {
  /* line 32, /container/application/assets/styles/pages/_general.scss */
  .team-page {
    padding: 5% 0;
    margin: -150px auto 0 auto; } }

/* line 49, /container/application/assets/styles/pages/_general.scss */
article {
  margin: 0;
  line-height: 28px;
  padding: 40px 10px;
  background: white;
  border-radius: 5px;
  font-weight: 300;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto; }
  /* line 20, /container/application/node_modules/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
  article::after {
    clear: both;
    content: "";
    display: table; }
  /* line 58, /container/application/assets/styles/pages/_general.scss */
  article h2 {
    text-align: left;
    margin: 60px 0 35px 0; }
  /* line 63, /container/application/assets/styles/pages/_general.scss */
  article h4 {
    font-size: 1.9em;
    margin: 40px 0 10px 0; }
  /* line 68, /container/application/assets/styles/pages/_general.scss */
  article p, article ul {
    font-size: 1.9rem;
    line-height: 28px;
    font-weight: 300; }
  /* line 74, /container/application/assets/styles/pages/_general.scss */
  article pre {
    padding: 15px;
    font-size: 16px;
    border-radius: 3px;
    background: #f0f7ff; }
  /* line 81, /container/application/assets/styles/pages/_general.scss */
  article .introduction {
    font-size: 1.5rem;
    color: #788b9d;
    text-align: center; }
  /* line 87, /container/application/assets/styles/pages/_general.scss */
  article .author-block {
    margin: 0 0 40px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #d1d7dd; }
    /* line 92, /container/application/assets/styles/pages/_general.scss */
    article .author-block img {
      width: 40px;
      margin: 0 10px 0 0;
      vertical-align: middle; }
    /* line 98, /container/application/assets/styles/pages/_general.scss */
    article .author-block span {
      font-size: 1.4rem;
      margin: 0 20px 0 0;
      vertical-align: middle; }
    /* line 104, /container/application/assets/styles/pages/_general.scss */
    article .author-block .ss-icon {
      margin: 0 5px 0 0;
      color: #f04f23; }
  /* line 110, /container/application/assets/styles/pages/_general.scss */
  article ul {
    padding: 0 0 0 22px; }
  /* line 114, /container/application/assets/styles/pages/_general.scss */
  article table {
    margin: 40px 0;
    font-size: 1.4rem; }
    /* line 118, /container/application/assets/styles/pages/_general.scss */
    article table th {
      font-size: 1.4rem; }
  /* line 123, /container/application/assets/styles/pages/_general.scss */
  article hr {
    border: 0;
    height: 1px;
    margin: 70px auto 50px auto;
    background-color: rgba(209, 215, 221, 0.2);
    background-image: -webkit-linear-gradient(left, rgba(209, 215, 221, 0.2), #d1d7dd, rgba(209, 215, 221, 0.2));
    background-image: linear-gradient(to right,rgba(209, 215, 221, 0.2), #d1d7dd, rgba(209, 215, 221, 0.2)); }
  /* line 130, /container/application/assets/styles/pages/_general.scss */
  article .icon-row {
    text-align: center;
    margin: 0 auto 30px auto; }
    /* line 134, /container/application/assets/styles/pages/_general.scss */
    article .icon-row .ss-icon {
      margin: 0 20px;
      font-size: 3.6rem;
      font-weight: 400; }
  /* line 141, /container/application/assets/styles/pages/_general.scss */
  article blockquote {
    margin: 40px 0;
    font-size: 1.9rem;
    text-align: center;
    padding: 30px 20px;
    font-weight: 600;
    border-top: 1px solid #d1d7dd;
    border-bottom: 1px solid #d1d7dd; }
  @media (min-width: 992px) {
    /* line 152, /container/application/assets/styles/pages/_general.scss */
    article .introduction {
      font-size: 1.9em;
      line-height: 1.5em; }
    /* line 157, /container/application/assets/styles/pages/_general.scss */
    article .author-block {
      padding: 0 0 20px 0;
      margin: 40px 0 40px 0; }
      /* line 161, /container/application/assets/styles/pages/_general.scss */
      article .author-block img {
        width: 60px; }
      /* line 165, /container/application/assets/styles/pages/_general.scss */
      article .author-block span {
        font-size: 1.7rem;
        margin: 0 100px 0 0; }
        /* line 169, /container/application/assets/styles/pages/_general.scss */
        article .author-block span.topic {
          margin: 0; }
    /* line 175, /container/application/assets/styles/pages/_general.scss */
    article table {
      font-size: 1.7rem; }
      /* line 178, /container/application/assets/styles/pages/_general.scss */
      article table th {
        font-size: 1.7rem; }
    /* line 183, /container/application/assets/styles/pages/_general.scss */
    article blockquote {
      margin: 70px 0;
      padding: 60px 8%;
      font-size: 3.2rem; } }


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