@charset "UTF-8";
/*------------------------------------



------------------------------------*/
/* /* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

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

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

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

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

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

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

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

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
} */
/*------------------------------------*\
    STYLE.CSS
\*------------------------------------*/
/**
 *
 * sass --watch style.scss:style.min.css --style compressed
 *
 * Here we pull in some variables, include the inuit.css framework, then add our
 * project-specific components afterwards.
 */
/**
 * Setup
 */
/*------------------------------------*\
    VARS.SCSS
\*------------------------------------*/
/**
 * Any variables you find set in inuit.css’ `_vars.scss` that you do not wish to
 * keep, simply redefine here. This means that if inuit.css, for example, sets
 * your `$base-font-size` at 16px and you wish it to be 14px, simply redeclare
 * that variable in this file. inuit.css ignores its own variables in favour of
 * using your own, so you can completely modify how inuit.css works without ever
 * having to alter the framework itself.
 */
/*------------------------------------*\
    $OBJECTS-AND-ABSTRACTIONS
\*------------------------------------*/
/**
 * All of inuit.css’ objects and abstractions are initially turned off by
 * default. This means that you start any project with as little as possible,
 * and introducing objects and abstractions is as simple as switching the
 * following variables to `true`.
 */
/*------------------------------------*\
    $VARS
\*------------------------------------*/
/**
 * Set up project-specific variables here which are then used throughout your
 * build. These variables are automatically picked up by inuit.css so you should
 * never need to modify any framework code.
 */
/**
 * Debug mode will visually highlight any potential markup/accessibility quirks
 * in the browser. Set to `true` or `false`.
 */
/**
 * Do you want all elements to adopt `box-sizing:border-box;` as per
 * paulirish.com/2012/box-sizing-border-box-ftw ?
 */
/**
 * Base stuff
 */
/**
 * How big would you like round corners to be by default?
 */
/**
 * Responsiveness?
 * Tell inuit.css when breakpoints start, in pixels.
 */
/**
 * Font-sizes (in pixels). Refer to relevant sections for their implementations.
 */
/**
 * Brand stuff
 */
/**
 * How big would you like round corners to be by default?
 */
/*------------------------------------*\
    $Font-Colors
\*------------------------------------*/
/**
 * inuit.css will work these next ones out for you.
 *
 * Assign our `$base-line-height` to a new spacing var for more transparency.
 */
/*------------------------------------*\
    INUIT.CSS
\*------------------------------------*/
/*!*
 *
 * inuitcss.com -- @inuitcss -- @csswizardry
 *
 */
/**
 * inuit.css acts as a base stylesheet which you should extend with your own
 * theme stylesheet.
 *
 * inuit.css aims to do the heavy lifting; sorting objects and abstractions,
 * design patterns and fiddly bits of CSS, whilst leaving as much design as
 * possible to you. inuit.css is the scaffolding to your decorator.
 *
 * This stylesheet is heavily documented and contains lots of comments, please
 * take care to read and refer to them as you build. For further support please
 * tweet at @inuitcss.
 *
 * Owing to the amount of comments please only ever use minified CSS in
 * production. This file is purely a dev document.
 *
 * The table of contents below maps to section titles of the same name, to jump
 * to any section simply run a find for $[SECTION-TITLE].
 *
 * Most objects and abstractions come with a chunk of markup that you should be
 * able to paste into any view to quickly see how the CSS works in conjunction
 * with the correct HTML.
 *
 * inuit.css is written to this standard: github.com/csswizardry/CSS-Guidelines
 *
 * LICENSE
 *
 * Copyright 2013 Harry Roberts
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * Thank you for choosing inuit.css. May your web fonts render perfectly.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * CONTENTS............You’re reading it!
 * WARNING.............Here be dragons!
 * IMPORTS.............Begin importing the sections below
 *
 * MIXINS..............Super-simple Sass stuff
 * NORMALIZE...........normalize.css
 * RESET...............Set some defaults
 * CLEARFIX............
 * SHARED..............Shared declarations
 *
 * MAIN................High-level elements like `html`, `body`, etc.
 * HEADINGS............Double-stranded heading hierarchy
 * PARAGRAPHS..........
 * SMALLPRINT..........Smaller text elements like `small`
 * QUOTES..............
 * CODE................
 * LISTS...............
 * IMAGES..............
 * TABLES..............
 * FORMS...............
 *
 * GRIDS...............Fluid, proportional and nestable grids
 * FLEXBOX.............Crudely emulate flexbox
 * COLUMNS.............CSS3 columns
 * NAV.................A simple abstraction to put a list in horizontal nav mode
 * OPTIONS.............Grouped nav items
 * PAGINATION..........Very stripped back, basic paginator
 * BREADCRUMB..........Simple breadcrumb trail object
 * MEDIA...............Media object
 * MARGINALIA..........Simple marginalia content
 * ISLAND..............Boxed off content
 * BLOCK-LIST..........Blocky lists of content
 * MATRIX..............Gridded lists
 * SPLIT...............A simple split-in-two object
 * THIS-OR-THIS........Options object
 * LINK-COMPLEX........
 * FLYOUT..............Flyout-on-hover object
 * ARROWS..............CSS arrows
 * SPRITE..............Generic spriting element
 * ICON-TEXT...........Icon and text couplings
 * BEAUTONS............Use the beautons micro library
 * LOZENGES............Basic lozenge styles
 * RULES...............Horizontal rules
 * STATS...............Simple stats object
 * GREYBOX.............Wireframing styles
 *
 * WIDTHS..............Width classes for use alongside the grid system etc.
 * PUSH................Push classes for manipulating grids
 * PULL................Pull classes for manipulating grids
 * BRAND...............Helper class to apply brand treatment to elements
 * HELPER..............A series of helper classes to use arbitrarily
 * DEBUG...............Enable to add visual flags for debugging purposes
 */
/*------------------------------------*\
    $WARNING
\*------------------------------------*/
/*
 * inuit.css, being an OO framework, works in keeping with the open/closed
 * principle. The variables you set previously are now being used throughout
 * inuit.css to style everything we need for a base. Any custom styles SHOULD
 * NOT be added or modified in inuit.css directly, but added via your theme
 * stylesheet as per the open/closed principle:
 *
 * csswizardry.com/2012/06/the-open-closed-principle-applied-to-css
 *
 * Try not to edit any CSS beyond this point; if you find you need to do so
 * it is a failing of the framework so please tweet at @inuitcss.
 */
/*------------------------------------*\
    $IMPORTS
\*------------------------------------*/
/**
 * Generic utility styles etc.
 */
/*------------------------------------*\
    $DEFAULTS
\*------------------------------------*/
/**
 * inuit.css’ default variables. Redefine these in your `_vars.scss` file (found
 * in the inuit.css-web-template) to override them.
 */
/*------------------------------------*\
    $DEBUG
\*------------------------------------*/
/**
 * Debug mode will visually highlight any potential markup/accessibility quirks
 * in the browser. Set to `true` or `false`.
 */
/*------------------------------------*\
    $BORDER-BOX
\*------------------------------------*/
/**
 * Do you want all elements to adopt `box-sizing:border-box;` as per
 * paulirish.com/2012/box-sizing-border-box-ftw ?
 */
/*------------------------------------*\
    $BASE
\*------------------------------------*/
/**
 * Base stuff
 */
/**
 * Base font-family.
 */
/**
 * Default colour for objects’ borders etc.
 */
/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/
/**
 * Responsiveness?
 */
/**
 * Responsiveness for widescreen/high resolution desktop monitors and beyond?
 * Note: `$responsive` variable above must be set to true before enabling this.
 */
/**
 * Responsive push and pull produce a LOT of code, only turn them on if you
 * definitely need them.
 */
/**
 * Note: `$push` variable above must be set to true before enabling these.
 */
/**
 * Note: `$pull` variable above must be set to true before enabling these.
 */
/**
 * Tell inuit.css when breakpoints start.
 */
/*------------------------------------*\
    $FONT-SIZES
\*------------------------------------*/
/**
 * Font-sizes (in pixels). Refer to relevant sections for their implementations.
 */
/*------------------------------------*\
    $QUOTES
\*------------------------------------*/
/**
 * English quote marks?
 */
/**
 * If you want English quotes then please do not edit these; they’re only here
 * because Sass needs them.
 */
/**
 * If you need non-English quotes, please alter the following values accordingly:
 */
/*------------------------------------*\
    $BRAND
\*------------------------------------*/
/**
 * Brand stuff
 */
/**
 * How big would you like round corners to be by default?
 */
/*------------------------------------*\
    $OBJECTS AND ABSTRACTIONS
\*------------------------------------*/
/**
 * Which objects and abstractions would you like to use?
 */
/*------------------------------------*\
    $FRAMEWORK
\*------------------------------------*/
/**
 * inuit.css will work these next ones out for use within the framework.
 *
 * Assign our `$base-line-height` to a new spacing var for more transparency.
 */
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/**
 * Create a fully formed type style (sizing and vertical rhythm) by passing in a
 * single value, e.g.:
 *
   `@include font-size(10px);`
 *
 * Thanks to @redclov3r for the `line-height` Sass:
 * twitter.com/redclov3r/status/250301539321798657
 */
/**
 * Style any number of headings in one fell swoop, e.g.:
 *
   .foo{
       @include headings(1, 3){
           color:#BADA55;
       }
    }
 *
 * With thanks to @lar_zzz, @paranoida, @rowanmanning and ultimately
 * @thierrylemoulec for refining and improving my initial mixin.
 */
/**
 * Create vendor-prefixed CSS in one go, e.g.
 *
   `@include vendor(border-radius, 4px);`
 *
 */
/**
 * Create CSS keyframe animations for all vendors in one go, e.g.:
 *
   .foo{
       @include vendor(animation, shrink 3s);
   }

   @include keyframe(shrink){
       from{
           font-size:5em;
       }
   }
 *
 * Courtesy of @integralist: twitter.com/integralist/status/260484115315437569
 */
/**
 * Force overly long spans of text to truncate, e.g.:
 *
   `@include truncate(100%);`
 *
 * Where `$truncation-boundary` is a united measurement.
 */
/**
 * CSS arrows!!! But... before you read on, you might want to grab a coffee...
 *
 * This mixin creates a CSS arrow on a given element. We can have the arrow
 * appear in one of 12 locations, thus:
 *
 *       01    02    03
 *    +------------------+
 * 12 |                  | 04
 *    |                  |
 * 11 |                  | 05
 *    |                  |
 * 10 |                  | 06
 *    +------------------+
 *       09    08    07
 *
 * You pass this position in along with a desired arrow color and optional
 * border color, for example:
 *
 * `@include arrow(top, left, red)`
 *
 * for just a single, red arrow, or:
 *
 * `@include arrow(bottom, center, red, black)`
 *
 * which will create a red triangle with a black border which sits at the bottom
 * center of the element. Call the mixin thus:
 *
   .foo{
       background-color:#BADA55;
       border:1px solid #ACE;
       @include arrow(top, left, #BADA55, #ACE);
   }
 *
 */
/**
 * Media query mixin.
 *
 * It’s not great practice to define solid breakpoints up-front, preferring to
 * modify your design when it needs it, rather than assuming you’ll want a
 * change at ‘mobile’. However, as inuit.css is required to take a hands off
 * approach to design decisions, this is the closest we can get to baked-in
 * responsiveness. It’s flexible enough to allow you to set your own breakpoints
 * but solid enough to be frameworkified.
 *
 * We define some broad breakpoints in our vars file that are picked up here
 * for use in a simple media query mixin. Our options are:
 *
 * palm
 * lap
 * lap-and-up
 * portable
 * desk
 * desk-wide
 *
 * Not using a media query will, naturally, serve styles to all devices.
 *
 * `@include media-query(palm){ [styles here] }`
 *
 * We work out your end points for you:
 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/*
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

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

/*
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Remove default margin.
 */
body {
  margin: 0; }

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

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

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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

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

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

/*
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

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

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

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

/*
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

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

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

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

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

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

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

/*
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

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

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

/*------------------------------------*\
    $RESET
\*------------------------------------*/
/**
 * A more considered reset; more of a restart...
 * As per: csswizardry.com/2011/10/reset-restarted
 */
/**
* Let’s make the box model all nice, shall we...?
*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * The usual...
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0; }

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title], dfn[title] {
  cursor: help; }

/**
 * Remove underlines from potentially troublesome elements.
 */
u, ins {
  text-decoration: none; }

/**
 * Apply faux underline via `border-bottom`.
 */
ins {
  border-bottom: 1px solid; }

/**
 * So that `alt` text is visually offset if images don’t load.
 */
img {
  font-style: italic; }

/**
 * Give form elements some cursor interactions...
 */
label,
input,
textarea,
button,
select,
option {
  cursor: pointer; }

.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
  cursor: text;
  outline: none; }

/*------------------------------------*\
    $CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.cf` class appearing over
 * and over in your markup.
 */
.cf:after, .nav:after, .island:after,
.islet:after, .matrix:after, .multi-list:after, .stat-group:after {
  content: "";
  display: table;
  clear: both; }

/*------------------------------------*\
    $SHARED
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned, this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
/**
 * Base elements
 */
h1, h2, h3, h4, h5, h6, hgroup,
ul, ol, dl,
blockquote, p, address,
table,
fieldset, figure,
pre,
.form-fields > li,
.media,
.island,
.islet {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  .islet h1, .islet h2, .islet h3, .islet h4, .islet h5, .islet h6, .islet hgroup, .islet
  ul, .islet ol, .islet dl, .islet
  blockquote, .islet p, .islet address, .islet
  table, .islet
  fieldset, .islet figure, .islet
  pre, .islet .form-fields > li, .islet
  .media, .islet
  .island, .islet
  .islet {
    margin-bottom: 12px;
    margin-bottom: 0.75rem; }

/**
 * Doubled up `margin-bottom` helper class.
 */
.landmark {
  margin-bottom: 48px;
  margin-bottom: 3rem; }

/**
 * `hr` elements only take up a few pixels, so we need to give them special
 * treatment regarding vertical rhythm.
 */
hr {
  margin-bottom: 22px;
  margin-bottom: 1.375rem; }

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once, here.
 */
ul, ol, dd {
  margin-left: 48px;
  margin-left: 3rem; }

/**
 * Base styles; unclassed HTML elements etc.
 */
/*------------------------------------*\
    $MAIN
\*------------------------------------*/
html {
  font: 1em/1.5 sans-serif;
  overflow-y: scroll;
  min-height: 100%; }

/*------------------------------------*\
    $HEADINGS
\*------------------------------------*/
/**
 * As per: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
 *
 * When we define a heading we also define a corresponding class to go with it.
 * This allows us to apply, say, `class=alpha` to a `h3`; a double-stranded
 * heading hierarchy.
 */
h1, .alpha {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1; }

h2, .beta {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.6; }

h3, .gamma {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1; }

h4, .delta {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2; }

h5, .epsilon {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h6, .zeta {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429; }

/**
 * Heading groups and generic any-heading class.
 * To target any heading of any level simply apply a class of `.hN`, e.g.:
 *
   <hgroup>
       <h1 class=hN>inuit.css</h1>
       <h2 class=hN>Best. Framework. Ever!</h2>
   </hgroup>
 *
 */
hgroup .hN {
  margin-bottom: 0; }

/**
 * A series of classes for setting massive type; for use in heroes, mastheads,
 * promos, etc.
 */
.giga {
  font-size: 96px;
  font-size: 6rem;
  line-height: 1; }

.mega {
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 1; }

.kilo {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1; }

/*------------------------------------*\
    $PARAGRAPHS
\*------------------------------------*/
/**
 * The `.lede` class is used to make the introductory text (usually a paragraph)
 * of a document slightly larger.
 */
.lede,
.lead {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333; }

/*------------------------------------*\
    $SMALLPRINT
\*------------------------------------*/
/**
 * A series of classes for setting tiny type; for use in smallprint etc.
 */
.smallprint,
.milli {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2; }

.micro {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.4; }

/*------------------------------------*\
    $QUOTES
\*------------------------------------*/
/**
 * If English quotes are set in `_vars.scss`, define them here.
 */
/**
 * Big up @boblet: html5doctor.com/blockquote-q-cite
 */
/**
 * Inline quotes.
 */
q {
  quotes: "‘" "’" "\\201C" "\\201D"; }
  q:before {
    content: "\2018";
    content: open-quote; }
  q:after {
    content: "\2019";
    content: close-quote; }
  q q:before {
    content: "\201C";
    content: open-quote; }
  q q:after {
    content: "\201D";
    content: close-quote; }

blockquote {
  quotes: "\\201C" "\\201D"; }
  blockquote p:before {
    content: "\\201C";
    content: open-quote; }
  blockquote p:after {
    content: "";
    content: no-close-quote; }
  blockquote p:last-of-type:after {
    content: "\\201D";
    content: close-quote; }
  blockquote q:before {
    content: "\2018";
    content: open-quote; }
  blockquote q:after {
    content: "\2019";
    content: close-quote; }

/**
 *
   <blockquote>
       <p>Insanity: doing the same thing over and over again and expecting
       different results.</p>
       <b class=source>Albert Einstein</b>
   </blockquote>
 *
 */
blockquote {
  /**
   * .4em is roughly equal to the width of the opening “ that we wish to hang.
   */
  text-indent: -0.41em; }
  blockquote p:last-of-type {
    margin-bottom: 0; }

.source {
  display: block;
  text-indent: 0; }
  .source:before {
    content: "\2014"; }

/*------------------------------------*\
    $CODE
\*------------------------------------*/
/**
 * Use an explicit font stack to ensure browsers render correct `line-height`.
 */
pre {
  overflow: auto; }

pre mark {
  background: none;
  border-bottom: 1px solid;
  color: inherit; }

/**
 * Add comments to your code examples, e.g.:
 *
   <code>&lt;/div&gt;<span class=code-comment>&lt;!-- /wrapper --&gt;</span></code>
 *
 */
.code-comment {
  /**
   * Override this setting in your theme stylesheet
   */
  opacity: 0.75;
  filter: alpha(opacity=75); }

/**
 * You can add line numbers to your code examples but be warned, it requires
 * some pretty funky looking markup, e.g.:
 *
   <ol class=line-numbers>
       <li><code>.nav{</code></li>
       <li><code>    list-style:none;</code></li>
       <li><code>    margin-left:0;</code></li>
       <li><code>}</code></li>
       <li><code>    .nav > li,</code></li>
       <li><code>        .nav > li > a{</code></li>
       <li><code>            display:inline-block;</code></li>
       <li><code>           *display:inline-block;</code></li>
       <li><code>            zoom:1;</code></li>
       <li><code>        }</code></li>
   </ol>
 *
 * 1. Make the list look like code.
 * 2. Give the list flush numbers with a leading zero.
 * 3. Make sure lines of code don’t wrap.
 * 4. Give the code form by forcing the `code` to honour white-space.
 */
.line-numbers {
  font-family: monospace, serif;
  /* [1] */
  list-style: decimal-leading-zero inside;
  /* [2] */
  white-space: nowrap;
  /* [3] */
  overflow: auto;
  /* [3] */
  margin-left: 0; }

.line-numbers code {
  white-space: pre;
  /* [4] */ }

/*------------------------------------*\
    $IMAGES
\*------------------------------------*/
/**
 * Demo: jsfiddle.net/inuitcss/yMtur
 */
/**
 * Fluid images.
 */
img {
  max-width: 100%; }

/**
 * Non-fluid images if you specify `width` and/or `height` attributes.
 */
img[width],
img[height] {
  max-width: none; }

/**
 * Rounded images.
 */
.img--round {
  border-radius: 2px; }

/**
 * Image placement variations.
 */
.img--right {
  float: right;
  margin-bottom: 24px;
  margin-left: 24px; }

.img--left {
  float: left;
  margin-right: 24px;
  margin-bottom: 24px; }

.img--center {
  display: block;
  margin-right: auto;
  margin-bottom: 24px;
  margin-left: auto; }

/**
 * Keep your images on your baseline.
 *
 * Please note, these will not work too nicely with fluid images and will
 * distort when resized below a certain width. Use with caution.
 */
.img--short {
  height: 120px; }

.img--medium {
  height: 240px; }

.img--tall {
  height: 360px; }

/**
 * Images in `figure` elements.
 */
figure > img {
  display: block; }

/*------------------------------------*\
    $LISTS
\*------------------------------------*/
/**
 * Remove vertical spacing from nested lists.
 */
li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * Have a numbered `ul` without the semantics implied by using an `ol`.
 */
/*ul*/
.numbered-list {
  list-style-type: decimal; }

/*------------------------------------*\
    $TABLES
\*------------------------------------*/
/**
 * We have a lot at our disposal for making very complex table constructs, e.g.:
 *
   <table class="table--bordered  table--striped  table--data">
       <colgroup>
           <col class=t10>
           <col class=t10>
           <col class=t10>
           <col>
       </colgroup>
       <thead>
           <tr>
               <th colspan=3>Foo</th>
               <th>Bar</th>
           </tr>
           <tr>
               <th>Lorem</th>
               <th>Ipsum</th>
               <th class=numerical>Dolor</th>
               <th>Sit</th>
           </tr>
       </thead>
       <tbody>
           <tr>
               <th rowspan=3>Sit</th>
               <td>Dolor</td>
               <td class=numerical>03.788</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <td>Dolor</td>
               <td class=numerical>32.210</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <td>Dolor</td>
               <td class=numerical>47.797</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <th rowspan=2>Sit</th>
               <td>Dolor</td>
               <td class=numerical>09.640</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <td>Dolor</td>
               <td class=numerical>12.117</td>
               <td>Lorem</td>
           </tr>
       </tbody>
   </table>
 *
 */
table {
  width: 100%; }

th,
td {
  padding: 6px;
  text-align: left; }
  @media screen and (min-width: 480px) {
    th,
    td {
      padding: 12px; } }

/**
 * Cell alignments
 */
[colspan] {
  text-align: center; }

[colspan="1"] {
  text-align: left; }

[rowspan] {
  vertical-align: middle; }

[rowspan="1"] {
  vertical-align: top; }

.numerical {
  text-align: right; }

/**
 * In the HTML above we see several `col` elements with classes whose numbers
 * represent a percentage width for that column. We leave one column free of a
 * class so that column can soak up the effects of any accidental breakage in
 * the table.
 */
.t5 {
  width: 5%; }

.t10 {
  width: 10%; }

.t12 {
  width: 12.5%; }

/* 1/8 */
.t15 {
  width: 15%; }

.t20 {
  width: 20%; }

.t25 {
  width: 25%; }

/* 1/4 */
.t30 {
  width: 30%; }

.t33 {
  width: 33.333%; }

/* 1/3 */
.t35 {
  width: 35%; }

.t37 {
  width: 37.5%; }

/* 3/8 */
.t40 {
  width: 40%; }

.t45 {
  width: 45%; }

.t50 {
  width: 50%; }

/* 1/2 */
.t55 {
  width: 55%; }

.t60 {
  width: 60%; }

.t62 {
  width: 62.5%; }

/* 5/8 */
.t65 {
  width: 65%; }

.t66 {
  width: 66.666%; }

/* 2/3 */
.t70 {
  width: 70%; }

.t75 {
  width: 75%; }

/* 3/4*/
.t80 {
  width: 80%; }

.t85 {
  width: 85%; }

.t87 {
  width: 87.5%; }

/* 7/8 */
.t90 {
  width: 90%; }

.t95 {
  width: 95%; }

/**
 * Bordered tables
 */
.table--bordered th,
.table--bordered td {
  border: 1px solid #ccc; }
  .table--bordered th:empty,
  .table--bordered td:empty {
    border: none; }
.table--bordered thead tr:last-child th {
  border-bottom-width: 2px; }
.table--bordered tbody tr th:last-of-type {
  border-right-width: 2px; }

/**
 * Striped tables
 */
.table--striped tbody tr:nth-of-type(odd) {
  background-color: #ffc;
  /* Override this color in your theme stylesheet */ }

/**
 * Data table
 */
.table--data {
  font: 12px/1.5 sans-serif; }

/*------------------------------------*\
    $FORMS
\*------------------------------------*/
/**
 *
 * Demo: jsfiddle.net/inuitcss/MhHHU
 *
 */
fieldset {
  padding: 24px; }

/**
 * Text inputs
 *
 * Instead of a `[type]` selector for each kind of form input, we just use a
 * class to target any/every one, e.g.:
   <input type=text class=text-input>
   <input type=email class=text-input>
   <input type=password class=text-input>
 *
 */
.text-input,
textarea {
  /**
   * Style these via your theme stylesheet.
   */ }

/**
 * Group sets of form fields in a list, e.g.:
 *
   <ul class=form-fields>
       <li>
           <label />
           <input />
       </li>
       <li>
           <label />
           <select />
       </li>
       <li>
           <label />
           <input />
       </li>
   </ul>
 *
 */
.form-fields {
  list-style: none;
  margin: 0; }

.form-fields > li:last-child {
  margin-bottom: 0; }

/**
 * Labels
 *
 * Define a `.label` class as well as a `label` element. This means we can apply
 * label-like styling to meta-labels for groups of options where a `label`
 * element is not suitable, e.g.:
 *
   <li>
       <span class=label>Select an option below:</span>
       <ul class="multi-list  four-cols">
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
       </ul>
   </li>
 *
 */
label,
.label {
  display: block; }

/**
 * Extra help text in `label`s, e.g.:
 *
   <label>Card number <small class=additional>No spaces</small></label>
 *
 */
.additional {
  display: block;
  font-weight: normal; }

/*
 * Groups of checkboxes and radios, e.g.:
 *
   <li>
       <ul class=check-list>
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
       </ul>
   </li>
 *
 */
.check-list {
  list-style: none;
  margin: 0; }

/*
 * Labels in check-lists
 */
.check-label,
.check-list label,
.check-list .label {
  display: inline-block; }

/**
 * Spoken forms are for forms that read like spoken word, e.g.:
 *
   <li class=spoken-form>
       Hello, my <label for=spoken-name>name</label> is
       <input type=text class=text-input id=spoken-name>. My home
       <label for=country>country</label> is
       <select id=country>
           <option>UK</option>
           <option>US</option>
           <option>Other</option>
       </select>
   </li>
 *
 */
.spoken-form label {
  display: inline-block;
  font: inherit; }

/**
 * Extra help text displayed after a field when that field is in focus, e.g.:
 *
   <label for=email>Email:</label>
   <input type=email class=text-input id=email>
   <small class=extra-help>.edu emails only</small>
 *
 * We leave the help text in the document flow and merely set it to
 * `visibility:hidden;`. This means that it won’t interfere with anything once
 * it reappears.
 *
 */
/*small*/
.extra-help {
  display: inline-block;
  visibility: hidden; }

.text-input:active + .extra-help,
.text-input:focus + .extra-help {
  visibility: visible; }

/**
 * Objects and abstractions
 */
/*------------------------------------*\
    $GRIDS
\*------------------------------------*/
/**
 * Fluid and nestable grid system, e.g.:
 *
   <div class="grid">

       <div class="grid__item  one-third">
           <p>One third grid</p>
       </div><!--

    --><div class="grid__item  two-thirds">
           <p>Two thirds grid</p>
       </div><!--

    --><div class="grid__item  one-half">
           <p>One half grid</p>
       </div><!--

    --><div class="grid__item  one-quarter">
           <p>One quarter grid</p>
       </div><!--

    --><div class="grid__item  one-quarter">
           <p>One quarter grid</p>
       </div>

   </div>
 *
 * Demo: jsfiddle.net/inuitcss/CLYUC
 *
 */
/**
 * Grid wrapper
 */
.grid {
  margin-left: -24px;
  list-style: none;
  margin-bottom: 0; }

/**
 * Very infrequently occuring grid wrappers as children of grid wrappers.
 */
.grid > .grid {
  margin-left: 0; }

/**
 * Grid
 */
.grid__item {
  display: inline-block;
  width: 100%;
  padding-left: 24px;
  vertical-align: top; }

/*------------------------------------*\
    $FLEXBOX
\*------------------------------------*/
/**
 * Until we can utilise flexbox natively we can kinda, sorta, attempt to emulate
 * it, in a way... e.g.:
 *
   <header class=flexbox>

       <div class=flexbox__item>
           <b>Welcome to</b>
       </div>

       <div class=flexbox__item>
           <img src="//csswizardry.com/inuitcss/img/logo.jpg" alt="inuit.css">
       </div>

   </header>
 *
 * We can also combine our grid system classes with `.flexbox__item` classes,
 * e.g.:
 *
   <div class=flexbox>
       <div class="flexbox__item  one-quarter">
       </div>
       <div class="flexbox__item  three-quarters">
       </div>
   </div>
 *
 * It’s pretty poorly named I’m afraid, but it works...
 *
 * Demo: jsfiddle.net/inuitcss/ufUh2
 *
 */
.flexbox {
  display: table;
  width: 100%; }

/**
 * Nasty hack to circumvent Modernizr conflicts.
 */
html.flexbox {
  display: block;
  width: auto; }

.flexbox__item {
  display: table-cell;
  vertical-align: middle; }

/*------------------------------------*\
    $COLUMNS
\*------------------------------------*/
/**
 * Here we can set elements in columns of text using CSS3, e.g.:
 *
   <p class=text-cols--2>
 *
 * Demo: jsfiddle.net/inuitcss/E26Yd
 *
 */
.text-cols--2, .text-cols--3, .text-cols--4, .text-cols--5 {
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  -ms-column-gap: 24px;
  -o-column-gap: 24px;
  column-gap: 24px; }

.text-cols--2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2; }

.text-cols--3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3; }

.text-cols--4 {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4; }

.text-cols--5 {
  -webkit-column-count: 5;
  -moz-column-count: 5;
  -ms-column-count: 5;
  -o-column-count: 5;
  column-count: 5; }

/*------------------------------------*\
    $NAV
\*------------------------------------*/
/**
 * Nav abstraction as per: csswizardry.com/2011/09/the-nav-abstraction
 * When used on an `ol` or `ul`, this class throws the list into horizontal mode
 * e.g.:
 *
   <ul class=nav>
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 * Demo: jsfiddle.net/inuitcss/Vnph4
 *
 */
.nav {
  list-style: none;
  margin-left: 0; }
  .nav > li,
  .nav > li > a {
    display: inline-block;
    *display: inline;
    zoom: 1; }

/**
 * `.nav--stacked` extends `.nav` and throws the list into vertical mode, e.g.:
 *
   <ul class="nav  nav--stacked">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 */
.nav--stacked > li {
  display: list-item; }
  .nav--stacked > li > a {
    display: block; }

/**
 * `.nav--banner` extends `.nav` and centres the list, e.g.:
 *
   <ul class="nav  nav--banner">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 */
.nav--banner {
  text-align: center; }

/**
 * Give nav links a big, blocky hit area. Extends `.nav`, e.g.:
 *
   <ul class="nav  nav--block">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 */
.nav--block, .options {
  line-height: 1;
  /**
   * Remove whitespace caused by `inline-block`.
   */
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  white-space: nowrap; }
  .nav--block > li, .options > li {
    letter-spacing: normal;
    word-spacing: normal; }
    .nav--block > li > a, .options > li > a {
      padding: 12px; }

/**
 * Force a nav to occupy 100% of the available width of its parent. Extends
 * `.nav`, e.g.:
 *
   <ul class="nav  nav--fit">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 * Thanks to @pimpl for this idea!
 */
.nav--fit {
  display: table;
  width: 100%; }
  .nav--fit > li {
    display: table-cell; }
    .nav--fit > li > a {
      display: block; }

/**
 * Make a list of keywords. Extends `.nav`, e.g.:
 *
   `<ul class="nav  nav--keywords>`
 *
 */
.nav--keywords > li:after {
  content: "\002C" "\00A0"; }
.nav--keywords > li:last-child:after {
  display: none; }

/*------------------------------------*\
    $OPTIONS
\*------------------------------------*/
/**
 * Link-group nav, used for displaying related options. Extends `.nav--block`
 * but could also extend `.nav--fit`. Extend with colours and ‘current states’
 * in your theme stylesheet.
 *
  <ul class="nav  options">
      <li><a></a></li>
      <li><a></a></li>
      <li><a></a></li>
      <li><a></a></li>
   </ul>
 *
 * Demo: jsfiddle.net/inuitcss/vwfaf
 *
 */
.options > li > a {
  border: 0 solid #ccc;
  border-width: 1px;
  border-left-width: 0; }
.options > li:first-child > a {
  border-left-width: 1px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }
.options > li:last-child > a {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

/*------------------------------------*\
    $PAGINATION
\*------------------------------------*/
/**
 * Basic pagination object, extends `.nav`.
 * Requires some funky commenting to collapse any white-space caused by the
 * `display:inline-block;` rules.
 *
   <ol class="nav  pagination">
       <li class=pagination__first>First</li>
       <li class=pagination__prev>Previous</li>
       <li><a href=/page/1>1</a></li>
       <li><a href=/page/2>2</a></li>
       <li class=current><a href=/page/3>3</a></li>
       <li><a href=/page/4>4</a></li>
       <li><a href=/page/5>5</a></li>
       <li class=pagination__next><a href=/page/next>Next</a></li>
       <li class=pagination__last><a href=/page/last>Last</a></li>
   </ol>
 *
 * Demo: jsfiddle.net/inuitcss/9Y6PU
 *
 */
.pagination {
  text-align: center;
  /**
   * Remove whitespace caused by `inline-block`.
   */
  letter-spacing: -0.31em;
  word-spacing: -0.43em; }

.pagination > li {
  padding: 12px;
  letter-spacing: normal;
  word-spacing: normal; }

.pagination > li > a {
  padding: 12px;
  margin: -12px; }

.pagination__first a:before {
  content: "\00AB" "\00A0"; }

.pagination__last a:after {
  content: "\00A0" "\00BB"; }

/*------------------------------------*\
    $BREADCRUMB
\*------------------------------------*/
/**
 * Simple breadcrumb styling to apply to (ordered) lists. Extends `.nav`, e.g.:
 *
   <ol class="nav  breadcrumb">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>The Board</a></li>
       <li class=current><a href=#>Directors</a></li>
   </ol>
 *
 * Demo: jsfiddle.net/inuitcss/rkAY9
 *
 */
.breadcrumb > li + li:before {
  content: "\00BB" "\00A0"; }

/**
 * For denoting a path-like structure, GitHub style, e.g.:
 *
   <ol class="nav  breadcrumb--path">
       <li class=breadcrumb__root><a href=#>inuit.css</a></li>
       <li><a href=#>inuit.css</a></li>
       <li><a href=#>partials</a></li>
       <li class=current><a href=#>objects</a></li>
   </ol>
 *
 */
.breadcrumb--path > li + li:before {
  content: "\002F" "\00A0"; }

/**
 * Assign a delimiter on the fly through a data attribute, e.g.:
 *
   <ol class="nav  breadcrumb">
       <li><a href=#>Home</a></li>
       <li data-breadcrumb="|"><a href=#>About</a></li>
       <li data-breadcrumb="|"><a href=#>The Board</a></li>
       <li data-breadcrumb="|" class=current><a href=#>Directors</a></li>
   </ol>
 *
 */
.breadcrumb > li + li[data-breadcrumb]:before {
  content: attr(data-breadcrumb) " "; }

/**
 * Denote the root of the tree.
 */
.breadcrumb__root {
  font-weight: bold; }

/*------------------------------------*\
    $MARGINALIA
\*------------------------------------*/
/**
 * Marginalia are, per definition, notes in the margin of a document. The
 * `marginalia__body` class can be applied to all kinds of content, like text or
 * images, and is joined by a width class:
 *
   <div class="marginalia">
       <div class="marginalia__body  desk-one-fifth"></div>
   </div>
 *
 * Demo: jsfiddle.net/inuitcss/AemkH
 *
 */
.marginalia {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2; }

/**
 * Wait for a certain breakpoint to trigger ‘proper' marginalia. Up to this point,
 * marginalia are inline with the other text.
 */
@media (min-width: 1024px) {
  .marginalia {
    position: relative; }

  .marginalia__body,
  .marginalia__body--right {
    position: absolute; }

  .marginalia__body {
    right: 100%;
    padding-right: 24px;
    text-align: right; }

  /**
   * Align marginalia to the right of the text.
   */
  .marginalia__body--right {
    left: 100%;
    padding-left: 24px;
    text-align: left; } }
/*------------------------------------*\
    $ISLAND
\*------------------------------------*/
/**
 * Simple, boxed off content, as per: csswizardry.com/2011/10/the-island-object
 * E.g.:
 *
   <div class=island>
       I am boxed off.
   </div>
 *
 * Demo: jsfiddle.net/inuitcss/u8pV3
 *
 */
.island,
.islet {
  display: block; }

.island {
  padding: 24px; }

.island > :last-child,
.islet > :last-child {
  margin-bottom: 0; }

/**
 * Just like `.island`, only smaller.
 */
.islet {
  padding: 12px; }

/*------------------------------------*\
    $BLOCK-LIST
\*------------------------------------*/
/**
 * Create big blocky lists of content, e.g.:
 *
   <ul class=block-list>
      <li>Foo</li>
      <li>Bar</li>
      <li>Baz</li>
      <li><a href=# class=block-list__link>Foo Bar Baz</a></li>
   </ul>
 *
 * Extend this object in your theme stylesheet.
 *
 * Demo: jsfiddle.net/inuitcss/hR57q
 *
 */
.block-list, .matrix,
.block-list > li,
.matrix > li {
  border: 0 solid #ccc; }

.block-list, .matrix {
  list-style: none;
  margin-left: 0;
  border-top-width: 1px; }
  .block-list > li, .matrix > li {
    border-bottom-width: 1px;
    padding: 12px; }

.block-list__link, .matrix__link {
  display: block;
  padding: 12px;
  margin: -12px; }

/*------------------------------------*\
    $MATRIX
\*------------------------------------*/
/**
 * Create a grid of items out of a single list, e.g.:
 *
   <ul class="matrix  three-cols">
       <li class=all-cols>Lorem</li>
       <li>Ipsum <a href=#>dolor</a></li>
       <li><a href=# class=matrix__link>Sit</a></li>
       <li>Amet</li>
       <li class=all-cols>Consectetuer</li>
   </ul>
 *
 * Extend this object in your theme stylesheet.
 *
 * Demo: jsfiddle.net/inuitcss/Y2zrU
 *
 */
.matrix {
  border-left-width: 1px; }
  .matrix > li {
    float: left;
    border-right-width: 1px; }

/**
 * The `.multi-list` object is a lot like the `.matrix` object only without the
 * blocky borders and padding.
 *
   <ul class="multi-list  four-cols">
       <li>Lorem</li>
       <li>Ipsum</li>
       <li>Dolor</li>
       <li>Sit</li>
   </ul>
 *
 * Demo: jsfiddle.net/inuitcss/Y2zrU
 *
 */
.multi-list {
  list-style: none;
  margin-left: 0; }

.multi-list > li {
  float: left; }

/**
 * Apply these classes alongside the `.matrix` or `.multi-list` classes on
 * lists to determine how wide their columns are.
 */
.two-cols > li {
  width: 50%; }

.three-cols > li {
  width: 33.333%; }

.four-cols > li {
  width: 25%; }

.five-cols > li {
  width: 20%; }

/**
 * Unfortunately we have to qualify this selector in order to bring its
 * specificity above the `.[number]-cols > li` selectors above.
 */
.matrix > .all-cols,
.multi-list > .all-cols {
  width: 100%; }

/*------------------------------------*\
    $SPLIT
\*------------------------------------*/
/**
 * Simple split item for creating two elements floated away from one another,
 * e.g.:
 *
   <dl class=split>
       <dt class=split__title>Burger and fries</dt>
       <dd>&pound;5.99</dd>
       <dt class=split__title>Fillet steak</dt>
       <dd>&pound;19.99</dd>
       <dt class=split__title>Ice cream</dt>
       <dd>&pound;2.99</dd>
   </dl>
 *
   <ol class="split  results">
       <li class=first><b class=split__title>1st place</b> Bob</li>
       <li class=second><b class=split__title>2nd place</b> Lilly</li>
       <li class=third><b class=split__title>3rd place</b> Ted</li>
   </ol>​
 *
 * Demo: jsfiddle.net/inuitcss/9gZW7
 *
 */
.split {
  text-align: right;
  list-style: none;
  margin-left: 0; }

.split__title {
  text-align: left;
  float: left;
  clear: left; }

/*------------------------------------*\
    $THIS-OR-THIS
\*------------------------------------*/
/**
 * Simple options object to provide multiple choices, e.g.:
 *
   <h1 class=this-or-this>
       <a href=# class="this-or-this__this  two-fifths">
           Free
       </a>
       <span class="this-or-this__or  one-fifth">
           or
       </span>
       <a href=# class="this-or-this__this  two-fifths">
           Pro
       </a>
   </h1>
 *
 * The `.this-or-this__this` and `.this-or-this__or` objects can be sized using
 * the grid-system classes.
 *
 * Demo: jsfiddle.net/inuitcss/R3sks
 *
 */
.this-or-this {
  display: table;
  width: 100%;
  text-align: center; }

.this-or-this__this,
.this-or-this__or {
  display: table-cell;
  vertical-align: middle; }

/*------------------------------------*\
    $LINK-COMPLEX
\*------------------------------------*/
/**
 * As inspired by @necolas:
 * github.com/necolas/suit-utils/blob/master/link.css#L18
 *
 * Add hover behaviour to only selected items within links, e.g.:
 *
   <a href=log-in class=link-complex>
       <i class="s  s--user"></i>
       <span class=link-complex__target>Log in</span>
   </a>
 *
 * Demo: jsfiddle.net/inuitcss/rt9M3
 *
 */
.link-complex,
.link-complex:hover,
.link-complex:active,
.link-complex:focus {
  text-decoration: none; }

.link-complex:hover .link-complex__target,
.link-complex:active .link-complex__target,
.link-complex:focus .link-complex__target {
  text-decoration: underline; }

/*------------------------------------*\
    $FLYOUT
\*------------------------------------*/
/**
 * Flyouts are pieces of content that fly out of a parent when said parent is
 * hovered. They typically appear bottom-left of the parent.
 *
   <div class=flyout>
       Foo
       <div class=flyout__content>
           <h1>Lorem</h1>
           <p>Ipsum</p>
       </div>
   </div>
 *
 * Extend these objects in your theme stylesheet.
 *
 * Demo: jsfiddle.net/inuitcss/B52HG
 *
 */
.flyout,
.flyout--alt {
  position: relative;
  overflow: hidden; }

.flyout__content {
  /**
   * Position the flyouts off-screen. This is typically better than
   * `display:none;`.
   */
  position: absolute;
  top: 100%;
  left: -99999px; }

/**
 * Bring the flyouts into view when you hover their parents.
 * Two different types of flyout; ‘regular’ (`.flyout`) and ‘alternative’
 * (`.flyout--alt`).
 */
.flyout:hover,
.flyout--alt:hover {
  overflow: visible; }

/**
 * Regular flyouts sit all the way from the top, flush left.
 */
.flyout:hover > .flyout__content {
  left: 0; }

/**
 * Alternative flyouts sit all the way from the left, flush top.
 */
.flyout--alt:hover > .flyout__content {
  top: 0;
  left: 100%; }

/*------------------------------------*\
    $ARROWS
\*------------------------------------*/
/**
 * It is a common design treatment to give an element a triangular points-out
 * arrow, we typically build these with CSS. These following classes allow us to
 * generate these arbitrarily with a mixin, `@arrow()`.
 */
/**
 * Forms the basis for any/all CSS arrows.
 */
.animated {
  position: relative; }
  .animated:before, .animated:after {
    content: "";
    position: absolute;
    border-collapse: separate; }
  .animated:before {
    border: 12px solid transparent; }
  .animated:after {
    border: 11px solid transparent; }

/**
 * Define individual edges so we can combine what we need, when we need.
 */
.animated:before, .animated:after {
  top: 100%; }

.animated:before, .animated:after {
  left: 50%;
  margin-left: -12px; }
.animated:after {
  margin-left: -11px; }

/*------------------------------------*\
    $SPRITE
\*------------------------------------*/
/**
 * Giving an element a class of `.sprite` will throw it into ‘sprite’ mode and apply
 * a background image e.g.:
 *
   <a class="sprite  sprite--question-mark">More info&hellip;</a>
 *
 * or
 *
   <a href=#><i class="sprite  sprite--question-mark"></i> Help and FAQ</a>
 *
 * Giving an element a class of `.icon` will throw it into ‘icon’ mode and will
 * not add a background, but should be used for icon fonts and is populated
 * through a `data-icon` attribute and the `:after` pseudo-element, e.g.:
 *
   <a href=#><i class=icon data-icon="&#xF000;"></i> View your favourites</a>
 *
 * Where ‘&#xF000;’ might map to a star in your particular icon font.
 *
 * These all require extension in your theme stylesheet, e.g. in your own CSS:
 *
   .sprite{
       background-image:url(//cdn2.hubspot.net/hub/359929/path/to/your/sprite.png);
   }
   .sprite--link{ background-position:0   0  ; }
   .sprite--star{ background-position:0 -16px; }
 *
 * Demo: jsfiddle.net/inuitcss/6TKuS
 *
 */
.sprite,
.icon {
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
  zoom: 1;
  /**
   * So using `.icon` on certain elements doesn’t make a visual difference.
   */
  font-style: normal;
  font-weight: normal;
  /**
   * So icons added using `.icon` sit in the centre of the element.
   */
  text-align: center; }

.sprite {
  /**
   * The typical size of most icons. Override in your theme stylesheet.
   */
  width: 16px;
  height: 16px;
  top: -1px;
  /*
   * H5BP method image replacement:
   * github.com/h5bp/html5-boilerplate/commit/adecc5da035d6d76b77e3fa95c6abde841073da2
   */
  overflow: hidden;
  *text-indent: -9999px; }
  .sprite:before {
    content: "";
    display: block;
    width: 0;
    height: 100%; }

/**
 * Set up icon font
 */
.icon {
  font-size: 16px;
  /**
   * Place the icon in a box the exact same dimensions as the icon itself.
   */
  width: 1em;
  height: 1em; }
  .icon:before {
    content: attr(data-icon); }

/**
 * Icon size modifiers.
 */
.icon--large {
  font-size: 32px; }

.icon--huge {
  font-size: 64px; }

.icon--natural {
  font-size: inherit; }

/*------------------------------------*\
    $ICON-TEXT
\*------------------------------------*/
/**
 * For text-links etc that have an icon with them. Sometimes whitespace would
 * suffice in creating a gap between the icon and text, for example:
 *
   <a href=#>
       <i class="s  s--help"></i> Help &amp; support
   </a>
 *
 * However we will sometimes want a larger, explicity set gap:
   <a href=# class=icon-text>
       <i class="icon-text__icon  s  s--help"></i>Help &amp; support
   </a>
 *
 * Demo: jsfiddle.net/inuitcss/Q6Lbf
 *
 */
.icon-text > .icon-text__icon {
  margin-right: 6px; }

/**
 * We can also reverse the direction of the margin for icons that appear to the
 * right of the text content, thus:
 *
   <a href=# class=icon-text--rev>
       Help &amp; support<i class="icon-text__icon  s  s--help"></i>
   </a>
 *
 */
.icon-text--rev > .icon-text__icon {
  margin-left: 6px; }

/*------------------------------------*\
    $BEAUTONS.CSS
\*------------------------------------*/
/**
 * beautons is a beautifully simple button toolkit.
 *
 * LICENSE
 * 
 * Copyright 2013 Harry Roberts
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 * http://apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * 
 */
/*!*
 * 
 * @csswizardry -- csswizardry.com/beautons
 * 
 */
/*------------------------------------*\
    $BASE
\*------------------------------------*/
/**
 * Base button styles.
 *
 * 1. Allow us to better style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Stop buttons wrapping and looking broken.
 * 4. Make buttons inherit font styles.
 * 5. Force all elements using beautons to appear clickable.
 * 6. Normalise box model styles.
 * 7. If the button’s text is 1em, and the button is (3 * font-size) tall, then
 *    there is 1em of space above and below that text. We therefore apply 1em
 *    of space to the left and right, as padding, to keep consistent spacing.
 * 8. Basic cosmetics for default buttons. Change or override at will.
 * 9. Don’t allow buttons to have underlines; it kinda ruins the illusion.
 */
.btn, .hs-button {
  display: inline-block;
  /* [1] */
  vertical-align: middle;
  /* [2] */
  white-space: nowrap;
  /* [3] */
  font-family: inherit;
  /* [4] */
  font-size: 100%;
  /* [4] */
  cursor: pointer;
  /* [5] */
  border: none;
  /* [6] */
  margin: 0;
  /* [6] */
  padding-top: 0;
  /* [6] */
  padding-bottom: 0;
  /* [6] */
  line-height: 3;
  /* [7] */
  padding-right: 1em;
  /* [7] */
  padding-left: 1em;
  /* [7] */
  border-radius: 2px;
  /* [8] */ }

.btn, .hs-button, .btn:hover, .hs-button:hover {
  text-decoration: none;
  /* [9] */ }
.btn:active, .hs-button:active, .btn:focus, .hs-button:focus {
  outline: none; }

/*------------------------------------*\
    $SIZES
\*------------------------------------*/
/**
 * Button size modifiers.
 *
 * These all follow the same sizing rules as above; text is 1em, space around it
 * remains uniform.
 */
.btn--small {
  padding-right: 0.5em;
  padding-left: 0.5em;
  line-height: 2; }

.btn--large {
  padding-right: 1.5em;
  padding-left: 1.5em;
  line-height: 4; }

.btn--huge {
  padding-right: 2em;
  padding-left: 2em;
  line-height: 5; }

/**
 * These buttons will fill the entirety of their container.
 *
 * 1. Remove padding so that widths and paddings don’t conflict.
 */
.btn--full {
  width: 100%;
  padding-right: 0;
  /* [1] */
  padding-left: 0;
  /* [1] */
  text-align: center; }

/*------------------------------------*\
    $FONT-SIZES
\*------------------------------------*/
/**
 * Button font-size modifiers.
 */
.btn--alpha {
  font-size: 3rem; }

.btn--beta {
  font-size: 2rem; }

.btn--gamma {
  font-size: 1rem; }

/**
 * Make the button inherit sizing from its parent.
 */
.btn--natural {
  vertical-align: baseline;
  font-size: inherit;
  line-height: inherit;
  padding-right: 0.5em;
  padding-left: 0.5em; }

/*------------------------------------*\
    $FUNCTIONS
\*------------------------------------*/
/**
 * Button function modifiers.
 */
/**
 * Positive actions; e.g. sign in, purchase, submit, etc.
 */
.btn--positive {
  background-color: #4A993E;
  color: #fff; }

/**
 * Negative actions; e.g. close account, delete photo, remove friend, etc.
 */
.btn--negative {
  background-color: #b33630;
  color: #fff; }

/**
 * Inactive, disabled buttons.
 * 
 * 1. Make the button look like normal text when hovered.
 */
.btn--inactive,
.btn--inactive:hover,
.btn--inactive:active,
.btn--inactive:focus {
  background-color: #ddd;
  color: #777;
  cursor: text;
  /* [1] */ }

/*------------------------------------*\
    $STYLES
\*------------------------------------*/
/**
 * Button style modifiers.
 *
 * 1. Use an overly-large number to ensure completely rounded, pill-like ends.
 */
.btn--soft {
  border-radius: 200px;
  /* [1] */ }

.btn--hard {
  border-radius: 0; }

/*------------------------------------*\
    $LOZENGES
\*------------------------------------*/
/**
 * Create pill- and lozenge-like runs of text, e.g.:
 *
   <p>This <span class=pill>here</span> is a pill!</p>
 *
   <p>This <span class=loz>here</span> is also a lozenge!</p>
 *
 * Pills have fully rounded ends, lozenges have only their corners rounded.
 *
 * Demo: jsfiddle.net/inuitcss/N3pGm
 *
 */
.pill, .loz {
  display: inline-block;
  /**
   * These numbers set in ems mean that, at its narrowest, a lozenge will be
   * the same width as the `line-height` set on the `html` element.
   * This allows us to use the `.loz` in almost any `font-size` we wish.
   */
  min-width: 1.0em;
  padding-right: 0.25em;
  padding-left: 0.25em;
  /* =1.50em */
  text-align: center;
  background-color: #ccc;
  color: #fff;
  /* Override this color in your theme stylesheet */
  /**
   * Normally we’d use border-radius:100%; but instead here we just use an
   * overly large number; `border-radius:100%;` would create an oval on
   * non-square elements whereas we just want to round the ends of an element.
   */
  border-radius: 100px; }

.loz {
  border-radius: 2px; }

/*------------------------------------*\
    $RULES
\*------------------------------------*/
/**
 * Horizontal rules, extend `hr`.
 *
 * Demo: jsfiddle.net/inuitcss/L6GuZ
 *
 */
.rule {
  color: #ccc;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 23px;
  margin-bottom: 1.4375rem; }

/**
 * Dotted rules
 */
.rule--dotted {
  border-bottom-style: dotted; }

/**
 * Dashed rules
 */
.rule--dashed {
  border-bottom-style: dashed; }

/**
 * Ornamental rules. Places a § over the rule.
 */
.rule--ornament {
  position: relative;
  /**
  * Pass in an arbitrary ornament though a data attribute, e.g.:
  *
    <hr class="rule  rule--ornament" data-ornament="!">
  *
  */ }
  .rule--ornament:after {
    content: "\00A7";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    line-height: 0;
    text-align: center; }
  .rule--ornament[data-ornament]:after {
    content: attr(data-ornament); }

/*------------------------------------*\
    $STATS
\*------------------------------------*/
 /**
  * Simple object to display key–value statistic-like information, e.g.:
  *
    <div class=stat-group>
        <dl class=stat>
            <dt class=stat__title>Tweets</dt>
            <dd class=stat__value>27,740</dd>
        </dl>

        <dl class=stat>
            <dt class=stat__title>Following</dt>
            <dd class=stat__value>11,529</dd>
        </dl>

        <dl class=stat>
            <dt class=stat__title>Followers</dt>
            <dd class=stat__value>12,105</dd>
        </dl>
    </div>
  *
  * Demo: jsfiddle.net/inuitcss/Bpwu6
  *
  */
.stat-group {
  margin-left: -24px; }

.stat {
  float: left;
  margin-left: 24px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column; }

.stat__title {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-order: 2;
  -o-order: 2;
  order: 2;
  -ms-flex-order: 2; }

.stat__value {
  margin-left: 0;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  -o-order: 1;
  order: 1;
  -ms-flex-order: 1; }

/*------------------------------------*\
    $GREYBOX
\*------------------------------------*/
/**
 * Quickly throw together greybox wireframes. Use in conjunction with other
 * inuit.css objects to create simple greybox prototypes, e.g.:
 *
   <div class="island  greybox  greybox--medium">Header</div>

   <ul class="nav  nav--fit  nav--block  greybox">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 * The beauty of combining the greyboxing with inuit.css objects is that any
 * prototyping can quickly be converted into/used as production code.
 *
 * For a more complete prototyping framework, consider Adam Whitcroft’s Proto:
 * adamwhitcroft.com/proto
 *
 * Demo: jsfiddle.net/inuitcss/qCXfh/
 *
 */
.greybox,
.graybox {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-family: sans-serif;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff; }

.greybox a,
.graybox a {
  color: #fff;
  text-decoration: underline; }

/**
 * All greyboxes will occupy 100% of their parent’s width, but to alter their
 * heights we apply incrementally larger line-heights:
 */
.greybox--small,
.graybox--small {
  line-height: 48px; }

.greybox--medium,
.graybox--medium {
  line-height: 96px; }

.greybox--large,
.graybox--large {
  line-height: 192px; }

.greybox--huge,
.graybox--huge {
  line-height: 384px; }

.greybox--gigantic,
.graybox--gigantic {
  line-height: 768px; }

/**
 * Style trumps; helper and brand classes
 */
/*------------------------------------*\
    $WIDTHS
\*------------------------------------*/
/**
 * Sizes in human readable format. These are used in conjunction with other
 * objects and abstractions found in inuit.css, most commonly the grid system
 * and faux flexbox.
 *
 * We have a mixin to generate our widths and their breakpoint-specific
 * variations.
 */
/**
* Whole
*/
.one-whole {
  width: 100%; }

/**
* Halves
*/
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
  width: 50%; }

/**
* Thirds
*/
.one-third, .two-sixths, .four-twelfths {
  width: 33.333%; }

.two-thirds, .four-sixths, .eight-twelfths {
  width: 66.666%; }

/**
* Quarters
*/
.one-quarter, .two-eighths, .three-twelfths {
  width: 25%; }

.three-quarters, .six-eighths, .nine-twelfths {
  width: 75%; }

/**
* Fifths
*/
.one-fifth, .two-tenths {
  width: 20%; }

.two-fifths, .four-tenths {
  width: 40%; }

.three-fifths, .six-tenths {
  width: 60%; }

.four-fifths, .eight-tenths {
  width: 80%; }

/**
* Sixths
*/
.one-sixth, .two-twelfths {
  width: 16.666%; }

.five-sixths, .ten-twelfths {
  width: 83.333%; }

/**
* Eighths
*/
.one-eighth {
  width: 12.5%; }

.three-eighths {
  width: 37.5%; }

.five-eighths {
  width: 62.5%; }

.seven-eighths {
  width: 87.5%; }

/**
* Tenths
*/
.one-tenth {
  width: 10%; }

.three-tenths {
  width: 30%; }

.seven-tenths {
  width: 70%; }

.nine-tenths {
  width: 90%; }

/**
* Twelfths
*/
.one-twelfth {
  width: 8.333%; }

.five-twelfths {
  width: 41.666%; }

.seven-twelfths {
  width: 58.333%; }

.eleven-twelfths {
  width: 91.666%; }

/**
 * If you have set `$responsive` to ‘true’ in `_vars.scss` then you now have
 * access to these classes. You can define at which breakpoint you’d like an
 * element to be a certain size, e.g.:
 *
 * `<div class="g  one-quarter  lap-one-half  palm-one-whole"> ... </div>`
 *
 * This would create a `div` that, at ‘desktop’ sizes, takes up a quarter of the
 * horizontal space, a half of that space at ‘tablet’ sizes, and goes full width
 * at ‘mobile’ sizes.
 *
 * Demo: jsfiddle.net/inuitcss/WS4Ge
 *
 */
@media only screen and (max-width: 480px) {
  /**
  * Whole
  */
  .palm-one-whole, .footer-main .grid__item.one-quarter, .footer-main .grid__item.two-eighths, .footer-main .grid__item.three-twelfths, .blog.community .grid__item.one-third.post-wrap, .blog.community .grid__item.post-wrap.two-sixths, .blog.community .grid__item.post-wrap.four-twelfths, .blog.single .grid__item.one-third.post-wrap, .blog.single .grid__item.post-wrap.two-sixths, .blog.single .grid__item.post-wrap.four-twelfths, .blog.single .main-content .author .three-quarters, .blog.single .main-content .author .six-eighths, .blog.single .main-content .author .nine-twelfths, .blog.single .main-content .author .one-quarter, .blog.single .main-content .author .two-eighths, .blog.single .main-content .author .three-twelfths, .blog.single .main-content .grid__item.three-quarters, .blog.single .main-content .grid__item.six-eighths, .blog.single .main-content .grid__item.nine-twelfths, .blog.single .main-content .grid__item.one-quarter, .blog.single .main-content .grid__item.two-eighths, .blog.single .main-content .grid__item.three-twelfths, .rw-wrapper-image .grid__item, .home-testimonial .grid.testimonial .one-third, .home-testimonial .grid.testimonial .two-sixths, .home-testimonial .grid.testimonial .four-twelfths, .home-resources .one-half, .home-resources .two-quarters, .home-resources .three-sixths, .home-resources .four-eighths, .home-resources .five-tenths, .home-resources .six-twelfths, .subpage.sidebar-right .grid.content .grid__item.three-quarters, .subpage.sidebar-right .grid.content .grid__item.six-eighths, .subpage.sidebar-right .grid.content .grid__item.nine-twelfths, .subpage.sidebar-right .grid.content .grid__item.one-quarter, .subpage.sidebar-right .grid.content .grid__item.two-eighths, .subpage.sidebar-right .grid.content .grid__item.three-twelfths, .subpage.why .content .grid__item.one-half, .subpage.why .content .grid__item.two-quarters, .subpage.why .content .grid__item.three-sixths, .subpage.why .content .grid__item.four-eighths, .subpage.why .content .grid__item.five-tenths, .subpage.why .content .grid__item.six-twelfths, .subpage.why .content .grid__item.one-third, .subpage.why .content .grid__item.two-sixths, .subpage.why .content .grid__item.four-twelfths, .agents .content .main-agent .grid__item.one-third, .agents .content .main-agent .grid__item.two-sixths, .agents .content .main-agent .grid__item.four-twelfths, .agents .content .main-agent .grid__item.two-thirds, .agents .content .main-agent .grid__item.four-sixths, .agents .content .main-agent .grid__item.eight-twelfths, .agents .content .three-col-icons .one-third, .agents .content .three-col-icons .two-sixths, .agents .content .three-col-icons .four-twelfths, .agents .sub-agents .grid__item.one-third, .agents .sub-agents .grid__item.two-sixths, .agents .sub-agents .grid__item.four-twelfths, .process .content .process-wrap .grid__item.two-thirds, .process .content .process-wrap .grid__item.four-sixths, .process .content .process-wrap .grid__item.eight-twelfths, .process .content .process-wrap .grid__item.one-third, .process .content .process-wrap .grid__item.two-sixths, .process .content .process-wrap .grid__item.four-twelfths, .compare .compare-bg .content .grid__item.one-half.hard.text--center.grey, .compare .compare-bg .content .grid__item.hard.text--center.grey.two-quarters, .compare .compare-bg .content .grid__item.hard.text--center.grey.three-sixths, .compare .compare-bg .content .grid__item.hard.text--center.grey.four-eighths, .compare .compare-bg .content .grid__item.hard.text--center.grey.five-tenths, .compare .compare-bg .content .grid__item.hard.text--center.grey.six-twelfths, .compare .compare-bg .content .grid__item.one-half.hard.text--center.white, .compare .compare-bg .content .grid__item.hard.text--center.white.two-quarters, .compare .compare-bg .content .grid__item.hard.text--center.white.three-sixths, .compare .compare-bg .content .grid__item.hard.text--center.white.four-eighths, .compare .compare-bg .content .grid__item.hard.text--center.white.five-tenths, .compare .compare-bg .content .grid__item.hard.text--center.white.six-twelfths, .grid.content.story .grid__item.one-whole .grid__item.text--right, .grid.content.story .grid__item.one-whole .grid__item.text--left.soft, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.one-half.hard.text--center.grey, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.two-quarters, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.three-sixths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.four-eighths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.five-tenths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.six-twelfths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.one-half.hard.text--center.white, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.two-quarters, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.three-sixths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.four-eighths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.five-tenths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.six-twelfths, .our-process .first-panel .grid__item.two-thirds, .our-process .first-panel .grid__item.four-sixths, .our-process .first-panel .grid__item.eight-twelfths, .our-process .first-panel .grid__item.one-third, .our-process .first-panel .grid__item.two-sixths, .our-process .first-panel .grid__item.four-twelfths, .our-process .second-panel .grid__item.two-thirds, .our-process .second-panel .grid__item.four-sixths, .our-process .second-panel .grid__item.eight-twelfths, .our-process .second-panel .grid__item.one-third, .our-process .second-panel .grid__item.two-sixths, .our-process .second-panel .grid__item.four-twelfths, .our-process .fourth-panel .grid__item.one-third, .our-process .fourth-panel .grid__item.two-sixths, .our-process .fourth-panel .grid__item.four-twelfths, .our-process .fourth-panel .grid__item.two-thirds, .our-process .fourth-panel .grid__item.four-sixths, .our-process .fourth-panel .grid__item.eight-twelfths, .process .first-panel .grid__item.one-half.text, .process .first-panel .grid__item.text.two-quarters, .process .first-panel .grid__item.text.three-sixths, .process .first-panel .grid__item.text.four-eighths, .process .first-panel .grid__item.text.five-tenths, .process .first-panel .grid__item.text.six-twelfths, .process .first-panel .grid__item.one-half.image, .process .first-panel .grid__item.image.two-quarters, .process .first-panel .grid__item.image.three-sixths, .process .first-panel .grid__item.image.four-eighths, .process .first-panel .grid__item.image.five-tenths, .process .first-panel .grid__item.image.six-twelfths, .process .second-panel .grid__item.one-half.text, .process .second-panel .grid__item.text.two-quarters, .process .second-panel .grid__item.text.three-sixths, .process .second-panel .grid__item.text.four-eighths, .process .second-panel .grid__item.text.five-tenths, .process .second-panel .grid__item.text.six-twelfths, .process .second-panel .grid__item.one-half.image, .process .second-panel .grid__item.image.two-quarters, .process .second-panel .grid__item.image.three-sixths, .process .second-panel .grid__item.image.four-eighths, .process .second-panel .grid__item.image.five-tenths, .process .second-panel .grid__item.image.six-twelfths, .process .third-panel .grid__item.one-half.image, .process .third-panel .grid__item.image.two-quarters, .process .third-panel .grid__item.image.three-sixths, .process .third-panel .grid__item.image.four-eighths, .process .third-panel .grid__item.image.five-tenths, .process .third-panel .grid__item.image.six-twelfths, .process .third-panel .grid__item.one-half.text, .process .third-panel .grid__item.text.two-quarters, .process .third-panel .grid__item.text.three-sixths, .process .third-panel .grid__item.text.four-eighths, .process .third-panel .grid__item.text.five-tenths, .process .third-panel .grid__item.text.six-twelfths, .process .fourth-panel .grid__item.one-half.image, .process .fourth-panel .grid__item.image.two-quarters, .process .fourth-panel .grid__item.image.three-sixths, .process .fourth-panel .grid__item.image.four-eighths, .process .fourth-panel .grid__item.image.five-tenths, .process .fourth-panel .grid__item.image.six-twelfths, .process .fourth-panel .grid__item.one-half.text, .process .fourth-panel .grid__item.text.two-quarters, .process .fourth-panel .grid__item.text.three-sixths, .process .fourth-panel .grid__item.text.four-eighths, .process .fourth-panel .grid__item.text.five-tenths, .process .fourth-panel .grid__item.text.six-twelfths, .process .sixth-panel .grid__item.one-half.image, .process .sixth-panel .grid__item.image.two-quarters, .process .sixth-panel .grid__item.image.three-sixths, .process .sixth-panel .grid__item.image.four-eighths, .process .sixth-panel .grid__item.image.five-tenths, .process .sixth-panel .grid__item.image.six-twelfths, .process .sixth-panel .grid__item.one-half.text, .process .sixth-panel .grid__item.text.two-quarters, .process .sixth-panel .grid__item.text.three-sixths, .process .sixth-panel .grid__item.text.four-eighths, .process .sixth-panel .grid__item.text.five-tenths, .process .sixth-panel .grid__item.text.six-twelfths, .process .seventh-panel .grid__item.one-half.image, .process .seventh-panel .grid__item.image.two-quarters, .process .seventh-panel .grid__item.image.three-sixths, .process .seventh-panel .grid__item.image.four-eighths, .process .seventh-panel .grid__item.image.five-tenths, .process .seventh-panel .grid__item.image.six-twelfths, .process .seventh-panel .grid__item.one-half.text, .process .seventh-panel .grid__item.text.two-quarters, .process .seventh-panel .grid__item.text.three-sixths, .process .seventh-panel .grid__item.text.four-eighths, .process .seventh-panel .grid__item.text.five-tenths, .process .seventh-panel .grid__item.text.six-twelfths, .compare-main .bottom-compare .grid__item.one-half, .compare-main .bottom-compare .grid__item.two-quarters, .compare-main .bottom-compare .grid__item.three-sixths, .compare-main .bottom-compare .grid__item.four-eighths, .compare-main .bottom-compare .grid__item.five-tenths, .compare-main .bottom-compare .grid__item.six-twelfths, .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half, .testi-main .bottom-testimonial .bg-overlay .grid__item.two-quarters, .testi-main .bottom-testimonial .bg-overlay .grid__item.three-sixths, .testi-main .bottom-testimonial .bg-overlay .grid__item.four-eighths, .testi-main .bottom-testimonial .bg-overlay .grid__item.five-tenths, .testi-main .bottom-testimonial .bg-overlay .grid__item.six-twelfths, .case-studies .grid__item.one-third, .case-studies .grid__item.two-sixths, .case-studies .grid__item.four-twelfths, .case-studies .grid__item.two-thirds, .case-studies .grid__item.four-sixths, .case-studies .grid__item.eight-twelfths, .selling-process .first-panel .grid__item.one-half, .selling-process .first-panel .grid__item.two-quarters, .selling-process .first-panel .grid__item.three-sixths, .selling-process .first-panel .grid__item.four-eighths, .selling-process .first-panel .grid__item.five-tenths, .selling-process .first-panel .grid__item.six-twelfths, .selling-process .second-panel .grid__item.one-half.soft--right.hard--left.hard--top.hard--bottom.text--left, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.two-quarters, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.three-sixths, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.four-eighths, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.five-tenths, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.six-twelfths, .selling-process .second-panel .grid__item.one-half.hard.text--center, .selling-process .second-panel .grid__item.hard.text--center.two-quarters, .selling-process .second-panel .grid__item.hard.text--center.three-sixths, .selling-process .second-panel .grid__item.hard.text--center.four-eighths, .selling-process .second-panel .grid__item.hard.text--center.five-tenths, .selling-process .second-panel .grid__item.hard.text--center.six-twelfths, .selling-process .third-panel .grid__item.one-whole, .selling-process .fourth-panel .grid__item.one-half, .selling-process .fourth-panel .grid__item.two-quarters, .selling-process .fourth-panel .grid__item.three-sixths, .selling-process .fourth-panel .grid__item.four-eighths, .selling-process .fourth-panel .grid__item.five-tenths, .selling-process .fourth-panel .grid__item.six-twelfths, .selling-process .fifth-panel .grid__item.one-half, .selling-process .fifth-panel .grid__item.two-quarters, .selling-process .fifth-panel .grid__item.three-sixths, .selling-process .fifth-panel .grid__item.four-eighths, .selling-process .fifth-panel .grid__item.five-tenths, .selling-process .fifth-panel .grid__item.six-twelfths, .selling-process .sixth-panel .grid__item.one-whole, .main-about .grey .grid .grid__item.one-third, .main-about .grey .grid .grid__item.two-sixths, .main-about .grey .grid .grid__item.four-twelfths, .landing-page .top .grid__item.one-third, .landing-page .top .grid__item.two-sixths, .landing-page .top .grid__item.four-twelfths, .landing-page .bottom .grid__item.one-whole, .landing-page .bottom .grid__item.one-whole .single-testimonial .grid__item.one-tenth, .landing-page .bottom .grid__item.one-whole .single-testimonial .grid__item.five-tenths, .landing-page .bottom, .landing-page .landing-page-body .grid__item.two-thirds, .landing-page .landing-page-body .grid__item.four-sixths, .landing-page .landing-page-body .grid__item.eight-twelfths, .landing-page .landing-page-body .grid__item.one-third, .landing-page .landing-page-body .grid__item.two-sixths, .landing-page .landing-page-body .grid__item.four-twelfths, .ppc .ppc-header .grid__item.one-half, .ppc .ppc-header .grid__item.two-quarters, .ppc .ppc-header .grid__item.three-sixths, .ppc .ppc-header .grid__item.four-eighths, .ppc .ppc-header .grid__item.five-tenths, .ppc .ppc-header .grid__item.six-twelfths, .contact-new .content .grid__item.one-half.hard--left.soft--right, .contact-new .content .grid__item.hard--left.soft--right.two-quarters, .contact-new .content .grid__item.hard--left.soft--right.three-sixths, .contact-new .content .grid__item.hard--left.soft--right.four-eighths, .contact-new .content .grid__item.hard--left.soft--right.five-tenths, .contact-new .content .grid__item.hard--left.soft--right.six-twelfths, .contact-new .content .information {
    width: 100%; }

  /**
  * Halves
  */
  .palm-one-half, .palm-two-quarters, .palm-three-sixths, .palm-four-eighths, .palm-five-tenths, .palm-six-twelfths {
    width: 50%; }

  /**
  * Thirds
  */
  .palm-one-third, .palm-two-sixths, .palm-four-twelfths {
    width: 33.333%; }

  .palm-two-thirds, .palm-four-sixths, .palm-eight-twelfths {
    width: 66.666%; }

  /**
  * Quarters
  */
  .palm-one-quarter, .palm-two-eighths, .palm-three-twelfths {
    width: 25%; }

  .palm-three-quarters, .palm-six-eighths, .palm-nine-twelfths {
    width: 75%; }

  /**
  * Fifths
  */
  .palm-one-fifth, .palm-two-tenths {
    width: 20%; }

  .palm-two-fifths, .palm-four-tenths {
    width: 40%; }

  .palm-three-fifths, .palm-six-tenths {
    width: 60%; }

  .palm-four-fifths, .palm-eight-tenths {
    width: 80%; }

  /**
  * Sixths
  */
  .palm-one-sixth, .palm-two-twelfths {
    width: 16.666%; }

  .palm-five-sixths, .palm-ten-twelfths {
    width: 83.333%; }

  /**
  * Eighths
  */
  .palm-one-eighth {
    width: 12.5%; }

  .palm-three-eighths {
    width: 37.5%; }

  .palm-five-eighths {
    width: 62.5%; }

  .palm-seven-eighths {
    width: 87.5%; }

  /**
  * Tenths
  */
  .palm-one-tenth {
    width: 10%; }

  .palm-three-tenths {
    width: 30%; }

  .palm-seven-tenths {
    width: 70%; }

  .palm-nine-tenths {
    width: 90%; }

  /**
  * Twelfths
  */
  .palm-one-twelfth {
    width: 8.333%; }

  .palm-five-twelfths {
    width: 41.666%; }

  .palm-seven-twelfths {
    width: 58.333%; }

  .palm-eleven-twelfths {
    width: 91.666%; } }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  /**
  * Whole
  */
  .lap-one-whole, .grid, .more--margin, .compare .compare-bg .content .grid__item.one-half.hard.text--center.grey, .compare .compare-bg .content .grid__item.hard.text--center.grey.two-quarters, .compare .compare-bg .content .grid__item.hard.text--center.grey.three-sixths, .compare .compare-bg .content .grid__item.hard.text--center.grey.four-eighths, .compare .compare-bg .content .grid__item.hard.text--center.grey.five-tenths, .compare .compare-bg .content .grid__item.hard.text--center.grey.six-twelfths, .compare .compare-bg .content .grid__item.one-half.hard.text--center.white, .compare .compare-bg .content .grid__item.hard.text--center.white.two-quarters, .compare .compare-bg .content .grid__item.hard.text--center.white.three-sixths, .compare .compare-bg .content .grid__item.hard.text--center.white.four-eighths, .compare .compare-bg .content .grid__item.hard.text--center.white.five-tenths, .compare .compare-bg .content .grid__item.hard.text--center.white.six-twelfths, .landing-page .top .grid__item.one-third, .landing-page .top .grid__item.two-sixths, .landing-page .top .grid__item.four-twelfths, .landing-page .bottom .grid__item.one-whole, .landing-page .bottom .grid__item.one-whole .single-testimonial .grid__item.one-tenth, .landing-page .bottom .grid__item.one-whole .single-testimonial .grid__item.five-tenths, .landing-page .bottom, .landing-page .landing-page-body .grid__item.two-thirds, .landing-page .landing-page-body .grid__item.four-sixths, .landing-page .landing-page-body .grid__item.eight-twelfths, .landing-page .landing-page-body .grid__item.one-third, .landing-page .landing-page-body .grid__item.two-sixths, .landing-page .landing-page-body .grid__item.four-twelfths {
    width: 100%; }

  /**
  * Halves
  */
  .lap-one-half, .lap-two-quarters, .lap-three-sixths, .lap-four-eighths, .lap-five-tenths, .lap-six-twelfths {
    width: 50%; }

  /**
  * Thirds
  */
  .lap-one-third, .lap-two-sixths, .lap-four-twelfths, .process .first-panel .grid__item.one-half.image, .process .first-panel .grid__item.image.two-quarters, .process .first-panel .grid__item.image.three-sixths, .process .first-panel .grid__item.image.four-eighths, .process .first-panel .grid__item.image.five-tenths, .process .first-panel .grid__item.image.six-twelfths {
    width: 33.333%; }

  .lap-two-thirds, .lap-four-sixths, .lap-eight-twelfths, .process .first-panel .grid__item.one-half.text, .process .first-panel .grid__item.text.two-quarters, .process .first-panel .grid__item.text.three-sixths, .process .first-panel .grid__item.text.four-eighths, .process .first-panel .grid__item.text.five-tenths, .process .first-panel .grid__item.text.six-twelfths {
    width: 66.666%; }

  /**
  * Quarters
  */
  .lap-one-quarter, .lap-two-eighths, .lap-three-twelfths {
    width: 25%; }

  .lap-three-quarters, .lap-six-eighths, .lap-nine-twelfths {
    width: 75%; }

  /**
  * Fifths
  */
  .lap-one-fifth, .lap-two-tenths {
    width: 20%; }

  .lap-two-fifths, .lap-four-tenths {
    width: 40%; }

  .lap-three-fifths, .lap-six-tenths {
    width: 60%; }

  .lap-four-fifths, .lap-eight-tenths {
    width: 80%; }

  /**
  * Sixths
  */
  .lap-one-sixth, .lap-two-twelfths {
    width: 16.666%; }

  .lap-five-sixths, .lap-ten-twelfths {
    width: 83.333%; }

  /**
  * Eighths
  */
  .lap-one-eighth {
    width: 12.5%; }

  .lap-three-eighths {
    width: 37.5%; }

  .lap-five-eighths {
    width: 62.5%; }

  .lap-seven-eighths {
    width: 87.5%; }

  /**
  * Tenths
  */
  .lap-one-tenth {
    width: 10%; }

  .lap-three-tenths {
    width: 30%; }

  .lap-seven-tenths {
    width: 70%; }

  .lap-nine-tenths {
    width: 90%; }

  /**
  * Twelfths
  */
  .lap-one-twelfth {
    width: 8.333%; }

  .lap-five-twelfths {
    width: 41.666%; }

  .lap-seven-twelfths {
    width: 58.333%; }

  .lap-eleven-twelfths {
    width: 91.666%; } }
@media only screen and (min-width: 481px) {
  /**
  * Whole
  */
  .lap-and-up-one-whole {
    width: 100%; }

  /**
  * Halves
  */
  .lap-and-up-one-half, .lap-and-up-two-quarters, .lap-and-up-three-sixths, .lap-and-up-four-eighths, .lap-and-up-five-tenths, .lap-and-up-six-twelfths {
    width: 50%; }

  /**
  * Thirds
  */
  .lap-and-up-one-third, .lap-and-up-two-sixths, .lap-and-up-four-twelfths {
    width: 33.333%; }

  .lap-and-up-two-thirds, .lap-and-up-four-sixths, .lap-and-up-eight-twelfths {
    width: 66.666%; }

  /**
  * Quarters
  */
  .lap-and-up-one-quarter, .lap-and-up-two-eighths, .lap-and-up-three-twelfths {
    width: 25%; }

  .lap-and-up-three-quarters, .lap-and-up-six-eighths, .lap-and-up-nine-twelfths {
    width: 75%; }

  /**
  * Fifths
  */
  .lap-and-up-one-fifth, .lap-and-up-two-tenths {
    width: 20%; }

  .lap-and-up-two-fifths, .lap-and-up-four-tenths {
    width: 40%; }

  .lap-and-up-three-fifths, .lap-and-up-six-tenths {
    width: 60%; }

  .lap-and-up-four-fifths, .lap-and-up-eight-tenths {
    width: 80%; }

  /**
  * Sixths
  */
  .lap-and-up-one-sixth, .lap-and-up-two-twelfths {
    width: 16.666%; }

  .lap-and-up-five-sixths, .lap-and-up-ten-twelfths {
    width: 83.333%; }

  /**
  * Eighths
  */
  .lap-and-up-one-eighth {
    width: 12.5%; }

  .lap-and-up-three-eighths {
    width: 37.5%; }

  .lap-and-up-five-eighths {
    width: 62.5%; }

  .lap-and-up-seven-eighths {
    width: 87.5%; }

  /**
  * Tenths
  */
  .lap-and-up-one-tenth {
    width: 10%; }

  .lap-and-up-three-tenths {
    width: 30%; }

  .lap-and-up-seven-tenths {
    width: 70%; }

  .lap-and-up-nine-tenths {
    width: 90%; }

  /**
  * Twelfths
  */
  .lap-and-up-one-twelfth {
    width: 8.333%; }

  .lap-and-up-five-twelfths {
    width: 41.666%; }

  .lap-and-up-seven-twelfths {
    width: 58.333%; }

  .lap-and-up-eleven-twelfths {
    width: 91.666%; } }
@media only screen and (max-width: 1023px) {
  /**
  * Whole
  */
  .portable-one-whole {
    width: 100%; }

  /**
  * Halves
  */
  .portable-one-half, .portable-two-quarters, .portable-three-sixths, .portable-four-eighths, .portable-five-tenths, .portable-six-twelfths {
    width: 50%; }

  /**
  * Thirds
  */
  .portable-one-third, .portable-two-sixths, .portable-four-twelfths {
    width: 33.333%; }

  .portable-two-thirds, .portable-four-sixths, .portable-eight-twelfths {
    width: 66.666%; }

  /**
  * Quarters
  */
  .portable-one-quarter, .portable-two-eighths, .portable-three-twelfths {
    width: 25%; }

  .portable-three-quarters, .portable-six-eighths, .portable-nine-twelfths {
    width: 75%; }

  /**
  * Fifths
  */
  .portable-one-fifth, .portable-two-tenths {
    width: 20%; }

  .portable-two-fifths, .portable-four-tenths {
    width: 40%; }

  .portable-three-fifths, .portable-six-tenths {
    width: 60%; }

  .portable-four-fifths, .portable-eight-tenths {
    width: 80%; }

  /**
  * Sixths
  */
  .portable-one-sixth, .portable-two-twelfths {
    width: 16.666%; }

  .portable-five-sixths, .portable-ten-twelfths {
    width: 83.333%; }

  /**
  * Eighths
  */
  .portable-one-eighth {
    width: 12.5%; }

  .portable-three-eighths {
    width: 37.5%; }

  .portable-five-eighths {
    width: 62.5%; }

  .portable-seven-eighths {
    width: 87.5%; }

  /**
  * Tenths
  */
  .portable-one-tenth {
    width: 10%; }

  .portable-three-tenths {
    width: 30%; }

  .portable-seven-tenths {
    width: 70%; }

  .portable-nine-tenths {
    width: 90%; }

  /**
  * Twelfths
  */
  .portable-one-twelfth {
    width: 8.333%; }

  .portable-five-twelfths {
    width: 41.666%; }

  .portable-seven-twelfths {
    width: 58.333%; }

  .portable-eleven-twelfths {
    width: 91.666%; } }
@media only screen and (min-width: 1024px) {
  /**
  * Whole
  */
  .desk-one-whole, .grid, .more--margin {
    width: 100%; }

  /**
  * Halves
  */
  .desk-one-half, .desk-two-quarters, .desk-three-sixths, .desk-four-eighths, .desk-five-tenths, .desk-six-twelfths {
    width: 50%; }

  /**
  * Thirds
  */
  .desk-one-third, .desk-two-sixths, .desk-four-twelfths {
    width: 33.333%; }

  .desk-two-thirds, .desk-four-sixths, .desk-eight-twelfths {
    width: 66.666%; }

  /**
  * Quarters
  */
  .desk-one-quarter, .desk-two-eighths, .desk-three-twelfths {
    width: 25%; }

  .desk-three-quarters, .desk-six-eighths, .desk-nine-twelfths {
    width: 75%; }

  /**
  * Fifths
  */
  .desk-one-fifth, .desk-two-tenths {
    width: 20%; }

  .desk-two-fifths, .desk-four-tenths {
    width: 40%; }

  .desk-three-fifths, .desk-six-tenths {
    width: 60%; }

  .desk-four-fifths, .desk-eight-tenths {
    width: 80%; }

  /**
  * Sixths
  */
  .desk-one-sixth, .desk-two-twelfths {
    width: 16.666%; }

  .desk-five-sixths, .desk-ten-twelfths {
    width: 83.333%; }

  /**
  * Eighths
  */
  .desk-one-eighth {
    width: 12.5%; }

  .desk-three-eighths {
    width: 37.5%; }

  .desk-five-eighths {
    width: 62.5%; }

  .desk-seven-eighths {
    width: 87.5%; }

  /**
  * Tenths
  */
  .desk-one-tenth {
    width: 10%; }

  .desk-three-tenths {
    width: 30%; }

  .desk-seven-tenths {
    width: 70%; }

  .desk-nine-tenths {
    width: 90%; }

  /**
  * Twelfths
  */
  .desk-one-twelfth {
    width: 8.333%; }

  .desk-five-twelfths {
    width: 41.666%; }

  .desk-seven-twelfths {
    width: 58.333%; }

  .desk-eleven-twelfths {
    width: 91.666%; } }
/**
 * If you have set the additional `$responsive-extra` variable to ‘true’ in
 * `_vars.scss` then you now have access to the following class available to
 * accomodate much larger screen resolutions.
 */
/* endif */
/*------------------------------------*\
    $PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
    $PULL
\*------------------------------------*/
/**
 * Pull classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
    $BRAND
\*------------------------------------*/
/**
 * `.brand` is a quick and simple way to apply your brand face and/or color to
 * any element using a handy helper class.
 */
.brand {
  font-family: Roboto, sans-serif!important;
  color: #4a8ec2!important; }

.brand-face {
  font-family: Roboto, sans-serif!important; }

.brand-color,
.brand-colour {
  color: #4a8ec2!important; }

/*------------------------------------*\
    $HELPER
\*------------------------------------*/
/**
 * A series of helper classes to use arbitrarily. Only use a helper class if an
 * element/component doesn’t already have a class to which you could apply this
 * styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
 * that ruleset as opposed to adding the `.float--left` class to the markup.
 *
 * A lot of these classes carry `!important` as you will always want them to win
 * out over other selectors.
 */
/**
 * Add/remove floats
 */
.float--right {
  float: right !important; }

.float--left {
  float: left !important; }

.float--none {
  float: none !important; }

/**
 * Text alignment
 */
.text--left {
  text-align: left  !important; }

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

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

/**
 * Font weights
 */
.weight--light {
  font-weight: 300 !important; }

.weight--normal {
  font-weight: 400 !important; }

.weight--semibold {
  font-weight: 600 !important; }

/**
 * Add/remove margins
 */
.push {
  margin: 24px !important; }

.push--top {
  margin-top: 24px !important; }

.push--right {
  margin-right: 24px !important; }

.push--bottom {
  margin-bottom: 24px !important; }

.push--left {
  margin-left: 24px !important; }

.push--ends {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

.push--sides {
  margin-right: 24px !important;
  margin-left: 24px !important; }

.push-half {
  margin: 12px !important; }

.push-half--top {
  margin-top: 12px !important; }

.push-half--right {
  margin-right: 12px !important; }

.push-half--bottom {
  margin-bottom: 12px !important; }

.push-half--left {
  margin-left: 12px !important; }

.push-half--ends {
  margin-top: 12px !important;
  margin-bottom: 12px !important; }

.push-half--sides {
  margin-right: 12px !important;
  margin-left: 12px !important; }

.flush {
  margin: 0 !important; }

.flush--top {
  margin-top: 0 !important; }

.flush--right {
  margin-right: 0 !important; }

.flush--bottom {
  margin-bottom: 0 !important; }

.flush--left {
  margin-left: 0 !important; }

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important; }

/**
 * Add/remove paddings
 */
.soft {
  padding: 24px !important; }

.soft--top {
  padding-top: 24px !important; }

.soft--right {
  padding-right: 24px !important; }

.soft--bottom {
  padding-bottom: 24px !important; }

.soft--left {
  padding-left: 24px !important; }

.soft--ends {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

.soft--sides {
  padding-right: 24px !important;
  padding-left: 24px !important; }

.soft-half {
  padding: 12px !important; }

.soft-half--top {
  padding-top: 12px !important; }

.soft-half--right {
  padding-right: 12px !important; }

.soft-half--bottom {
  padding-bottom: 12px !important; }

.soft-half--left {
  padding-left: 12px !important; }

.soft-half--ends {
  padding-top: 12px !important;
  padding-bottom: 12px !important; }

.soft-half--sides {
  padding-right: 12px !important;
  padding-left: 12px !important; }

.hard {
  padding: 0 !important; }

.hard--top {
  padding-top: 0 !important; }

.hard--right {
  padding-right: 0 !important; }

.hard--bottom {
  padding-bottom: 0 !important; }

.hard--left {
  padding-left: 0 !important; }

.hard--ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.hard--sides {
  padding-right: 0 !important;
  padding-left: 0 !important; }

/**
 * Pull items full width of `.island` parents.
 */
.full-bleed {
  margin-right: -24px !important;
  margin-left: -24px !important; }
  .islet .full-bleed {
    margin-right: -12px !important;
    margin-left: -12px !important; }

/**
 * Add a help cursor to any element that gives the user extra information on
 * `:hover`.
 */
.informative {
  cursor: help !important; }

/**
 * Mute an object by reducing its opacity.
 */
.muted {
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important; }

/**
 * Align items to the right where they imply progression/movement forward, e.g.:
 *
   <p class=proceed><a href=#>Read more...</a></p>
 *
 */
.proceed {
  text-align: right !important; }

/**
 * Add a right-angled quote to links that imply movement, e.g.:
 *
   <a href=# class=go>Read more</a>
 *
 */
.go:after {
  content: " " "»" !important; }

/**
 * Apply capital case to an element (usually a `strong`).
 */
.caps {
  text-transform: uppercase !important; }

/**
 * Hide content off-screen without resorting to `display:none;`, also provide
 * breakpoint specific hidden elements.
 */
.accessibility,
.visuallyhidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

@media only screen and (max-width: 480px) {
  .accessibility--palm,
  .visuallyhidden--palm {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .accessibility--lap,
  .visuallyhidden--lap {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }
@media only screen and (min-width: 481px) {
  .accessibility--lap-and-up,
  .visuallyhidden--lap-and-up {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }
@media only screen and (max-width: 1023px) {
  .accessibility--portable,
  .visuallyhidden--portable {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }
@media only screen and (min-width: 1024px) {
  .accessibility--desk,
  .visuallyhidden--desk {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }
@media only screen and (min-width: 1200px) {
  .accessibility--desk-wide,
  .visuallyhidden--desk-wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }
/* endif */
/**
 * She’s all yours, cap’n ya... Begin importing your stuff here.
 */
/* All Variables */
/* All Mixins */
/* Grid Changes */
@media (max-width: 480px) {
  body {
    overflow: hidden !important; } }

.grid {
  max-width: 1080px;
  margin: 0 auto;
  display: block;
  float: none; }

.inner-padding-main {
  padding: 30px 140px !important; }

.inner-padding-horz {
  padding: 0px 140px !important; }

/* Main Font Section */
h1,
h2,
h3,
h4,
a,
p,
li {
  font-family: Open Sans;
  -webkit-font-smoothing: antialiased; }

a {
  text-decoration: none;
  color: #4a8ec2; }
  a:hover {
    color: #3774a2; }

h1 {
  color: white !important;
  margin: 0px !important;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 600; }
  @media (max-width: 480px) {
    h1 {
      letter-spacing: 0px !important;
      font-size: 26px !important; } }

h2 {
  font-size: 30px;
  font-family: open sans !important;
  color: #51a2ab !important;
  font-style: normal !important;
  line-height: 1.2;
  font-weight: 600 !important; }
  @media (max-width: 768px) {
    h2 {
      font-size: 30px !important; } }
  @media (max-width: 480px) {
    h2 {
      font-size: 24px !important; } }

h3 {
  color: #676767 !important;
  font-weight: 600 !important;
  font-size: 18px;
  line-height: 1.3; }

h4 {
  color: #676767 !important;
  font-size: 18px !important;
  font-weight: normal;
  margin: 15px 0px;
  line-height: 1.4; }

p, ul li {
  font-size: 15px;
  font-weight: 500;
  font-family: open sans !important;
  color: #4c4c4c !important; }

body {
  position: relative; }

/* Header changes */
@media (max-width: 768px) {
  .logo {
    padding-left: 120px !important;
    padding-top: 10px !important;
    width: 76% !important;
    float: left; } }
@media (max-width: 480px) {
  .logo {
    padding-left: 0px !important;
    padding-top: 0px !important;
    width: 100% !important;
    text-align: right; } }
@media (max-width: 480px) {
  .logo img {
    width: 176px !important; } }

.header {
  position: fixed;
  color: #ffffff !important;
  z-index: 999;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 768px) {
    .header {
      display: none; } }
  @media (max-width: 1024px) {
    .header .grid__item.one-third.hard, .header .grid__item.hard.two-sixths, .header .grid__item.hard.four-twelfths {
      width: 27% !important; } }
  @media (max-width: 1024px) {
    .header .grid__item.two-thirds.hard, .header .grid__item.hard.four-sixths, .header .grid__item.hard.eight-twelfths {
      width: 73% !important; } }
  .header .menu {
    width: 100%;
    padding-top: 5px;
    display: inline-block;
    position: relative;
    top: 5px; }
    .header .menu #hs_menu_wrapper_header_menu {
      float: left;
      width: 64%;
      text-align: right; }
      .header .menu #hs_menu_wrapper_header_menu ul {
        margin-left: 0px; }
    .header .menu ul.social {
      float: left;
      width: 18%;
      margin-left: 0 !important;
      margin-bottom: 29px;
      position: relative;
      text-align: center;
      top: 7px; }
      .header .menu ul.social a {
        margin: 0px 3px; }
    .header .menu #hs_cos_wrapper_my_cta {
      display: inline-block;
      width: 16%;
      text-align: right;
      padding-top: 5px; }
      .header .menu #hs_cos_wrapper_my_cta a {
        padding: 0.5em 1.3em !important;
        text-transform: capitalize !important;
        font-size: 14px;
        font-weight: 400;
        color: #FFFFFF !important;
        background: #569ca8;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        transition: all 0;
        position: relative;
        top: 5px !important; }
        .header .menu #hs_cos_wrapper_my_cta a:hover {
          background: #ffffff !important;
          color: #51a2ab !important;
          border: 1px solid #51a2ab !important; }
  .header .logo img {
    max-width: inherit !important;
    top: 11px;
    position: relative; }
  .header #hs_menu_wrapper_header_menu {
    padding-top: 5px; }

.scroll {
  opacity: 1;
  padding: 7px 0px 7px 0px;
  background: rgba(255, 255, 255, 0.95);
  background: white;
  z-index: 9999;
  border-bottom: 1px solid #DFDFDF !important;
  color: #676767 !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 1024px) {
    .scroll {
      padding: 7px 25px 7px 25px !important; } }
  @media (max-width: 768px) {
    .scroll {
      display: none; } }
  .scroll .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul a {
    padding: 0.5em 0.5em !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #676767 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .scroll .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul a:hover {
    color: #ffffff !important; }

.gone {
  opacity: 0; }

.appear {
  opacity: 1; }

.scroll.appear {
  background: rgba(255, 255, 255, 0.95);
  z-index: 9999;
  border-bottom: 1px solid #DFDFDF !important;
  color: #676767 !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 7px 0px 7px 0px; }
  @media (max-width: 1024px) {
    .scroll.appear {
      padding: 7px 25px 7px 25px !important; } }
  @media (max-width: 768px) {
    .scroll.appear {
      display: none; } }
  .scroll.appear .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul a {
    padding: 0.5em 0.5em !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #676767 !important; }
  .scroll.appear .menu .hs-menu-wrapper.hs-menu-flow-horizontal ul a:hover {
    color: #ffffff !important; }

.grid.mobile {
  display: none; }
  @media (max-width: 768px) {
    .grid.mobile {
      display: block !important;
      position: relative;
      width: 100% !important;
      background: #ffffff;
      display: block;
      padding: 0px 0px !important; } }
  @media (max-width: 480px) {
    .grid.mobile {
      padding: 6px 26px !important; } }
  .grid.mobile #menu .hs-cta-wrapper {
    width: 92%;
    background: #fff;
    display: block;
    text-align: center;
    padding: 15px;
    margin: 0 auto 20px auto; }
    .grid.mobile #menu .hs-cta-wrapper a {
      color: #676767; }
  .grid.mobile .panel ul {
    padding-left: 20px !important; }
    .grid.mobile .panel ul li {
      padding: 9px 0px !important;
      border-bottom: 0px !important; }

.grid.mobile {
  padding: 1px 26px; }
  @media (max-width: 768px) {
    .grid.mobile ul.social {
      text-decoration: none !important;
      border: 0 !important;
      float: left;
      width: 24% !important;
      text-align: center !important;
      top: 11px;
      position: relative;
      margin-bottom: 0px; } }
  @media (max-width: 480px) {
    .grid.mobile ul.social {
      display: none !important; } }
  .grid.mobile ul.social li {
    border: 0px !important; }
    .grid.mobile ul.social li a {
      margin: 0px 7px !important; }
  .grid.mobile .panel {
    background: #51a2ab !important;
    overflow: scroll;
    height: 100%; }
  .grid.mobile ul {
    list-style: none;
    margin-left: 0px; }
    .grid.mobile ul li {
      padding: 10px 20px;
      border-bottom: 1px solid #549ba9; }
      @media (max-width: 768px) {
        .grid.mobile ul li {
          padding: 6px 0px !important; } }
      .grid.mobile ul li a {
        color: #ffffff; }
  .grid.mobile .menu-link {
    padding-top: 15px;
    color: #797979;
    display: inline-block;
    font-size: 28px; }
    @media (max-width: 768px) {
      .grid.mobile .menu-link {
        font-size: 34px !important;
        padding-top: 5px !important;
        color: #797979;
        display: inline-block;
        font-size: 28px; } }
    @media (max-width: 480px) {
      .grid.mobile .menu-link {
        font-size: 28px !important;
        padding-top: 0px !important; } }
  .grid.mobile #hs_cos_wrapper_logo_image {
    padding-top: 18px !important;
    display: inline-block; }
  .grid.mobile .grid__item.five-sixths.hard, .grid.mobile .grid__item.hard.ten-twelfths {
    padding-left: 0% !important;
    padding-top: 19px !important;
    display: inline-block; }
    @media (max-width: 768px) {
      .grid.mobile .grid__item.five-sixths.hard, .grid.mobile .grid__item.hard.ten-twelfths {
        padding-left: 0 !important;
        padding-top: 2px !important;
        display: inline-block; } }
    @media (max-width: 480px) {
      .grid.mobile .grid__item.five-sixths.hard, .grid.mobile .grid__item.hard.ten-twelfths {
        padding-top: 6px !important; } }
  @media (max-width: 768px) {
    .grid.mobile .grid__item.one-whole.hard {
      height: 0px;
      margin: 0px;
      padding: 0px !important;
      display: block; } }

.panel {
  position: fixed;
  left: -25.625em;
  /*left or right and the width of your navigation panel*/
  width: 25.625em;
  /*should match the above value*/ }

.wrap {
  position: relative; }

.more--margin {
  margin: 0 auto;
  max-width: 50em;
  float: none;
  display: block; }
  @media (max-width: 768px) {
    .more--margin {
      padding-bottom: 50px !important; } }
  @media (max-width: 320px) {
    .more--margin {
      padding: 0px 25px !important; } }
  @media (max-width: 480px) {
    .more--margin {
      padding: 0px 25px 30px 25px !important; } }

.push--top--more {
  margin-top: 50px !important;
  margin-bottom: 0px !important; }
  @media (max-width: 768px) {
    .push--top--more {
      display: none; } }
  @media (max-width: 320px) {
    .push--top--more {
      margin-top: 50px !important; } }
  @media (max-width: 480px) {
    .push--top--more {
      margin-top: 50px !important; } }

/*dropdown menu */
.menu .hs-cta-wrapper a {
  padding: 0.5em 1.5em !important;
  text-transform: capitalize !important;
  font-size: 14px;
  font-weight: 400;
  color: #FFF !important;
  background: #569ca8;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all 0;
  position: relative;
  top: 5px; }
.menu #hs_cos_wrapper_header_menu ul li {
  text-align: center !important; }
  .menu #hs_cos_wrapper_header_menu ul li a {
    position: relative;
    text-align: center !important;
    text-transform: capitalize !important; }
.menu #hs_cos_wrapper_header_menu ul li:hover a {
  background: #51a2ab !important;
  color: #ffffff !important;
  text-transform: capitalize !important; }
  .menu #hs_cos_wrapper_header_menu ul li:hover a:hover {
    background: #51a2ab !important;
    color: #ffffff !important; }
.menu #hs_cos_wrapper_header_menu ul li:hover ul li a {
  background: #ffffff !important;
  color: #51a2ab !important;
  text-transform: capitalize !important; }
  .menu #hs_cos_wrapper_header_menu ul li:hover ul li a:hover {
    background: #51a2ab !important;
    color: #ffffff !important; }
  .menu #hs_cos_wrapper_header_menu ul li:hover ul li a:before {
    content: ""; }
.menu #hs_cos_wrapper_header_menu ul li.hs-item-has-children {
  position: relative;
  margin-bottom: 0px !important; }
.menu #hs_cos_wrapper_header_menu ul li.hs-item-has-children:hover a:before {
  content: "|";
  position: absolute;
  bottom: -15px;
  display: block;
  margin: 0 auto;
  left: 0px;
  width: 100%;
  text-align: center;
  color: #51a2ab; }
.menu #hs_cos_wrapper_header_menu ul li:hover > ul {
  position: absolute;
  top: 40px;
  left: 50%;
  opacity: 1;
  margin-left: -120px !important; }
.menu #hs_cos_wrapper_header_menu ul ul.hs-menu-children-wrapper {
  position: absolute;
  top: -99999px;
  left: 0;
  opacity: 1;
  -webkit-transition: opacity .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
  background: #FFFFFF;
  padding: 15px 20px;
  border: 1px solid #ECECEC;
  box-shadow: none !important;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  width: 240px; }
  .menu #hs_cos_wrapper_header_menu ul ul.hs-menu-children-wrapper li.hs-menu-item {
    display: block;
    width: auto !important;
    text-align: left;
    background: #ffffff !important; }
    .menu #hs_cos_wrapper_header_menu ul ul.hs-menu-children-wrapper li.hs-menu-item a {
      padding: 10px 20px !important;
      margin: 0px 0px;
      display: block !important;
      text-align: center !important;
      width: auto !important;
      white-space: nowrap;
      text-transform: capitalize !important; }
      .menu #hs_cos_wrapper_header_menu ul ul.hs-menu-children-wrapper li.hs-menu-item a:before {
        content: ""; }

/* buttons */
/* Main Body Styles */
.bg-overlay {
  background: rgba(0, 0, 0, 0.6); }

/* Forms */
.hs-form-field select {
  -webkit-appearance: none;
  padding: 6px 10px 0px 18px !important;
  align-items: inherit !important;
  color: #676767 !important;
  font-family: open sans !important;
  height: 36px !important;
  background: #fff url("//cdn2.hubspot.net/hub/359929/file-655647636-png/images/dropdown-icon.png") !important;
  background-repeat: no-repeat !important;
  background-position: 98% center !important;
  outline: none;
  width: 100%;
  border: 0px !important;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-appearance: inherit !important;
  -webkit-appearance: none;
  -moz-user-select: inherit !important;
  -webkit-user-select: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none !important;
  outline: none !important;
  overflow: hidden !important;
  text-indent: 0.01px !important;
  text-overflow: '' !important; }
.hs-form-field input {
  width: 100%;
  box-shadow: none;
  cursor: initial;
  outline: none;
  font-family: open sans !important;
  padding: 0px 10px 0px 18px !important;
  color: #676767 !important;
  font-family: open sans !important;
  height: 36px !important; }

.hsformerror {
  margin: 0 0 2px;
  padding: 2px 6px;
  height: auto;
  background: #d55d2f !important;
  font-size: 11px;
  border: 1px solid #d55d2f !important;
  padding: 4px 16px 4px 10px;
  color: #000;
  background-image: none !important;
  display: none;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  border-radius: 0px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  z-index: 99 !important;
  opacity: 0.9; }
  .hsformerror p {
    color: #ffffff !important; }

.hsformerror em {
  border: 10px solid;
  border-color: #d55d2f transparent transparent !important;
  bottom: -21px;
  display: block;
  height: 0;
  left: 60px;
  position: absolute;
  width: 0; }

form .hsformerror .close-form-error {
  float: right;
  display: inline;
  top: 3px;
  position: absolute;
  font-family: Verdana !important;
  color: #ffffff !important;
  cursor: pointer !important;
  font-size: 11px !important;
  font-weight: 400 !important; }

/* CTA Sections */
.cta-prime {
  /*background: $primary-color;*/
  padding: 125px 0px !important; }
  @media (max-width: 768px) {
    .cta-prime {
      padding: 75px 25px !important; } }
  .cta-prime .grid__item.one-whole.text--center h3 {
    line-height: 1.3 !important;
    margin-bottom: 50px !important;
    font-family: open sans !important;
    font-size: 36px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    color: #ffffff !important; }
  .cta-prime .grid__item.one-whole.text--center p {
    color: #ffffff !important;
    margin-bottom: 60px;
    font-size: 18px !important;
    font-weight: normal !important; }
  .cta-prime .grid__item.one-whole.text--center .hs-cta-wrapper span a {
    border: 2px solid #ffffff !important;
    background: none !important;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: normal;
    padding: 15px 120px !important;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .cta-prime .grid__item.one-whole.text--center .hs-cta-wrapper span a:hover {
    background: #ffffff !important;
    color: #676767 !important; }

.cta-prime.testimonial h4 {
  font-family: crimson text !important;
  color: #ffffff !important;
  font-style: italic !important;
  font-size: 36px !important;
  line-height: 1.1 !important;
  margin-top: 0px !important; }
  .cta-prime.testimonial h4 span {
    display: inline-block;
    font-size: 18px !important;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding: 0px 0px 17px 0px;
    margin: 0px auto 3px auto; }
.cta-prime.testimonial .grid__item.one-whole.text--center.hard h3 {
  font-size: 18px !important; }

/* Footer */
.footer-main {
  background: #161616;
  padding: 45px 0px; }
  @media (max-width: 1024px) {
    .footer-main {
      padding: 25px !important; } }
  @media (max-width: 768px) {
    .footer-main {
      padding: 25px !important; } }
  @media (max-width: 480px) {
    .footer-main .grid__item.one-quarter, .footer-main .grid__item.two-eighths, .footer-main .grid__item.three-twelfths {
      padding: 10px 25px !important;
      text-align: center !important; } }
  .footer-main .grid__item.one-quarter .social li a, .footer-main .grid__item.two-eighths .social li a, .footer-main .grid__item.three-twelfths .social li a {
    margin: 0px 3px !important;
    display: inline-block; }
  .footer-main .grid__item.one-quarter h3, .footer-main .grid__item.two-eighths h3, .footer-main .grid__item.three-twelfths h3 {
    margin-bottom: 10px !important;
    font-weight: bold;
    color: #a09c9c !important;
    font-size: 18px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-bottom: 13px; }
    .footer-main .grid__item.one-quarter h3 a, .footer-main .grid__item.two-eighths h3 a, .footer-main .grid__item.three-twelfths h3 a {
      cursor: pointer;
      font-weight: bold;
      color: #a09c9c;
      font-size: 18px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      margin-bottom: 13px; }
      .footer-main .grid__item.one-quarter h3 a:hover, .footer-main .grid__item.two-eighths h3 a:hover, .footer-main .grid__item.three-twelfths h3 a:hover {
        color: #ffffff !important; }
  .footer-main .grid__item.one-quarter ul, .footer-main .grid__item.two-eighths ul, .footer-main .grid__item.three-twelfths ul {
    list-style: none;
    margin-left: 0px; }
    .footer-main .grid__item.one-quarter ul li a, .footer-main .grid__item.two-eighths ul li a, .footer-main .grid__item.three-twelfths ul li a {
      color: #a09c9c;
      cursor: pointer;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .footer-main .grid__item.one-quarter ul li a:hover, .footer-main .grid__item.two-eighths ul li a:hover, .footer-main .grid__item.three-twelfths ul li a:hover {
        color: #ffffff !important; }
    .footer-main .grid__item.one-quarter ul li p, .footer-main .grid__item.two-eighths ul li p, .footer-main .grid__item.three-twelfths ul li p {
      color: #a09c9c !important;
      margin: 0px;
      padding: 0px; }

.footer {
  background: #1e1e1e;
  padding: 25px 0px;
  margin: 0px !important; }
  .footer p {
    margin-bottom: 0px !important;
    color: #DFDFDF !important;
    font-family: crimson text !important;
    font-style: italic;
    display: inline-block; }
  .footer a {
    font-family: crimson text !important;
    font-style: italic; }

/*------------------------------------*\
    MULTIDROPDOWN CORE
\*------------------------------------*/
/**
 * MultiDropdown is a plugin for inuit.css to create multi level dropdown menus
 *
 * LICENSE
 *
 * Copyright 2013 Samuel Turner
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */
.multi-dropdown {
  overflow: visible; }

.multi-dropdown a {
  text-decoration: none;
  display: block;
  padding: 0.5em 1em;
  text-align: left; }

.multi-dropdown li {
  position: relative; }

/* Set up child levels and hide off-screen. */
.multi-dropdown li ul {
  position: absolute;
  left: -99999px;
  display: none;
  top: 100%;
  margin-left: 0; }

.multi-dropdown li ul a {
  white-space: nowrap;
  /* Stop the list items breaking. */
  display: block;
  text-decoration: none;
  display: block;
  padding: 0.5em 1em;
  text-align: left; }

/* Style each link when hovered, keep styled while child ul is displayed */
.multi-dropdown a:hover,
.multi-dropdown li:hover > a {
  text-decoration: none; }

.multi-dropdown li ul li {
  display: block; }

/* Bring the first dropdown level back onto screen when you hover its parent li. */
.multi-dropdown li:hover > ul {
  left: 0;
  display: block; }

/* Bring all lower levels back on screen to the right when their parent li is hovered. */
.multi-dropdown ul li:hover > ul {
  margin-left: 100%;
  top: 0; }

/*------------------------------------
	HubSpot Style Overrides
-------------------------------------*/
/* Blog and Community Style Sheet */
.blog.community .resources, .blog.single .resources {
  padding-left: 25px; }
  .blog.community .resources .grid__item.one-third, .blog.community .resources .grid__item.two-sixths, .blog.community .resources .grid__item.four-twelfths, .blog.single .resources .grid__item.one-third, .blog.single .resources .grid__item.two-sixths, .blog.single .resources .grid__item.four-twelfths {
    background: url("//cdn2.hubspot.net/hub/359929/file-568887182-jpg/images/subscribe-background.jpg");
    min-height: 320px;
    padding: 25px 25px 25px 25px !important;
    text-align: center;
    font-family: crimson text !important;
    color: #FFFFFF;
    font-style: italic;
    font-size: 22px;
    font-weight: 600; }
    @media (max-width: 480px) {
      .blog.community .resources .grid__item.one-third, .blog.community .resources .grid__item.two-sixths, .blog.community .resources .grid__item.four-twelfths, .blog.single .resources .grid__item.one-third, .blog.single .resources .grid__item.two-sixths, .blog.single .resources .grid__item.four-twelfths {
        margin: 0px 0px;
        float: left !important;
        width: 93% !important; } }
    .blog.community .resources .grid__item.one-third h3, .blog.community .resources .grid__item.two-sixths h3, .blog.community .resources .grid__item.four-twelfths h3, .blog.single .resources .grid__item.one-third h3, .blog.single .resources .grid__item.two-sixths h3, .blog.single .resources .grid__item.four-twelfths h3 {
      display: none; }
    .blog.community .resources .grid__item.one-third .input, .blog.community .resources .grid__item.two-sixths .input, .blog.community .resources .grid__item.four-twelfths .input, .blog.single .resources .grid__item.one-third .input, .blog.single .resources .grid__item.two-sixths .input, .blog.single .resources .grid__item.four-twelfths .input {
      padding: 0px 35px; }
    .blog.community .resources .grid__item.one-third .hs_submit, .blog.community .resources .grid__item.two-sixths .hs_submit, .blog.community .resources .grid__item.four-twelfths .hs_submit, .blog.single .resources .grid__item.one-third .hs_submit, .blog.single .resources .grid__item.two-sixths .hs_submit, .blog.single .resources .grid__item.four-twelfths .hs_submit {
      padding: 0px 35px; }
    .blog.community .resources .grid__item.one-third img, .blog.community .resources .grid__item.two-sixths img, .blog.community .resources .grid__item.four-twelfths img, .blog.single .resources .grid__item.one-third img, .blog.single .resources .grid__item.two-sixths img, .blog.single .resources .grid__item.four-twelfths img {
      width: 42px;
      display: inline-block !important;
      position: relative;
      top: 10px;
      padding-right: 5px; }
    .blog.community .resources .grid__item.one-third p, .blog.community .resources .grid__item.two-sixths p, .blog.community .resources .grid__item.four-twelfths p, .blog.single .resources .grid__item.one-third p, .blog.single .resources .grid__item.two-sixths p, .blog.single .resources .grid__item.four-twelfths p {
      font-family: crimson text !important;
      font-style: italic;
      font-size: 18px;
      margin-bottom: 20px;
      padding: 0px 25px;
      font-weight: 600;
      color: white !important; }
    .blog.community .resources .grid__item.one-third h3.main-sub, .blog.community .resources .grid__item.two-sixths h3.main-sub, .blog.community .resources .grid__item.four-twelfths h3.main-sub, .blog.single .resources .grid__item.one-third h3.main-sub, .blog.single .resources .grid__item.two-sixths h3.main-sub, .blog.single .resources .grid__item.four-twelfths h3.main-sub {
      display: inline-block !important;
      font-weight: bold !important;
      text-transform: uppercase;
      padding-top: 10px;
      font-size: 20px;
      color: #ffffff !important;
      margin-bottom: 10px; }
    .blog.community .resources .grid__item.one-third label, .blog.community .resources .grid__item.two-sixths label, .blog.community .resources .grid__item.four-twelfths label, .blog.single .resources .grid__item.one-third label, .blog.single .resources .grid__item.two-sixths label, .blog.single .resources .grid__item.four-twelfths label {
      display: none; }
    .blog.community .resources .grid__item.one-third input, .blog.community .resources .grid__item.two-sixths input, .blog.community .resources .grid__item.four-twelfths input, .blog.single .resources .grid__item.one-third input, .blog.single .resources .grid__item.two-sixths input, .blog.single .resources .grid__item.four-twelfths input {
      width: 100%;
      text-align: center !important;
      padding: 7px;
      font-family: open sans !important;
      color: #676767 !important; }
    .blog.community .resources .grid__item.one-third .hs-form-field input, .blog.community .resources .grid__item.two-sixths .hs-form-field input, .blog.community .resources .grid__item.four-twelfths .hs-form-field input, .blog.single .resources .grid__item.one-third .hs-form-field input, .blog.single .resources .grid__item.two-sixths .hs-form-field input, .blog.single .resources .grid__item.four-twelfths .hs-form-field input {
      width: 100%;
      box-shadow: none;
      cursor: initial;
      outline: none;
      font-family: open sans !important;
      padding: 0 10px 0 18px !important;
      color: #676767 !important;
      font-family: open sans !important;
      height: 36px !important;
      font-size: 15px; }
    .blog.community .resources .grid__item.one-third .hs-button, .blog.community .resources .grid__item.two-sixths .hs-button, .blog.community .resources .grid__item.four-twelfths .hs-button, .blog.single .resources .grid__item.one-third .hs-button, .blog.single .resources .grid__item.two-sixths .hs-button, .blog.single .resources .grid__item.four-twelfths .hs-button {
      margin-top: 20px;
      background: transparent;
      color: #ffffff !important;
      font-family: open sans !important;
      font-weight: normal !important;
      -webkit-font-smoothing: antialiased;
      border: 1px solid #ffffff !important;
      width: 100%;
      padding: 12px 10px;
      line-height: 1;
      font-weight: 600 !important;
      border-radius: 0px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .blog.community .resources .grid__item.one-third .hs-button:hover, .blog.community .resources .grid__item.two-sixths .hs-button:hover, .blog.community .resources .grid__item.four-twelfths .hs-button:hover, .blog.single .resources .grid__item.one-third .hs-button:hover, .blog.single .resources .grid__item.two-sixths .hs-button:hover, .blog.single .resources .grid__item.four-twelfths .hs-button:hover {
      border: 1px solid #ffffff !important;
      background: #ffffff !important;
      color: #51a2ab !important; }
  @media (max-width: 480px) {
    .blog.community .resources .grid__item.two-thirds, .blog.community .resources .grid__item.four-sixths, .blog.community .resources .grid__item.eight-twelfths, .blog.single .resources .grid__item.two-thirds, .blog.single .resources .grid__item.four-sixths, .blog.single .resources .grid__item.eight-twelfths {
      padding-left: 0px !important;
      width: 100% !important;
      margin: 35px 0px 0px 0px;
      padding: 0px 25px; } }
  @media (max-width: 480px) {
    .blog.community .resources .grid__item.two-thirds .grid__item.one-half.hard, .blog.community .resources .grid__item.four-sixths .grid__item.one-half.hard, .blog.community .resources .grid__item.eight-twelfths .grid__item.one-half.hard, .blog.community .resources .grid__item.two-thirds .grid__item.hard.two-quarters, .blog.community .resources .grid__item.four-sixths .grid__item.hard.two-quarters, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.two-quarters, .blog.community .resources .grid__item.two-thirds .grid__item.hard.three-sixths, .blog.community .resources .grid__item.four-sixths .grid__item.hard.three-sixths, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.three-sixths, .blog.community .resources .grid__item.two-thirds .grid__item.hard.four-eighths, .blog.community .resources .grid__item.four-sixths .grid__item.hard.four-eighths, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.four-eighths, .blog.community .resources .grid__item.two-thirds .grid__item.hard.five-tenths, .blog.community .resources .grid__item.four-sixths .grid__item.hard.five-tenths, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.five-tenths, .blog.community .resources .grid__item.two-thirds .grid__item.hard.six-twelfths, .blog.community .resources .grid__item.four-sixths .grid__item.hard.six-twelfths, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.six-twelfths, .blog.single .resources .grid__item.two-thirds .grid__item.one-half.hard, .blog.single .resources .grid__item.four-sixths .grid__item.one-half.hard, .blog.single .resources .grid__item.eight-twelfths .grid__item.one-half.hard, .blog.single .resources .grid__item.two-thirds .grid__item.hard.two-quarters, .blog.single .resources .grid__item.four-sixths .grid__item.hard.two-quarters, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.two-quarters, .blog.single .resources .grid__item.two-thirds .grid__item.hard.three-sixths, .blog.single .resources .grid__item.four-sixths .grid__item.hard.three-sixths, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.three-sixths, .blog.single .resources .grid__item.two-thirds .grid__item.hard.four-eighths, .blog.single .resources .grid__item.four-sixths .grid__item.hard.four-eighths, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.four-eighths, .blog.single .resources .grid__item.two-thirds .grid__item.hard.five-tenths, .blog.single .resources .grid__item.four-sixths .grid__item.hard.five-tenths, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.five-tenths, .blog.single .resources .grid__item.two-thirds .grid__item.hard.six-twelfths, .blog.single .resources .grid__item.four-sixths .grid__item.hard.six-twelfths, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.six-twelfths {
      padding: 0px 25px;
      margin-top: 15px; } }
  .blog.community .resources .grid__item.two-thirds .grid__item.one-half.hard:nth-child(2), .blog.community .resources .grid__item.four-sixths .grid__item.one-half.hard:nth-child(2), .blog.community .resources .grid__item.eight-twelfths .grid__item.one-half.hard:nth-child(2), .blog.community .resources .grid__item.two-thirds .grid__item.hard.two-quarters:nth-child(2), .blog.community .resources .grid__item.four-sixths .grid__item.hard.two-quarters:nth-child(2), .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.two-quarters:nth-child(2), .blog.community .resources .grid__item.two-thirds .grid__item.hard.three-sixths:nth-child(2), .blog.community .resources .grid__item.four-sixths .grid__item.hard.three-sixths:nth-child(2), .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.three-sixths:nth-child(2), .blog.community .resources .grid__item.two-thirds .grid__item.hard.four-eighths:nth-child(2), .blog.community .resources .grid__item.four-sixths .grid__item.hard.four-eighths:nth-child(2), .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.four-eighths:nth-child(2), .blog.community .resources .grid__item.two-thirds .grid__item.hard.five-tenths:nth-child(2), .blog.community .resources .grid__item.four-sixths .grid__item.hard.five-tenths:nth-child(2), .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.five-tenths:nth-child(2), .blog.community .resources .grid__item.two-thirds .grid__item.hard.six-twelfths:nth-child(2), .blog.community .resources .grid__item.four-sixths .grid__item.hard.six-twelfths:nth-child(2), .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.six-twelfths:nth-child(2), .blog.single .resources .grid__item.two-thirds .grid__item.one-half.hard:nth-child(2), .blog.single .resources .grid__item.four-sixths .grid__item.one-half.hard:nth-child(2), .blog.single .resources .grid__item.eight-twelfths .grid__item.one-half.hard:nth-child(2), .blog.single .resources .grid__item.two-thirds .grid__item.hard.two-quarters:nth-child(2), .blog.single .resources .grid__item.four-sixths .grid__item.hard.two-quarters:nth-child(2), .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.two-quarters:nth-child(2), .blog.single .resources .grid__item.two-thirds .grid__item.hard.three-sixths:nth-child(2), .blog.single .resources .grid__item.four-sixths .grid__item.hard.three-sixths:nth-child(2), .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.three-sixths:nth-child(2), .blog.single .resources .grid__item.two-thirds .grid__item.hard.four-eighths:nth-child(2), .blog.single .resources .grid__item.four-sixths .grid__item.hard.four-eighths:nth-child(2), .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.four-eighths:nth-child(2), .blog.single .resources .grid__item.two-thirds .grid__item.hard.five-tenths:nth-child(2), .blog.single .resources .grid__item.four-sixths .grid__item.hard.five-tenths:nth-child(2), .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.five-tenths:nth-child(2), .blog.single .resources .grid__item.two-thirds .grid__item.hard.six-twelfths:nth-child(2), .blog.single .resources .grid__item.four-sixths .grid__item.hard.six-twelfths:nth-child(2), .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.six-twelfths:nth-child(2) {
    border: 1px solid #bfbfbf;
    padding: 20px 30px !important;
    min-height: 321px; }
    @media (max-width: 480px) {
      .blog.community .resources .grid__item.two-thirds .grid__item.one-half.hard:nth-child(2), .blog.community .resources .grid__item.four-sixths .grid__item.one-half.hard:nth-child(2), .blog.community .resources .grid__item.eight-twelfths .grid__item.one-half.hard:nth-child(2), .blog.community .resources .grid__item.two-thirds .grid__item.hard.two-quarters:nth-child(2), .blog.community .resources .grid__item.four-sixths .grid__item.hard.two-quarters:nth-child(2), .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.two-quarters:nth-child(2), .blog.community .resources .grid__item.two-thirds .grid__item.hard.three-sixths:nth-child(2), .blog.community .resources .grid__item.four-sixths .grid__item.hard.three-sixths:nth-child(2), .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.three-sixths:nth-child(2), .blog.community .resources .grid__item.two-thirds .grid__item.hard.four-eighths:nth-child(2), .blog.community .resources .grid__item.four-sixths .grid__item.hard.four-eighths:nth-child(2), .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.four-eighths:nth-child(2), .blog.community .resources .grid__item.two-thirds .grid__item.hard.five-tenths:nth-child(2), .blog.community .resources .grid__item.four-sixths .grid__item.hard.five-tenths:nth-child(2), .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.five-tenths:nth-child(2), .blog.community .resources .grid__item.two-thirds .grid__item.hard.six-twelfths:nth-child(2), .blog.community .resources .grid__item.four-sixths .grid__item.hard.six-twelfths:nth-child(2), .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.six-twelfths:nth-child(2), .blog.single .resources .grid__item.two-thirds .grid__item.one-half.hard:nth-child(2), .blog.single .resources .grid__item.four-sixths .grid__item.one-half.hard:nth-child(2), .blog.single .resources .grid__item.eight-twelfths .grid__item.one-half.hard:nth-child(2), .blog.single .resources .grid__item.two-thirds .grid__item.hard.two-quarters:nth-child(2), .blog.single .resources .grid__item.four-sixths .grid__item.hard.two-quarters:nth-child(2), .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.two-quarters:nth-child(2), .blog.single .resources .grid__item.two-thirds .grid__item.hard.three-sixths:nth-child(2), .blog.single .resources .grid__item.four-sixths .grid__item.hard.three-sixths:nth-child(2), .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.three-sixths:nth-child(2), .blog.single .resources .grid__item.two-thirds .grid__item.hard.four-eighths:nth-child(2), .blog.single .resources .grid__item.four-sixths .grid__item.hard.four-eighths:nth-child(2), .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.four-eighths:nth-child(2), .blog.single .resources .grid__item.two-thirds .grid__item.hard.five-tenths:nth-child(2), .blog.single .resources .grid__item.four-sixths .grid__item.hard.five-tenths:nth-child(2), .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.five-tenths:nth-child(2), .blog.single .resources .grid__item.two-thirds .grid__item.hard.six-twelfths:nth-child(2), .blog.single .resources .grid__item.four-sixths .grid__item.hard.six-twelfths:nth-child(2), .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.six-twelfths:nth-child(2) {
        width: 92% !important;
        margin-top: 0px; } }
    .blog.community .resources .grid__item.two-thirds .grid__item.one-half.hard:nth-child(2) h3, .blog.community .resources .grid__item.four-sixths .grid__item.one-half.hard:nth-child(2) h3, .blog.community .resources .grid__item.eight-twelfths .grid__item.one-half.hard:nth-child(2) h3, .blog.community .resources .grid__item.two-thirds .grid__item.hard.two-quarters:nth-child(2) h3, .blog.community .resources .grid__item.four-sixths .grid__item.hard.two-quarters:nth-child(2) h3, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.two-quarters:nth-child(2) h3, .blog.community .resources .grid__item.two-thirds .grid__item.hard.three-sixths:nth-child(2) h3, .blog.community .resources .grid__item.four-sixths .grid__item.hard.three-sixths:nth-child(2) h3, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.three-sixths:nth-child(2) h3, .blog.community .resources .grid__item.two-thirds .grid__item.hard.four-eighths:nth-child(2) h3, .blog.community .resources .grid__item.four-sixths .grid__item.hard.four-eighths:nth-child(2) h3, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.four-eighths:nth-child(2) h3, .blog.community .resources .grid__item.two-thirds .grid__item.hard.five-tenths:nth-child(2) h3, .blog.community .resources .grid__item.four-sixths .grid__item.hard.five-tenths:nth-child(2) h3, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.five-tenths:nth-child(2) h3, .blog.community .resources .grid__item.two-thirds .grid__item.hard.six-twelfths:nth-child(2) h3, .blog.community .resources .grid__item.four-sixths .grid__item.hard.six-twelfths:nth-child(2) h3, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.six-twelfths:nth-child(2) h3, .blog.single .resources .grid__item.two-thirds .grid__item.one-half.hard:nth-child(2) h3, .blog.single .resources .grid__item.four-sixths .grid__item.one-half.hard:nth-child(2) h3, .blog.single .resources .grid__item.eight-twelfths .grid__item.one-half.hard:nth-child(2) h3, .blog.single .resources .grid__item.two-thirds .grid__item.hard.two-quarters:nth-child(2) h3, .blog.single .resources .grid__item.four-sixths .grid__item.hard.two-quarters:nth-child(2) h3, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.two-quarters:nth-child(2) h3, .blog.single .resources .grid__item.two-thirds .grid__item.hard.three-sixths:nth-child(2) h3, .blog.single .resources .grid__item.four-sixths .grid__item.hard.three-sixths:nth-child(2) h3, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.three-sixths:nth-child(2) h3, .blog.single .resources .grid__item.two-thirds .grid__item.hard.four-eighths:nth-child(2) h3, .blog.single .resources .grid__item.four-sixths .grid__item.hard.four-eighths:nth-child(2) h3, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.four-eighths:nth-child(2) h3, .blog.single .resources .grid__item.two-thirds .grid__item.hard.five-tenths:nth-child(2) h3, .blog.single .resources .grid__item.four-sixths .grid__item.hard.five-tenths:nth-child(2) h3, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.five-tenths:nth-child(2) h3, .blog.single .resources .grid__item.two-thirds .grid__item.hard.six-twelfths:nth-child(2) h3, .blog.single .resources .grid__item.four-sixths .grid__item.hard.six-twelfths:nth-child(2) h3, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.six-twelfths:nth-child(2) h3 {
      font-weight: 300;
      font-size: 18px;
      text-transform: uppercase;
      color: #51a2ab !important; }
    .blog.community .resources .grid__item.two-thirds .grid__item.one-half.hard:nth-child(2) p, .blog.community .resources .grid__item.four-sixths .grid__item.one-half.hard:nth-child(2) p, .blog.community .resources .grid__item.eight-twelfths .grid__item.one-half.hard:nth-child(2) p, .blog.community .resources .grid__item.two-thirds .grid__item.hard.two-quarters:nth-child(2) p, .blog.community .resources .grid__item.four-sixths .grid__item.hard.two-quarters:nth-child(2) p, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.two-quarters:nth-child(2) p, .blog.community .resources .grid__item.two-thirds .grid__item.hard.three-sixths:nth-child(2) p, .blog.community .resources .grid__item.four-sixths .grid__item.hard.three-sixths:nth-child(2) p, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.three-sixths:nth-child(2) p, .blog.community .resources .grid__item.two-thirds .grid__item.hard.four-eighths:nth-child(2) p, .blog.community .resources .grid__item.four-sixths .grid__item.hard.four-eighths:nth-child(2) p, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.four-eighths:nth-child(2) p, .blog.community .resources .grid__item.two-thirds .grid__item.hard.five-tenths:nth-child(2) p, .blog.community .resources .grid__item.four-sixths .grid__item.hard.five-tenths:nth-child(2) p, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.five-tenths:nth-child(2) p, .blog.community .resources .grid__item.two-thirds .grid__item.hard.six-twelfths:nth-child(2) p, .blog.community .resources .grid__item.four-sixths .grid__item.hard.six-twelfths:nth-child(2) p, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.six-twelfths:nth-child(2) p, .blog.community .resources .grid__item.two-thirds .grid__item.one-half.hard:nth-child(2) ul li, .blog.community .resources .grid__item.four-sixths .grid__item.one-half.hard:nth-child(2) ul li, .blog.community .resources .grid__item.eight-twelfths .grid__item.one-half.hard:nth-child(2) ul li, .blog.community .resources .grid__item.two-thirds .grid__item.hard.two-quarters:nth-child(2) ul li, .blog.community .resources .grid__item.four-sixths .grid__item.hard.two-quarters:nth-child(2) ul li, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.two-quarters:nth-child(2) ul li, .blog.community .resources .grid__item.two-thirds .grid__item.hard.three-sixths:nth-child(2) ul li, .blog.community .resources .grid__item.four-sixths .grid__item.hard.three-sixths:nth-child(2) ul li, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.three-sixths:nth-child(2) ul li, .blog.community .resources .grid__item.two-thirds .grid__item.hard.four-eighths:nth-child(2) ul li, .blog.community .resources .grid__item.four-sixths .grid__item.hard.four-eighths:nth-child(2) ul li, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.four-eighths:nth-child(2) ul li, .blog.community .resources .grid__item.two-thirds .grid__item.hard.five-tenths:nth-child(2) ul li, .blog.community .resources .grid__item.four-sixths .grid__item.hard.five-tenths:nth-child(2) ul li, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.five-tenths:nth-child(2) ul li, .blog.community .resources .grid__item.two-thirds .grid__item.hard.six-twelfths:nth-child(2) ul li, .blog.community .resources .grid__item.four-sixths .grid__item.hard.six-twelfths:nth-child(2) ul li, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.six-twelfths:nth-child(2) ul li, .blog.single .resources .grid__item.two-thirds .grid__item.one-half.hard:nth-child(2) p, .blog.single .resources .grid__item.four-sixths .grid__item.one-half.hard:nth-child(2) p, .blog.single .resources .grid__item.eight-twelfths .grid__item.one-half.hard:nth-child(2) p, .blog.single .resources .grid__item.two-thirds .grid__item.hard.two-quarters:nth-child(2) p, .blog.single .resources .grid__item.four-sixths .grid__item.hard.two-quarters:nth-child(2) p, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.two-quarters:nth-child(2) p, .blog.single .resources .grid__item.two-thirds .grid__item.hard.three-sixths:nth-child(2) p, .blog.single .resources .grid__item.four-sixths .grid__item.hard.three-sixths:nth-child(2) p, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.three-sixths:nth-child(2) p, .blog.single .resources .grid__item.two-thirds .grid__item.hard.four-eighths:nth-child(2) p, .blog.single .resources .grid__item.four-sixths .grid__item.hard.four-eighths:nth-child(2) p, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.four-eighths:nth-child(2) p, .blog.single .resources .grid__item.two-thirds .grid__item.hard.five-tenths:nth-child(2) p, .blog.single .resources .grid__item.four-sixths .grid__item.hard.five-tenths:nth-child(2) p, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.five-tenths:nth-child(2) p, .blog.single .resources .grid__item.two-thirds .grid__item.hard.six-twelfths:nth-child(2) p, .blog.single .resources .grid__item.four-sixths .grid__item.hard.six-twelfths:nth-child(2) p, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.six-twelfths:nth-child(2) p, .blog.single .resources .grid__item.two-thirds .grid__item.one-half.hard:nth-child(2) ul li, .blog.single .resources .grid__item.four-sixths .grid__item.one-half.hard:nth-child(2) ul li, .blog.single .resources .grid__item.eight-twelfths .grid__item.one-half.hard:nth-child(2) ul li, .blog.single .resources .grid__item.two-thirds .grid__item.hard.two-quarters:nth-child(2) ul li, .blog.single .resources .grid__item.four-sixths .grid__item.hard.two-quarters:nth-child(2) ul li, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.two-quarters:nth-child(2) ul li, .blog.single .resources .grid__item.two-thirds .grid__item.hard.three-sixths:nth-child(2) ul li, .blog.single .resources .grid__item.four-sixths .grid__item.hard.three-sixths:nth-child(2) ul li, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.three-sixths:nth-child(2) ul li, .blog.single .resources .grid__item.two-thirds .grid__item.hard.four-eighths:nth-child(2) ul li, .blog.single .resources .grid__item.four-sixths .grid__item.hard.four-eighths:nth-child(2) ul li, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.four-eighths:nth-child(2) ul li, .blog.single .resources .grid__item.two-thirds .grid__item.hard.five-tenths:nth-child(2) ul li, .blog.single .resources .grid__item.four-sixths .grid__item.hard.five-tenths:nth-child(2) ul li, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.five-tenths:nth-child(2) ul li, .blog.single .resources .grid__item.two-thirds .grid__item.hard.six-twelfths:nth-child(2) ul li, .blog.single .resources .grid__item.four-sixths .grid__item.hard.six-twelfths:nth-child(2) ul li, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.six-twelfths:nth-child(2) ul li {
      font-size: 12px;
      color: #676767 !important; }
    .blog.community .resources .grid__item.two-thirds .grid__item.one-half.hard:nth-child(2) a, .blog.community .resources .grid__item.four-sixths .grid__item.one-half.hard:nth-child(2) a, .blog.community .resources .grid__item.eight-twelfths .grid__item.one-half.hard:nth-child(2) a, .blog.community .resources .grid__item.two-thirds .grid__item.hard.two-quarters:nth-child(2) a, .blog.community .resources .grid__item.four-sixths .grid__item.hard.two-quarters:nth-child(2) a, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.two-quarters:nth-child(2) a, .blog.community .resources .grid__item.two-thirds .grid__item.hard.three-sixths:nth-child(2) a, .blog.community .resources .grid__item.four-sixths .grid__item.hard.three-sixths:nth-child(2) a, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.three-sixths:nth-child(2) a, .blog.community .resources .grid__item.two-thirds .grid__item.hard.four-eighths:nth-child(2) a, .blog.community .resources .grid__item.four-sixths .grid__item.hard.four-eighths:nth-child(2) a, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.four-eighths:nth-child(2) a, .blog.community .resources .grid__item.two-thirds .grid__item.hard.five-tenths:nth-child(2) a, .blog.community .resources .grid__item.four-sixths .grid__item.hard.five-tenths:nth-child(2) a, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.five-tenths:nth-child(2) a, .blog.community .resources .grid__item.two-thirds .grid__item.hard.six-twelfths:nth-child(2) a, .blog.community .resources .grid__item.four-sixths .grid__item.hard.six-twelfths:nth-child(2) a, .blog.community .resources .grid__item.eight-twelfths .grid__item.hard.six-twelfths:nth-child(2) a, .blog.single .resources .grid__item.two-thirds .grid__item.one-half.hard:nth-child(2) a, .blog.single .resources .grid__item.four-sixths .grid__item.one-half.hard:nth-child(2) a, .blog.single .resources .grid__item.eight-twelfths .grid__item.one-half.hard:nth-child(2) a, .blog.single .resources .grid__item.two-thirds .grid__item.hard.two-quarters:nth-child(2) a, .blog.single .resources .grid__item.four-sixths .grid__item.hard.two-quarters:nth-child(2) a, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.two-quarters:nth-child(2) a, .blog.single .resources .grid__item.two-thirds .grid__item.hard.three-sixths:nth-child(2) a, .blog.single .resources .grid__item.four-sixths .grid__item.hard.three-sixths:nth-child(2) a, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.three-sixths:nth-child(2) a, .blog.single .resources .grid__item.two-thirds .grid__item.hard.four-eighths:nth-child(2) a, .blog.single .resources .grid__item.four-sixths .grid__item.hard.four-eighths:nth-child(2) a, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.four-eighths:nth-child(2) a, .blog.single .resources .grid__item.two-thirds .grid__item.hard.five-tenths:nth-child(2) a, .blog.single .resources .grid__item.four-sixths .grid__item.hard.five-tenths:nth-child(2) a, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.five-tenths:nth-child(2) a, .blog.single .resources .grid__item.two-thirds .grid__item.hard.six-twelfths:nth-child(2) a, .blog.single .resources .grid__item.four-sixths .grid__item.hard.six-twelfths:nth-child(2) a, .blog.single .resources .grid__item.eight-twelfths .grid__item.hard.six-twelfths:nth-child(2) a {
      font-weight: bold;
      float: right;
      color: #51a2ab !important;
      font-size: 14px; }
.blog.community .blog-pagination, .blog.single .blog-pagination {
  display: inline-block;
  width: 100%;
  text-align: center !important;
  padding: 45px 0px 35px 0px; }
.blog.community .previous-posts-link, .blog.single .previous-posts-link {
  font-family: open sans !important;
  text-transform: uppercase;
  font-size: 14px;
  color: #51a2ab !important;
  border: 2px solid #51a2ab !important;
  padding: 15px 35px;
  margin: 0px;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .blog.community .previous-posts-link:hover, .blog.single .previous-posts-link:hover {
    color: #FFFFFF !important;
    background: #76C6CF !important; }
.blog.community .all-posts-link, .blog.single .all-posts-link {
  font-family: open sans !important;
  text-transform: uppercase;
  font-size: 14px;
  color: #FFFFFF !important;
  border: 2px solid #51a2ab !important;
  padding: 15px 35px;
  margin: 0px;
  background: #51a2ab !important;
  display: inline-block;
  position: relative; }
.blog.community .next-posts-link, .blog.single .next-posts-link {
  font-family: open sans !important;
  text-transform: uppercase;
  font-size: 14px;
  color: #51a2ab !important;
  border: 2px solid #51a2ab !important;
  padding: 15px 35px;
  margin: 0px;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .blog.community .next-posts-link:hover, .blog.single .next-posts-link:hover {
    color: #FFFFFF !important;
    background: #76C6CF !important; }
.blog.community .scroll, .blog.single .scroll {
  top: 0px;
  opacity: 1;
  padding: 7px 0px 7px 0px;
  background: rgba(255, 255, 255, 0.95);
  z-index: 9999;
  border-bottom: 1px solid #DFDFDF !important;
  color: #676767 !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .blog.community .scroll ul li a, .blog.single .scroll ul li a {
    color: #676767 !important; }
  .blog.community .scroll ul li a:hover, .blog.single .scroll ul li a:hover {
    color: #ffffff !important; }
.blog.community .grid.content, .blog.single .grid.content {
  margin-top: 0px; }
.blog.community .soft, .blog.single .soft {
  display: none; }
.blog.community .hero, .blog.single .hero {
  margin-top: 73px;
  padding: 85px 0px !important;
  background: url("//cdn2.hubspot.net/hub/359929/file-545472389-jpg/images/blog-background.jpg");
  background-size: cover; }
  @media (max-width: 480px) {
    .blog.community .hero, .blog.single .hero {
      margin-top: 0px !important;
      padding: 38px 0px !important; } }
  .blog.community .hero img, .blog.single .hero img {
    padding-bottom: 20px; }
  .blog.community .hero h1, .blog.single .hero h1 {
    color: white !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 36px;
    line-height: 1.2; }
.blog.community .topics-wrapper, .blog.single .topics-wrapper {
  border-bottom: 1px solid #DFDFDF !important;
  margin-bottom: 60px; }
@media (max-width: 480px) {
  .blog.community .community-topics .grid__item.one-sixth, .blog.community .community-topics .grid__item.two-twelfths, .blog.single .community-topics .grid__item.one-sixth, .blog.single .community-topics .grid__item.two-twelfths {
    padding: 0px 25px; } }
.blog.community .community-topics .grid__item.one-sixth a, .blog.community .community-topics .grid__item.two-twelfths a, .blog.single .community-topics .grid__item.one-sixth a, .blog.single .community-topics .grid__item.two-twelfths a {
  width: 100%;
  color: #676767 !important;
  cursor: pointer;
  letter-spacing: 0px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  font-family: open sans !important;
  padding: 20px 0px !important;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  font-weight: 400;
  color: #676767 !important; }
.blog.community .community-topics .all-topic, .blog.single .community-topics .all-topic {
  border-bottom: 5px solid #ffffff !important; }
  .blog.community .community-topics .all-topic a, .blog.single .community-topics .all-topic a {
    color: #ffffff !important; }
.blog.community .community-topics .buying-a-home-topic, .blog.single .community-topics .buying-a-home-topic {
  border-bottom: 5px solid #0c8ee8 !important; }
  @media (max-width: 480px) {
    .blog.community .community-topics .buying-a-home-topic, .blog.single .community-topics .buying-a-home-topic {
      background: #0c8ee8 !important; } }
  @media (max-width: 480px) {
    .blog.community .community-topics .buying-a-home-topic a, .blog.single .community-topics .buying-a-home-topic a {
      color: #ffffff !important; } }
.blog.community .community-topics .buying-a-home-topic a:hover, .blog.single .community-topics .buying-a-home-topic a:hover {
  background: #A7D2F5 !important; }
.blog.community .community-topics .selling-a-home, .blog.single .community-topics .selling-a-home {
  border-bottom: 5px solid #00daff !important; }
  @media (max-width: 480px) {
    .blog.community .community-topics .selling-a-home, .blog.single .community-topics .selling-a-home {
      background: #00daff !important; } }
  @media (max-width: 480px) {
    .blog.community .community-topics .selling-a-home a, .blog.single .community-topics .selling-a-home a {
      color: #ffffff !important; } }
.blog.community .community-topics .selling-a-home a:hover, .blog.single .community-topics .selling-a-home a:hover {
  background: #BFEDF5 !important; }
.blog.community .community-topics .maryland-topic, .blog.single .community-topics .maryland-topic {
  border-bottom: 5px solid #529fac !important; }
  @media (max-width: 480px) {
    .blog.community .community-topics .maryland-topic, .blog.single .community-topics .maryland-topic {
      background: #529fac !important; } }
  @media (max-width: 480px) {
    .blog.community .community-topics .maryland-topic a, .blog.single .community-topics .maryland-topic a {
      color: #ffffff !important; } }
.blog.community .community-topics .maryland-topic a:hover, .blog.single .community-topics .maryland-topic a:hover {
  background: #B3DDE4 !important; }
.blog.community .community-topics .northern-virginia-topic, .blog.single .community-topics .northern-virginia-topic {
  border-bottom: 5px solid #25ce89 !important; }
  @media (max-width: 480px) {
    .blog.community .community-topics .northern-virginia-topic, .blog.single .community-topics .northern-virginia-topic {
      background: #25ce89 !important; } }
  @media (max-width: 480px) {
    .blog.community .community-topics .northern-virginia-topic a, .blog.single .community-topics .northern-virginia-topic a {
      color: #ffffff !important; } }
.blog.community .community-topics .northern-virginia-topic a:hover, .blog.single .community-topics .northern-virginia-topic a:hover {
  background: #C2FFE6 !important; }
.blog.community .community-topics .washington-dc-topic, .blog.single .community-topics .washington-dc-topic {
  border-bottom: 5px solid #315090 !important; }
  @media (max-width: 480px) {
    .blog.community .community-topics .washington-dc-topic, .blog.single .community-topics .washington-dc-topic {
      background: #25ce89 !important; } }
  @media (max-width: 480px) {
    .blog.community .community-topics .washington-dc-topic a, .blog.single .community-topics .washington-dc-topic a {
      color: #ffffff !important; } }
.blog.community .community-topics .washington-dc-topic a:hover, .blog.single .community-topics .washington-dc-topic a:hover {
  background: #B3C6EC !important; }
.blog.community .grid__item.one-third.post-wrap .post, .blog.community .grid__item.post-wrap.two-sixths .post, .blog.community .grid__item.post-wrap.four-twelfths .post, .blog.single .grid__item.one-third.post-wrap .post, .blog.single .grid__item.post-wrap.two-sixths .post, .blog.single .grid__item.post-wrap.four-twelfths .post {
  overflow: hidden !important; }
  .blog.community .grid__item.one-third.post-wrap .post .image-wrapper, .blog.community .grid__item.post-wrap.two-sixths .post .image-wrapper, .blog.community .grid__item.post-wrap.four-twelfths .post .image-wrapper, .blog.single .grid__item.one-third.post-wrap .post .image-wrapper, .blog.single .grid__item.post-wrap.two-sixths .post .image-wrapper, .blog.single .grid__item.post-wrap.four-twelfths .post .image-wrapper {
    height: 155px;
    overflow: hidden;
    display: block;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf; }
    .blog.community .grid__item.one-third.post-wrap .post .image-wrapper img, .blog.community .grid__item.post-wrap.two-sixths .post .image-wrapper img, .blog.community .grid__item.post-wrap.four-twelfths .post .image-wrapper img, .blog.single .grid__item.one-third.post-wrap .post .image-wrapper img, .blog.single .grid__item.post-wrap.two-sixths .post .image-wrapper img, .blog.single .grid__item.post-wrap.four-twelfths .post .image-wrapper img {
      width: 100%;
      height: inherit !important;
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
      min-height: 380px;
      display: block !important; }
.blog.community .grid__item.one-third.post-wrap .grid.overlay, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay, .blog.single .grid__item.one-third.post-wrap .grid.overlay, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay {
  background: #ffffff !important;
  top: 0px;
  position: relative;
  border-top: 0px !important;
  padding: 25px !important;
  border-top: 0px !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .blog.community .grid__item.one-third.post-wrap .grid.overlay:hover, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay:hover, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay:hover, .blog.single .grid__item.one-third.post-wrap .grid.overlay:hover, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay:hover, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay:hover {
    background: black; }
.blog.community .grid__item.one-third.post-wrap img, .blog.community .grid__item.post-wrap.two-sixths img, .blog.community .grid__item.post-wrap.four-twelfths img, .blog.single .grid__item.one-third.post-wrap img, .blog.single .grid__item.post-wrap.two-sixths img, .blog.single .grid__item.post-wrap.four-twelfths img {
  width: 100%;
  max-height: 223px; }
@media (max-width: 480px) {
  .blog.community .grid__item.one-third.post-wrap, .blog.community .grid__item.post-wrap.two-sixths, .blog.community .grid__item.post-wrap.four-twelfths, .blog.single .grid__item.one-third.post-wrap, .blog.single .grid__item.post-wrap.two-sixths, .blog.single .grid__item.post-wrap.four-twelfths {
    padding: 0px 25px; } }
.blog.community .grid__item.one-third.post-wrap .washington-dc-post, .blog.community .grid__item.post-wrap.two-sixths .washington-dc-post, .blog.community .grid__item.post-wrap.four-twelfths .washington-dc-post, .blog.single .grid__item.one-third.post-wrap .washington-dc-post, .blog.single .grid__item.post-wrap.two-sixths .washington-dc-post, .blog.single .grid__item.post-wrap.four-twelfths .washington-dc-post {
  border-top: 10px solid #315090 !important; }
.blog.community .grid__item.one-third.post-wrap .selling-a-home-post, .blog.community .grid__item.post-wrap.two-sixths .selling-a-home-post, .blog.community .grid__item.post-wrap.four-twelfths .selling-a-home-post, .blog.single .grid__item.one-third.post-wrap .selling-a-home-post, .blog.single .grid__item.post-wrap.two-sixths .selling-a-home-post, .blog.single .grid__item.post-wrap.four-twelfths .selling-a-home-post {
  border-top: 10px solid #00daff !important; }
.blog.community .grid__item.one-third.post-wrap .buying-a-home-post, .blog.community .grid__item.post-wrap.two-sixths .buying-a-home-post, .blog.community .grid__item.post-wrap.four-twelfths .buying-a-home-post, .blog.single .grid__item.one-third.post-wrap .buying-a-home-post, .blog.single .grid__item.post-wrap.two-sixths .buying-a-home-post, .blog.single .grid__item.post-wrap.four-twelfths .buying-a-home-post {
  border-top: 10px solid #0c8ee8 !important; }
.blog.community .grid__item.one-third.post-wrap .maryland-post, .blog.community .grid__item.post-wrap.two-sixths .maryland-post, .blog.community .grid__item.post-wrap.four-twelfths .maryland-post, .blog.single .grid__item.one-third.post-wrap .maryland-post, .blog.single .grid__item.post-wrap.two-sixths .maryland-post, .blog.single .grid__item.post-wrap.four-twelfths .maryland-post {
  border-top: 10px solid #529fac !important; }
.blog.community .grid__item.one-third.post-wrap .northern-virginia-post, .blog.community .grid__item.post-wrap.two-sixths .northern-virginia-post, .blog.community .grid__item.post-wrap.four-twelfths .northern-virginia-post, .blog.single .grid__item.one-third.post-wrap .northern-virginia-post, .blog.single .grid__item.post-wrap.two-sixths .northern-virginia-post, .blog.single .grid__item.post-wrap.four-twelfths .northern-virginia-post {
  border-top: 10px solid #25ce89 !important; }
.blog.community .grid__item.one-third.post-wrap a img, .blog.community .grid__item.post-wrap.two-sixths a img, .blog.community .grid__item.post-wrap.four-twelfths a img, .blog.single .grid__item.one-third.post-wrap a img, .blog.single .grid__item.post-wrap.two-sixths a img, .blog.single .grid__item.post-wrap.four-twelfths a img {
  display: block;
  border-left: 1px solid #dfdfdf !important;
  border-right: 1px solid #dfdfdf !important;
  min-height: 223px !important; }
.blog.community .grid__item.one-third.post-wrap .grid.overlay, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay, .blog.single .grid__item.one-third.post-wrap .grid.overlay, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay {
  border: 1px solid #DFDFDF !important;
  border-top: 0px !important;
  margin-bottom: 40px;
  padding: 20px 20px 10px 20px;
  min-height: 132px; }
  .blog.community .grid__item.one-third.post-wrap .grid.overlay h2, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay h2, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay h2, .blog.single .grid__item.one-third.post-wrap .grid.overlay h2, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay h2, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay h2 {
    font-family: open sans !important;
    font-size: 18px;
    font-weight: normal;
    font-weight: 600 !important;
    margin-bottom: 0px;
    color: #676767 !important;
    min-height: 63px;
    line-height: 1.2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .blog.community .grid__item.one-third.post-wrap .grid.overlay h2:hover, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay h2:hover, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay h2:hover, .blog.single .grid__item.one-third.post-wrap .grid.overlay h2:hover, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay h2:hover, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay h2:hover {
      color: #51a2ab !important; }
  .blog.community .grid__item.one-third.post-wrap .grid.overlay .grid__item.two-thirds.hard, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.two-thirds.hard, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.two-thirds.hard, .blog.community .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.four-sixths, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.four-sixths, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.four-sixths, .blog.community .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.eight-twelfths, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.eight-twelfths, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.eight-twelfths, .blog.single .grid__item.one-third.post-wrap .grid.overlay .grid__item.two-thirds.hard, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.two-thirds.hard, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.two-thirds.hard, .blog.single .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.four-sixths, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.four-sixths, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.four-sixths, .blog.single .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.eight-twelfths, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.eight-twelfths, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.eight-twelfths {
    padding: 5px !important; }
    .blog.community .grid__item.one-third.post-wrap .grid.overlay .grid__item.two-thirds.hard p.author, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.two-thirds.hard p.author, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.two-thirds.hard p.author, .blog.community .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.four-sixths p.author, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.four-sixths p.author, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.four-sixths p.author, .blog.community .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.eight-twelfths p.author, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.eight-twelfths p.author, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.eight-twelfths p.author, .blog.single .grid__item.one-third.post-wrap .grid.overlay .grid__item.two-thirds.hard p.author, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.two-thirds.hard p.author, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.two-thirds.hard p.author, .blog.single .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.four-sixths p.author, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.four-sixths p.author, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.four-sixths p.author, .blog.single .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.eight-twelfths p.author, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.eight-twelfths p.author, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.eight-twelfths p.author {
      position: relative;
      bottom: -12px;
      margin-bottom: 0;
      font-family: open sans;
      font-weight: 600 !important;
      font-size: 11px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .blog.community .grid__item.one-third.post-wrap .grid.overlay .grid__item.two-thirds.hard p.date, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.two-thirds.hard p.date, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.two-thirds.hard p.date, .blog.community .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.four-sixths p.date, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.four-sixths p.date, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.four-sixths p.date, .blog.community .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.eight-twelfths p.date, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.eight-twelfths p.date, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.eight-twelfths p.date, .blog.single .grid__item.one-third.post-wrap .grid.overlay .grid__item.two-thirds.hard p.date, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.two-thirds.hard p.date, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.two-thirds.hard p.date, .blog.single .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.four-sixths p.date, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.four-sixths p.date, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.four-sixths p.date, .blog.single .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.eight-twelfths p.date, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.eight-twelfths p.date, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.eight-twelfths p.date {
      float: left;
      width: 47%;
      margin-bottom: 0px;
      font-family: open sans;
      font-weight: 600 !important;
      font-size: 12px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .blog.community .grid__item.one-third.post-wrap .grid.overlay .grid__item.two-thirds.hard p.date:hover, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.two-thirds.hard p.date:hover, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.two-thirds.hard p.date:hover, .blog.community .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.four-sixths p.date:hover, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.four-sixths p.date:hover, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.four-sixths p.date:hover, .blog.community .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.eight-twelfths p.date:hover, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.eight-twelfths p.date:hover, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.eight-twelfths p.date:hover, .blog.single .grid__item.one-third.post-wrap .grid.overlay .grid__item.two-thirds.hard p.date:hover, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.two-thirds.hard p.date:hover, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.two-thirds.hard p.date:hover, .blog.single .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.four-sixths p.date:hover, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.four-sixths p.date:hover, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.four-sixths p.date:hover, .blog.single .grid__item.one-third.post-wrap .grid.overlay .grid__item.hard.eight-twelfths p.date:hover, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .grid__item.hard.eight-twelfths p.date:hover, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .grid__item.hard.eight-twelfths p.date:hover {
        color: #51a2ab !important; }
  .blog.community .grid__item.one-third.post-wrap .grid.overlay .share-icons, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .share-icons, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .share-icons, .blog.single .grid__item.one-third.post-wrap .grid.overlay .share-icons, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .share-icons, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .share-icons {
    position: relative;
    bottom: -12px; }
    .blog.community .grid__item.one-third.post-wrap .grid.overlay .share-icons a, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .share-icons a, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .share-icons a, .blog.single .grid__item.one-third.post-wrap .grid.overlay .share-icons a, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .share-icons a, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .share-icons a {
      margin: 0px 4px; }
  .blog.community .grid__item.one-third.post-wrap .grid.overlay .fa-facebook:before, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .fa-facebook:before, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .fa-facebook:before, .blog.single .grid__item.one-third.post-wrap .grid.overlay .fa-facebook:before, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .fa-facebook:before, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .fa-facebook:before {
    color: #DFDFDF !important; }
  .blog.community .grid__item.one-third.post-wrap .grid.overlay .fa-twitter:before, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .fa-twitter:before, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .fa-twitter:before, .blog.single .grid__item.one-third.post-wrap .grid.overlay .fa-twitter:before, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .fa-twitter:before, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .fa-twitter:before {
    color: #DFDFDF !important; }
  .blog.community .grid__item.one-third.post-wrap .grid.overlay .fa-linkedin:before, .blog.community .grid__item.post-wrap.two-sixths .grid.overlay .fa-linkedin:before, .blog.community .grid__item.post-wrap.four-twelfths .grid.overlay .fa-linkedin:before, .blog.single .grid__item.one-third.post-wrap .grid.overlay .fa-linkedin:before, .blog.single .grid__item.post-wrap.two-sixths .grid.overlay .fa-linkedin:before, .blog.single .grid__item.post-wrap.four-twelfths .grid.overlay .fa-linkedin:before {
    color: #DFDFDF !important; }

/* active classes */
.blog#maryland .maryland-topic {
  background: #b3dde4 !important; }

.blog#selling-a-home .selling-a-home-topic {
  background: #bfedf5 !important; }

.blog#buying-a-home .buying-a-home-topic {
  background: #a7d2f5 !important; }

.blog#northern-virginia .northern-virginia-topic {
  background: #c2ffe6 !important; }

.blog#washington-dc .washington-dc-topic {
  background: #b3c6ec !important; }

/* single blog page */
.blog.single .hs_subscribe_to_the_glass_house_real_estate_blog.field.hs-form-field {
  width: 100% !important;
  margin-right: 0px !important;
  border: 0px;
  margin-top: -30px; }
  .blog.single .hs_subscribe_to_the_glass_house_real_estate_blog.field.hs-form-field ul {
    list-style: none;
    margin-left: 0px; }
    .blog.single .hs_subscribe_to_the_glass_house_real_estate_blog.field.hs-form-field ul input {
      width: 25px;
      position: relative;
      top: 10px; }
.blog.single .blog_forms form {
  padding: 45px 45px 45px 55px;
  border: 1px solid #cececd;
  background: #f4f3f3; }
  .blog.single .blog_forms form label {
    font-family: open sans;
    font-weight: normal;
    color: #454546;
    font-size: 14px;
    padding-bottom: 6px; }
  .blog.single .blog_forms form select {
    border: 1px solid #cececd !important; }
  .blog.single .blog_forms form fieldset {
    width: 100% !important;
    max-width: 100% !important; }
  .blog.single .blog_forms form .hs-form-field {
    display: inline-block;
    width: 47%;
    margin: 0 3% 2% 0 !important;
    vertical-align: top; }
    @media (max-width: 480px) {
      .blog.single .blog_forms form .hs-form-field {
        width: 100% !important;
        margin: 0 !important; } }
  .blog.single .blog_forms form .hs-field-desc {
    display: none !important; }
  .blog.single .blog_forms form input {
    width: 100%;
    margin-bottom: 0px;
    border: 1px solid #cececd; }
  .blog.single .blog_forms form label, .blog.single .blog_forms form .hs-field-desc {
    font-family: open sans;
    font-weight: normal;
    color: #454546;
    font-size: 14px;
    padding-bottom: 6px; }
  .blog.single .blog_forms form textarea {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #cececd; }
  .blog.single .blog_forms form .smart-field {
    font-weight: 600;
    margin-bottom: 5px; }
  .blog.single .blog_forms form ul.inputs-list {
    display: inline-block;
    margin-left: 0;
    list-style: none;
    margin-bottom: 0px; }
    .blog.single .blog_forms form ul.inputs-list li.hs-form-radio {
      display: inline-block;
      width: 100%;
      height: auto;
      padding: 10px 0px; }
      .blog.single .blog_forms form ul.inputs-list li.hs-form-radio label {
        padding: 0px; }
        .blog.single .blog_forms form ul.inputs-list li.hs-form-radio label input {
          float: left;
          width: 25px;
          position: relative;
          top: 5px;
          height: inherit !important; }
  .blog.single .blog_forms form .hs_subscribe_to_the_glass_house_real_estate_blog.field.hs-form-field {
    width: 100% !important;
    margin-top: -30px !important;
    margin-bottom: 0px !important; }
    .blog.single .blog_forms form .hs_subscribe_to_the_glass_house_real_estate_blog.field.hs-form-field input {
      width: 25px;
      position: relative;
      top: 10px; }
  .blog.single .blog_forms form .hs-button {
    background: #51a2ab !important;
    border: 1px solid #51a2ab !important;
    width: 100%;
    text-align: center;
    font-family: open sans !important;
    color: white !important;
    border-radius: 4px;
    display: inline-block;
    margin-top: 30px;
    padding: 20px 0px !important;
    margin-top: 20px; }
  .blog.single .blog_forms form .hs-button:hover {
    background: rgba(81, 162, 171, 0.75) !important;
    border: 1px solid #51a2ab !important;
    width: 100%;
    text-align: center;
    font-family: open sans !important;
    color: #ffffff !important;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.blog.single .blog_forms .sell .hero {
  background: url("//cdn2.hubspot.net/hub/359929/file-1223947712-jpg/images/sell-form-hero-bg.jpg") !important;
  padding: 76px 0px !important;
  text-align: center;
  background-size: cover !important;
  background-repeat: no-repeat !important; }
.blog.single .blog_forms .sell h3 {
  color: #fff !important;
  font-size: 36px;
  margin-bottom: 0px !important;
  padding: 0px 25px; }
.blog.single .blog_forms .sell h4 {
  color: #fff !important;
  font-family: crimson text !important;
  font-style: italic;
  font-weight: 700;
  font-size: 24px !important; }
.blog.single .blog_forms .sell textarea {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #cececd;
  color: #676767 !important;
  font-family: open sans !important;
  padding: 10px 15px; }
.blog.single .blog_forms .sell .hs_location.field.hs-form-field {
  width: 102% !important; }
.blog.single .blog_forms .sell .hs_comment_box.field.hs-form-field {
  width: 97% !important; }
.blog.single .blog_forms .construction .hero {
  background: url("//cdn2.hubspot.net/hub/359929/file-1237382983-jpg/images/newest-construction-bottom-form-hero.jpg") !important;
  padding: 76px 0px !important;
  text-align: center;
  background-size: cover !important;
  background-repeat: no-repeat !important; }
.blog.single .blog_forms .construction h3 {
  color: #fff !important;
  font-size: 36px;
  margin-bottom: 0px !important;
  padding: 0px 35px; }
.blog.single .blog_forms .construction h4 {
  color: #fff !important;
  font-family: crimson text !important;
  font-style: italic;
  font-weight: 700;
  font-size: 24px !important; }
.blog.single .blog_forms .construction .hs_location.field.hs-form-field {
  width: 102% !important; }
.blog.single .blog_forms .construction .hs_message.field.hs-form-field {
  width: 97% !important; }
.blog.single .blog_forms .construction textarea {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #cececd;
  color: #676767 !important;
  font-family: open sans !important;
  padding: 10px 15px; }
.blog.single .blog_forms .construction .hs_email.field.hs-form-field {
  width: 97% !important; }
.blog.single .blog_forms .construction .hs_timeframe.field.hs-form-field {
  width: 97% !important; }
.blog.single .blog_forms .construction .hs_comment_box.field.hs-form-field {
  width: 97% !important; }
.blog.single .blog_forms .buy .hero {
  background: url("//cdn2.hubspot.net/hub/359929/file-1225225277-jpg/images/buy-blog-form-bg.jpg") !important;
  padding: 76px 0px !important;
  text-align: center;
  background-size: cover !important;
  background-repeat: no-repeat !important; }
.blog.single .blog_forms .buy h3 {
  color: #fff !important;
  font-size: 36px;
  margin-bottom: 0px !important;
  padding: 0px 35px; }
.blog.single .blog_forms .buy h4 {
  color: #fff !important;
  font-family: crimson text !important;
  font-style: italic;
  font-weight: 700;
  font-size: 24px !important; }
.blog.single .blog_forms .buy .hs_location.field.hs-form-field {
  width: 96% !important; }
.blog.single .blog_forms .buy .hs_have_you_been_pre_approved_by_a_local_lender_.field.hs-form-field {
  width: 96% !important; }
.blog.single .blog_forms .buy .hs_location .input select {
  width: 101% !important;
  margin: 0px !important; }
.blog.single .blog_forms .buy .hs_comment_box.field.hs-form-field {
  width: 97% !important; }
.blog.single .blog_forms .buy textarea {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #cececd;
  color: #676767 !important;
  font-family: open sans !important;
  padding: 10px 15px; }
.blog.single .main-content {
  padding: 80px 0 !important;
  position: relative; }
  .blog.single .main-content .share {
    position: absolute;
    left: -50px;
    width: 80px;
    text-align: center;
    padding: 5px; }
    .blog.single .main-content .share:before {
      content: "Share:";
      color: #a2a2a2;
      font-family: crimson text;
      font-style: italic;
      font-size: 20px;
      margin-bottom: 10px;
      display: block; }
  .blog.single .main-content .share.slide {
    position: fixed;
    left: 50%;
    margin-left: -590px;
    top: 99px; }
  .blog.single .main-content .share.slide.stick {
    position: absolute;
    bottom: 42px;
    top: inherit !important; }
.blog.single .hero {
  background-image: url("//cdn2.hubspot.net/hub/359929/file-579033150-jpg/10797655024_72bc2b9603.jpg?t=1394554871000") !important;
  background-position: center 30% !important;
  background-size: cover !important;
  padding: 0px !important;
  margin-top: 73px !important;
  position: relative !important; }
  .blog.single .hero .overlay {
    background: rgba(0, 0, 0, 0.7);
    padding: 105px 0px !important; }
.blog.single .hero.washington-dc-post:after {
  background: #315090 !important;
  height: 10px;
  width: 100%;
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px; }
.blog.single .hero.selling-a-home-post:after {
  background: #00daff !important;
  height: 10px;
  width: 100%;
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px; }
.blog.single .hero.buying-a-home-post:after {
  background: #0c8ee8 !important;
  height: 10px;
  width: 100%;
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px; }
.blog.single .hero.maryland-post:after {
  background: #529fac !important;
  height: 10px;
  width: 100%;
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px; }
.blog.single .northern-virginia-post:after {
  background: #25ce89 !important;
  height: 10px;
  width: 100%;
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px; }
.blog.single .author.text--center {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 20px;
  padding-bottom: 10px; }
  .blog.single .author.text--center .image {
    display: inline-block; }
    .blog.single .author.text--center .image img {
      width: 46px;
      border: 2px solid #bbb2ad;
      padding: 0px !important;
      border-radius: 50% !important;
      -webkit-border-radius: 50%;
      margin-right: 7px; }
  .blog.single .author.text--center .name {
    font-family: crimson text !important;
    font-style: italic;
    font-size: 18px;
    color: white !important;
    position: relative;
    font-weight: 400 !important;
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top; }
    .blog.single .author.text--center .name span.date:before {
      content: "";
      background: url("//cdn2.hubspot.net/hub/359929/file-993252282-png/images/calendar-icon.png");
      width: 19px;
      height: 19px;
      display: inline-block;
      margin-left: 15px;
      margin-right: 5px;
      background-position: center !important;
      position: relative;
      top: 3px; }
    .blog.single .author.text--center .name img {
      width: 40px;
      display: inline-block;
      padding-bottom: 0px;
      position: relative;
      top: 12px;
      margin-right: 10px; }
.blog.single .date.text--center {
  display: inline-block;
  width: 49%;
  text-align: left !important; }
  .blog.single .date.text--center p {
    font-family: crimson text !important;
    font-style: italic;
    font-size: 20px;
    color: white !important;
    text-align: left;
    position: relative;
    font-weight: 600 !important;
    margin-top: 15px;
    margin-bottom: 0px; }
.blog.single .share-icons {
  width: 470px;
  margin: 0 auto; }
  @media (max-width: 480px) {
    .blog.single .share-icons {
      width: 109%; } }
  @media (max-width: 480px) {
    .blog.single .share-icons ul {
      margin: 0px !important; } }
  @media (max-width: 480px) {
    .blog.single .share-icons li {
      display: inline-block !important;
      padding-left: 7px; } }
  .blog.single .share-icons p {
    font-family: open sans;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 300; }
  .blog.single .share-icons .fb_iframe_widget iframe {
    position: absolute;
    top: -2px; }
.blog.single .main-content {
  padding: 45px 0px; }
  .blog.single .main-content .author {
    border-bottom: 1px solid #d1d1d1;
    padding: 25px 0px;
    margin-bottom: 25px; }
    .blog.single .main-content .author .three-quarters, .blog.single .main-content .author .six-eighths, .blog.single .main-content .author .nine-twelfths {
      border-right: 0px !important; }
      @media (max-width: 480px) {
        .blog.single .main-content .author .three-quarters, .blog.single .main-content .author .six-eighths, .blog.single .main-content .author .nine-twelfths {
          text-align: center !important; } }
      .blog.single .main-content .author .three-quarters h3, .blog.single .main-content .author .six-eighths h3, .blog.single .main-content .author .nine-twelfths h3 {
        margin-bottom: 15px; }
        .blog.single .main-content .author .three-quarters h3:before, .blog.single .main-content .author .six-eighths h3:before, .blog.single .main-content .author .nine-twelfths h3:before {
          content: "Meet the Author: ";
          color: #569ca8;
          padding-right: 5px; }
      .blog.single .main-content .author .three-quarters .hs-cta-wrapper a, .blog.single .main-content .author .six-eighths .hs-cta-wrapper a, .blog.single .main-content .author .nine-twelfths .hs-cta-wrapper a {
        display: block;
        margin: 10px 0px;
        padding: 0.5em 1.5em !important;
        text-transform: capitalize !important;
        font-size: 14px;
        font-weight: 400;
        width: 110px;
        color: white !important;
        background: #569ca8;
        border: 1px solid #51a2ab !important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        @media (max-width: 480px) {
          .blog.single .main-content .author .three-quarters .hs-cta-wrapper a, .blog.single .main-content .author .six-eighths .hs-cta-wrapper a, .blog.single .main-content .author .nine-twelfths .hs-cta-wrapper a {
            margin: 20px auto !important; } }
        .blog.single .main-content .author .three-quarters .hs-cta-wrapper a:hover, .blog.single .main-content .author .six-eighths .hs-cta-wrapper a:hover, .blog.single .main-content .author .nine-twelfths .hs-cta-wrapper a:hover {
          background: #ffffff !important;
          color: #51a2ab !important;
          border: 1px solid #51a2ab !important; }
    .blog.single .main-content .author .one-quarter, .blog.single .main-content .author .two-eighths, .blog.single .main-content .author .three-twelfths {
      padding: 0px 25px 0px 0px !important; }
      .blog.single .main-content .author .one-quarter img, .blog.single .main-content .author .two-eighths img, .blog.single .main-content .author .three-twelfths img {
        width: 160px; }
      .blog.single .main-content .author .one-quarter .follow a, .blog.single .main-content .author .two-eighths .follow a, .blog.single .main-content .author .three-twelfths .follow a {
        margin: 10px 5px !important;
        display: inline-block; }
        .blog.single .main-content .author .one-quarter .follow a img, .blog.single .main-content .author .two-eighths .follow a img, .blog.single .main-content .author .three-twelfths .follow a img {
          width: inherit !important; }
  .blog.single .main-content .about-expert-author {
    padding: 25px 15px;
    border: 6px solid #51a2ab; }
  .blog.single .main-content .expert-social {
    border: 1px solid #dfdfdf;
    text-align: center; }
    .blog.single .main-content .expert-social a {
      margin: 0px 3px; }
  .blog.single .main-content .hs-button {
    background: #2a2a2a;
    font-family: open sans !important;
    color: #ffffff !important;
    font-size: 14px;
    padding: 10px 50px !important;
    line-height: 1;
    margin-top: 10px; }
  .blog.single .main-content .hs-button:hover {
    background: #404040; }
  .blog.single .main-content .grid__item.three-quarters, .blog.single .main-content .grid__item.six-eighths, .blog.single .main-content .grid__item.nine-twelfths {
    padding-right: 50px;
    border-right: 0px;
    padding-left: 50px; }
    @media (max-width: 480px) {
      .blog.single .main-content .grid__item.three-quarters, .blog.single .main-content .grid__item.six-eighths, .blog.single .main-content .grid__item.nine-twelfths {
        padding: 0px 15px; } }
  .blog.single .main-content .subscribe-box {
    border: 4px solid #51a2ab;
    padding: 25px 10px 20px 10px;
    font-family: crimson text !important;
    color: #51a2ab;
    font-style: italic;
    font-size: 22px;
    font-weight: 600; }
    .blog.single .main-content .subscribe-box .top-section h3.main-sub {
      display: block;
      font-weight: bold !important;
      text-transform: uppercase;
      padding-top: 20px;
      font-size: 20px;
      margin-bottom: 20px; }
    .blog.single .main-content .subscribe-box .top-section p {
      font-family: crimson text !important;
      font-style: italic;
      font-size: 18px;
      margin-bottom: 20px;
      font-weight: 600; }
    .blog.single .main-content .subscribe-box .hs-form-field input {
      width: 100%;
      box-shadow: none;
      cursor: initial;
      outline: none;
      font-family: open sans !important;
      padding: 0 10px 0 14px !important;
      font-style: italic !important;
      color: #656565 !important;
      height: 36px !important;
      border: 2px solid #ebebeb;
      font-size: 15px; }
    .blog.single .main-content .subscribe-box h3 {
      display: none; }
    .blog.single .main-content .subscribe-box form {
      padding: 0px 5px; }
    .blog.single .main-content .subscribe-box .hs-form-required {
      display: none; }
    .blog.single .main-content .subscribe-box label {
      display: none; }
    .blog.single .main-content .subscribe-box input {
      width: 100%;
      box-shadow: none; }
    .blog.single .main-content .subscribe-box .hs-button {
      background: #51a2ab !important;
      font-family: open sans !important;
      color: #ffffff !important;
      font-size: 14px;
      padding: 10px 0px !important;
      line-height: 1;
      margin-top: 10px; }
    .blog.single .main-content .subscribe-box .hs-button:hover {
      background: #404040; }
  .blog.single .main-content .follow-social {
    margin-top: 50px; }
    .blog.single .main-content .follow-social h3 {
      background: #4b8f9c;
      color: #ffffff !important;
      font-family: open sans !important;
      font-size: 16px !important;
      font-weight: normal !important;
      text-transform: uppercase;
      letter-spacing: 3px;
      padding: 11px 0px;
      margin-bottom: 0px; }
  .blog.single .main-content .follow-container {
    border: 1px solid #bfbfbf;
    padding: 20px 0px; }
    .blog.single .main-content .follow-container a {
      margin: 0px 4px; }
  .blog.single .main-content .sidebar-cta {
    margin-top: 50px; }
  .blog.single .main-content .cta {
    border-bottom: 1px solid #d1d1d1;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 15px;
    margin-bottom: 25px !important; }
  @media (max-width: 480px) {
    .blog.single .main-content .comments {
      margin-bottom: 60px; } }
  .blog.single .main-content .comments:before {
    content: "Leave a Comment";
    font-family: crimson text !important;
    font-style: italic;
    color: #51a2ab !important;
    font-size: 37px;
    text-align: left;
    font-weight: 600;
    padding-bottom: 20px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    width: 100%; }
  .blog.single .main-content .comments h4 {
    font-family: open sans !important;
    font-weight: normal;
    color: #676767;
    font-size: 30px !important; }
  .blog.single .main-content .comments label {
    text-align: left;
    padding-left: 0px;
    padding-bottom: 6px;
    font-size: 18px;
    font-family: open sans !important;
    color: #4c4c4c !important;
    -webkit-font-smoothing: antialiased; }
  .blog.single .main-content .comments input {
    width: 100%;
    box-shadow: none;
    display: inline-block;
    border: 1px solid #D1D1D1 !important; }
  .blog.single .main-content .comments input::-webkit-input-placeholder {
    display: none !important;
    text-align: left;
    padding-left: 0px;
    padding-bottom: 6px;
    font-size: 14px !important;
    font-family: open sans !important;
    color: #4c4c4c !important;
    -webkit-font-smoothing: antialiased; }
  .blog.single .main-content .comments input:-moz-placeholder {
    display: none !important;
    text-align: left;
    padding-left: 0px;
    padding-bottom: 6px;
    font-size: 14px !important;
    font-family: open sans !important;
    color: #4c4c4c !important;
    -webkit-font-smoothing: antialiased; }
  .blog.single .main-content .comments .hs_comment {
    width: 98% !important; }
    .blog.single .main-content .comments .hs_comment textarea {
      width: 100%;
      display: inline-block;
      min-height: 100px;
      border: 1px solid #D1D1D1 !important; }
  .blog.single .main-content .comments .hs_subscribe {
    width: 100% !important;
    margin-bottom: 0px !important; }
    .blog.single .main-content .comments .hs_subscribe ul {
      padding-left: 0;
      margin-left: 0px !important; }
    .blog.single .main-content .comments .hs_subscribe input[type="checkbox"] {
      display: inline-block;
      width: 30px !important;
      position: relative;
      top: 4px;
      height: 20px !important; }
  .blog.single .main-content .comments .hs-form-field {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 20px; }
  .blog.single .main-content .comments .comment-field {
    margin: 15px 0px;
    float: left;
    width: 100% !important; }
    .blog.single .main-content .comments .comment-field textarea {
      width: 100%; }
    .blog.single .main-content .comments .comment-field textarea::-webkit-input-placeholder {
      display: none !important;
      text-align: left;
      padding-left: 0px;
      padding-bottom: 6px;
      font-size: 14px !important;
      font-family: open sans !important;
      color: #4c4c4c !important;
      -webkit-font-smoothing: antialiased; }
    .blog.single .main-content .comments .comment-field textarea:-moz-placeholder {
      display: none !important;
      text-align: left;
      padding-left: 0px;
      padding-bottom: 6px;
      font-size: 14px !important;
      font-family: open sans !important;
      color: #4c4c4c !important;
      -webkit-font-smoothing: antialiased; }
  .blog.single .main-content .comments .hs-button {
    background: #51a2ab !important;
    border: 1px solid #51a2ab !important;
    width: inherit !important;
    padding: 25px 85px !important;
    font-size: 18px !important;
    display: block;
    margin: 0 auto;
    width: 100% !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .blog.single .main-content .comments .hs-button:hover {
      background: #ffffff !important;
      color: #51a2ab !important;
      border: 1px solid #51a2ab !important; }
  .blog.single .main-content .hs-form-field.follow-up-field {
    width: 90% !important;
    margin-bottom: 20px; }
    .blog.single .main-content .hs-form-field.follow-up-field label input {
      float: left;
      width: 5%; }

.blog.community .hero {
  padding: 135px 0px !important; }
  @media (max-width: 480px) {
    .blog.community .hero {
      padding: 55px 0 !important; } }
@media (max-width: 480px) {
  .blog.community .grid__item.one-whole.text--center {
    padding: 0px 25px !important; } }
@media (max-width: 480px) {
  .blog.community .grid__item.one-sixth.hard.text--center, .blog.community .grid__item.hard.text--center.two-twelfths {
    width: 50% !important; } }
@media (max-width: 480px) {
  .blog.community .grid__item.one-third .overlay h2, .blog.community .grid__item.two-sixths .overlay h2, .blog.community .grid__item.four-twelfths .overlay h2 {
    font-size: 16px !important; } }

.rw-wrapper {
  position: relative;
  min-height: 190px; }
  @media (max-device-width: 768px) {
    .rw-wrapper {
      display: none !important; } }
  @media (max-width: 480px) {
    .rw-wrapper {
      min-height: 110px !important; } }

.rw-sentence span {
  color: #444;
  font-size: 200%;
  font-weight: normal; }

.rw-words {
  display: inline;
  text-indent: 10px; }

.rw-words-1 span {
  position: absolute;
  opacity: 0;
  left: 0px;
  background: none !important;
  width: 100%;
  top: 99px;
  text-decoration: underline;
  text-transform: none !important;
  font-size: 64px;
  font-family: crimson text !important;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  text-transform: uppercase;
  color: white !important;
  overflow: hidden;
  color: #FFFFFF !important;
  -webkit-animation: rotateWord 18s linear infinite 0s;
  -moz-animation: rotateWord 18s linear infinite 0s;
  -o-animation: rotateWord 18s linear infinite 0s;
  -ms-animation: rotateWord 18s linear infinite 0s;
  animation: rotateWord 18s linear infinite 0s; }
  @media (max-width: 480px) {
    .rw-words-1 span {
      font-size: 30px !important;
      top: 60px !important; } }

.rw-words-1 span:nth-child(2) {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -o-animation-delay: 3s;
  -ms-animation-delay: 3s;
  animation-delay: 3s;
  color: #6b889d; }

.rw-words-1 span:nth-child(3) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  -ms-animation-delay: 6s;
  animation-delay: 6s;
  color: #6b739d; }

.rw-words-1 span:nth-child(4) {
  -webkit-animation-delay: 9s;
  -moz-animation-delay: 9s;
  -o-animation-delay: 9s;
  -ms-animation-delay: 9s;
  animation-delay: 9s;
  color: #7a6b9d; }

.rw-words-1 span:nth-child(5) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  -ms-animation-delay: 12s;
  animation-delay: 12s;
  color: #8d6b9d; }

.rw-words-1 span:nth-child(6) {
  -webkit-animation-delay: 15s;
  -moz-animation-delay: 15s;
  -o-animation-delay: 15s;
  -ms-animation-delay: 15s;
  animation-delay: 15s;
  color: #9b6b9d; }

@-webkit-keyframes rotateWord {
  0% {
    opacity: 0; }
  2% {
    opacity: 0;
    -webkit-transform: translateY(-30px); }
  5% {
    opacity: 1;
    -webkit-transform: translateY(0px); }
  17% {
    opacity: 1;
    -webkit-transform: translateY(0px); }
  20% {
    opacity: 0;
    -webkit-transform: translateY(30px); }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-moz-keyframes rotateWord {
  0% {
    opacity: 0; }
  2% {
    opacity: 0;
    -moz-transform: translateY(-30px); }
  5% {
    opacity: 1;
    -moz-transform: translateY(0px); }
  17% {
    opacity: 1;
    -moz-transform: translateY(0px); }
  20% {
    opacity: 0;
    -moz-transform: translateY(30px); }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-o-keyframes rotateWord {
  0% {
    opacity: 0; }
  2% {
    opacity: 0;
    -o-transform: translateY(-30px); }
  5% {
    opacity: 1;
    -o-transform: translateY(0px); }
  17% {
    opacity: 1;
    -o-transform: translateY(0px); }
  20% {
    opacity: 0;
    -o-transform: translateY(30px); }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-ms-keyframes rotateWord {
  0% {
    opacity: 0; }
  2% {
    opacity: 0;
    -ms-transform: translateY(-30px); }
  5% {
    opacity: 1;
    -ms-transform: translateY(0px); }
  17% {
    opacity: 1;
    -ms-transform: translateY(0px); }
  20% {
    opacity: 0;
    -ms-transform: translateY(30px); }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes rotateWord {
  0% {
    opacity: 0; }
  2% {
    opacity: 0;
    transform: translateY(-30px); }
  5% {
    opacity: 1;
    transform: translateY(0px); }
  17% {
    opacity: 1;
    transform: translateY(0px); }
  20% {
    opacity: 0;
    transform: translateY(30px); }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@media screen and (max-width: 768px) {
  .rw-sentence {
    font-size: 18px; } }
@media screen and (max-width: 320px) {
  .rw-sentence {
    font-size: 9px; } }
/* Rotating Background Image */
.rw-wrapper-image {
  position: relative;
  background: rgba(0, 0, 0, 0.6);
  top: 0px;
  height: 100%;
  padding-top: 120px;
  overflow: hidden; }

/* General styles for the modal */
/*
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
  height: 100%;
  overflow: hidden; }

.md-perspective body {
  background: #222;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px; }

.md-trigger {
  background: none;
  border: none;
  text-align: center !important;
  width: 100%;
  color: #ffffff;
  font-family: crimson-text !important;
  font-style: italic !important;
  font-size: 20px !important;
  text-decoration: underline;
  padding-top: 30px;
  outline: none;
  padding-bottom: 0px !important; }

.container {
  background: #e74c3c;
  min-height: 100%; }

.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 510px;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.md-show {
  visibility: visible; }

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(61, 61, 61, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible; }

/* Content styles */
.md-content {
  background: #51a2ab !important;
  min-height: 320px;
  padding: 30px 90px 0px 90px !important;
  text-align: center; }
  .md-content h3 {
    color: #fff !important;
    font-family: open sans !important;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 600 !important;
    font-size: 30px !important;
    margin-bottom: 15px !important; }
  .md-content label {
    font-style: italic !important;
    font-weight: 500 !important;
    margin-bottom: 12px;
    font-family: crimson text !important;
    font-size: 20px !important;
    color: #ffffff !important;
    outline: none !important; }
  .md-content input {
    width: 100%;
    text-align: center !important;
    padding: 7px;
    font-family: open sans !important;
    color: #676767 !important; }
  .md-content .hs-button {
    margin-top: 20px;
    background: transparent;
    color: #ffffff !important;
    font-family: open sans !important;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased;
    border: 1px solid #ffffff !important;
    width: 100%;
    padding: 12px 10px;
    line-height: 1;
    font-weight: 600 !important;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .md-content .hs-button:hover {
    border: 1px solid #ffffff !important;
    background: #ffffff !important;
    color: #51a2ab !important; }

.md-content h3 {
  color: #ffffff !important; }

.md-content > div {
  padding: 15px 40px 30px;
  margin: 0;
  font-weight: 300;
  font-size: 1.15em; }

.md-content > div p {
  margin: 0;
  padding: 10px 0; }

.md-content > div ul {
  margin: 0;
  padding: 0 0 30px 20px; }

.md-content > div ul li {
  padding: 5px 0; }

.md-content button {
  display: block;
  margin: 0 auto;
  font-size: 0.8em;
  background: url("//cdn2.hubspot.net/hub/359929/file-577927874-png/images/close-button.png");
  border: none;
  height: 40px;
  width: 40px;
  position: absolute;
  top: -30px;
  right: -30px; }

/* Individual modal styles with animations/transitions */
/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.md-show.md-effect-1 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

@media screen and (max-width: 32em) {
  body {
    font-size: 75%; } }
/* Main Menu*/
header
.header
.menu {
  vertical-align: middle;
  text-align: right;
  width: 100%; }

.menu ul {
  list-style: none;
  display: inline; }
.menu li {
  display: inline-block; }

.menu .hs-menu-wrapper.hs-menu-flow-horizontal ul a {
  padding: 0.5em 0.5em !important;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff !important; }
.menu .hs-menu-wrapper.hs-menu-flow-horizontal ul a:hover {
  background: #569ca8; }

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative; }

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  *display: inline; }

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative; }

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  *display: inline; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  *display: inline; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block; }

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0); }

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute; }

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s; }

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  font-family: "Open Sans", sans-serif;
  line-height: 1.1em;
  font-size: 30px;
  color: #676767 !important;
  display: block;
  padding: 10px 0px;
  font-weight: 300; }

.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center; }

/* Home Page Styles */
.homev2 .rw-wrapper-image .grid__item .hs-cta-wrapper span a {
  width: 240px;
  display: block;
  text-align: center;
  padding: 12px 0px; }

.home-bottom-funnel form {
  margin-right: -1%; }
.home-bottom-funnel .hs-form fieldset {
  max-width: 900px;
  margin: 0 auto; }
.home-bottom-funnel .hs-form fieldset.form-columns-2 .hs-form-field {
  width: 48%; }
.home-bottom-funnel .hs-form fieldset.form-columns-3 .hs-form-field {
  width: 31.3%; }
.home-bottom-funnel .hs_email.hs-form-field,
.home-bottom-funnel .hs_phone.hs-form-field,
.home-bottom-funnel .hs_best_describes_me.hs-form-field {
  width: 31.3%; }
.home-bottom-funnel .hs-form fieldset.form-columns-1 .hs-input {
  width: 98%;
  margin-left: -2%;
  padding: 15px; }
.home-bottom-funnel .hs_subscribe_to_the_glass_house_real_estate_blog.field.hs-form-field {
  margin-right: 0px;
  width: 100%; }
.home-bottom-funnel input#subscribe_to_the_glass_house_real_estate_blog {
  height: 15px !important;
  margin-right: 20px;
  width: 15px; }
.home-bottom-funnel .hs_submit {
  margin: 0px 0 0 0; }
.home-bottom-funnel .hs_message {
  width: 98% !important; }

.homev2 .homev2-image {
  padding-top: 74px;
  background: url(//cdn2.hubspot.net/hub/359929/file-2543419838-jpg/images/GH-Homepage-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat; }
.homev2 article.more--margin {
  padding-top: 100px; }
  @media (max-width: 768px) {
    .homev2 article.more--margin {
      padding-top: 0px; } }
.homev2 h2.homev2-sentence {
  font-family: crimson text !important;
  font-style: italic !important;
  color: #fff !important;
  font-size: 34px;
  margin-bottom: 15px; }
  @media (max-width: 480px) {
    .homev2 h2.homev2-sentence {
      max-width: 240px; } }
.homev2 .homev2-container span {
  font-family: Open Sans;
  color: #fff;
  font-weight: bold;
  font-size: 48px;
  text-transform: uppercase; }
.homev2 .homev2-image h4 {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  margin-bottom: 30px; }
.homev2 .homev2-btns a.cta_button {
  background: #51a2ab;
  min-width: 200px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border: 1px solid #51a2ab;
  padding: 10px;
  font-weight: 600;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }
.homev2 .homev2-btns a.cta_button:hover {
  background: #fff;
  color: #51a2ab; }
.homev2 span.about-img-name {
  color: #fff;
  display: block !important;
  padding-top: 10px; }
.homev2 .home-bottom-funnel form {
  margin-right: -1%; }
.homev2 .home-bottom-funnel .hs-form fieldset {
  max-width: 900px;
  margin: 0 auto; }
.homev2 .home-bottom-funnel .hs-form fieldset.form-columns-2 .hs-form-field {
  width: 48%; }
.homev2 .home-bottom-funnel .hs-form fieldset.form-columns-3 .hs-form-field {
  width: 31.3%; }
.homev2 .home-bottom-funnel .hs_email.hs-form-field,
.homev2 .home-bottom-funnel .hs_phone.hs-form-field,
.homev2 .home-bottom-funnel .hs_best_describes_me.hs-form-field {
  width: 31.3%; }
.homev2 .home-bottom-funnel .hs-form fieldset.form-columns-1 .hs-input {
  width: 98%;
  margin-left: -2%;
  padding: 15px; }
.homev2 .home-bottom-funnel .hs_subscribe_to_the_glass_house_real_estate_blog.field.hs-form-field {
  margin-right: 0px;
  width: 100%; }
.homev2 .home-bottom-funnel input#subscribe_to_the_glass_house_real_estate_blog {
  height: 15px !important;
  margin-right: 20px;
  width: 15px; }
.homev2 .home-bottom-funnel .hs_submit {
  margin: 0px 0 0 0; }
.homev2 .home-bottom-funnel .hs_message {
  width: 98% !important; }
@media (max-width: 768px) {
  .homev2 .homev2-btns .grid__item.one-third, .homev2 .homev2-btns .grid__item.two-sixths, .homev2 .homev2-btns .grid__item.four-twelfths {
    width: 100%;
    text-align: center !important; }
  .homev2 .homev2 .homev2-btns a.cta_button {
    min-width: 0px;
    max-width: 300px;
    width: 80%; } }

.home h2 {
  color: #51a2ab !important !important;
  font-weight: 600 !important;
  font-size: 36px;
  margin-bottom: 5px; }
  @media (max-width: 768px) {
    .home h2 {
      font-size: 30px !important; } }
.home .three-full-section h3 {
  color: #fff !important;
  font-size: 25px;
  position: relative;
  padding-bottom: 15px;
  overflow: hidden;
  margin-bottom: 0px !important; }
  .home .three-full-section h3:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-150%, 0, 0);
    transform: translate3d(-150%, 0, 0); }
    @media (max-width: 1200px) {
      .home .three-full-section h3:after {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
.home .three-full-section .three-section {
  padding: 95px 105px;
  min-height: 340px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  overflow: hidden; }
  @media (max-width: 1280px) {
    .home .three-full-section .three-section {
      padding: 75px 45px; } }
  .home .three-full-section .three-section .overlay {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
    @media (max-width: 1200px) {
      .home .three-full-section .three-section .overlay {
        background: rgba(0, 0, 0, 0.7); } }
  .home .three-full-section .three-section .rightout {
    padding: 1em 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
    @media (max-width: 1200px) {
      .home .three-full-section .three-section .rightout {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
    .home .three-full-section .three-section .rightout a.button {
      z-index: 10;
      position: relative;
      border: 1px solid #fff !important;
      padding: 12px 70px;
      font-weight: 600;
      font-size: 14px;
      background: rgba(255, 255, 255, 0.8);
      color: #676767 !important;
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      .home .three-full-section .three-section .rightout a.button:hover {
        background: white; }
    .home .three-full-section .three-section .rightout p {
      color: #fff !important;
      padding-bottom: 15px;
      min-height: 60px; }
      @media (max-width: 1280px) {
        .home .three-full-section .three-section .rightout p {
          min-height: 81px; } }
      @media (max-width: 1023px) {
        .home .three-full-section .three-section .rightout p {
          min-height: 0px; } }
  .home .three-full-section .three-section:hover .overlay {
    background: rgba(0, 0, 0, 0.7); }
  .home .three-full-section .three-section:hover h3:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .home .three-full-section .three-section:hover .rightout {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
@media (max-width: 1280px) {
  .home .home-testimonial .slideshows {
    max-width: 1110px;
    display: block;
    margin: 0 auto;
    vertical-align: top !important;
    padding: 0px !important;
    overflow: visible !important; } }
@media (max-width: 1280px) {
  .home .home-testimonial .slideshows .slideshow {
    display: inline-block !important; } }
@media (max-width: 1280px) {
  .home .home-testimonial .slideshows #prev {
    left: -4%; } }
@media (max-width: 1280px) {
  .home .home-testimonial .slideshows #nextt {
    right: -4%; } }
.home .home-testimonial .slideshows .cycle-slide {
  max-height: 390px !important; }
  .home .home-testimonial .slideshows .cycle-slide p {
    padding: 0;
    font-style: italic;
    color: #464545;
    font-size: 16px; }
  @media (max-width: 1280px) {
    .home .home-testimonial .slideshows .cycle-slide .ta-block .ta-copy {
      text-align: center !important;
      margin-top: 0 !important;
      max-width: 340px; } }
  .home .home-testimonial .slideshows .cycle-slide h3 {
    margin-bottom: 0 !important;
    font-weight: normal;
    line-height: 1.3;
    padding: 0 10px 15px;
    font-size: 16px; }
.home .home-testimonial .rebate-number {
  font-family: "Open Sans",sans-serif;
  line-height: 1.1em;
  font-size: 30px;
  color: #676767 !important;
  display: block;
  padding: 10px 0;
  font-weight: 300; }
  .home .home-testimonial .rebate-number span.rebate {
    font-size: 19px;
    padding-left: 10px;
    font-family: crimson text !important;
    font-style: italic;
    color: #51a2ab !important;
    vertical-align: middle;
    padding-left: 0px; }

@media (max-width: 480px) {
  .desktop h4 {
    display: none; } }
@media (max-width: 480px) {
  .desktop .rw-wrapper {
    display: none !important; } }
@media (max-width: 480px) {
  .desktop .device-span {
    display: block !important; } }
@media (max-width: 480px) {
  .desktop .device-span h2 {
    font-size: 24px !important;
    padding: 0 1px !important; } }
@media (max-width: 480px) {
  .desktop .device-span .device-word span {
    font-family: crimson text !important;
    color: #fff;
    font-size: 41px !important;
    font-style: italic; } }
@media (max-width: 480px) {
  .desktop .grid__item.one-half.soft.text--right, .desktop .grid__item.soft.text--right.two-quarters, .desktop .grid__item.soft.text--right.three-sixths, .desktop .grid__item.soft.text--right.four-eighths, .desktop .grid__item.soft.text--right.five-tenths, .desktop .grid__item.soft.text--right.six-twelfths {
    padding: 0px !important;
    margin: 15px 0px; }
    .desktop .grid__item.one-half.soft.text--right .hs-cta-wrapper a, .desktop .grid__item.soft.text--right.two-quarters .hs-cta-wrapper a, .desktop .grid__item.soft.text--right.three-sixths .hs-cta-wrapper a, .desktop .grid__item.soft.text--right.four-eighths .hs-cta-wrapper a, .desktop .grid__item.soft.text--right.five-tenths .hs-cta-wrapper a, .desktop .grid__item.soft.text--right.six-twelfths .hs-cta-wrapper a {
      width: 100% !important;
      display: block; } }
@media (max-width: 480px) {
  .desktop .grid__item.one-half.soft.text--left, .desktop .grid__item.soft.text--left.two-quarters, .desktop .grid__item.soft.text--left.three-sixths, .desktop .grid__item.soft.text--left.four-eighths, .desktop .grid__item.soft.text--left.five-tenths, .desktop .grid__item.soft.text--left.six-twelfths {
    padding: 0px !important;
    margin: 15px 0px; }
    .desktop .grid__item.one-half.soft.text--left .hs-cta-wrapper a, .desktop .grid__item.soft.text--left.two-quarters .hs-cta-wrapper a, .desktop .grid__item.soft.text--left.three-sixths .hs-cta-wrapper a, .desktop .grid__item.soft.text--left.four-eighths .hs-cta-wrapper a, .desktop .grid__item.soft.text--left.five-tenths .hs-cta-wrapper a, .desktop .grid__item.soft.text--left.six-twelfths .hs-cta-wrapper a {
      width: 100% !important;
      display: block; } }

.home-hero {
  padding-top: 0px;
  position: relative;
  overflow: hidden;
  padding-bottom: 0px;
  background-size: cover;
  background-repeat: no-repeat; }
  @media (max-width: 480px) {
    .home-hero {
      padding-top: 0px !important; } }

.device-span {
  display: none; }
  @media (max-device-width: 768px) {
    .device-span {
      display: block; } }
  .device-span .device-word span {
    font-family: crimson text !important;
    color: #ffffff;
    font-size: 64px;
    font-style: italic; }

.rw-wrapper-image {
  padding-top: 200px;
  background: rgba(0, 0, 0, 0.6) !important;
  position: relative; }
  @media (max-width: 768px) {
    .rw-wrapper-image {
      padding-top: 60px !important; } }
  @media (max-width: 480px) {
    .rw-wrapper-image {
      padding-top: 50px !important; } }
  .rw-wrapper-image img {
    z-index: -1; }
  .rw-wrapper-image h2 {
    color: #ffffff !important;
    font-size: 48px !important;
    font-weight: bold !important;
    letter-spacing: 0px !important;
    text-transform: uppercase !important;
    padding: 0px 55px !important;
    line-height: 1.1 !important; }
    @media (max-width: 480px) {
      .rw-wrapper-image h2 {
        font-size: 28px !important;
        padding: 0 1px !important; } }
  .rw-wrapper-image h4 {
    color: white !important;
    margin: 30px 0px;
    z-index: 10;
    position: relative; }
  @media (max-width: 480px) {
    .rw-wrapper-image .grid__item {
      text-align: center !important; } }
  .rw-wrapper-image .grid__item .hs-cta-wrapper span a {
    z-index: 10;
    position: relative;
    border: 1px solid #ffffff !important;
    padding: 12px 70px;
    font-weight: 600;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.8);
    color: #676767 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 768px) {
      .rw-wrapper-image .grid__item .hs-cta-wrapper span a {
        background: #ffffff !important; } }
    @media (max-width: 480px) {
      .rw-wrapper-image .grid__item .hs-cta-wrapper span a {
        padding: 12px 40px !important; } }
  .rw-wrapper-image .grid__item .hs-cta-wrapper span a:hover {
    background: #ffffff !important;
    color: #676767 !important; }
  @media (max-width: 1024px) {
    .rw-wrapper-image .grid__item .one-half .soft .text--right, .rw-wrapper-image .grid__item .two-quarters .soft .text--right, .rw-wrapper-image .grid__item .three-sixths .soft .text--right, .rw-wrapper-image .grid__item .four-eighths .soft .text--right, .rw-wrapper-image .grid__item .five-tenths .soft .text--right, .rw-wrapper-image .grid__item .six-twelfths .soft .text--right {
      text-align: center !important; } }
  @media (max-width: 768px) {
    .rw-wrapper-image .grid__item .one-half .soft .text--right, .rw-wrapper-image .grid__item .two-quarters .soft .text--right, .rw-wrapper-image .grid__item .three-sixths .soft .text--right, .rw-wrapper-image .grid__item .four-eighths .soft .text--right, .rw-wrapper-image .grid__item .five-tenths .soft .text--right, .rw-wrapper-image .grid__item .six-twelfths .soft .text--right {
      text-align: center !important; } }
  @media (max-width: 480px) {
    .rw-wrapper-image .grid__item .one-half .soft .text--right, .rw-wrapper-image .grid__item .two-quarters .soft .text--right, .rw-wrapper-image .grid__item .three-sixths .soft .text--right, .rw-wrapper-image .grid__item .four-eighths .soft .text--right, .rw-wrapper-image .grid__item .five-tenths .soft .text--right, .rw-wrapper-image .grid__item .six-twelfths .soft .text--right {
      text-align: center !important; } }

/* Custom Animations */
.animated {
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  -vendor-animation-duration: 1s;
  -vendor-animation-delay: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  font-family: 'Crimson Text';
  font-style: italic;
  font-size: 20px;
  position: relative; }
  .animated:before {
    border-top-color: #ffffff !important !important; }
  .animated:after {
    border-top-color: #ffffff !important !important; }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px) !important;
    transform: translateY(-100px) !important; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px) !important;
    -ms-transform: translateY(-50px) !important;
    transform: translateY(-50px) !important; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

.delay:after {
  background: url("//cdn2.hubspot.net/hub/359929/file-543197687-png/images/learn-more-after-arrow.png") !important;
  display: block !important;
  position: relative;
  height: 3px !important;
  background-repeat: no-repeat !important;
  text-align: center !important;
  width: 6px !important;
  left: inherit !important; }
  @media (max-width: 480px) {
    .delay:after {
      background: url("//cdn2.hubspot.net/hub/359929/file-543197687-png/images/learn-more-after-arrow.png") !important;
      background-position: center center !important;
      display: block !important;
      position: relative;
      height: 3px !important;
      margin: 0px !important;
      background-repeat: no-repeat !important;
      text-align: center !important;
      width: 100% !important;
      text-align: center !important;
      left: 0% !important; } }

/* Testimonial Section */
.home-testimonial {
  background: #ffffff !important;
  position: relative;
  padding: 75px 0px; }
  @media (max-width: 768px) {
    .home-testimonial {
      padding: 35px !important; } }
  @media (max-width: 480px) {
    .home-testimonial {
      padding: 15px !important; } }
  .home-testimonial h1 {
    color: #51a2ab !important;
    font-weight: 600 !important;
    font-size: 36px;
    margin-bottom: 5px; }
    @media (max-width: 768px) {
      .home-testimonial h1 {
        font-size: 30px !important;
        padding: 10px 25px !important; } }
    .home-testimonial h1:after {
      content: " Testimonials"; }
  @media (max-width: 480px) {
    .home-testimonial h4 {
      padding: 25px 5px !important;
      margin-top: 0px !important; } }
  .home-testimonial .more-top {
    margin-top: 45px; }
    @media (max-width: 480px) {
      .home-testimonial .more-top {
        margin-top: 0px !important;
        padding: 0px !important; } }
  .home-testimonial .hs-cta-wrapper span a {
    background: #51a2ab !important;
    border: 1px solid #51a2ab !important;
    padding: 12px 70px;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff !important;
    border: 1px solid #51a2ab !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 480px) {
      .home-testimonial .hs-cta-wrapper span a {
        padding: 12px 40px !important; } }
  .home-testimonial .hs-cta-wrapper span a:hover {
    background: #ffffff !important;
    color: #51a2ab !important; }
  .home-testimonial .grid.testimonial {
    margin: 45px 0px 30px 0px !important; }
    .home-testimonial .grid.testimonial #hs_cos_wrapper_testi_image,
    .home-testimonial .grid.testimonial #hs_cos_wrapper_testi_image_2,
    .home-testimonial .grid.testimonial #hs_cos_wrapper_testi_image_3 {
      width: 100%;
      display: inline-block; }
    .home-testimonial .grid.testimonial p.rebate {
      font-family: crimson text !important;
      font-style: italic !important;
      font-size: 33px;
      top: 4px;
      color: #51a2ab !important;
      font-weight: 600 !important;
      margin-top: 0 !important;
      display: inline-block !important;
      width: 53% !important;
      text-align: left !important;
      padding: 3px 12px;
      margin-bottom: 0 !important;
      position: relative; }
      @media (max-width: 768px) {
        .home-testimonial .grid.testimonial p.rebate {
          width: 100% !important;
          top: -10px !important;
          text-align: center !important; } }
      .home-testimonial .grid.testimonial p.rebate:before {
        content: "|";
        font-style: normal;
        padding-right: 10px;
        position: relative;
        top: 2px; }
        @media (max-width: 768px) {
          .home-testimonial .grid.testimonial p.rebate:before {
            content: "" !important;
            padding: 0px !important;
            top: 0px !important; } }
    .home-testimonial .grid.testimonial p {
      padding: 0px 17px; }
      @media (max-width: 768px) {
        .home-testimonial .grid.testimonial p {
          padding: 0px !important; } }
    .home-testimonial .grid.testimonial .one-third h3, .home-testimonial .grid.testimonial .two-sixths h3, .home-testimonial .grid.testimonial .four-twelfths h3 {
      color: #676767 !important;
      font-weight: 300 !important;
      font-size: 20px;
      padding: 0;
      margin: 5px 0 18px 0px !important;
      line-height: 1.2;
      font-weight: 600; }
    @media (max-width: 320px) {
      .home-testimonial .grid.testimonial .one-third, .home-testimonial .grid.testimonial .two-sixths, .home-testimonial .grid.testimonial .four-twelfths {
        padding: 0px 25px !important; } }
    @media (max-width: 480px) {
      .home-testimonial .grid.testimonial .one-third, .home-testimonial .grid.testimonial .two-sixths, .home-testimonial .grid.testimonial .four-twelfths {
        padding: 0px 5px 35px 5px !important; } }
    @media (max-width: 768px) {
      .home-testimonial .grid.testimonial .one-third, .home-testimonial .grid.testimonial .two-sixths, .home-testimonial .grid.testimonial .four-twelfths {
        padding: 0px 15px !important; } }
    .home-testimonial .grid.testimonial .one-third #odometer1, .home-testimonial .grid.testimonial .two-sixths #odometer1, .home-testimonial .grid.testimonial .four-twelfths #odometer1 {
      display: inline-block !important;
      width: 100%;
      text-align: center !important; }
      @media (max-width: 768px) {
        .home-testimonial .grid.testimonial .one-third #odometer1, .home-testimonial .grid.testimonial .two-sixths #odometer1, .home-testimonial .grid.testimonial .four-twelfths #odometer1 {
          width: 100% !important;
          text-align: center !important;
          padding-left: 0px !important;
          padding-bottom: 0px !important; } }
      .home-testimonial .grid.testimonial .one-third #odometer1 .odometer-inside:after, .home-testimonial .grid.testimonial .two-sixths #odometer1 .odometer-inside:after, .home-testimonial .grid.testimonial .four-twelfths #odometer1 .odometer-inside:after {
        content: "rebate";
        font-size: 19px;
        padding-left: 10px;
        font-family: crimson text !important;
        font-style: italic;
        color: #51a2ab !important; }
      .home-testimonial .grid.testimonial .one-third #odometer1 .odometer-inside:before, .home-testimonial .grid.testimonial .two-sixths #odometer1 .odometer-inside:before, .home-testimonial .grid.testimonial .four-twelfths #odometer1 .odometer-inside:before {
        content: "$"; }
    .home-testimonial .grid.testimonial .one-third #odometer2, .home-testimonial .grid.testimonial .two-sixths #odometer2, .home-testimonial .grid.testimonial .four-twelfths #odometer2 {
      display: inline-block !important;
      width: 100%;
      text-align: center !important; }
      @media (max-width: 768px) {
        .home-testimonial .grid.testimonial .one-third #odometer2, .home-testimonial .grid.testimonial .two-sixths #odometer2, .home-testimonial .grid.testimonial .four-twelfths #odometer2 {
          width: 100% !important;
          text-align: center !important;
          padding-left: 0px !important;
          padding-bottom: 0px !important; } }
      .home-testimonial .grid.testimonial .one-third #odometer2 .odometer-inside:after, .home-testimonial .grid.testimonial .two-sixths #odometer2 .odometer-inside:after, .home-testimonial .grid.testimonial .four-twelfths #odometer2 .odometer-inside:after {
        content: "rebate";
        font-size: 19px;
        padding-left: 10px;
        font-family: crimson text !important;
        font-style: italic;
        color: #51a2ab !important; }
      .home-testimonial .grid.testimonial .one-third #odometer2 .odometer-inside:before, .home-testimonial .grid.testimonial .two-sixths #odometer2 .odometer-inside:before, .home-testimonial .grid.testimonial .four-twelfths #odometer2 .odometer-inside:before {
        content: "$"; }
    .home-testimonial .grid.testimonial .one-third #odometer3, .home-testimonial .grid.testimonial .two-sixths #odometer3, .home-testimonial .grid.testimonial .four-twelfths #odometer3 {
      display: inline-block !important;
      width: 100%;
      text-align: center !important; }
      @media (max-width: 768px) {
        .home-testimonial .grid.testimonial .one-third #odometer3, .home-testimonial .grid.testimonial .two-sixths #odometer3, .home-testimonial .grid.testimonial .four-twelfths #odometer3 {
          width: 100% !important;
          text-align: center !important;
          padding-left: 0px !important;
          padding-bottom: 0px !important; } }
      .home-testimonial .grid.testimonial .one-third #odometer3 .odometer-inside:after, .home-testimonial .grid.testimonial .two-sixths #odometer3 .odometer-inside:after, .home-testimonial .grid.testimonial .four-twelfths #odometer3 .odometer-inside:after {
        content: "rebate";
        font-size: 19px;
        padding-left: 10px;
        font-family: crimson text !important;
        font-style: italic;
        color: #51a2ab !important; }
      .home-testimonial .grid.testimonial .one-third #odometer3 .odometer-inside:before, .home-testimonial .grid.testimonial .two-sixths #odometer3 .odometer-inside:before, .home-testimonial .grid.testimonial .four-twelfths #odometer3 .odometer-inside:before {
        content: "$"; }

/* Agent Section */
.home-agent {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  overflow: hidden;
  padding: 75px 0px 45px 0px !important; }
  @media (max-width: 768px) {
    .home-agent {
      padding: 35px !important; } }
  @media (max-width: 480px) {
    .home-agent {
      padding: 15px !important; } }
  .home-agent .grid__item.one-whole h2 {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 36px;
    margin-bottom: 5px;
    line-height: 1.2;
    margin-bottom: 25px; }
    @media (max-width: 768px) {
      .home-agent .grid__item.one-whole h2 {
        font-size: 30px !important;
        padding: 10px 25px !important; } }
    @media (max-width: 480px) {
      .home-agent .grid__item.one-whole h2 {
        padding: 0px 25px !important;
        font-size: 24px !important; } }
  .home-agent .grid__item.one-whole p {
    color: #ffffff !important; }
    @media (max-width: 480px) {
      .home-agent .grid__item.one-whole p {
        padding: 10px 25px !important; } }
  .home-agent .grid__item.one-third.hard, .home-agent .grid__item.hard.two-sixths, .home-agent .grid__item.hard.four-twelfths {
    position: relative;
    margin-top: 0px; }
    @media (max-width: 768px) {
      .home-agent .grid__item.one-third.hard, .home-agent .grid__item.hard.two-sixths, .home-agent .grid__item.hard.four-twelfths {
        width: 100% !important; } }
    .home-agent .grid__item.one-third.hard img, .home-agent .grid__item.hard.two-sixths img, .home-agent .grid__item.hard.four-twelfths img {
      position: relative;
      bottom: 0px;
      left: 0px; }
      @media (max-width: 768px) {
        .home-agent .grid__item.one-third.hard img, .home-agent .grid__item.hard.two-sixths img, .home-agent .grid__item.hard.four-twelfths img {
          bottom: 0px;
          left: 0px; } }
      @media (max-width: 480px) {
        .home-agent .grid__item.one-third.hard img, .home-agent .grid__item.hard.two-sixths img, .home-agent .grid__item.hard.four-twelfths img {
          display: none; } }
  .home-agent .grid__item.two-thirds.home-title.text--left.hard, .home-agent .grid__item.home-title.text--left.hard.four-sixths, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths {
    padding: 25px 0 55px 0px !important;
    display: inline-block; }
    @media (max-width: 768px) {
      .home-agent .grid__item.two-thirds.home-title.text--left.hard, .home-agent .grid__item.home-title.text--left.hard.four-sixths, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths {
        padding: 65px 25px !important;
        width: 100% !important;
        text-align: center !important; } }
    @media (max-width: 480px) {
      .home-agent .grid__item.two-thirds.home-title.text--left.hard, .home-agent .grid__item.home-title.text--left.hard.four-sixths, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths {
        padding: 25px !important;
        width: 100% !important; } }
    .home-agent .grid__item.two-thirds.home-title.text--left.hard img, .home-agent .grid__item.home-title.text--left.hard.four-sixths img, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths img {
      display: inline-block;
      margin: 0px auto 25px 0px; }
    .home-agent .grid__item.two-thirds.home-title.text--left.hard p, .home-agent .grid__item.home-title.text--left.hard.four-sixths p, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths p {
      text-align: left;
      color: white !important;
      font-family: crimson text !important;
      font-size: 24px !important;
      line-height: 1.2 !important;
      font-style: italic;
      margin-bottom: 60px !important;
      font-weight: 600 !important; }
      @media (max-width: 768px) {
        .home-agent .grid__item.two-thirds.home-title.text--left.hard p, .home-agent .grid__item.home-title.text--left.hard.four-sixths p, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths p {
          text-align: center !important; } }
      @media (max-width: 480px) {
        .home-agent .grid__item.two-thirds.home-title.text--left.hard p, .home-agent .grid__item.home-title.text--left.hard.four-sixths p, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths p {
          text-align: center !important; } }
    @media (max-width: 768px) {
      .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.one-half, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.one-half, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.one-half, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.two-quarters, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.two-quarters, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.two-quarters, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.three-sixths, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.three-sixths, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.three-sixths, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.four-eighths, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.four-eighths, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.four-eighths, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.five-tenths, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.five-tenths, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.five-tenths, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.six-twelfths, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.six-twelfths, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.six-twelfths {
        padding: 0px !important; } }
    @media (max-width: 480px) {
      .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.one-half, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.one-half, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.one-half, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.two-quarters, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.two-quarters, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.two-quarters, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.three-sixths, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.three-sixths, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.three-sixths, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.four-eighths, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.four-eighths, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.four-eighths, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.five-tenths, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.five-tenths, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.five-tenths, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.six-twelfths, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.six-twelfths, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.six-twelfths {
        padding: 0px !important;
        width: 100% !important; } }
    .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.one-half .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.one-half .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.one-half .hs-cta-wrapper span a, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.two-quarters .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.two-quarters .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.two-quarters .hs-cta-wrapper span a, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.three-sixths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.three-sixths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.three-sixths .hs-cta-wrapper span a, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.four-eighths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.four-eighths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.four-eighths .hs-cta-wrapper span a, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.five-tenths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.five-tenths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.five-tenths .hs-cta-wrapper span a, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.six-twelfths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.six-twelfths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.six-twelfths .hs-cta-wrapper span a {
      border: 1px solid #51a2ab !important;
      padding: 12px 60px;
      font-weight: 600;
      font-size: 14px;
      color: #ffffff !important;
      background: #51a2ab !important;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 480px) {
        .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.one-half .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.one-half .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.one-half .hs-cta-wrapper span a, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.two-quarters .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.two-quarters .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.two-quarters .hs-cta-wrapper span a, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.three-sixths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.three-sixths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.three-sixths .hs-cta-wrapper span a, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.four-eighths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.four-eighths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.four-eighths .hs-cta-wrapper span a, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.five-tenths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.five-tenths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.five-tenths .hs-cta-wrapper span a, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.six-twelfths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.six-twelfths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.six-twelfths .hs-cta-wrapper span a {
          padding: 10px 14px !important;
          margin: 15px auto !important;
          display: block;
          text-align: center; } }
      @media (max-width: 768px) {
        .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.one-half .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.one-half .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.one-half .hs-cta-wrapper span a, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.two-quarters .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.two-quarters .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.two-quarters .hs-cta-wrapper span a, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.three-sixths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.three-sixths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.three-sixths .hs-cta-wrapper span a, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.four-eighths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.four-eighths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.four-eighths .hs-cta-wrapper span a, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.five-tenths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.five-tenths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.five-tenths .hs-cta-wrapper span a, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.six-twelfths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.six-twelfths .hs-cta-wrapper span a, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.six-twelfths .hs-cta-wrapper span a {
          padding: 12px 60px !important; } }
    .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.one-half .hs-cta-wrapper span a:hover, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.one-half .hs-cta-wrapper span a:hover, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.one-half .hs-cta-wrapper span a:hover, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.two-quarters .hs-cta-wrapper span a:hover, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.two-quarters .hs-cta-wrapper span a:hover, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.two-quarters .hs-cta-wrapper span a:hover, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.three-sixths .hs-cta-wrapper span a:hover, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.three-sixths .hs-cta-wrapper span a:hover, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.three-sixths .hs-cta-wrapper span a:hover, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.four-eighths .hs-cta-wrapper span a:hover, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.four-eighths .hs-cta-wrapper span a:hover, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.four-eighths .hs-cta-wrapper span a:hover, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.five-tenths .hs-cta-wrapper span a:hover, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.five-tenths .hs-cta-wrapper span a:hover, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.five-tenths .hs-cta-wrapper span a:hover, .home-agent .grid__item.two-thirds.home-title.text--left.hard .grid__item.six-twelfths .hs-cta-wrapper span a:hover, .home-agent .grid__item.home-title.text--left.hard.four-sixths .grid__item.six-twelfths .hs-cta-wrapper span a:hover, .home-agent .grid__item.home-title.text--left.hard.eight-twelfths .grid__item.six-twelfths .hs-cta-wrapper span a:hover {
      background: #ffffff !important;
      color: #51a2ab !important; }

/* Home Buying Process Section */
.home-process {
  background: #ffffff !important;
  padding: 75px 0px; }
  @media (max-width: 480px) {
    .home-process {
      padding: 25 0px !important; } }
  @media (max-width: 768px) {
    .home-process .grid__item.one-whole.text--center.normal {
      display: block !important;
      padding-left: 9px !important; } }
  @media (max-width: 480px) {
    .home-process .grid__item.one-whole.text--center.normal {
      display: none !important; } }
  @media (max-width: 768px) {
    .home-process .grid__item.one-whole.text--center.normal img {
      width: 85% !important; } }
  .home-process .grid__item.one-whole.text--center.mobile {
    display: none !important; }
    @media (max-width: 1024px) {
      .home-process .grid__item.one-whole.text--center.mobile {
        display: none !important; } }
    @media (max-width: 768px) {
      .home-process .grid__item.one-whole.text--center.mobile {
        display: none !important; } }
    @media (max-width: 480px) {
      .home-process .grid__item.one-whole.text--center.mobile {
        display: block !important; } }
  .home-process p {
    margin-top: 15px;
    padding: 0px 20px; }
    @media (max-width: 768px) {
      .home-process p {
        padding: 0px 0px !important; } }
  .home-process h2 {
    color: #51a2ab !important;
    font-weight: 600 !important;
    font-size: 36px;
    margin-bottom: 5px; }
    @media (max-width: 768px) {
      .home-process h2 {
        font-size: 30px !important;
        padding: 10px 25px !important; } }
    @media (max-width: 768px) {
      .home-process h2 {
        font-size: 24px !important; } }
  .home-process .grid.process {
    padding: 45px 0px 15px 0px; }
    .home-process .grid.process img {
      margin-bottom: 65px; }
  .home-process .hs-cta-wrapper span a {
    border: 1px solid #51a2ab !important;
    padding: 12px 70px;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    color: #ffffff !important;
    background: #51a2ab !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 480px) {
      .home-process .hs-cta-wrapper span a {
        padding: 12px 40px !important; } }
  .home-process .hs-cta-wrapper span a:hover {
    background: #ffffff !important;
    color: #51a2ab !important; }
  @media (max-width: 320px) {
    .home-process .one-half.text--right, .home-process .text--right.two-quarters, .home-process .text--right.three-sixths, .home-process .text--right.four-eighths, .home-process .text--right.five-tenths, .home-process .text--right.six-twelfths {
      text-align: center !important; } }

/* tabs */
.hide {
  position: absolute;
  top: -9999px;
  left: -9999px; }

#buy-and-sell-tab {
  padding: 0px;
  margin: 0 0 0px 0 !important;
  display: inline-block;
  height: inherit !important;
  width: 100%; }
  #buy-and-sell-tab ul#featured,
  #buy-and-sell-tab ul#core {
    list-style: none;
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 0px !important;
    margin: 0px !important; }
  #buy-and-sell-tab .left-full-container.text--center,
  #buy-and-sell-tab .right-full-container.text--center {
    display: inline-block !important;
    float: none;
    width: 100%;
    background: transparent;
    height: inherit !important;
    padding: 3.4em 11% 2em; }
    @media (max-width: 480px) {
      #buy-and-sell-tab .left-full-container.text--center,
      #buy-and-sell-tab .right-full-container.text--center {
        height: auto !important; } }
  #buy-and-sell-tab .nav {
    overflow: hidden;
    margin: 0;
    width: 300px;
    margin: 20px auto 0px auto !important;
    display: block; }
    @media (max-width: 480px) {
      #buy-and-sell-tab .nav {
        width: 273px !important; } }
    #buy-and-sell-tab .nav li {
      width: 137px;
      float: left;
      margin: 0 -2px 0 0; }
      #buy-and-sell-tab .nav li a {
        display: block;
        padding: 5px 25px !important;
        background: transparent !important;
        border: 2px solid #ffffff !important;
        color: white;
        font-weight: 600 !important;
        font-size: 10px;
        text-align: center;
        font-family: open sans;
        font-size: 18px;
        border: 0; }
      #buy-and-sell-tab .nav li .last {
        margin-right: 0; }
  #buy-and-sell-tab .nav li a:hover {
    background-color: #111; }
  #buy-and-sell-tab ul {
    list-style: none; }
    #buy-and-sell-tab ul li a {
      display: block;
      border-bottom: 1px solid #666;
      padding: 4px;
      color: #666; }
  #buy-and-sell-tab ul li a:hover {
    background: #fe4902;
    color: white; }
  #buy-and-sell-tab ul li:last-child a {
    border: none; }
  #buy-and-sell-tab ul li.nav-one a.current, #buy-and-sell-tab #buy-and-sell-tab ul.featured li a:hover {
    background-color: #808080 !important;
    color: white;
    font-weight: 600 !important;
    font-family: open sans;
    border: 2px solid #fff;
    font-size: 18px;
    padding: 5px 25px !important; }
  #buy-and-sell-tab ul li.nav-two a.current, #buy-and-sell-tab #buy-and-sell-tab ul.core li a:hover {
    background-color: #808080 !important;
    color: white;
    font-weight: 600 !important;
    font-family: open sans;
    border: 2px solid #fff;
    font-size: 18px;
    padding: 5px 25px !important; }

/* Buying and Selling Section */
.home-buy-and-sell {
  background-size: 100%;
  padding: 95px 0px 15px 0px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center top !important;
  height: 630px;
  /* Specific to example one */ }
  @media (max-width: 768px) {
    .home-buy-and-sell {
      padding: 65px 0px !important; } }
  @media (max-width: 480px) {
    .home-buy-and-sell {
      padding: 45px 0px !important;
      height: auto !important;
      margin-bottom: 0px !important; } }
  .home-buy-and-sell h2 {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 36px;
    margin-bottom: 5px;
    line-height: 1.2;
    margin-bottom: 25px; }
    @media (max-width: 768px) {
      .home-buy-and-sell h2 {
        font-size: 30px !important;
        padding: 10px 25px !important; } }
  .home-buy-and-sell h3 {
    color: #ffffff !important;
    font-size: 18px;
    font-weight: normal; }
  .home-buy-and-sell h4 {
    color: #ffffff !important; }
  .home-buy-and-sell .hs-cta-wrapper span a.bringback-button {
    font-family: open sans !important;
    font-style: normal !important;
    font-weight: normal !important;
    background: #ffffff !important;
    color: #676767 !important; }
  .home-buy-and-sell .hs-cta-wrapper span a {
    opacity: 0;
    border: 1px solid #ffffff !important;
    padding: 12px 70px;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 480px) {
      .home-buy-and-sell .hs-cta-wrapper span a {
        padding: 12px 40px !important; } }
  .home-buy-and-sell .hs-cta-wrapper span a:hover {
    background: #ffffff !important;
    color: #676767 !important; }
  .home-buy-and-sell p {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: normal;
    min-height: 65px; }
  .home-buy-and-sell .right-full-container.text--center {
    float: right;
    width: 50%;
    background: #50919d;
    padding: 5.4em 11% 3em; }
    @media (max-width: 1174px) {
      .home-buy-and-sell .right-full-container.text--center {
        padding: 5.4em 9% 3em !important; } }
    @media (max-width: 1020px) {
      .home-buy-and-sell .right-full-container.text--center {
        padding: 5.4em 3% 3em !important; } }
    @media (max-width: 760px) {
      .home-buy-and-sell .right-full-container.text--center {
        padding: 5.4em 11% 3em !important;
        width: 100% !important; } }
  .home-buy-and-sell .left-full-container.text--center {
    float: left;
    width: 50%;
    background: #5e9fac;
    padding: 5.4em 11% 3em; }
    @media (max-width: 1174px) {
      .home-buy-and-sell .left-full-container.text--center {
        padding: 5.4em 9% 3em !important; } }
    @media (max-width: 1030px) {
      .home-buy-and-sell .left-full-container.text--center {
        padding: 5.4em 3% 3em !important; } }
    @media (max-width: 760px) {
      .home-buy-and-sell .left-full-container.text--center {
        padding: 5.4em 11% 3em !important;
        width: 100% !important; } }

.form-fields:before {
  content: "$";
  float: left;
  color: #fff;
  font-family: open sans !important;
  padding: 2px 6px;
  font-size: 25px;
  position: relative;
  top: 5px; }
  @media (max-width: 480x) {
    .form-fields:before {
      width: 100% !important;
      font-size: 21px !important; } }

.calculator-form ul {
  display: inline-block; }
.calculator-form li.form {
  float: left;
  width: 410px !important; }
  @media (max-width: 480px) {
    .calculator-form li.form {
      padding: 0px 0px !important;
      width: 89% !important; } }
  .calculator-form li.form input#sale, .calculator-form li.form input#sell {
    background: transparent !important;
    border: 1px solid #ffffff;
    height: 52px;
    line-height: 1.2;
    width: 100%;
    padding-left: 10px;
    cursor: inherit;
    margin-top: 0px;
    color: #FFFFFF !important;
    font-family: open sans !important;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased;
    outline: none !important;
    padding: 0px 12px !important;
    backface-visibility: visible;
    background: transparent !important; }
    @media (max-width: 480px) {
      .calculator-form li.form input#sale, .calculator-form li.form input#sell {
        width: 100% !important; } }
  .calculator-form li.form input#sale::-webkit-input-placeholder, .calculator-form li.form input#sell::-webkit-input-placeholder {
    color: #ffffff !important;
    font-family: open sans;
    font-size: 14px;
    padding-top: 2px;
    line-height: 1.2;
    font-weight: normal; }
  .calculator-form li.form input#sale:-moz-placeholder {
    color: #ffffff !important;
    font-family: open sans;
    font-size: 14px;
    font-weight: 300; }
.calculator-form li.button {
  float: left;
  width: 122px !important; }
  @media (max-width: 480px) {
    .calculator-form li.button {
      width: 100% !important;
      padding: 10px 0px !important; } }
  .calculator-form li.button #result {
    background: white !important;
    border: 0px;
    box-shadow: none !important;
    font-family: open sans !important;
    line-height: 1.6;
    padding: 8px 10px;
    -webkit-font-smoothing: antialiased;
    color: #4b8f9c;
    padding: 14px 34px 13px 34px;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #454545; }
    @media (max-width: 480px) {
      .calculator-form li.button #result {
        width: 100% !important; } }

#resultsWrapper {
  position: relative; }
  #resultsWrapper .bringback {
    opacity: 1 !important;
    text-align: center !important;
    width: 100%;
    color: #FFFFFF;
    font-family: open sans;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    font-size: 38px;
    padding-top: 5px; }

#totalSavings {
  position: absolute;
  top: 0;
  opacity: 0; }

#resultsWrappersell {
  position: relative; }
  #resultsWrappersell .bringback {
    opacity: 1 !important;
    text-align: center !important;
    width: 100%;
    color: #FFFFFF;
    font-family: open sans;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    font-size: 38px;
    padding-top: 5px; }

#totalSavingssell {
  position: absolute;
  top: 0;
  opacity: 0; }

/* Resources Section */
.home-resources {
  background: #ffffff !important;
  display: inline-block;
  padding: 65px 0px;
  width: 100%;
  overflow: hidden; }
  @media (max-width: 480px) {
    .home-resources {
      overflow: hidden !important; } }
  .home-resources h3 {
    color: #51a2ab !important;
    font-weight: 300;
    font-size: 30px;
    margin-bottom: 15px;
    padding: 0px 110px 0px 0px; }
    @media (max-width: 768px) {
      .home-resources h3 {
        color: #51a2ab !important;
        font-weight: 300;
        font-size: 30px !important;
        margin-bottom: 15px;
        padding: 1px 0px !important; } }
    @media (max-width: 480px) {
      .home-resources h3 {
        font-size: 22px !important;
        width: 100% !important;
        margin: 0px !important;
        padding-right: 0px !important; } }
  .home-resources iframe {
    width: 93% !important; }
  @media (max-width: 480px) {
    .home-resources .first-resource {
      padding-right: 25px !important; } }
  .home-resources .first-resource .four-fifths, .home-resources .first-resource .eight-tenths {
    padding: 0px 110px 0px 0px !important; }
    .home-resources .first-resource .four-fifths h4, .home-resources .first-resource .eight-tenths h4 {
      margin-top: 0px;
      margin-bottom: 5px; }
  .home-resources .first-resource h3 {
    margin-top: 0px; }
  .home-resources .first-resource p {
    margin-bottom: 5px; }
  .home-resources .first-resource #hs_cos_wrapper_ebook_link {
    text-align: right !important;
    width: 100%;
    display: inline-block; }
    .home-resources .first-resource #hs_cos_wrapper_ebook_link a {
      background: #ffffff !important;
      z-index: 9;
      position: relative;
      cursor: pointer; }
    .home-resources .first-resource #hs_cos_wrapper_ebook_link a:before {
      content: "";
      position: relative;
      width: 70%;
      height: 1px;
      display: block;
      background: #4b8f9c;
      top: 14px; }
  .home-resources .second-resource {
    margin-top: 25px; }
    @media (max-width: 480px) {
      .home-resources .second-resource {
        padding-right: 25px !important; } }
    .home-resources .second-resource ul {
      list-style: none;
      margin-left: 0px; }
      .home-resources .second-resource ul li {
        margin: 10px 0px; }
        .home-resources .second-resource ul li a {
          color: #676767;
          background: #ffffff;
          padding: 20px 115px;
          display: inline-block;
          text-align: center;
          font-weight: 600;
          width: 100%;
          border: 1px solid #dfdfdf !important;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          background-repeat: no-repeat !important; }
          @media (max-width: 480px) {
            .home-resources .second-resource ul li a {
              padding: 15px !important; } }
          .home-resources .second-resource ul li a:hover {
            background: #51a2ab url("//cdn2.hubspot.net/hub/359929/file-582311038-png/images/small-icon-white-blog.png");
            background-repeat: no-repeat !important;
            color: #fff;
            background-position: 30px; }
        .home-resources .second-resource ul li a:before {
          content: ""; }
  .home-resources #hs_cos_wrapper_resources_text_two p {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 10px; }

/* Bottom of the Funnel Section */
.home-bottom-funnel {
  background-size: cover;
  padding: 115px 0px;
  background: #51a2ab !important;
  top: -10px;
  margin-bottom: -10px;
  position: relative; }
  @media (max-width: 768px) {
    .home-bottom-funnel {
      padding: 55px 0px !important; } }
  @media (max-width: 480px) {
    .home-bottom-funnel {
      padding: 45px 25px !important; } }
  @media (max-width: 768px) {
    .home-bottom-funnel .grid__item.one-whole.home-title.text--center {
      padding: 25px !important; } }
  @media (max-width: 480px) {
    .home-bottom-funnel .grid__item.one-whole.home-title.text--center {
      padding: 0px !important; } }
  .home-bottom-funnel h2 {
    font-family: crimson text !important;
    font-style: italic !important;
    text-transform: none !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #ffffff !important;
    font-size: 48px; }
    @media (max-width: 768px) {
      .home-bottom-funnel h2 {
        padding: 10px 25px !important;
        font-size: 30px !important; } }
  .home-bottom-funnel .more--margin {
    margin: 0 auto;
    max-width: 35em;
    float: none;
    display: block; }
  .home-bottom-funnel p {
    color: #ffffff !important;
    padding: 0px 55px; }
  .home-bottom-funnel form {
    padding: 0px 95px; }
    @media (max-width: 480px) {
      .home-bottom-funnel form {
        padding: 0px !important; } }
  .home-bottom-funnel label {
    text-align: left;
    padding-left: 0px;
    padding-bottom: 6px;
    font-size: 18px;
    font-family: open sans !important;
    color: #ffffff !important;
    -webkit-font-smoothing: antialiased; }
  .home-bottom-funnel input {
    width: 100%;
    box-shadow: none;
    cursor: initial;
    outline: none; }
  .home-bottom-funnel textarea {
    width: 100%;
    min-height: 110px; }
  .home-bottom-funnel ul.inputs-list {
    display: inline-block;
    margin-left: 0px;
    list-style: none; }
    .home-bottom-funnel ul.inputs-list li.hs-form-radio {
      display: inline-block;
      width: 100%;
      height: auto; }
      .home-bottom-funnel ul.inputs-list li.hs-form-radio label {
        padding: 0px; }
  .home-bottom-funnel .hs_location .hs-field-desc {
    display: none !important; }
  .home-bottom-funnel .hs_message {
    margin: 5px 0px 30px 0px;
    width: 100% !important; }
  .home-bottom-funnel .hs-form-field {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 15px; }
    @media (max-width: 768px) {
      .home-bottom-funnel .hs-form-field {
        width: 100% !important; } }
    @media (max-width: 480px) {
      .home-bottom-funnel .hs-form-field {
        width: 100% !important;
        padding: 5px 25px !important; } }
  .home-bottom-funnel .hs_submit {
    display: inline-block;
    width: 100%;
    margin: 40px 0px 0px 0px; }
  .home-bottom-funnel .hs-button {
    display: inline-block;
    width: 100%;
    margin: 40px 0px 0px 0px;
    background: none;
    width: 440px !important;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    font-family: open sans !important;
    border: 1px solid #ffffff;
    color: white !important;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    padding: 12px 45px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 480px) {
      .home-bottom-funnel .hs-button {
        width: 100% !important;
        padding: 5px 25px !important; } }
    .home-bottom-funnel .hs-button:hover {
      background: #ffffff !important;
      color: #51a2ab !important; }

/* Featured In Section */
.green-wrapper {
  width: 100%;
  background: rgba(76, 123, 125, 0.9);
  padding: 40px 0px;
  color: #ffffff !important;
  display: table; }
  .green-wrapper .grid.featured {
    display: table; }
    .green-wrapper .grid.featured h3 {
      color: #ffffff !important;
      margin-bottom: 0px !important;
      padding-bottom: 0px;
      font-family: crimson text !important;
      font-style: italic;
      font-size: 32px; }
    .green-wrapper .grid.featured img {
      vertical-align: middle;
      display: table-cell;
      margin: 0 auto; }
      @media (max-width: 480px) {
        .green-wrapper .grid.featured img {
          margin-top: 15px !important; } }

.slider-section {
  background: #f7fdfd; }
  @media (max-width: 1024px) {
    .slider-section {
      min-height: 360px !important; } }

.slideshows {
  overflow: hidden;
  padding: 80px 0; }
  .slideshows .visuallyhidden--portable {
    opacity: 0;
    display: none; }
  .slideshows .slideshow {
    height: 220px; }
    @media (max-width: 1024px) {
      .slideshows .slideshow {
        height: 300px !important; } }
    .slideshows .slideshow h4 {
      position: relative;
      top: 0px;
      width: 100%;
      font-family: montserrat;
      font-weight: normal;
      font-size: 18px;
      padding-top: 17px;
      margin-bottom: 18px; }
  .slideshows #slideshow-left {
    margin-left: -50px;
    border: solid 1px #4a8ec2;
    color: #4a8ec2;
    border-radius: 3px;
    opacity: .4; }
  .slideshows #slideshow-center {
    margin: 0 0px;
    color: #231f20;
    border: none;
    border-radius: 3px; }
  .slideshows #slideshow-right {
    margin-right: -50px;
    border: solid 1px #4a8ec2;
    color: #4a8ec2;
    border-radius: 3px;
    opacity: .4; }
  .slideshows .cycle-slide {
    width: 100%;
    padding: 0px 48px 0 48px;
    display: block; }
    .slideshows .cycle-slide p {
      padding: 0 95px;
      font-style: italic;
      color: #464545; }
      @media (max-width: 480px) {
        .slideshows .cycle-slide p {
          padding: 0px 5px !important; } }
  .slideshows #prev, .slideshows #nextt {
    display: block;
    position: absolute;
    bottom: 90px;
    z-index: 500; }
  .slideshows #prev {
    left: 24px; }
  .slideshows #nextt {
    right: 24px; }
  .slideshows .fa {
    font-size: 2em;
    color: #dee3e4; }

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .slideshows #slideshow-center {
    margin: 0px !important; }
  .slideshows .cycle-slide {
    padding: 51px 51px 0px; } }
@media only screen and (max-width: 480px) {
  .slideshows {
    padding: 0px !important; }
    .slideshows #slideshow-center {
      margin: 0px !important; }
    .slideshows .cycle-slide {
      padding: 51px 55px;
      min-height: 450px !important;
      position: absolute; }
    .slideshows .slideshow {
      height: 450px; }
    .slideshows #nextt, .slideshows #prev {
      bottom: 200px !important; } }
.slideshows {
  position: relative;
  padding: 80px 245px !important; }
  @media (max-width: 1600px) {
    .slideshows {
      padding: 80px 105px !important; } }
  @media (max-width: 1280px) {
    .slideshows {
      padding: 80px 55px !important; } }
  @media (max-width: 480px) {
    .slideshows {
      padding: 52px 0px !important; } }
  .slideshows h2 {
    margin-bottom: 50px; }
    @media (max-width: 480px) {
      .slideshows h2 {
        margin-top: 25px; } }
  .slideshows .visuallyhidden--portable {
    display: inherit;
    border: 0px !important;
    color: inherit !important;
    opacity: 1 !important;
    filter: alpha(opacity=1);
    /* For IE8 and earlier */ }
    @media (max-width: 1024px) {
      .slideshows .visuallyhidden--portable {
        display: none !important; } }
  .slideshows #prev {
    left: 3%;
    top: 50%;
    position: absolute; }
    @media (max-width: 1024px) {
      .slideshows #prev {
        left: 10% !important; } }
  .slideshows #nextt {
    right: 3%;
    top: 50%;
    position: absolute; }
    @media (max-width: 1024px) {
      .slideshows #nextt {
        right: 10% !important; } }
  .slideshows .slideshow {
    min-height: 360px;
    height: inherit !important; }
    @media (max-width: 1024px) {
      .slideshows .slideshow {
        width: 100% !important;
        min-height: 350px !important; } }
    @media (max-width: 625px) {
      .slideshows .slideshow {
        min-height: 390px !important; } }
    .slideshows .slideshow .cycle-slide {
      padding: 0px !important;
      max-height: 370px; }
      @media (max-width: 1024px) {
        .slideshows .slideshow .cycle-slide {
          padding: 0px 155px !important; } }
      @media (max-width: 768px) {
        .slideshows .slideshow .cycle-slide {
          padding: 0px 0px !important; } }
      @media (max-width: 480px) {
        .slideshows .slideshow .cycle-slide {
          padding: 0px 35px !important; } }
      .slideshows .slideshow .cycle-slide h3 {
        margin-bottom: 0px !important;
        font-weight: normal;
        line-height: 1.3;
        padding: 10px;
        font-size: 22px; }
      .slideshows .slideshow .cycle-slide h4 {
        font-family: lora;
        font-style: italic;
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
        padding-top: 3px;
        max-width: 90%;
        display: block;
        margin: 0 auto 10px auto; }
      .slideshows .slideshow .cycle-slide p {
        padding: 0 0px;
        font-style: italic;
        color: #464545; }
      @media (max-width: 480px) {
        .slideshows .slideshow .cycle-slide .ta-block {
          margin-top: 0px !important; } }
      .slideshows .slideshow .cycle-slide .ta-block .ta-copy {
        text-align: center !important;
        margin-top: 0px !important; }

/* Main Menu*/
header
.header
.menu {
  vertical-align: middle;
  text-align: right;
  width: 100%; }

.menu ul {
  list-style: none; }
.menu li {
  display: inline-block; }

.menu .hs-menu-wrapper .hs-menu-flow-horizontal ul a {
  padding: 0.5em 0.6em !important; }

/* Subpage Right Sidebar */
.subpage .hero {
  margin-top: 73px;
  display: inline-block;
  width: 100%;
  padding: 110px 0 110px 0;
  background-repeat: no-repeat;
  background: #51a2ab !important; }
  @media (max-width: 768px) {
    .subpage .hero {
      margin-top: 0px !important;
      padding: 40px 25px 40px 25px !important; } }
  .subpage .hero p {
    color: #ffffff !important;
    font-size: 18px;
    margin-top: 24px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 0px; }
.subpage h1 {
  color: #ffffff !important;
  margin-bottom: 0px;
  font-size: 36px !important; }
.subpage h2 {
  color: #676767 !important;
  font-weight: 300;
  font-size: 30px; }
.subpage h3 {
  color: #676767 !important;
  font-weight: 300;
  font-size: 24px; }
.subpage .grid.content {
  padding: 60px 0px; }
  @media (max-width: 768px) {
    .subpage .grid.content {
      padding: 45px 25px !important; } }

/* Subpage Sidebar */
@media (max-width: 480px) {
  .subpage.sidebar-right .grid.content .grid__item.three-quarters, .subpage.sidebar-right .grid.content .grid__item.six-eighths, .subpage.sidebar-right .grid.content .grid__item.nine-twelfths {
    padding: 0px 25px !important; } }
@media (max-width: 480px) {
  .subpage.sidebar-right .grid.content .grid__item.one-quarter, .subpage.sidebar-right .grid.content .grid__item.two-eighths, .subpage.sidebar-right .grid.content .grid__item.three-twelfths {
    padding: 0px 25px !important; } }
.subpage.sidebar-right .grid.content .sidebar .hs-cta-wrapper {
  margin-bottom: 30px;
  display: inline-block; }
.subpage.sidebar-right .grid.content .sidebar #zillow-lender-reputation-large-widget {
  width: 100% !important;
  overflow: hidden !important;
  margin: 0 auto 30px auto !important; }
.subpage.sidebar-right .grid.content .sidebar #zillow-lender-reputation-large-widget > div:nth-child(1) > div {
  font-size: 19px !important;
  background: #4b8f9c;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 11px 0px;
  font-family: 'open sans';
  font-size: 16px !important;
  font-weight: normal !important; }
.subpage.sidebar-right .grid.content .sidebar #zillow-lender-reputation-large-widget > div:nth-child(1) {
  border: 0px !important;
  background: #4b8f9c !important; }
.subpage.sidebar-right .grid.content .sidebar #zillow-lender-reputation-large-widget > div:nth-child(2) {
  width: 100% px !important;
  height: 0px !important; }
.subpage.sidebar-right .grid.content .sidebar #zillow-lender-reputation-large-widget > div:nth-child(2) > iframe {
  width: 100% !important;
  height: 0px !important;
  overflow: initial !important; }
.subpage.sidebar-right .grid.content .sidebar #zillow-lender-reputation-large-widget > div:nth-child(3) {
  width: 100% !important; }
  .subpage.sidebar-right .grid.content .sidebar #zillow-lender-reputation-large-widget > div:nth-child(3) span {
    font-family: open sans !important;
    font-weight: normal;
    font-size: 15px !important;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased; }

/* Why We're Different */
.subpage.why .top p {
  margin-bottom: 5px;
  font-size: 18px; }
.subpage.why .top h2 {
  color: #51a2ab !important;
  line-height: 1.2;
  margin-top: 20px;
  padding: 0px 65px; }
.subpage.why .content {
  padding: 45px 0px; }
  .subpage.why .content h3 {
    font-family: open sans !important;
    font-size: 18px;
    font-weight: normal;
    color: #676767 !important;
    margin-bottom: 15px;
    margin-top: 15px; }
  .subpage.why .content .grid.icon-section {
    padding: 65px 0px 0px 0px; }
  .subpage.why .content .grid__item.one-half, .subpage.why .content .grid__item.two-quarters, .subpage.why .content .grid__item.three-sixths, .subpage.why .content .grid__item.four-eighths, .subpage.why .content .grid__item.five-tenths, .subpage.why .content .grid__item.six-twelfths {
    padding: 30px 90px 0px 90px !important; }
    @media (max-width: 480px) {
      .subpage.why .content .grid__item.one-half, .subpage.why .content .grid__item.two-quarters, .subpage.why .content .grid__item.three-sixths, .subpage.why .content .grid__item.four-eighths, .subpage.why .content .grid__item.five-tenths, .subpage.why .content .grid__item.six-twelfths {
        padding: 0px 25px !important; } }
  .subpage.why .content .grid__item.one-third, .subpage.why .content .grid__item.two-sixths, .subpage.why .content .grid__item.four-twelfths {
    margin-bottom: 45px; }
    @media (max-width: 480px) {
      .subpage.why .content .grid__item.one-third, .subpage.why .content .grid__item.two-sixths, .subpage.why .content .grid__item.four-twelfths {
        padding: 0px 25px !important; } }
.subpage.why .why-bottom-funnel {
  background-size: cover;
  padding: 115px 0px; }
  .subpage.why .why-bottom-funnel h2 {
    color: #ffffff !important; }
  .subpage.why .why-bottom-funnel p {
    color: #ffffff !important;
    font-family: crimson text !important;
    font-style: italic;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600; }
  .subpage.why .why-bottom-funnel .hs-cta-wrapper span a {
    border: 1px solid #ffffff !important;
    padding: 15px 125px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff !important;
    margin-top: 20px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 480px) {
      .subpage.why .why-bottom-funnel .hs-cta-wrapper span a {
        padding: 12px 40px !important; } }
  .subpage.why .why-bottom-funnel .hs-cta-wrapper span a:hover {
    background: #51a2ab !important;
    color: #ffffff !important;
    border: 1px solid #51a2ab !important; }

/* Agents Page */
@media (max-width: 480px) {
  .agents .main {
    padding: 0px 25px; } }
.agents .main h2 {
  color: #51a2ab !important;
  margin-top: 20px;
  margin-bottom: 0px !important; }
.agents .main p {
  margin-bottom: 5px;
  font-size: 18px; }
.agents .content .main-agent {
  padding: 40px 0px 80px 0px; }
  @media (max-width: 480px) {
    .agents .content .main-agent .grid__item.one-third, .agents .content .main-agent .grid__item.two-sixths, .agents .content .main-agent .grid__item.four-twelfths {
      padding: 0px 25px !important; } }
  @media (max-width: 480px) {
    .agents .content .main-agent {
      padding: 0px 25px !important; } }
  .agents .content .main-agent .grid__item.two-thirds, .agents .content .main-agent .grid__item.four-sixths, .agents .content .main-agent .grid__item.eight-twelfths {
    padding: 40px 0px 0px 20px !important; }
    @media (max-width: 480px) {
      .agents .content .main-agent .grid__item.two-thirds, .agents .content .main-agent .grid__item.four-sixths, .agents .content .main-agent .grid__item.eight-twelfths {
        padding: 0px 25px; } }
.agents .content .three-col-icons {
  padding: 35px 0px 0px 0px; }
  .agents .content .three-col-icons .one-third, .agents .content .three-col-icons .two-sixths, .agents .content .three-col-icons .four-twelfths {
    padding: 5px 45px !important; }
    .agents .content .three-col-icons .one-third img, .agents .content .three-col-icons .two-sixths img, .agents .content .three-col-icons .four-twelfths img {
      padding-bottom: 10px; }
    .agents .content .three-col-icons .one-third p, .agents .content .three-col-icons .two-sixths p, .agents .content .three-col-icons .four-twelfths p {
      padding: 0px 5px; }
.agents .khalil-bg {
  background: #fafbfc;
  padding: 45px 0px;
  border-top: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb; }
  @media (max-width: 768px) {
    .agents .khalil-bg {
      padding: 45px 25px !important; } }
  .agents .khalil-bg img {
    padding-bottom: 30px; }
  .agents .khalil-bg h3 {
    font-family: open sans !important;
    font-weight: normal !important;
    color: #50a2ab !important;
    margin-bottom: 5px; }
  .agents .khalil-bg h4 {
    font-family: open sans !important;
    font-size: 16px;
    font-weight: normal !important;
    margin-bottom: 15px;
    color: #676767 !important; }
.agents .sub-agents {
  padding: 45px 0px !important; }
  @media (max-width: 768px) {
    .agents .sub-agents {
      padding: 45px 25px !important; } }
  .agents .sub-agents .grid__item.one-third p, .agents .sub-agents .grid__item.two-sixths p, .agents .sub-agents .grid__item.four-twelfths p {
    padding: 0px 35px; }
  @media (max-width: 480px) {
    .agents .sub-agents .grid__item.one-third, .agents .sub-agents .grid__item.two-sixths, .agents .sub-agents .grid__item.four-twelfths {
      padding: 10px 25px !important; } }
  .agents .sub-agents .grid__item.one-third img, .agents .sub-agents .grid__item.two-sixths img, .agents .sub-agents .grid__item.four-twelfths img {
    padding-bottom: 30px; }
  .agents .sub-agents .grid__item.one-third h3, .agents .sub-agents .grid__item.two-sixths h3, .agents .sub-agents .grid__item.four-twelfths h3 {
    font-family: open sans !important;
    font-weight: normal !important;
    color: #51a2ab !important;
    margin-bottom: 5px;
    font-size: 30px !important; }
  .agents .sub-agents .grid__item.one-third h4, .agents .sub-agents .grid__item.two-sixths h4, .agents .sub-agents .grid__item.four-twelfths h4 {
    font-family: open sans !important;
    font-size: 16px;
    font-weight: normal !important;
    margin-bottom: 15px;
    color: #676767 !important; }
.agents .cta-agent {
  padding: 65px 0px 30px 0px !important; }
  .agents .cta-agent .hs-cta-wrapper span a {
    border: 1px solid #51a2ab !important;
    padding: 15px 125px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #51a2ab !important;
    border: 1px solid #51a2ab !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 480px) {
      .agents .cta-agent .hs-cta-wrapper span a {
        padding: 12px 40px !important; } }
  .agents .cta-agent .hs-cta-wrapper span a:hover {
    background: #51a2ab !important;
    color: #ffffff !important; }

/* Buying Process */
.process .top {
  padding-bottom: 0px !important;
  margin-bottom: 20px;
  display: inline-block;
  border-bottom: 2px solid #bfbfbf; }
  @media (max-width: 480px) {
    .process .top {
      padding: 0px 25px !important;
      margin-bottom: 15px; } }
.process .content {
  padding: 45px 0px; }
  .process .content h3 {
    font-weight: bold;
    font-family: open sans;
    font-size: 36px;
    color: #51a2ab !important;
    text-transform: uppercase; }
  .process .content .process-wrap {
    padding: 30px 0px; }
    .process .content .process-wrap .grid__item.two-thirds, .process .content .process-wrap .grid__item.four-sixths, .process .content .process-wrap .grid__item.eight-twelfths {
      padding-top: 30px; }
      @media (max-width: 480px) {
        .process .content .process-wrap .grid__item.two-thirds, .process .content .process-wrap .grid__item.four-sixths, .process .content .process-wrap .grid__item.eight-twelfths {
          padding: 0px 25px;
          text-align: center !important; } }
  @media (max-width: 480px) and (max-width: 480px) {
    .process .content .process-wrap .grid__item.two-thirds .text--left, .process .content .process-wrap .grid__item.four-sixths .text--left, .process .content .process-wrap .grid__item.eight-twelfths .text--left, .process .content .process-wrap .grid__item.two-thirds .text--right, .process .content .process-wrap .grid__item.four-sixths .text--right, .process .content .process-wrap .grid__item.eight-twelfths .text--right {
      text-align: center !important;
      padding-top: 10px; } }

    @media (max-width: 480px) {
      .process .content .process-wrap .grid__item.one-third, .process .content .process-wrap .grid__item.two-sixths, .process .content .process-wrap .grid__item.four-twelfths {
        padding: 0px 25px;
        text-align: center !important; } }
  .process .content .right .one-third, .process .content .right .two-sixths, .process .content .right .four-twelfths {
    float: right; }
    @media (max-width: 480px) {
      .process .content .right .one-third, .process .content .right .two-sixths, .process .content .right .four-twelfths {
        float: left; } }
.process .process-bottom-funnel {
  background-size: cover;
  padding: 115px 0px; }
  .process .process-bottom-funnel h2 {
    color: #ffffff !important; }
  .process .process-bottom-funnel p {
    color: #ffffff !important;
    font-family: crimson text !important;
    font-style: italic;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600; }
  .process .process-bottom-funnel .hs-cta-wrapper span a {
    border: 1px solid white !important;
    padding: 15px 125px;
    font-weight: 600;
    text-transform: uppercase;
    background: #fff;
    font-size: 14px;
    color: #4c4c4c !important;
    margin-top: 20px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 480px) {
      .process .process-bottom-funnel .hs-cta-wrapper span a {
        padding: 12px 40px !important; } }
  .process .process-bottom-funnel .hs-cta-wrapper span a:hover {
    background: #51a2ab !important;
    color: #ffffff !important;
    border: 1px solid #51a2ab !important; }

/* compare page */
.compare .grid.top {
  padding: 45px 0px !important; }
.compare .compare-bg {
  border-top: 1px solid #f0f0f0;
  background: #fafafa;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(//cdn2.hubspot.net/hub/359929/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #fafafa 0%, #ffffff 50%, #fafafa 50%, #fafafa 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fafafa), color-stop(50%, #ffffff), color-stop(50%, #fafafa), color-stop(100%, #fafafa));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #fafafa 0%, #ffffff 50%, #fafafa 50%, #fafafa 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #fafafa 0%, #ffffff 50%, #fafafa 50%, #fafafa 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #fafafa 0%, #ffffff 50%, #fafafa 50%, #fafafa 100%);
  /* IE10+ */
  background: linear-gradient(to right, #fafafa 0%, #ffffff 50%, #fafafa 50%, #fafafa 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa',GradientType=1 );
  /* IE6-8 */ }
  .compare .compare-bg .content {
    padding: 0px !important; }
    .compare .compare-bg .content .grid__item.one-half.hard.text--center.grey, .compare .compare-bg .content .grid__item.hard.text--center.grey.two-quarters, .compare .compare-bg .content .grid__item.hard.text--center.grey.three-sixths, .compare .compare-bg .content .grid__item.hard.text--center.grey.four-eighths, .compare .compare-bg .content .grid__item.hard.text--center.grey.five-tenths, .compare .compare-bg .content .grid__item.hard.text--center.grey.six-twelfths {
      background: #fafafa;
      float: right;
      border-left: 1px solid #f0f0f0;
      border-bottom: 1px solid #f0f0f0; }
      @media (max-width: 480px) {
        .compare .compare-bg .content .grid__item.one-half.hard.text--center.grey, .compare .compare-bg .content .grid__item.hard.text--center.grey.two-quarters, .compare .compare-bg .content .grid__item.hard.text--center.grey.three-sixths, .compare .compare-bg .content .grid__item.hard.text--center.grey.four-eighths, .compare .compare-bg .content .grid__item.hard.text--center.grey.five-tenths, .compare .compare-bg .content .grid__item.hard.text--center.grey.six-twelfths {
          padding: 0px 25px; } }
      .compare .compare-bg .content .grid__item.one-half.hard.text--center.grey .title-block, .compare .compare-bg .content .grid__item.hard.text--center.grey.two-quarters .title-block, .compare .compare-bg .content .grid__item.hard.text--center.grey.three-sixths .title-block, .compare .compare-bg .content .grid__item.hard.text--center.grey.four-eighths .title-block, .compare .compare-bg .content .grid__item.hard.text--center.grey.five-tenths .title-block, .compare .compare-bg .content .grid__item.hard.text--center.grey.six-twelfths .title-block {
        min-height: 150px;
        padding: 25px 108px; }
        .compare .compare-bg .content .grid__item.one-half.hard.text--center.grey .title-block img, .compare .compare-bg .content .grid__item.hard.text--center.grey.two-quarters .title-block img, .compare .compare-bg .content .grid__item.hard.text--center.grey.three-sixths .title-block img, .compare .compare-bg .content .grid__item.hard.text--center.grey.four-eighths .title-block img, .compare .compare-bg .content .grid__item.hard.text--center.grey.five-tenths .title-block img, .compare .compare-bg .content .grid__item.hard.text--center.grey.six-twelfths .title-block img {
          padding: 10px 0px; }
        .compare .compare-bg .content .grid__item.one-half.hard.text--center.grey .title-block h3, .compare .compare-bg .content .grid__item.hard.text--center.grey.two-quarters .title-block h3, .compare .compare-bg .content .grid__item.hard.text--center.grey.three-sixths .title-block h3, .compare .compare-bg .content .grid__item.hard.text--center.grey.four-eighths .title-block h3, .compare .compare-bg .content .grid__item.hard.text--center.grey.five-tenths .title-block h3, .compare .compare-bg .content .grid__item.hard.text--center.grey.six-twelfths .title-block h3 {
          color: #676767 !important;
          font-weight: normal;
          font-family: open sans;
          font-size: 28px; }
      .compare .compare-bg .content .grid__item.one-half.hard.text--center.grey .content-block, .compare .compare-bg .content .grid__item.hard.text--center.grey.two-quarters .content-block, .compare .compare-bg .content .grid__item.hard.text--center.grey.three-sixths .content-block, .compare .compare-bg .content .grid__item.hard.text--center.grey.four-eighths .content-block, .compare .compare-bg .content .grid__item.hard.text--center.grey.five-tenths .content-block, .compare .compare-bg .content .grid__item.hard.text--center.grey.six-twelfths .content-block {
        border-top: 0px solid #f0f0f0;
        padding: 30px 30px;
        min-height: 380px;
        display: table; }
        @media (max-width: 768px) {
          .compare .compare-bg .content .grid__item.one-half.hard.text--center.grey .content-block, .compare .compare-bg .content .grid__item.hard.text--center.grey.two-quarters .content-block, .compare .compare-bg .content .grid__item.hard.text--center.grey.three-sixths .content-block, .compare .compare-bg .content .grid__item.hard.text--center.grey.four-eighths .content-block, .compare .compare-bg .content .grid__item.hard.text--center.grey.five-tenths .content-block, .compare .compare-bg .content .grid__item.hard.text--center.grey.six-twelfths .content-block {
            width: 100% !important; } }
        .compare .compare-bg .content .grid__item.one-half.hard.text--center.grey .content-block .inner, .compare .compare-bg .content .grid__item.hard.text--center.grey.two-quarters .content-block .inner, .compare .compare-bg .content .grid__item.hard.text--center.grey.three-sixths .content-block .inner, .compare .compare-bg .content .grid__item.hard.text--center.grey.four-eighths .content-block .inner, .compare .compare-bg .content .grid__item.hard.text--center.grey.five-tenths .content-block .inner, .compare .compare-bg .content .grid__item.hard.text--center.grey.six-twelfths .content-block .inner {
          vertical-align: middle;
          display: table-cell; }
    .compare .compare-bg .content .grid__item.one-half.hard.text--center.white, .compare .compare-bg .content .grid__item.hard.text--center.white.two-quarters, .compare .compare-bg .content .grid__item.hard.text--center.white.three-sixths, .compare .compare-bg .content .grid__item.hard.text--center.white.four-eighths, .compare .compare-bg .content .grid__item.hard.text--center.white.five-tenths, .compare .compare-bg .content .grid__item.hard.text--center.white.six-twelfths {
      border-right: 1px solid #f0f0f0;
      border-bottom: 1px solid #f0f0f0;
      float: left; }
      @media (max-widthL768px) {
        .compare .compare-bg .content .grid__item.one-half.hard.text--center.white, .compare .compare-bg .content .grid__item.hard.text--center.white.two-quarters, .compare .compare-bg .content .grid__item.hard.text--center.white.three-sixths, .compare .compare-bg .content .grid__item.hard.text--center.white.four-eighths, .compare .compare-bg .content .grid__item.hard.text--center.white.five-tenths, .compare .compare-bg .content .grid__item.hard.text--center.white.six-twelfths {
          background: #fff !important; } }
      @media (max-width: 480px) {
        .compare .compare-bg .content .grid__item.one-half.hard.text--center.white, .compare .compare-bg .content .grid__item.hard.text--center.white.two-quarters, .compare .compare-bg .content .grid__item.hard.text--center.white.three-sixths, .compare .compare-bg .content .grid__item.hard.text--center.white.four-eighths, .compare .compare-bg .content .grid__item.hard.text--center.white.five-tenths, .compare .compare-bg .content .grid__item.hard.text--center.white.six-twelfths {
          padding: 0px 25px; } }
      .compare .compare-bg .content .grid__item.one-half.hard.text--center.white .title-block, .compare .compare-bg .content .grid__item.hard.text--center.white.two-quarters .title-block, .compare .compare-bg .content .grid__item.hard.text--center.white.three-sixths .title-block, .compare .compare-bg .content .grid__item.hard.text--center.white.four-eighths .title-block, .compare .compare-bg .content .grid__item.hard.text--center.white.five-tenths .title-block, .compare .compare-bg .content .grid__item.hard.text--center.white.six-twelfths .title-block {
        min-height: 150px;
        padding: 25px 108px; }
        .compare .compare-bg .content .grid__item.one-half.hard.text--center.white .title-block img, .compare .compare-bg .content .grid__item.hard.text--center.white.two-quarters .title-block img, .compare .compare-bg .content .grid__item.hard.text--center.white.three-sixths .title-block img, .compare .compare-bg .content .grid__item.hard.text--center.white.four-eighths .title-block img, .compare .compare-bg .content .grid__item.hard.text--center.white.five-tenths .title-block img, .compare .compare-bg .content .grid__item.hard.text--center.white.six-twelfths .title-block img {
          padding: 10px 0px; }
        .compare .compare-bg .content .grid__item.one-half.hard.text--center.white .title-block h3, .compare .compare-bg .content .grid__item.hard.text--center.white.two-quarters .title-block h3, .compare .compare-bg .content .grid__item.hard.text--center.white.three-sixths .title-block h3, .compare .compare-bg .content .grid__item.hard.text--center.white.four-eighths .title-block h3, .compare .compare-bg .content .grid__item.hard.text--center.white.five-tenths .title-block h3, .compare .compare-bg .content .grid__item.hard.text--center.white.six-twelfths .title-block h3 {
          color: #676767 !important;
          font-weight: normal;
          font-family: open sans;
          font-size: 28px; }
      .compare .compare-bg .content .grid__item.one-half.hard.text--center.white .content-block, .compare .compare-bg .content .grid__item.hard.text--center.white.two-quarters .content-block, .compare .compare-bg .content .grid__item.hard.text--center.white.three-sixths .content-block, .compare .compare-bg .content .grid__item.hard.text--center.white.four-eighths .content-block, .compare .compare-bg .content .grid__item.hard.text--center.white.five-tenths .content-block, .compare .compare-bg .content .grid__item.hard.text--center.white.six-twelfths .content-block {
        border-top: 0px solid #f0f0f0;
        padding: 30px;
        min-height: 380px;
        display: table; }
        @media (max-width: 768px) {
          .compare .compare-bg .content .grid__item.one-half.hard.text--center.white .content-block, .compare .compare-bg .content .grid__item.hard.text--center.white.two-quarters .content-block, .compare .compare-bg .content .grid__item.hard.text--center.white.three-sixths .content-block, .compare .compare-bg .content .grid__item.hard.text--center.white.four-eighths .content-block, .compare .compare-bg .content .grid__item.hard.text--center.white.five-tenths .content-block, .compare .compare-bg .content .grid__item.hard.text--center.white.six-twelfths .content-block {
            width: 100% !important; } }
        .compare .compare-bg .content .grid__item.one-half.hard.text--center.white .content-block .inner, .compare .compare-bg .content .grid__item.hard.text--center.white.two-quarters .content-block .inner, .compare .compare-bg .content .grid__item.hard.text--center.white.three-sixths .content-block .inner, .compare .compare-bg .content .grid__item.hard.text--center.white.four-eighths .content-block .inner, .compare .compare-bg .content .grid__item.hard.text--center.white.five-tenths .content-block .inner, .compare .compare-bg .content .grid__item.hard.text--center.white.six-twelfths .content-block .inner {
          vertical-align: middle;
          display: table-cell; }

/*About Page */
.grid.content.story {
  padding: 0px 0px; }
  .grid.content.story .grid__item.one-whole .grid__item.text--right {
    border-right: 1px solid #dfe8ea;
    min-height: 375px;
    display: table;
    position: relative;
    float: left; }
    @media (max-width: 480px) {
      .grid.content.story .grid__item.one-whole .grid__item.text--right {
        padding: 0px 25px !important;
        text-align: center !important;
        min-height: 275px !important;
        border: 0px !important; } }
    .grid.content.story .grid__item.one-whole .grid__item.text--right:after {
      content: "●";
      position: absolute;
      right: -11px;
      top: 36%;
      font-size: 32px;
      color: #dfe8ea; }
      @media (max-width: 480px) {
        .grid.content.story .grid__item.one-whole .grid__item.text--right:after {
          content: "" !important;
          right: 0px; } }
    .grid.content.story .grid__item.one-whole .grid__item.text--right .inner-story {
      vertical-align: middle;
      display: table-cell; }
  .grid.content.story .grid__item.one-whole .grid__item.text--left.soft {
    border-left: 1px solid #dfe8ea;
    min-height: 375px;
    float: right;
    display: table; }
    @media (max-width: 480px) {
      .grid.content.story .grid__item.one-whole .grid__item.text--left.soft {
        padding: 0px 25px !important;
        text-align: center !important;
        border-left: 0px !important;
        min-height: 275px !important; } }
    .grid.content.story .grid__item.one-whole .grid__item.text--left.soft .inner-story {
      vertical-align: middle;
      display: table-cell; }
  @media (max-width: 480px) {
    .grid.content.story .first {
      padding-top: 40px !important; } }
  .grid.content.story .first .grid__item.text--right {
    padding-top: 60px !important; }
  .grid.content.story .first .grid__item.text--left {
    padding-top: 60px !important; }
  .grid.content.story .last .grid__item.text--right {
    padding-bottom: 60px !important; }
  .grid.content.story .last .grid__item.text--left {
    padding-bottom: 60px !important; }
  .grid.content.story h3 {
    font-family: crimson text !important;
    font-style: italic !important;
    color: #51a2ab !important;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 15px; }

/*testimonial Page */
.testimonial-page .content-top {
  padding: 45px 0px; }
  .testimonial-page .content-top ul {
    margin-left: 0px;
    list-style: none; }
.testimonial-page .testimonial-bg {
  background: #fafafa;
  background: url(//cdn2.hubspot.net/hub/359929/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(left, #fafafa 0%, #fafafa 43%, #ffffff 53%, #ffffff 53%, #ffffff 100%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fafafa), color-stop(43%, #fafafa), color-stop(53%, #ffffff), color-stop(53%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(left, #fafafa 0%, #fafafa 43%, #ffffff 53%, #ffffff 53%, #ffffff 100%, #ffffff 100%);
  background: -o-linear-gradient(left, #fafafa 0%, #fafafa 43%, #ffffff 53%, #ffffff 53%, #ffffff 100%, #ffffff 100%);
  background: -ms-linear-gradient(left, #fafafa 0%, #fafafa 34%, #ffffff 53%, #ffffff 53%, #ffffff 100%, #ffffff 100%);
  background: linear-gradient(to right, #fafafa 0%, #fafafa 43%, #ffffff 53%, #ffffff 53%, #ffffff 100%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=1 );
  border-top: 1px solid #f0f0f0; }
  .testimonial-page .testimonial-bg .grid.testimonial {
    padding-top: 0px; }
    .testimonial-page .testimonial-bg .grid.testimonial .title-block {
      padding: 39px 108px 20px 108px;
      border-bottom: 1px solid #f0f0f0; }
      @media (max-width: 480px) {
        .testimonial-page .testimonial-bg .grid.testimonial .title-block {
          padding: 39px 38px 20px 38px !important; } }
      @media (max-with: 768px) {
        .testimonial-page .testimonial-bg .grid.testimonial .title-block img {
          width: 100%; } }
    .testimonial-page .testimonial-bg .grid.testimonial .grid__item.one-half.hard.text--center.grey, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.two-quarters, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.three-sixths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.four-eighths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.five-tenths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.six-twelfths {
      background: #fafafa;
      border-right: 1px solid #f0f0f0;
      border-bottom: 1px solid #f0f0f0; }
      @media (max-with: 480px) {
        .testimonial-page .testimonial-bg .grid.testimonial .grid__item.one-half.hard.text--center.grey, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.two-quarters, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.three-sixths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.four-eighths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.five-tenths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.six-twelfths {
          padding: 0px 25px; } }
      @media (max-width: 768px) {
        .testimonial-page .testimonial-bg .grid.testimonial .grid__item.one-half.hard.text--center.grey .title-block img, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.two-quarters .title-block img, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.three-sixths .title-block img, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.four-eighths .title-block img, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.five-tenths .title-block img, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.six-twelfths .title-block img {
          width: 100% !important; } }
      .testimonial-page .testimonial-bg .grid.testimonial .grid__item.one-half.hard.text--center.grey .content-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.two-quarters .content-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.three-sixths .content-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.four-eighths .content-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.five-tenths .content-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.six-twelfths .content-block {
        border-bottom: 1px solid #f0f0f0;
        padding: 70px 70px;
        display: table;
        min-height: 409px; }
        .testimonial-page .testimonial-bg .grid.testimonial .grid__item.one-half.hard.text--center.grey .content-block .hs_cos_wrapper, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.two-quarters .content-block .hs_cos_wrapper, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.three-sixths .content-block .hs_cos_wrapper, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.four-eighths .content-block .hs_cos_wrapper, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.five-tenths .content-block .hs_cos_wrapper, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.grey.six-twelfths .content-block .hs_cos_wrapper {
          vertical-align: middle;
          display: table-cell; }
    .testimonial-page .testimonial-bg .grid.testimonial .grid__item.one-half.hard.text--center.white, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.two-quarters, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.three-sixths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.four-eighths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.five-tenths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.six-twelfths {
      background: #ffffff !important;
      border-left: 1px solid #f0f0f0;
      border-bottom: 1px solid #f0f0f0; }
      @media (max-with: 480px) {
        .testimonial-page .testimonial-bg .grid.testimonial .grid__item.one-half.hard.text--center.white, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.two-quarters, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.three-sixths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.four-eighths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.five-tenths, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.six-twelfths {
          padding: 25px !important; } }
      .testimonial-page .testimonial-bg .grid.testimonial .grid__item.one-half.hard.text--center.white .title-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.two-quarters .title-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.three-sixths .title-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.four-eighths .title-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.five-tenths .title-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.six-twelfths .title-block {
        padding: 52px 108px 20px 108px;
        border-bottom: 1px solid #f0f0f0; }
        @media (max-width: 480px) {
          .testimonial-page .testimonial-bg .grid.testimonial .grid__item.one-half.hard.text--center.white .title-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.two-quarters .title-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.three-sixths .title-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.four-eighths .title-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.five-tenths .title-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.six-twelfths .title-block {
            padding: 52px 38px 20px 38px !important; } }
        @media (max-width: 768px) {
          .testimonial-page .testimonial-bg .grid.testimonial .grid__item.one-half.hard.text--center.white .title-block img, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.two-quarters .title-block img, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.three-sixths .title-block img, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.four-eighths .title-block img, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.five-tenths .title-block img, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.six-twelfths .title-block img {
            width: 100%; } }
      .testimonial-page .testimonial-bg .grid.testimonial .grid__item.one-half.hard.text--center.white .content-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.two-quarters .content-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.three-sixths .content-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.four-eighths .content-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.five-tenths .content-block, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.six-twelfths .content-block {
        border-bottom: 1px solid #f0f0f0;
        padding: 70px 70px;
        display: table;
        min-height: 409px; }
        .testimonial-page .testimonial-bg .grid.testimonial .grid__item.one-half.hard.text--center.white .content-block .hs_cos_wrapper, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.two-quarters .content-block .hs_cos_wrapper, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.three-sixths .content-block .hs_cos_wrapper, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.four-eighths .content-block .hs_cos_wrapper, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.five-tenths .content-block .hs_cos_wrapper, .testimonial-page .testimonial-bg .grid.testimonial .grid__item.hard.text--center.white.six-twelfths .content-block .hs_cos_wrapper {
          vertical-align: middle;
          display: table-cell; }

/* 404 page wrapper */
.four-oh-four-wrapper {
  background: url("//cdn2.hubspot.net/hub/359929/file-626886343-jpg/images/404-background.jpg");
  height: inherit !important;
  padding: 70px 140px 150px 140px;
  background-size: contain !important;
  margin-bottom: 0px !important;
  background-position: center 50px; }
  .four-oh-four-wrapper .grid {
    margin-top: 60px; }
    .four-oh-four-wrapper .grid h1 {
      color: #2d2914 !important;
      font-family: crimson text;
      font-style: italic;
      font-weight: 600;
      font-size: 100px !important;
      margin-bottom: 32px !important; }
    .four-oh-four-wrapper .grid h4 {
      color: #2d2914 !important;
      font-family: crimson text;
      font-style: italic;
      font-weight: 600;
      font-size: 30px !important;
      margin-bottom: 0px !important; }
  .four-oh-four-wrapper .grid.content {
    margin-top: 340px;
    padding-bottom: 0px; }
    .four-oh-four-wrapper .grid.content a {
      border: 1px solid #ffffff !important;
      padding: 15px 100px;
      font-weight: 600;
      cursor: pointer;
      color: #ffffff !important;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .four-oh-four-wrapper .grid.content a:hover {
        background: #ffffff !important;
        color: #9e9d6f !important; }

/* Our Process */
.our-process .first-panel {
  overflow: hidden;
  width: 100%;
  display: table;
  background: url("//cdn2.hubspot.net/hub/359929/file-633222225-png/images/grey-diagnol-bg.png");
  padding: 65px 0 40px 0;
  background-position: right top;
  background-size: 100% 100%; }
  @media (max-width: 768px) {
    .our-process .first-panel {
      padding: 40px 25px 40px 25px !important; } }
  .our-process .first-panel .grid__item.two-thirds, .our-process .first-panel .grid__item.four-sixths, .our-process .first-panel .grid__item.eight-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .our-process .first-panel .grid__item.two-thirds, .our-process .first-panel .grid__item.four-sixths, .our-process .first-panel .grid__item.eight-twelfths {
        padding: 25px 25px !important;
        width: 100% !important;
        display: inline-block; } }
    .our-process .first-panel .grid__item.two-thirds h2, .our-process .first-panel .grid__item.four-sixths h2, .our-process .first-panel .grid__item.eight-twelfths h2 {
      color: #51a2ab !important;
      font-size: 30px;
      font-weight: 600 !important; }
  .our-process .first-panel .grid__item.one-third, .our-process .first-panel .grid__item.two-sixths, .our-process .first-panel .grid__item.four-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .our-process .first-panel .grid__item.one-third, .our-process .first-panel .grid__item.two-sixths, .our-process .first-panel .grid__item.four-twelfths {
        padding: 25px 25px !important;
        width: 100% !important;
        display: inline-block; } }
    .our-process .first-panel .grid__item.one-third img, .our-process .first-panel .grid__item.two-sixths img, .our-process .first-panel .grid__item.four-twelfths img {
      position: relative;
      top: 47px; }
      @media (max-width: 768px) {
        .our-process .first-panel .grid__item.one-third img, .our-process .first-panel .grid__item.two-sixths img, .our-process .first-panel .grid__item.four-twelfths img {
          width: 100% !important; } }
      @media (max-width: 480px) {
        .our-process .first-panel .grid__item.one-third img, .our-process .first-panel .grid__item.two-sixths img, .our-process .first-panel .grid__item.four-twelfths img {
          top: 0px !important; } }
.our-process .second-panel {
  overflow: hidden;
  width: 100%;
  display: table;
  background: #f2996b url("//cdn2.hubspot.net/hub/359929/file-635555563-png/images/orange-bg-our-process.png");
  background-position: left top;
  background-size: 100% 100%;
  padding: 65px 0px 65px 0px; }
  @media (max-width: 768px) {
    .our-process .second-panel {
      padding: 40px 25px 40px 25px !important; } }
  .our-process .second-panel .grid__item.two-thirds, .our-process .second-panel .grid__item.four-sixths, .our-process .second-panel .grid__item.eight-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .our-process .second-panel .grid__item.two-thirds, .our-process .second-panel .grid__item.four-sixths, .our-process .second-panel .grid__item.eight-twelfths {
        padding: 25px 25px !important;
        width: 100% !important;
        display: inline-block; } }
    .our-process .second-panel .grid__item.two-thirds h2, .our-process .second-panel .grid__item.four-sixths h2, .our-process .second-panel .grid__item.eight-twelfths h2 {
      color: #ffffff !important;
      font-size: 30px;
      font-weight: 600 !important; }
    .our-process .second-panel .grid__item.two-thirds p, .our-process .second-panel .grid__item.four-sixths p, .our-process .second-panel .grid__item.eight-twelfths p {
      color: #ffffff !important; }
  .our-process .second-panel .grid__item.one-third, .our-process .second-panel .grid__item.two-sixths, .our-process .second-panel .grid__item.four-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .our-process .second-panel .grid__item.one-third, .our-process .second-panel .grid__item.two-sixths, .our-process .second-panel .grid__item.four-twelfths {
        padding: 25px 25px !important;
        width: 100% !important;
        display: inline-block; } }
    @media (max-width: 768px) {
      .our-process .second-panel .grid__item.one-third img, .our-process .second-panel .grid__item.two-sixths img, .our-process .second-panel .grid__item.four-twelfths img {
        width: 100% !important; } }
    @media (max-width: 480px) {
      .our-process .second-panel .grid__item.one-third img, .our-process .second-panel .grid__item.two-sixths img, .our-process .second-panel .grid__item.four-twelfths img {
        width: 100% !important; } }
.our-process .third-panel {
  overflow: hidden;
  width: 100%;
  display: table;
  background: #9d9c6e url("//cdn2.hubspot.net/hub/359929/file-903886925-jpg/images/newbg-our-process-house.jpg");
  background-position: center 0px;
  background-size: cover;
  padding: 65px 0 400px 0;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  background-repeat: no-repeat !important; }
  @media (max-width: 1280px) {
    .our-process .third-panel {
      background-position: center 0px !important;
      background-size: cover !important;
      padding: 65px 0 330px 0 !important; } }
  @media (max-width: 768px) {
    .our-process .third-panel {
      padding: 0px !important;
      background-size: cover !important; } }
  @media (max-width: 480px) {
    .our-process .third-panel {
      background-size: cover !important;
      padding: 0px !important; } }
  @media (max-width: 768px) {
    .our-process .third-panel .grid {
      background: rgba(0, 0, 0, 0.6) !important;
      padding: 65px 25px 60px 25px !important; } }
  .our-process .third-panel .grid .grid__item.one-whole h2 {
    color: #454646 !important;
    font-size: 30px;
    font-weight: 600 !important; }
    @media (max-width: 768px) {
      .our-process .third-panel .grid .grid__item.one-whole h2 {
        color: #ffffff !important; } }
  @media (max-width: 768px) {
    .our-process .third-panel .grid .grid__item.one-whole p {
      color: #ffffff !important; } }
.our-process .fourth-panel {
  overflow: hidden;
  background: #f4fafb;
  width: 100%;
  display: table;
  padding: 65px 0 40px 0;
  overflow: hidden; }
  @media (max-width: 768px) {
    .our-process .fourth-panel {
      padding: 40px 25px 40px 25px !important; } }
  .our-process .fourth-panel .grid__item.one-third, .our-process .fourth-panel .grid__item.two-sixths, .our-process .fourth-panel .grid__item.four-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .our-process .fourth-panel .grid__item.one-third, .our-process .fourth-panel .grid__item.two-sixths, .our-process .fourth-panel .grid__item.four-twelfths {
        padding: 25px 25px !important;
        width: 100% !important;
        display: inline-block; } }
    .our-process .fourth-panel .grid__item.one-third img, .our-process .fourth-panel .grid__item.two-sixths img, .our-process .fourth-panel .grid__item.four-twelfths img {
      position: relative;
      top: 47px; }
      @media (max-width: 768px) {
        .our-process .fourth-panel .grid__item.one-third img, .our-process .fourth-panel .grid__item.two-sixths img, .our-process .fourth-panel .grid__item.four-twelfths img {
          width: 100% !important; } }
      @media (max-width: 480px) {
        .our-process .fourth-panel .grid__item.one-third img, .our-process .fourth-panel .grid__item.two-sixths img, .our-process .fourth-panel .grid__item.four-twelfths img {
          width: 100% !important; } }
  .our-process .fourth-panel .grid__item.two-thirds, .our-process .fourth-panel .grid__item.four-sixths, .our-process .fourth-panel .grid__item.eight-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .our-process .fourth-panel .grid__item.two-thirds, .our-process .fourth-panel .grid__item.four-sixths, .our-process .fourth-panel .grid__item.eight-twelfths {
        padding: 25px 25px !important;
        width: 100% !important;
        display: inline-block; } }
    .our-process .fourth-panel .grid__item.two-thirds h2, .our-process .fourth-panel .grid__item.four-sixths h2, .our-process .fourth-panel .grid__item.eight-twelfths h2 {
      color: #51a2ab !important;
      font-size: 30px;
      font-weight: 600 !important; }

/* buyer comparison */
.process .first-panel {
  display: table;
  width: 100%;
  background: url("//cdn2.hubspot.net/hub/359929/file-633222225-png/images/grey-diagnol-bg.png");
  padding: 85px 0px;
  background-position: right top;
  background-size: 100% 100%; }
  @media (max-width: 768px) {
    .process .first-panel {
      padding: 45px 25px !important; } }
  .process .first-panel .grid__item.one-half.text, .process .first-panel .grid__item.text.two-quarters, .process .first-panel .grid__item.text.three-sixths, .process .first-panel .grid__item.text.four-eighths, .process .first-panel .grid__item.text.five-tenths, .process .first-panel .grid__item.text.six-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .process .first-panel .grid__item.one-half.text, .process .first-panel .grid__item.text.two-quarters, .process .first-panel .grid__item.text.three-sixths, .process .first-panel .grid__item.text.four-eighths, .process .first-panel .grid__item.text.five-tenths, .process .first-panel .grid__item.text.six-twelfths {
        padding: 25px !important;
        display: inline-block !important; } }
    .process .first-panel .grid__item.one-half.text h2, .process .first-panel .grid__item.text.two-quarters h2, .process .first-panel .grid__item.text.three-sixths h2, .process .first-panel .grid__item.text.four-eighths h2, .process .first-panel .grid__item.text.five-tenths h2, .process .first-panel .grid__item.text.six-twelfths h2 {
      font-weight: 600 !important;
      color: #51a2ab !important; }
  .process .first-panel .grid__item.one-half.image, .process .first-panel .grid__item.image.two-quarters, .process .first-panel .grid__item.image.three-sixths, .process .first-panel .grid__item.image.four-eighths, .process .first-panel .grid__item.image.five-tenths, .process .first-panel .grid__item.image.six-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .process .first-panel .grid__item.one-half.image, .process .first-panel .grid__item.image.two-quarters, .process .first-panel .grid__item.image.three-sixths, .process .first-panel .grid__item.image.four-eighths, .process .first-panel .grid__item.image.five-tenths, .process .first-panel .grid__item.image.six-twelfths {
        padding: 25px !important;
        display: inline-block !important; } }
    @media (max-width: 768px) {
      .process .first-panel .grid__item.one-half.image img, .process .first-panel .grid__item.image.two-quarters img, .process .first-panel .grid__item.image.three-sixths img, .process .first-panel .grid__item.image.four-eighths img, .process .first-panel .grid__item.image.five-tenths img, .process .first-panel .grid__item.image.six-twelfths img {
        width: 100% !important; } }
    @media (max-width: 480px) {
      .process .first-panel .grid__item.one-half.image img, .process .first-panel .grid__item.image.two-quarters img, .process .first-panel .grid__item.image.three-sixths img, .process .first-panel .grid__item.image.four-eighths img, .process .first-panel .grid__item.image.five-tenths img, .process .first-panel .grid__item.image.six-twelfths img {
        width: 100% !important; } }
.process .second-panel {
  padding: 85px 0;
  width: 100%;
  display: table;
  background: #da564a url("//cdn2.hubspot.net/hub/359929/file-632230512-png/images/second-panel-buying-bg.png");
  background-position: left top;
  background-size: 100% 100%; }
  @media (max-width: 768px) {
    .process .second-panel {
      padding: 45px 25px !important; } }
  .process .second-panel .grid__item.one-half.text, .process .second-panel .grid__item.text.two-quarters, .process .second-panel .grid__item.text.three-sixths, .process .second-panel .grid__item.text.four-eighths, .process .second-panel .grid__item.text.five-tenths, .process .second-panel .grid__item.text.six-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .process .second-panel .grid__item.one-half.text, .process .second-panel .grid__item.text.two-quarters, .process .second-panel .grid__item.text.three-sixths, .process .second-panel .grid__item.text.four-eighths, .process .second-panel .grid__item.text.five-tenths, .process .second-panel .grid__item.text.six-twelfths {
        padding: 25px !important;
        display: inline-block !important; } }
    .process .second-panel .grid__item.one-half.text h2, .process .second-panel .grid__item.text.two-quarters h2, .process .second-panel .grid__item.text.three-sixths h2, .process .second-panel .grid__item.text.four-eighths h2, .process .second-panel .grid__item.text.five-tenths h2, .process .second-panel .grid__item.text.six-twelfths h2 {
      font-weight: 600 !important;
      color: #ffffff !important; }
    .process .second-panel .grid__item.one-half.text p, .process .second-panel .grid__item.text.two-quarters p, .process .second-panel .grid__item.text.three-sixths p, .process .second-panel .grid__item.text.four-eighths p, .process .second-panel .grid__item.text.five-tenths p, .process .second-panel .grid__item.text.six-twelfths p {
      color: #ffffff !important; }
  .process .second-panel .grid__item.one-half.image, .process .second-panel .grid__item.image.two-quarters, .process .second-panel .grid__item.image.three-sixths, .process .second-panel .grid__item.image.four-eighths, .process .second-panel .grid__item.image.five-tenths, .process .second-panel .grid__item.image.six-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .process .second-panel .grid__item.one-half.image, .process .second-panel .grid__item.image.two-quarters, .process .second-panel .grid__item.image.three-sixths, .process .second-panel .grid__item.image.four-eighths, .process .second-panel .grid__item.image.five-tenths, .process .second-panel .grid__item.image.six-twelfths {
        display: inline-block !important;
        padding: 25px !important; } }
    @media (max-width: 768px) {
      .process .second-panel .grid__item.one-half.image img, .process .second-panel .grid__item.image.two-quarters img, .process .second-panel .grid__item.image.three-sixths img, .process .second-panel .grid__item.image.four-eighths img, .process .second-panel .grid__item.image.five-tenths img, .process .second-panel .grid__item.image.six-twelfths img {
        width: 100% !important; } }
.process .third-panel {
  width: 100%;
  display: table;
  background: url("//cdn2.hubspot.net/hub/359929/file-624111689-png/images/third-panel-bg-buying.png");
  background-position: right top;
  background-size: 100% 100%;
  padding: 85px 0px; }
  @media (max-width: 768px) {
    .process .third-panel {
      padding: 45px 25px !important; } }
  .process .third-panel .grid__item.one-half.image, .process .third-panel .grid__item.image.two-quarters, .process .third-panel .grid__item.image.three-sixths, .process .third-panel .grid__item.image.four-eighths, .process .third-panel .grid__item.image.five-tenths, .process .third-panel .grid__item.image.six-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .process .third-panel .grid__item.one-half.image, .process .third-panel .grid__item.image.two-quarters, .process .third-panel .grid__item.image.three-sixths, .process .third-panel .grid__item.image.four-eighths, .process .third-panel .grid__item.image.five-tenths, .process .third-panel .grid__item.image.six-twelfths {
        width: 100% !important;
        padding: 25px !important;
        display: inline-block !important; } }
    @media (max-width: 768px) {
      .process .third-panel .grid__item.one-half.image img, .process .third-panel .grid__item.image.two-quarters img, .process .third-panel .grid__item.image.three-sixths img, .process .third-panel .grid__item.image.four-eighths img, .process .third-panel .grid__item.image.five-tenths img, .process .third-panel .grid__item.image.six-twelfths img {
        width: 100% !important;
        padding: 25px !important; } }
  .process .third-panel .grid__item.one-half.text, .process .third-panel .grid__item.text.two-quarters, .process .third-panel .grid__item.text.three-sixths, .process .third-panel .grid__item.text.four-eighths, .process .third-panel .grid__item.text.five-tenths, .process .third-panel .grid__item.text.six-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .process .third-panel .grid__item.one-half.text, .process .third-panel .grid__item.text.two-quarters, .process .third-panel .grid__item.text.three-sixths, .process .third-panel .grid__item.text.four-eighths, .process .third-panel .grid__item.text.five-tenths, .process .third-panel .grid__item.text.six-twelfths {
        width: 100% !important;
        padding: 25px !important;
        display: inline-block !important; } }
    .process .third-panel .grid__item.one-half.text h2, .process .third-panel .grid__item.text.two-quarters h2, .process .third-panel .grid__item.text.three-sixths h2, .process .third-panel .grid__item.text.four-eighths h2, .process .third-panel .grid__item.text.five-tenths h2, .process .third-panel .grid__item.text.six-twelfths h2 {
      color: #51a2ab !important;
      font-size: 30px;
      font-weight: 600 !important; }
    .process .third-panel .grid__item.one-half.text h4, .process .third-panel .grid__item.text.two-quarters h4, .process .third-panel .grid__item.text.three-sixths h4, .process .third-panel .grid__item.text.four-eighths h4, .process .third-panel .grid__item.text.five-tenths h4, .process .third-panel .grid__item.text.six-twelfths h4 {
      color: #676767 !important;
      font-style: italic !important;
      font-weight: 700 !important;
      font-size: 14px !important; }
.process .fourth-panel {
  width: 100%;
  display: table;
  background: #f4b344 url("//cdn2.hubspot.net/hub/359929/file-632167416-png/images/yellow-diagnol-bg.png");
  background-position: left top;
  background-size: 100% 100%;
  padding: 85px 0px; }
  @media (max-width: 768px) {
    .process .fourth-panel {
      padding: 45px 25px !important; } }
  .process .fourth-panel .grid__item.one-half.image, .process .fourth-panel .grid__item.image.two-quarters, .process .fourth-panel .grid__item.image.three-sixths, .process .fourth-panel .grid__item.image.four-eighths, .process .fourth-panel .grid__item.image.five-tenths, .process .fourth-panel .grid__item.image.six-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .process .fourth-panel .grid__item.one-half.image, .process .fourth-panel .grid__item.image.two-quarters, .process .fourth-panel .grid__item.image.three-sixths, .process .fourth-panel .grid__item.image.four-eighths, .process .fourth-panel .grid__item.image.five-tenths, .process .fourth-panel .grid__item.image.six-twelfths {
        width: 100% !important;
        padding: 25px !important;
        display: inline-block !important; } }
    @media (max-width: 768px) {
      .process .fourth-panel .grid__item.one-half.image img, .process .fourth-panel .grid__item.image.two-quarters img, .process .fourth-panel .grid__item.image.three-sixths img, .process .fourth-panel .grid__item.image.four-eighths img, .process .fourth-panel .grid__item.image.five-tenths img, .process .fourth-panel .grid__item.image.six-twelfths img {
        width: 100% !important; } }
    @media (max-width: 480px) {
      .process .fourth-panel .grid__item.one-half.image img, .process .fourth-panel .grid__item.image.two-quarters img, .process .fourth-panel .grid__item.image.three-sixths img, .process .fourth-panel .grid__item.image.four-eighths img, .process .fourth-panel .grid__item.image.five-tenths img, .process .fourth-panel .grid__item.image.six-twelfths img {
        width: 100% !important;
        padding: 25px !important; } }
  .process .fourth-panel .grid__item.one-half.text, .process .fourth-panel .grid__item.text.two-quarters, .process .fourth-panel .grid__item.text.three-sixths, .process .fourth-panel .grid__item.text.four-eighths, .process .fourth-panel .grid__item.text.five-tenths, .process .fourth-panel .grid__item.text.six-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .process .fourth-panel .grid__item.one-half.text, .process .fourth-panel .grid__item.text.two-quarters, .process .fourth-panel .grid__item.text.three-sixths, .process .fourth-panel .grid__item.text.four-eighths, .process .fourth-panel .grid__item.text.five-tenths, .process .fourth-panel .grid__item.text.six-twelfths {
        width: 100% !important;
        padding: 25px !important;
        display: inline-block !important; } }
    .process .fourth-panel .grid__item.one-half.text h2, .process .fourth-panel .grid__item.text.two-quarters h2, .process .fourth-panel .grid__item.text.three-sixths h2, .process .fourth-panel .grid__item.text.four-eighths h2, .process .fourth-panel .grid__item.text.five-tenths h2, .process .fourth-panel .grid__item.text.six-twelfths h2 {
      color: #414141 !important;
      font-size: 30px;
      font-weight: 600 !important; }
    .process .fourth-panel .grid__item.one-half.text p, .process .fourth-panel .grid__item.text.two-quarters p, .process .fourth-panel .grid__item.text.three-sixths p, .process .fourth-panel .grid__item.text.four-eighths p, .process .fourth-panel .grid__item.text.five-tenths p, .process .fourth-panel .grid__item.text.six-twelfths p {
      color: #414141 !important; }
.process .fifth-panel {
  width: 100%;
  display: table;
  background: #92d7eb url("//cdn2.hubspot.net/hub/359929/file-634231067-png/images/blue-diagnol-bg.png");
  background-position: right top;
  background-size: 100% 100%;
  padding: 0px 0px 0px 0px; }
  .process .fifth-panel .house-bg {
    background: url("//cdn2.hubspot.net/hub/359929/file-634282782-png/images/new-seamless-process-bg.png");
    background-position: center bottom;
    padding: 85px 0px 368px 0px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center 260px; }
    @media (max-width: 768px) {
      .process .fifth-panel .house-bg {
        padding: 0px 0px !important;
        background-position: center 100px !important; } }
    @media (max-width: 480px) {
      .process .fifth-panel .house-bg {
        padding: 0px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center 500px !important; } }
    @media (max-width: 768px) {
      .process .fifth-panel .house-bg .grid {
        padding: 45px 25px !important;
        background: rgba(0, 0, 0, 0.5); } }
    @media (max-width: 480px) {
      .process .fifth-panel .house-bg .grid__item {
        width: 100% !important;
        padding: 85px 25px 150px 25px !important;
        background: rgba(0, 0, 0, 0.3);
        color: #ffffff !important; } }
    .process .fifth-panel .house-bg h2 {
      color: #454545;
      font-size: 30px;
      font-weight: 600 !important; }
      @media (max-width: 768px) {
        .process .fifth-panel .house-bg h2 {
          color: #ffffff !important; } }
    @media (max-width: 768px) {
      .process .fifth-panel .house-bg p {
        color: #ffffff !important; } }
.process .sixth-panel {
  width: 100%;
  display: table;
  background: #fff;
  background-position: right top;
  background-size: 100% 100%;
  padding: 85px 0px 45px 0px;
  overflow: hidden; }
  @media (max-width: 768px) {
    .process .sixth-panel {
      padding: 45px 25px !important; } }
  .process .sixth-panel .grid__item.one-half.image, .process .sixth-panel .grid__item.image.two-quarters, .process .sixth-panel .grid__item.image.three-sixths, .process .sixth-panel .grid__item.image.four-eighths, .process .sixth-panel .grid__item.image.five-tenths, .process .sixth-panel .grid__item.image.six-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .process .sixth-panel .grid__item.one-half.image, .process .sixth-panel .grid__item.image.two-quarters, .process .sixth-panel .grid__item.image.three-sixths, .process .sixth-panel .grid__item.image.four-eighths, .process .sixth-panel .grid__item.image.five-tenths, .process .sixth-panel .grid__item.image.six-twelfths {
        padding: 25px !important;
        width: 100% !important;
        display: inline-block !important; } }
    .process .sixth-panel .grid__item.one-half.image img, .process .sixth-panel .grid__item.image.two-quarters img, .process .sixth-panel .grid__item.image.three-sixths img, .process .sixth-panel .grid__item.image.four-eighths img, .process .sixth-panel .grid__item.image.five-tenths img, .process .sixth-panel .grid__item.image.six-twelfths img {
      position: relative;
      top: 85px; }
      @media (max-width: 768px) {
        .process .sixth-panel .grid__item.one-half.image img, .process .sixth-panel .grid__item.image.two-quarters img, .process .sixth-panel .grid__item.image.three-sixths img, .process .sixth-panel .grid__item.image.four-eighths img, .process .sixth-panel .grid__item.image.five-tenths img, .process .sixth-panel .grid__item.image.six-twelfths img {
          width: 100% !important;
          padding: 25px !important;
          top: 0px !important; } }
  .process .sixth-panel .grid__item.one-half.text, .process .sixth-panel .grid__item.text.two-quarters, .process .sixth-panel .grid__item.text.three-sixths, .process .sixth-panel .grid__item.text.four-eighths, .process .sixth-panel .grid__item.text.five-tenths, .process .sixth-panel .grid__item.text.six-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .process .sixth-panel .grid__item.one-half.text, .process .sixth-panel .grid__item.text.two-quarters, .process .sixth-panel .grid__item.text.three-sixths, .process .sixth-panel .grid__item.text.four-eighths, .process .sixth-panel .grid__item.text.five-tenths, .process .sixth-panel .grid__item.text.six-twelfths {
        padding: 25px !important;
        width: 100% !important;
        display: inline-block !important; } }
    .process .sixth-panel .grid__item.one-half.text h2, .process .sixth-panel .grid__item.text.two-quarters h2, .process .sixth-panel .grid__item.text.three-sixths h2, .process .sixth-panel .grid__item.text.four-eighths h2, .process .sixth-panel .grid__item.text.five-tenths h2, .process .sixth-panel .grid__item.text.six-twelfths h2 {
      color: #51a2ab !important;
      font-size: 30px;
      font-weight: 600 !important; }
.process .seventh-panel {
  background: #f4fafb;
  width: 100%;
  display: table;
  overflow: hidden; }
  @media (max-width: 768px) {
    .process .seventh-panel {
      padding: 45px 25px !important; } }
  .process .seventh-panel .grid__item.one-half.image, .process .seventh-panel .grid__item.image.two-quarters, .process .seventh-panel .grid__item.image.three-sixths, .process .seventh-panel .grid__item.image.four-eighths, .process .seventh-panel .grid__item.image.five-tenths, .process .seventh-panel .grid__item.image.six-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .process .seventh-panel .grid__item.one-half.image, .process .seventh-panel .grid__item.image.two-quarters, .process .seventh-panel .grid__item.image.three-sixths, .process .seventh-panel .grid__item.image.four-eighths, .process .seventh-panel .grid__item.image.five-tenths, .process .seventh-panel .grid__item.image.six-twelfths {
        padding: 25px !important;
        display: inline-block !important;
        width: 100% !important; } }
    .process .seventh-panel .grid__item.one-half.image img, .process .seventh-panel .grid__item.image.two-quarters img, .process .seventh-panel .grid__item.image.three-sixths img, .process .seventh-panel .grid__item.image.four-eighths img, .process .seventh-panel .grid__item.image.five-tenths img, .process .seventh-panel .grid__item.image.six-twelfths img {
      position: relative;
      bottom: -130px; }
      @media (max-width: 768px) {
        .process .seventh-panel .grid__item.one-half.image img, .process .seventh-panel .grid__item.image.two-quarters img, .process .seventh-panel .grid__item.image.three-sixths img, .process .seventh-panel .grid__item.image.four-eighths img, .process .seventh-panel .grid__item.image.five-tenths img, .process .seventh-panel .grid__item.image.six-twelfths img {
          width: 100% !important;
          padding: 25px !important;
          bottom: 0px !important; } }
  .process .seventh-panel .grid__item.one-half.text, .process .seventh-panel .grid__item.text.two-quarters, .process .seventh-panel .grid__item.text.three-sixths, .process .seventh-panel .grid__item.text.four-eighths, .process .seventh-panel .grid__item.text.five-tenths, .process .seventh-panel .grid__item.text.six-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .process .seventh-panel .grid__item.one-half.text, .process .seventh-panel .grid__item.text.two-quarters, .process .seventh-panel .grid__item.text.three-sixths, .process .seventh-panel .grid__item.text.four-eighths, .process .seventh-panel .grid__item.text.five-tenths, .process .seventh-panel .grid__item.text.six-twelfths {
        padding: 25px !important;
        width: 100% !important;
        display: inline-block !important; } }
    .process .seventh-panel .grid__item.one-half.text h2, .process .seventh-panel .grid__item.text.two-quarters h2, .process .seventh-panel .grid__item.text.three-sixths h2, .process .seventh-panel .grid__item.text.four-eighths h2, .process .seventh-panel .grid__item.text.five-tenths h2, .process .seventh-panel .grid__item.text.six-twelfths h2 {
      color: #51a2ab !important;
      font-size: 30px;
      font-weight: 600 !important; }

/* main compare page */
.compare-main .grid.top {
  padding: 65px 0px; }
  @media (max-width: 768px) {
    .compare-main .grid.top {
      padding: 45px 25px !important; } }
  @media (max-width: 480px) {
    .compare-main .grid.top {
      padding: 25px !important; } }
.compare-main .grey-bg {
  background: #fafbfc;
  padding: 65px 0;
  border-top: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb; }
  @media (max-width: 768px) {
    .compare-main .grey-bg {
      padding: 45px 25px !important; } }
  @media (max-width: 480px) {
    .compare-main .grey-bg {
      padding: 25px !important; } }
  .compare-main .grey-bg h2 {
    font-family: crimson text !important;
    font-style: italic !important;
    color: #51a2ab !important;
    font-size: 32px;
    font-weight: 600 !important;
    margin-bottom: 45px !important; }
    @media (max-width: 768px) {
      .compare-main .grey-bg h2 {
        padding: 0px 55px !important; } }
.compare-main .bottom-compare {
  background: #98c0c6 url("//cdn2.hubspot.net/hub/359929/file-630795148-jpg/images/comparison-page-primary-bg.jpg");
  background-position: left top !important;
  background-size: 50%;
  background-repeat: no-repeat !important;
  padding: 65px; }
  @media (max-width: 768px) {
    .compare-main .bottom-compare {
      background-size: 50% 100% !important; } }
  @media (max-width: 480px) {
    .compare-main .bottom-compare {
      padding: 0px !important;
      background-size: 100% !important; } }
  @media (max-width: 480px) {
    .compare-main .bottom-compare .grid__item.one-half, .compare-main .bottom-compare .grid__item.two-quarters, .compare-main .bottom-compare .grid__item.three-sixths, .compare-main .bottom-compare .grid__item.four-eighths, .compare-main .bottom-compare .grid__item.five-tenths, .compare-main .bottom-compare .grid__item.six-twelfths {
      padding: 19px 25px !important;
      margin-bottom: 20px; } }
  .compare-main .bottom-compare h3 {
    color: #ffffff !important;
    font-weight: 600 !important; }
    @media (max-width: 480px) {
      .compare-main .bottom-compare h3 {
        margin-bottom: 10px !important; } }
  .compare-main .bottom-compare .hs-cta-wrapper span a {
    border: 1px solid #ffffff !important;
    padding: 15px 125px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff !important;
    margin-top: 20px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 768px) {
      .compare-main .bottom-compare .hs-cta-wrapper span a {
        padding: 15px 75px !important; } }
    @media (max-width: 480px) {
      .compare-main .bottom-compare .hs-cta-wrapper span a {
        padding: 12px 40px !important; } }
    .compare-main .bottom-compare .hs-cta-wrapper span a:hover {
      background: #ffffff !important;
      color: #51a2ab !important;
      border: 1px solid #ffffff !important; }

/* Testi Main */
.testi-main .hero h2 {
  color: #FFFFFF !important;
  font-size: 26px;
  padding: 20px 10px 8px 10px !important;
  display: inline-block;
  font-weight: 600 !important;
  margin-bottom: 13px;
  border-bottom: 1px solid #ffffff;
  text-align: center !important;
  position: relative;
  font-family: crimson text !important;
  font-style: italic !important; }
.testi-main .hero p {
  display: inline-block !important;
  margin: 0px;
  padding: 0px 115px !important;
  text-align: center; }
  @media (max-width: 480px) {
    .testi-main .hero p {
      padding: 0px 25px !important; } }
.testi-main .bottom-testimonial {
  background: url("//cdn2.hubspot.net/hub/359929/file-636924005-jpg/images/testimonial-main-bg.jpg");
  background-size: cover;
  background-position: center bottom; }
  @media (max-width: 768px) {
    .testi-main .bottom-testimonial {
      background-size: cover !important;
      background-position: center bottom !important;
      background-repeat: no-repeat !important; } }
  @media (max-width: 480px) {
    .testi-main .bottom-testimonial {
      background-repeat: no-repeat !important;
      background-position: center top !important; } }
  .testi-main .bottom-testimonial .bg-overlay {
    padding: 0px 0;
    background: rgba(0, 0, 0, 0.5) !important;
    background-position: center right !important;
    background-size: 50% 100% !important;
    background-repeat: no-repeat !important; }
    @media (max-width: 480px) {
      .testi-main .bottom-testimonial .bg-overlay {
        padding: 80px 0px;
        background: rgba(0, 0, 0, 0.4) url("//cdn2.hubspot.net/hub/359929/file-634087661-png/images/testi-main-overlay.png") !important;
        background-position: center top !important;
        background-size: cover !important;
        background-repeat: no-repeat !important; } }
    .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half.left, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.two-quarters, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.three-sixths, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.four-eighths, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.five-tenths, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.six-twelfths {
      position: relative;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half.left:hover, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.two-quarters:hover, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.three-sixths:hover, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.four-eighths:hover, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.five-tenths:hover, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.six-twelfths:hover {
        background: rgba(0, 0, 0, 0.55);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half.left:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.two-quarters:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.three-sixths:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.four-eighths:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.five-tenths:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.six-twelfths:before {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.55);
        left: -100%;
        top: 0px;
        opacity: 0; }
      .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half.left:hover:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.two-quarters:hover:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.three-sixths:hover:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.four-eighths:hover:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.five-tenths:hover:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.left.six-twelfths:hover:before {
        opacity: 1; }
    .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half.right, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.two-quarters, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.three-sixths, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.four-eighths, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.five-tenths, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.six-twelfths {
      position: relative;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half.right:hover, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.two-quarters:hover, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.three-sixths:hover, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.four-eighths:hover, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.five-tenths:hover, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.six-twelfths:hover {
        background: rgba(0, 0, 0, 0.55);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half.right:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.two-quarters:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.three-sixths:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.four-eighths:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.five-tenths:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.six-twelfths:before {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.55);
        right: -100%;
        top: 0px;
        opacity: 0; }
      .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half.right:hover:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.two-quarters:hover:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.three-sixths:hover:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.four-eighths:hover:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.five-tenths:hover:before, .testi-main .bottom-testimonial .bg-overlay .grid__item.right.six-twelfths:hover:before {
        opacity: 1; }
    .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half, .testi-main .bottom-testimonial .bg-overlay .grid__item.two-quarters, .testi-main .bottom-testimonial .bg-overlay .grid__item.three-sixths, .testi-main .bottom-testimonial .bg-overlay .grid__item.four-eighths, .testi-main .bottom-testimonial .bg-overlay .grid__item.five-tenths, .testi-main .bottom-testimonial .bg-overlay .grid__item.six-twelfths {
      padding: 330px 0px !important; }
      @media (max-width: 480px) {
        .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half, .testi-main .bottom-testimonial .bg-overlay .grid__item.two-quarters, .testi-main .bottom-testimonial .bg-overlay .grid__item.three-sixths, .testi-main .bottom-testimonial .bg-overlay .grid__item.four-eighths, .testi-main .bottom-testimonial .bg-overlay .grid__item.five-tenths, .testi-main .bottom-testimonial .bg-overlay .grid__item.six-twelfths {
          padding: 0px 25px !important;
          margin-top: 25px !important; } }
      .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half h3, .testi-main .bottom-testimonial .bg-overlay .grid__item.two-quarters h3, .testi-main .bottom-testimonial .bg-overlay .grid__item.three-sixths h3, .testi-main .bottom-testimonial .bg-overlay .grid__item.four-eighths h3, .testi-main .bottom-testimonial .bg-overlay .grid__item.five-tenths h3, .testi-main .bottom-testimonial .bg-overlay .grid__item.six-twelfths h3 {
        color: #ffffff !important;
        font-weight: 600 !important; }
        @media (max-width: 480px) {
          .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half h3, .testi-main .bottom-testimonial .bg-overlay .grid__item.two-quarters h3, .testi-main .bottom-testimonial .bg-overlay .grid__item.three-sixths h3, .testi-main .bottom-testimonial .bg-overlay .grid__item.four-eighths h3, .testi-main .bottom-testimonial .bg-overlay .grid__item.five-tenths h3, .testi-main .bottom-testimonial .bg-overlay .grid__item.six-twelfths h3 {
            margin-bottom: 10px !important; } }
      .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half .hs-cta-wrapper span a, .testi-main .bottom-testimonial .bg-overlay .grid__item.two-quarters .hs-cta-wrapper span a, .testi-main .bottom-testimonial .bg-overlay .grid__item.three-sixths .hs-cta-wrapper span a, .testi-main .bottom-testimonial .bg-overlay .grid__item.four-eighths .hs-cta-wrapper span a, .testi-main .bottom-testimonial .bg-overlay .grid__item.five-tenths .hs-cta-wrapper span a, .testi-main .bottom-testimonial .bg-overlay .grid__item.six-twelfths .hs-cta-wrapper span a {
        border: 1px solid #ffffff !important;
        padding: 15px 125px;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 14px;
        color: #676767 !important;
        background: #ffffff !important;
        margin-top: 20px;
        display: inline-block;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        @media (max-width: 480px) {
          .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half .hs-cta-wrapper span a, .testi-main .bottom-testimonial .bg-overlay .grid__item.two-quarters .hs-cta-wrapper span a, .testi-main .bottom-testimonial .bg-overlay .grid__item.three-sixths .hs-cta-wrapper span a, .testi-main .bottom-testimonial .bg-overlay .grid__item.four-eighths .hs-cta-wrapper span a, .testi-main .bottom-testimonial .bg-overlay .grid__item.five-tenths .hs-cta-wrapper span a, .testi-main .bottom-testimonial .bg-overlay .grid__item.six-twelfths .hs-cta-wrapper span a {
            padding: 12px 40px !important; } }
        .testi-main .bottom-testimonial .bg-overlay .grid__item.one-half .hs-cta-wrapper span a:hover, .testi-main .bottom-testimonial .bg-overlay .grid__item.two-quarters .hs-cta-wrapper span a:hover, .testi-main .bottom-testimonial .bg-overlay .grid__item.three-sixths .hs-cta-wrapper span a:hover, .testi-main .bottom-testimonial .bg-overlay .grid__item.four-eighths .hs-cta-wrapper span a:hover, .testi-main .bottom-testimonial .bg-overlay .grid__item.five-tenths .hs-cta-wrapper span a:hover, .testi-main .bottom-testimonial .bg-overlay .grid__item.six-twelfths .hs-cta-wrapper span a:hover {
          background: transparent !important;
          color: #ffffff !important;
          border: 1px solid #ffffff !important; }

/* Case Studies */
.case-studies .white {
  background: #ffffff !important;
  padding: 45px 0px; }
.case-studies .grey {
  background: #fafbfc;
  padding: 45px 0px;
  border-top: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb; }
.case-studies h2 {
  font-weight: 600 !important;
  color: #454545;
  margin-top: 10px;
  margin-bottom: 0px !important; }
.case-studies h4 {
  font-family: crimson text !important;
  font-size: 32px !important;
  color: #51a2ab !important;
  font-style: italic;
  font-weight: 600 !important;
  padding: 0px !important;
  margin: 0px 0px 20px 0px; }
.case-studies h3 {
  color: #51a2ab !important;
  font-size: 18px !important;
  margin-bottom: 10px !important;
  font-weight: 600 !important; }
.case-studies .grid__item.one-whole.text--center.case-top-content {
  border-top: 1px solid #ebebeb;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  margin-top: 10px; }
@media (max-width: 480px) {
  .case-studies .grid__item.one-third, .case-studies .grid__item.two-sixths, .case-studies .grid__item.four-twelfths {
    padding: 25px !important; } }
.case-studies .actual-testi p {
  font-family: crimson text !important;
  font-size: 18px !important;
  font-style: italic;
  font-weight: 600; }
@media (max-width: 480px) {
  .case-studies .grid__item.two-thirds, .case-studies .grid__item.four-sixths, .case-studies .grid__item.eight-twelfths {
    padding: 25px !important; } }
.case-studies .grid__item.two-thirds #hs_cos_wrapper_case_study_main_testimonial_one, .case-studies .grid__item.four-sixths #hs_cos_wrapper_case_study_main_testimonial_one, .case-studies .grid__item.eight-twelfths #hs_cos_wrapper_case_study_main_testimonial_one,
.case-studies .grid__item.two-thirds #hs_cos_wrapper_case_study_main_testimonial_two,
.case-studies .grid__item.four-sixths #hs_cos_wrapper_case_study_main_testimonial_two,
.case-studies .grid__item.eight-twelfths #hs_cos_wrapper_case_study_main_testimonial_two,
.case-studies .grid__item.two-thirds #hs_cos_wrapper_case_study_main_testimonial_three,
.case-studies .grid__item.four-sixths #hs_cos_wrapper_case_study_main_testimonial_three,
.case-studies .grid__item.eight-twelfths #hs_cos_wrapper_case_study_main_testimonial_three,
.case-studies .grid__item.two-thirds #hs_cos_wrapper_case_study_main_testimonial_four,
.case-studies .grid__item.four-sixths #hs_cos_wrapper_case_study_main_testimonial_four,
.case-studies .grid__item.eight-twelfths #hs_cos_wrapper_case_study_main_testimonial_four,
.case-studies .grid__item.two-thirds #hs_cos_wrapper_case_study_main_testimonial_five,
.case-studies .grid__item.four-sixths #hs_cos_wrapper_case_study_main_testimonial_five,
.case-studies .grid__item.eight-twelfths #hs_cos_wrapper_case_study_main_testimonial_five {
  background: url("//cdn2.hubspot.net/hub/359929/file-664629996-png/images/testimonial-quote-bg.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: inline-block;
  min-height: 210px; }
.case-studies .content ul {
  margin-left: 20px !important; }

/* Selling Process */
.selling-process .hero h1 {
  padding: 0px 100px !important; }
  @media (max-width: 480px) {
    .selling-process .hero h1 {
      padding: 25px !important; } }
.selling-process .hero p {
  padding: 0px 45px !important; }
  @media (max-width: 480px) {
    .selling-process .hero p {
      padding: 25px !important; } }
.selling-process .first-panel {
  display: table;
  width: 100%;
  background: url("//cdn2.hubspot.net/hub/359929/file-638044488-png/images/selling-one-bg.png");
  padding: 85px 0px;
  background-position: right top;
  background-size: 100% 100%; }
  @media (max-width: 768px) {
    .selling-process .first-panel {
      padding: 45px 25px !important; } }
  .selling-process .first-panel .grid__item.one-half, .selling-process .first-panel .grid__item.two-quarters, .selling-process .first-panel .grid__item.three-sixths, .selling-process .first-panel .grid__item.four-eighths, .selling-process .first-panel .grid__item.five-tenths, .selling-process .first-panel .grid__item.six-twelfths {
    vertical-align: middle;
    display: table-cell;
    padding-bottom: 0px; }
    @media (max-width: 480px) {
      .selling-process .first-panel .grid__item.one-half, .selling-process .first-panel .grid__item.two-quarters, .selling-process .first-panel .grid__item.three-sixths, .selling-process .first-panel .grid__item.four-eighths, .selling-process .first-panel .grid__item.five-tenths, .selling-process .first-panel .grid__item.six-twelfths {
        padding: 25px 25px !important;
        width: 100% !important;
        display: inline-block !important; } }
    @media (max-width: 768px) {
      .selling-process .first-panel .grid__item.one-half img, .selling-process .first-panel .grid__item.two-quarters img, .selling-process .first-panel .grid__item.three-sixths img, .selling-process .first-panel .grid__item.four-eighths img, .selling-process .first-panel .grid__item.five-tenths img, .selling-process .first-panel .grid__item.six-twelfths img {
        width: 100% !important;
        padding: 25px !important; } }
  .selling-process .first-panel h2 {
    color: #51a2ab !important;
    font-size: 30px;
    font-weight: 600 !important; }
.selling-process .second-panel {
  width: 100%;
  display: table;
  background: #ca5e33 url("//cdn2.hubspot.net/hub/359929/file-637964038-png/images/selling-two-bg.png");
  background-position: left top;
  background-size: 100% 100%;
  padding: 85px 0px; }
  @media (max-width: 768px) {
    .selling-process .second-panel {
      padding: 45px 25px !important; } }
  .selling-process .second-panel .grid__item.one-half.soft--right.hard--left.hard--top.hard--bottom.text--left, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.two-quarters, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.three-sixths, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.four-eighths, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.five-tenths, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.six-twelfths {
    vertical-align: middle;
    display: table-cell;
    padding: 25px 0px; }
    @media (max-width: 480px) {
      .selling-process .second-panel .grid__item.one-half.soft--right.hard--left.hard--top.hard--bottom.text--left, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.two-quarters, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.three-sixths, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.four-eighths, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.five-tenths, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.six-twelfths {
        padding: 25px 25px !important;
        width: 100% !important;
        display: inline-block !important; } }
    .selling-process .second-panel .grid__item.one-half.soft--right.hard--left.hard--top.hard--bottom.text--left h2, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.two-quarters h2, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.three-sixths h2, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.four-eighths h2, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.five-tenths h2, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.six-twelfths h2 {
      color: #ffffff !important;
      font-size: 30px;
      font-weight: 600 !important; }
    .selling-process .second-panel .grid__item.one-half.soft--right.hard--left.hard--top.hard--bottom.text--left p, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.two-quarters p, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.three-sixths p, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.four-eighths p, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.five-tenths p, .selling-process .second-panel .grid__item.soft--right.hard--left.hard--top.hard--bottom.text--left.six-twelfths p {
      color: #ffffff !important; }
  .selling-process .second-panel .grid__item.one-half.hard.text--center, .selling-process .second-panel .grid__item.hard.text--center.two-quarters, .selling-process .second-panel .grid__item.hard.text--center.three-sixths, .selling-process .second-panel .grid__item.hard.text--center.four-eighths, .selling-process .second-panel .grid__item.hard.text--center.five-tenths, .selling-process .second-panel .grid__item.hard.text--center.six-twelfths {
    vertical-align: middle;
    display: table-cell;
    padding: 40px 0px !important; }
    @media (max-width: 480px) {
      .selling-process .second-panel .grid__item.one-half.hard.text--center, .selling-process .second-panel .grid__item.hard.text--center.two-quarters, .selling-process .second-panel .grid__item.hard.text--center.three-sixths, .selling-process .second-panel .grid__item.hard.text--center.four-eighths, .selling-process .second-panel .grid__item.hard.text--center.five-tenths, .selling-process .second-panel .grid__item.hard.text--center.six-twelfths {
        padding: 25px 25px !important;
        width: 100% !important;
        display: inline-block !important; } }
    @media (max-width: 768px) {
      .selling-process .second-panel .grid__item.one-half.hard.text--center img, .selling-process .second-panel .grid__item.hard.text--center.two-quarters img, .selling-process .second-panel .grid__item.hard.text--center.three-sixths img, .selling-process .second-panel .grid__item.hard.text--center.four-eighths img, .selling-process .second-panel .grid__item.hard.text--center.five-tenths img, .selling-process .second-panel .grid__item.hard.text--center.six-twelfths img {
        width: 100% !important;
        padding: 25px !important; } }
.selling-process .third-panel {
  width: 100%;
  display: table;
  background: url("//cdn2.hubspot.net/hub/359929/file-637986928-png/images/selling-three-bg.png");
  background-position: right top;
  background-size: 100% 100%;
  padding: 85px 0px; }
  @media (max-width: 768px) {
    .selling-process .third-panel {
      padding: 45px 25px !important; } }
  .selling-process .third-panel .grid__item.one-whole {
    display: inline-block;
    width: 100% !important; }
    @media (max-width: 480px) {
      .selling-process .third-panel .grid__item.one-whole {
        padding: 25px 25px !important;
        width: 100% !important;
        display: inline-block !important; } }
    @media (max-width: 768px) {
      .selling-process .third-panel .grid__item.one-whole img {
        width: 100% !important;
        padding: 25px !important; } }
  .selling-process .third-panel h2 {
    color: #51a2ab !important;
    font-size: 30px;
    font-weight: 600 !important; }
  .selling-process .third-panel h4 {
    color: #676767 !important;
    font-style: italic !important;
    font-weight: 700 !important;
    font-size: 14px !important; }
.selling-process .fourth-panel {
  width: 100%;
  display: table;
  background: #54a3aa url("//cdn2.hubspot.net/hub/359929/file-638044778-png/images/selling-four-bg.png");
  background-position: left top;
  background-size: 100% 100%;
  padding: 85px 0px; }
  @media (max-width: 768px) {
    .selling-process .fourth-panel {
      padding: 45px 25px !important; } }
  .selling-process .fourth-panel .grid__item.one-half, .selling-process .fourth-panel .grid__item.two-quarters, .selling-process .fourth-panel .grid__item.three-sixths, .selling-process .fourth-panel .grid__item.four-eighths, .selling-process .fourth-panel .grid__item.five-tenths, .selling-process .fourth-panel .grid__item.six-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .selling-process .fourth-panel .grid__item.one-half, .selling-process .fourth-panel .grid__item.two-quarters, .selling-process .fourth-panel .grid__item.three-sixths, .selling-process .fourth-panel .grid__item.four-eighths, .selling-process .fourth-panel .grid__item.five-tenths, .selling-process .fourth-panel .grid__item.six-twelfths {
        padding: 25px 25px !important;
        width: 100% !important;
        display: inline-block !important; } }
  @media (max-width: 768px) {
    .selling-process .fourth-panel img {
      width: 100% !important;
      padding: 25px !important; } }
  .selling-process .fourth-panel h2 {
    color: #ffffff !important;
    font-size: 30px;
    font-weight: 600 !important; }
  .selling-process .fourth-panel p {
    color: #ffffff !important; }
.selling-process .fifth-panel {
  width: 100%;
  display: table;
  background: #f3b344 url("//cdn2.hubspot.net/hub/359929/file-639992866-png/images/selling-five-bg.png");
  background-position: right top;
  background-size: 100% 100%;
  padding: 85px 0px; }
  @media (max-width: 768px) {
    .selling-process .fifth-panel {
      padding: 45px 25px !important; } }
  .selling-process .fifth-panel .grid__item.one-half, .selling-process .fifth-panel .grid__item.two-quarters, .selling-process .fifth-panel .grid__item.three-sixths, .selling-process .fifth-panel .grid__item.four-eighths, .selling-process .fifth-panel .grid__item.five-tenths, .selling-process .fifth-panel .grid__item.six-twelfths {
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 480px) {
      .selling-process .fifth-panel .grid__item.one-half, .selling-process .fifth-panel .grid__item.two-quarters, .selling-process .fifth-panel .grid__item.three-sixths, .selling-process .fifth-panel .grid__item.four-eighths, .selling-process .fifth-panel .grid__item.five-tenths, .selling-process .fifth-panel .grid__item.six-twelfths {
        padding: 25px 25px !important;
        width: 100% !important;
        display: inline-block !important; } }
  @media (max-width: 768px) {
    .selling-process .fifth-panel img {
      width: 100% !important;
      padding: 25px !important; } }
  .selling-process .fifth-panel h2 {
    font-size: 30px;
    font-weight: 600 !important;
    color: #414141 !important; }
  .selling-process .fifth-panel p {
    color: #414141 !important; }
.selling-process .sixth-panel {
  width: 100%;
  display: table;
  background: url("//cdn2.hubspot.net/hub/359929/file-641919572-png/images/new-selling-six-bg.png");
  background-position: right top;
  background-size: 100% 100%;
  padding: 85px 0px; }
  @media (max-width: 768px) {
    .selling-process .sixth-panel {
      padding: 45px 25px !important; } }
  .selling-process .sixth-panel .grid__item.one-whole {
    display: inline-block !important;
    width: 100% !important; }
    @media (max-width: 480px) {
      .selling-process .sixth-panel .grid__item.one-whole {
        padding: 25px 25px !important;
        width: 100% !important;
        display: inline-block !important; } }
  @media (max-width: 768px) {
    .selling-process .sixth-panel img {
      width: 100% !important;
      padding: 25px !important; } }
  .selling-process .sixth-panel h2 {
    color: #51a2ab !important;
    font-size: 30px;
    font-weight: 600 !important; }
  .selling-process .sixth-panel img {
    width: 100% !important; }

/* Main About */
.main-about .grid.content.story {
  padding: 60px 0px 0px 0px; }
  @media (max-width: 480px) {
    .main-about .grid.content.story {
      padding: 25px !important; } }
  .main-about .grid.content.story h2 {
    font-weight: 600 !important;
    color: #51a2ab !important;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 30px;
    margin-bottom: 50px; }
  @media (max-width: 768px) {
    .main-about .grid.content.story .grid__item.text--center.hard.main {
      padding: 25px !important; } }
.main-about .grey {
  background: #fafbfc;
  padding: 42px 0 0 0;
  margin-top: 150px;
  border-top: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb; }
  @media (max-width: 480px) {
    .main-about .grey .grid {
      padding: 25px !important; } }
  .main-about .grey .grid .grid__item.one-third, .main-about .grey .grid .grid__item.two-sixths, .main-about .grey .grid .grid__item.four-twelfths {
    position: relative;
    top: -140px;
    margin-bottom: -60px; }
    @media (max-width: 480px) {
      .main-about .grey .grid .grid__item.one-third, .main-about .grey .grid .grid__item.two-sixths, .main-about .grey .grid .grid__item.four-twelfths {
        width: 100% !important;
        padding: 25px !important; } }
    .main-about .grey .grid .grid__item.one-third h3, .main-about .grey .grid .grid__item.two-sixths h3, .main-about .grey .grid .grid__item.four-twelfths h3 {
      color: #51a2ab !important;
      font-weight: 600 !important;
      margin-top: 15px !important; }
    .main-about .grey .grid .grid__item.one-third .hs-cta-wrapper span a, .main-about .grey .grid .grid__item.two-sixths .hs-cta-wrapper span a, .main-about .grey .grid .grid__item.four-twelfths .hs-cta-wrapper span a {
      border: 1px solid #51a2ab !important;
      background: #51a2ab !important;
      padding: 15px 75px;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 14px;
      color: #ffffff !important;
      margin-top: 20px;
      display: inline-block;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 480px) {
        .main-about .grey .grid .grid__item.one-third .hs-cta-wrapper span a, .main-about .grey .grid .grid__item.two-sixths .hs-cta-wrapper span a, .main-about .grey .grid .grid__item.four-twelfths .hs-cta-wrapper span a {
          padding: 12px 40px !important; } }
      @media (max-width: 768px) {
        .main-about .grey .grid .grid__item.one-third .hs-cta-wrapper span a, .main-about .grey .grid .grid__item.two-sixths .hs-cta-wrapper span a, .main-about .grey .grid .grid__item.four-twelfths .hs-cta-wrapper span a {
          padding: 15px 25px !important; } }
    .main-about .grey .grid .grid__item.one-third .hs-cta-wrapper span a:hover, .main-about .grey .grid .grid__item.two-sixths .hs-cta-wrapper span a:hover, .main-about .grey .grid .grid__item.four-twelfths .hs-cta-wrapper span a:hover {
      background: #51a2ab !important;
      color: #51a2ab !important;
      background: #ffffff !important;
      border: 1px solid #51a2ab !important; }

/* FAQ Page */
.faq .content .grid__item.one-whole {
  padding-bottom: 20px !important;
  margin-bottom: 30px !important;
  border-top: 1px solid #ebebeb;
  padding: 65px 100px 35px 100px !important; }
  @media (max-width: 768px) {
    .faq .content .grid__item.one-whole {
      padding: 45px 25px !important;
      margin-bottom: 0px !important; } }
  .faq .content .grid__item.one-whole:first-child {
    border-top: 0px !important;
    padding-top: 0px !important; }
  @media (max-width: 480px) {
    .faq .content .grid__item.one-whole {
      padding: 25px !important; } }
  .faq .content .grid__item.one-whole h2 {
    font-weight: 600 !important;
    color: #51a2ab !important; }
  .faq .content .grid__item.one-whole ul {
    margin-left: 0px !important;
    list-style: none !important; }
    .faq .content .grid__item.one-whole ul li {
      font-weight: 600 !important;
      padding-bottom: 10px;
      margin-bottom: 10px; }

/* Listings Page */
.listings .main-listings-bg {
  height: 100%;
  padding: 160px 0px 75px 0px;
  background: url("//cdn2.hubspot.net/hub/359929/file-676028567-jpg/images/listings-page-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  .listings .main-listings-bg .black-grid {
    width: 1080px;
    background: rgba(0, 0, 0, 0.8);
    padding-bottom: 20px;
    padding-top: 10px;
    margin: 0px auto; }
    .listings .main-listings-bg .black-grid .hero {
      margin-top: 0;
      display: inline-block;
      width: 100%;
      padding: 50px 95px 0px 95px;
      background-repeat: no-repeat;
      background: transparent !important; }
      .listings .main-listings-bg .black-grid .hero .grid h2 {
        color: #ffffff !important;
        font-size: 16px !important;
        padding-top: 20px;
        border-bottom: 1px solid #777777;
        padding-bottom: 13px; }
    .listings .main-listings-bg .black-grid .grid.story {
      padding: 25px 80px !important; }
      .listings .main-listings-bg .black-grid .grid.story .grid__item.one-third ul, .listings .main-listings-bg .black-grid .grid.story .grid__item.two-sixths ul, .listings .main-listings-bg .black-grid .grid.story .grid__item.four-twelfths ul {
        list-style: none;
        border-left: 1px solid #777777;
        padding-left: 70px; }
        .listings .main-listings-bg .black-grid .grid.story .grid__item.one-third ul:first-child, .listings .main-listings-bg .black-grid .grid.story .grid__item.two-sixths ul:first-child, .listings .main-listings-bg .black-grid .grid.story .grid__item.four-twelfths ul:first-child {
          border: 0px !important; }
        .listings .main-listings-bg .black-grid .grid.story .grid__item.one-third ul li a, .listings .main-listings-bg .black-grid .grid.story .grid__item.two-sixths ul li a, .listings .main-listings-bg .black-grid .grid.story .grid__item.four-twelfths ul li a {
          color: #ffffff !important;
          text-decoration: underline;
          font-style: italic;
          font-size: 18px;
          font-weight: normal !important; }

/* Waypoints effects */
.our-process .effect-first-left {
  position: relative;
  left: -200%;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out; }
  @media (max-width: 1280px) {
    .our-process .effect-first-left {
      left: -110% !important; } }
.our-process .effect-first-left.show {
  left: 0px !important; }
.our-process .effect-second-right {
  position: relative;
  right: -180%;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out; }
  @media (max-width: 1280px) {
    .our-process .effect-second-right {
      right: -110% !important; } }
.our-process .effect-second-right.show {
  right: 0px !important; }
.our-process .effect-third-bg.show {
  background-position: center -110px; }
  @media (max-width: 1280px) {
    .our-process .effect-third-bg.show {
      background-position: center 0px !important; } }

.effect-fourth-right {
  position: relative;
  right: -180%;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out; }
  @media (max-width: 1280px) {
    .effect-fourth-right {
      right: -110% !important; } }

.effect-fourth-right.show {
  right: 0px !important; }

/* TEST*/
iframe span.te-s {
  color: #cc0000; }

/* Landing Page */
.landing-page select {
  width: 100%;
  border: 1px solid #cececd !important; }
.landing-page .calculator-form li.form input#lp-sale, .landing-page .calculator-form li.form input#lp-sell {
  background: #51a2ab !important;
  font-weight: 600 !important;
  width: 100%;
  padding: 15px;
  border: 0px !important;
  position: relative;
  top: 1px;
  color: #ffffff !important;
  outline: none !important; }
.landing-page #lp-totalSavings {
  font-size: 27px !important;
  font-family: crimson text !important;
  font-style: italic !important;
  color: #51a2ab !important; }
.landing-page .calculator-form li.button #result {
  background: #454545 !important;
  color: #ffffff;
  line-height: 1.45;
  top: 1px;
  position: relative; }
.landing-page input#lp-sale::-webkit-input-placeholder, .landing-page input#sell::-webkit-input-placeholder {
  color: #ffffff !important;
  font-family: open sans;
  font-size: 14px;
  padding-top: 2px;
  line-height: 1.2;
  font-weight: normal; }
.landing-page input#lp-sale:-moz-placeholder {
  color: #ffffff !important;
  font-family: open sans;
  font-size: 14px;
  font-weight: 300; }
.landing-page .landing-page-hero {
  padding: 20px 0px 20px 0px; }
@media (max-width: 768px) {
  .landing-page .top .grid__item.one-third, .landing-page .top .grid__item.two-sixths, .landing-page .top .grid__item.four-twelfths {
    text-align: center !important;
    padding: 0px 25px !important; } }
.landing-page .top .grid__item.one-third p, .landing-page .top .grid__item.two-sixths p, .landing-page .top .grid__item.four-twelfths p {
  display: inline-block; }
.landing-page .top .grid__item.one-third a, .landing-page .top .grid__item.two-sixths a, .landing-page .top .grid__item.four-twelfths a {
  color: #ffffff !important; }
.landing-page .top .grid__item.one-third img, .landing-page .top .grid__item.two-sixths img, .landing-page .top .grid__item.four-twelfths img {
  display: inline-block;
  margin-right: 10px;
  top: 5px;
  position: relative; }
.landing-page .top p {
  font-size: 24px;
  color: #ffffff !important;
  font-weight: bold;
  -webkit-font-smoothing: antialiased; }
.landing-page .bottom {
  padding: 10px 0px 0px 0px; }
  @media (max-width: 768px) {
    .landing-page .bottom .grid__item.one-whole {
      text-align: center !important;
      padding: 0px 25px 45px 35px !important; } }
  .landing-page .bottom .grid__item.one-whole .single-testimonial {
    padding-top: 30px !important; }
    .landing-page .bottom .grid__item.one-whole .single-testimonial img {
      position: relative;
      top: 15px; }
    .landing-page .bottom .grid__item.one-whole .single-testimonial p {
      color: #ffffff !important;
      font-family: crimson text !important;
      font-style: italic;
      font-size: 16px;
      line-height: 1.3;
      font-size: 17px;
      font-weight: 500 !important; }
    .landing-page .bottom .grid__item.one-whole .single-testimonial .grid__item.one-tenth {
      position: relative;
      left: -15px; }
      @media (max-width: 768px) {
        .landing-page .bottom .grid__item.one-whole .single-testimonial .grid__item.one-tenth {
          left: 0px !important;
          padding: 5px 25px !important; } }
    @media (max-width: 768px) {
      .landing-page .bottom .grid__item.one-whole .single-testimonial .grid__item.five-tenths {
        padding: 5px 25px !important; } }
    .landing-page .bottom .grid__item.one-whole .single-testimonial .grid__item.five-tenths .main-test {
      padding-top: 15px; }
    .landing-page .bottom .grid__item.one-whole .single-testimonial .grid__item.five-tenths .author p {
      font-family: open sans !important;
      font-size: 14px;
      font-weight: normal;
      font-style: normal !important;
      font-weight: 600 !important; }
      @media (max-width: 768px) {
        .landing-page .bottom .grid__item.one-whole .single-testimonial .grid__item.five-tenths .author p {
          text-align: center !important; } }
      .landing-page .bottom .grid__item.one-whole .single-testimonial .grid__item.five-tenths .author p:before {
        content: "-"; }
  @media (max-width: 768px) {
    .landing-page .bottom {
      text-align: center !important;
      padding: 0px 25px !important; } }
  .landing-page .bottom h1 {
    font-family: open sans !important;
    font-style: normal !important;
    font-weight: 600 !important;
    -webkit-font-smoothing: antialiased;
    font-size: 36px;
    line-height: 1.2; }
.landing-page .landing-page-body {
  padding: 45px 0px;
  display: inline-block;
  width: 100%; }
  .landing-page .landing-page-body h2 {
    font-size: 30px;
    font-family: open sans !important;
    color: #51a2ab !important;
    line-height: 1.2;
    font-weight: 600 !important; }
  @media (max-width: 768px) {
    .landing-page .landing-page-body .grid__item.two-thirds, .landing-page .landing-page-body .grid__item.four-sixths, .landing-page .landing-page-body .grid__item.eight-twelfths {
      padding: 0px 25px !important;
      display: inline-block; } }
  .landing-page .landing-page-body .grid__item.one-third, .landing-page .landing-page-body .grid__item.two-sixths, .landing-page .landing-page-body .grid__item.four-twelfths {
    float: right;
    margin-top: -127px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px 0px 0px 30px; }
    @media (max-width: 768px) {
      .landing-page .landing-page-body .grid__item.one-third, .landing-page .landing-page-body .grid__item.two-sixths, .landing-page .landing-page-body .grid__item.four-twelfths {
        float: left;
        padding: 0px 25px !important; } }
    .landing-page .landing-page-body .grid__item.one-third .fa-facebook, .landing-page .landing-page-body .grid__item.two-sixths .fa-facebook, .landing-page .landing-page-body .grid__item.four-twelfths .fa-facebook {
      background: #ffffff url("//cdn2.hubspot.net/hub/359929/file-550960766-png/images/facebook-icon-social-sharing.png");
      border: none !important;
      background-repeat: no-repeat;
      height: 16px;
      margin: 0px 5px;
      content: "";
      outline: none !important;
      display: inline-block;
      width: 8px; }
    .landing-page .landing-page-body .grid__item.one-third .fa-facebook:before, .landing-page .landing-page-body .grid__item.two-sixths .fa-facebook:before, .landing-page .landing-page-body .grid__item.four-twelfths .fa-facebook:before {
      content: ""; }
    .landing-page .landing-page-body .grid__item.one-third .fa-twitter, .landing-page .landing-page-body .grid__item.two-sixths .fa-twitter, .landing-page .landing-page-body .grid__item.four-twelfths .fa-twitter {
      background: #ffffff url("//cdn2.hubspot.net/hub/359929/file-548850523-png/images/twitter-icon-socail-sharing.png");
      border: none !important;
      background-repeat: no-repeat;
      height: 16px;
      margin: 0px 5px;
      content: "";
      outline: none !important;
      display: inline-block;
      width: 19px; }
    .landing-page .landing-page-body .grid__item.one-third .fa-twitter:before, .landing-page .landing-page-body .grid__item.two-sixths .fa-twitter:before, .landing-page .landing-page-body .grid__item.four-twelfths .fa-twitter:before {
      content: ""; }
    .landing-page .landing-page-body .grid__item.one-third .fa-linkedin, .landing-page .landing-page-body .grid__item.two-sixths .fa-linkedin, .landing-page .landing-page-body .grid__item.four-twelfths .fa-linkedin {
      background: #ffffff url("//cdn2.hubspot.net/hub/359929/file-548832128-png/images/linkedin-icoc-social-sharing.png");
      border: none !important;
      background-repeat: no-repeat;
      height: 16px;
      margin: 0px 5px;
      content: "";
      outline: none !important;
      display: inline-block;
      width: 15px; }
    .landing-page .landing-page-body .grid__item.one-third .fa-linkedin:before, .landing-page .landing-page-body .grid__item.two-sixths .fa-linkedin:before, .landing-page .landing-page-body .grid__item.four-twelfths .fa-linkedin:before {
      content: ""; }
    .landing-page .landing-page-body .grid__item.one-third h5, .landing-page .landing-page-body .grid__item.two-sixths h5, .landing-page .landing-page-body .grid__item.four-twelfths h5 {
      float: left;
      font-family: open sans !important;
      color: #757575;
      font-weight: normal;
      font-size: 16px; }
    .landing-page .landing-page-body .grid__item.one-third .share-icons, .landing-page .landing-page-body .grid__item.two-sixths .share-icons, .landing-page .landing-page-body .grid__item.four-twelfths .share-icons {
      float: left;
      padding-left: 20px; }
    .landing-page .landing-page-body .grid__item.one-third span h3, .landing-page .landing-page-body .grid__item.two-sixths span h3, .landing-page .landing-page-body .grid__item.four-twelfths span h3 {
      background: #51a2ab !important;
      color: #ffffff !important;
      font-size: 22px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      padding: 25px 30px;
      line-height: 1.2;
      margin-bottom: 0px;
      font-weight: normal;
      min-height: 82px; }
    .landing-page .landing-page-body .grid__item.one-third form:after, .landing-page .landing-page-body .grid__item.two-sixths form:after, .landing-page .landing-page-body .grid__item.four-twelfths form:after {
      content: "";
      width: 101%;
      height: 15px;
      border: 1px solid #191919;
      background: #191919;
      position: absolute;
      left: -1px;
      bottom: -16px; }
    .landing-page .landing-page-body .grid__item.one-third form, .landing-page .landing-page-body .grid__item.two-sixths form, .landing-page .landing-page-body .grid__item.four-twelfths form {
      border-left: 1px solid #cececd;
      border-right: 1px solid #cececd;
      padding-top: 20px;
      text-align: left;
      position: relative;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      padding: 20px 30px;
      border-bottom: 1px solid #cdcdc9;
      margin-bottom: 30px; }
      .landing-page .landing-page-body .grid__item.one-third form input, .landing-page .landing-page-body .grid__item.two-sixths form input, .landing-page .landing-page-body .grid__item.four-twelfths form input {
        width: 100%;
        margin-bottom: 20px;
        border: 1px solid #cececd; }
      .landing-page .landing-page-body .grid__item.one-third form label, .landing-page .landing-page-body .grid__item.two-sixths form label, .landing-page .landing-page-body .grid__item.four-twelfths form label, .landing-page .landing-page-body .grid__item.one-third form .hs-field-desc, .landing-page .landing-page-body .grid__item.two-sixths form .hs-field-desc, .landing-page .landing-page-body .grid__item.four-twelfths form .hs-field-desc {
        font-family: open sans;
        font-weight: normal;
        color: #454546;
        font-size: 14px;
        padding-bottom: 6px; }
      .landing-page .landing-page-body .grid__item.one-third form textarea, .landing-page .landing-page-body .grid__item.two-sixths form textarea, .landing-page .landing-page-body .grid__item.four-twelfths form textarea {
        width: 100%;
        margin-bottom: 20px;
        border: 1px solid #cececd; }
      .landing-page .landing-page-body .grid__item.one-third form .smart-field, .landing-page .landing-page-body .grid__item.two-sixths form .smart-field, .landing-page .landing-page-body .grid__item.four-twelfths form .smart-field {
        font-weight: 600;
        margin-bottom: 5px; }
      .landing-page .landing-page-body .grid__item.one-third form ul.inputs-list, .landing-page .landing-page-body .grid__item.two-sixths form ul.inputs-list, .landing-page .landing-page-body .grid__item.four-twelfths form ul.inputs-list {
        display: inline-block;
        margin-left: 0px;
        list-style: none; }
        .landing-page .landing-page-body .grid__item.one-third form ul.inputs-list li.hs-form-radio, .landing-page .landing-page-body .grid__item.two-sixths form ul.inputs-list li.hs-form-radio, .landing-page .landing-page-body .grid__item.four-twelfths form ul.inputs-list li.hs-form-radio {
          display: inline-block;
          width: 100%;
          height: auto;
          padding: 10px 0px; }
          .landing-page .landing-page-body .grid__item.one-third form ul.inputs-list li.hs-form-radio label, .landing-page .landing-page-body .grid__item.two-sixths form ul.inputs-list li.hs-form-radio label, .landing-page .landing-page-body .grid__item.four-twelfths form ul.inputs-list li.hs-form-radio label {
            padding: 0px; }
            .landing-page .landing-page-body .grid__item.one-third form ul.inputs-list li.hs-form-radio label input, .landing-page .landing-page-body .grid__item.two-sixths form ul.inputs-list li.hs-form-radio label input, .landing-page .landing-page-body .grid__item.four-twelfths form ul.inputs-list li.hs-form-radio label input {
              float: left;
              width: 25px;
              position: relative;
              top: 5px;
              height: inherit !important; }
      .landing-page .landing-page-body .grid__item.one-third form .hs-button, .landing-page .landing-page-body .grid__item.two-sixths form .hs-button, .landing-page .landing-page-body .grid__item.four-twelfths form .hs-button {
        background: #51a2ab !important;
        border: 1px solid #51a2ab !important;
        width: 100%;
        text-align: center;
        font-family: open sans !important;
        color: #ffffff !important;
        border-radius: 4px;
        display: inline-block;
        margin-top: 30px; }
      .landing-page .landing-page-body .grid__item.one-third form .hs-button:hover, .landing-page .landing-page-body .grid__item.two-sixths form .hs-button:hover, .landing-page .landing-page-body .grid__item.four-twelfths form .hs-button:hover {
        background: #ffffff !important;
        border: 1px solid #51a2ab !important;
        width: 100%;
        text-align: center;
        font-family: open sans !important;
        color: #51a2ab !important;
        border-radius: 4px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }

/* Thank You Pages */
.ty .hero {
  padding: 160px 0px 85px !important; }
  @media (max-width: 480px) {
    .ty .hero {
      padding-top: 60px !important; } }
  @media (max-width: 480px) {
    .ty .hero h1 {
      padding-bottom: 25px !important; } }
.ty .grid.content {
  padding: 0px 0px; }

/* PPC LPs */
@media (max-width: 768px) {
  .ppc .bottom .grid__item.one-whole {
    padding: 0 25px 0px 25px !important; } }
.ppc .footer {
  background: #1e1e1e;
  padding: 25px 0;
  margin: 0 !important;
  margin-bottom: -24px !important; }
.ppc .ppc-header {
  background: #51a2ab !important;
  padding: 25px 0px;
  position: relative;
  width: 100%;
  z-index: 99999; }
  @media (max-width: 768px) {
    .ppc .ppc-header .grid__item.one-half, .ppc .ppc-header .grid__item.two-quarters, .ppc .ppc-header .grid__item.three-sixths, .ppc .ppc-header .grid__item.four-eighths, .ppc .ppc-header .grid__item.five-tenths, .ppc .ppc-header .grid__item.six-twelfths {
      padding: 0px 25px !important; } }
  @media (max-width: 480px) {
    .ppc .ppc-header .grid__item.one-half, .ppc .ppc-header .grid__item.two-quarters, .ppc .ppc-header .grid__item.three-sixths, .ppc .ppc-header .grid__item.four-eighths, .ppc .ppc-header .grid__item.five-tenths, .ppc .ppc-header .grid__item.six-twelfths {
      text-align: center !important;
      padding: 0px !important;
      display: inline-block !important; } }
  .ppc .ppc-header span {
    font-size: 24px;
    color: white !important;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    font-family: open sans !important; }
  .ppc .ppc-header img {
    position: relative;
    top: 3px; }
.ppc .landing-page-hero.hero {
  padding-top: 65px; }
  @media (max-width: 480px) {
    .ppc .landing-page-hero.hero {
      padding-top: 45px !important; } }
  .ppc .landing-page-hero.hero h1 {
    color: #50a2ab !important;
    margin-bottom: 25px !important; }
  .ppc .landing-page-hero.hero p {
    font-size: 18px;
    font-weight: 600;
    color: #676767 !important;
    padding: 0px 65px; }
    @media (max-width: 480px) {
      .ppc .landing-page-hero.hero p {
        padding: 0px !important; } }
@media (max-width: 480px) {
  .ppc .landing-page-body {
    padding: 0px !important; } }
.ppc .landing-page-body .grid__item.one-third, .ppc .landing-page-body .grid__item.two-sixths, .ppc .landing-page-body .grid__item.four-twelfths {
  margin-top: 0px;
  padding-left: 0px !important; }
  @media (max-width: 768px) {
    .ppc .landing-page-body .grid__item.one-third, .ppc .landing-page-body .grid__item.two-sixths, .ppc .landing-page-body .grid__item.four-twelfths {
      padding: 0px !important; } }
  @media (max-width: 768px) {
    .ppc .landing-page-body .grid__item.one-third .form, .ppc .landing-page-body .grid__item.two-sixths .form, .ppc .landing-page-body .grid__item.four-twelfths .form {
      padding: 0px 50px !important; } }
  @media (max-width: 480px) {
    .ppc .landing-page-body .grid__item.one-third .form, .ppc .landing-page-body .grid__item.two-sixths .form, .ppc .landing-page-body .grid__item.four-twelfths .form {
      padding: 0px 25px !important;
      margin-bottom: 40px !important; } }
  @media (max-width: 320px) {
    .ppc .landing-page-body .grid__item.one-third .form, .ppc .landing-page-body .grid__item.two-sixths .form, .ppc .landing-page-body .grid__item.four-twelfths .form {
      padding: 0px 15px !important;
      margin-bottom: 40px !important; } }
  .ppc .landing-page-body .grid__item.one-third .form form:after, .ppc .landing-page-body .grid__item.two-sixths .form form:after, .ppc .landing-page-body .grid__item.four-twelfths .form form:after {
    border: 1px solid #777677 !important;
    background: #777677 !important; }
  .ppc .landing-page-body .grid__item.one-third .form h3, .ppc .landing-page-body .grid__item.two-sixths .form h3, .ppc .landing-page-body .grid__item.four-twelfths .form h3 {
    background: #d56e2d !important; }
  .ppc .landing-page-body .grid__item.one-third .form .hs-button, .ppc .landing-page-body .grid__item.two-sixths .form .hs-button, .ppc .landing-page-body .grid__item.four-twelfths .form .hs-button {
    background: #d56e2d !important;
    border: 1px solid #d56e2d !important; }
    .ppc .landing-page-body .grid__item.one-third .form .hs-button:hover, .ppc .landing-page-body .grid__item.two-sixths .form .hs-button:hover, .ppc .landing-page-body .grid__item.four-twelfths .form .hs-button:hover {
      background: #ffffff !important;
      border: 1px solid #d56e2d !important;
      color: #d56e2d !important; }
.ppc .landing-page-body .content .grid__item.two-thirds, .ppc .landing-page-body .content .grid__item.four-sixths, .ppc .landing-page-body .content .grid__item.eight-twelfths {
  padding-right: 50px !important; }
  @media (max-width: 480px) {
    .ppc .landing-page-body .content .grid__item.two-thirds, .ppc .landing-page-body .content .grid__item.four-sixths, .ppc .landing-page-body .content .grid__item.eight-twelfths {
      padding-right: 25px !important; } }
  @media (max-width: 320px) {
    .ppc .landing-page-body .content .grid__item.two-thirds, .ppc .landing-page-body .content .grid__item.four-sixths, .ppc .landing-page-body .content .grid__item.eight-twelfths {
      padding-right: 20px !important; } }
.ppc .landing-page-body .content h3 {
  margin-bottom: 5px !important; }
.ppc .landing-page-body .content h2 {
  font-weight: normal !important;
  margin-bottom: 20px;
  margin-top: 40px; }
.ppc .landing-page-body .content hr {
  margin: 30px 0 0px 0px !important;
  width: 100%;
  display: inline-block; }
@media (max-width: 768px) {
  .ppc .landing-page-body .content .sharing {
    padding: 0 25px !important;
    margin-bottom: 20px !important;
    display: inline-block; } }
.ppc .landing-page-body .content .testi-section {
  margin-top: 40px !important;
  display: inline-block; }
.ppc .landing-page-body .content .main-test p {
  font-family: lato, sans-serif !important;
  font-style: italic;
  color: #8f8e8e !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  -webkit-font-smoothing: antialiased !important;
  margin-bottom: 10px !important; }
.ppc .landing-page-body .content .author p {
  font-weight: bold !important;
  color: #4f4b4c !important;
  font-size: 15px !important;
  -webkit-font-smoothing: antialiased !important;
  font-family: lato, sans-serif !important;
  font-style: normal !important;
  top: -20px;
  position: relative; }
  .ppc .landing-page-body .content .author p:before {
    content: "";
    background: url("//cdn2.hubspot.net/hub/359929/file-736564674-png/images/zillow-ppc-testi.png");
    width: 46px;
    height: 41px;
    position: relative;
    display: inline-block;
    top: 20px;
    right: 5px; }
.ppc .landing-page-body .content .trulia-both .author p:before {
  background: url("//cdn2.hubspot.net/hub/359929/file-843656259-png/images/trulia-quote.png");
  width: 81px;
  height: 40px;
  background-repeat: no-repeat; }
.ppc .landing-page-body .content .trulia-second .author p:before {
  background: url("//cdn2.hubspot.net/hub/359929/file-843656259-png/images/trulia-quote.png");
  width: 81px;
  height: 40px;
  background-repeat: no-repeat; }

.ppc.new .subscribe-box h3 {
  display: none; }
.ppc.new .subscribe-box .top-section h3 {
  display: block;
  font-weight: bold !important;
  text-transform: uppercase;
  padding-top: 20px;
  font-size: 20px;
  margin-bottom: 20px; }
.ppc.new .subscribe-box form {
  border: 0px !important;
  margin-bottom: 0px !important;
  padding: 0px !important;
  text-align: inherit !important; }
.ppc.new .subscribe-box form:after {
  content: "";
  background: none !important;
  height: 0px !important;
  border: 0px !important; }
.ppc.new .subscribe-box {
  border: 4px solid #51a2ab;
  padding: 25px 40px 20px 40px;
  color: #51a1ac !important;
  font-family: crimson text !important;
  font-style: italic;
  font-size: 24px !important; }
  @media (max-width: 768px) {
    .ppc.new .subscribe-box {
      width: 50%;
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .ppc.new .subscribe-box {
      width: 70% !important; } }
  @media (max-width: 320px) {
    .ppc.new .subscribe-box {
      width: 90% !important; } }
.ppc.new .subscribe-box p {
  font-family: crimson text !important;
  font-style: italic !important;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: none !important;
  color: inherit !important; }
.ppc.new .subscribe-box .input input {
  width: 100%;
  box-shadow: none;
  cursor: initial;
  outline: none;
  font-family: open sans !important;
  padding: 0 10px 0 14px !important;
  font-style: italic !important;
  color: #656565 !important;
  height: 36px !important;
  border: 2px solid #ebebeb !important;
  font-size: 14px; }
.ppc.new .subscribe-box .hs-form-required {
  display: none; }
.ppc.new .subscribe-box .hs-button {
  margin-top: 0px !important; }
.ppc.new .ppc-form-overlay {
  background: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999999;
  top: 0;
  left: 0; }
.ppc.new .ppc-form-pop {
  z-index: 9999999;
  position: fixed;
  overflow: scroll;
  width: 800px;
  height: 570px;
  padding: 45px 60px;
  top: 50%;
  left: 50%;
  margin-top: -285px;
  margin-left: -400px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  @media (max-width: 480px) {
    .ppc.new .ppc-form-pop {
      z-index: 9999999;
      position: fixed;
      overflow: scroll;
      width: 400px !important;
      height: 280px !important;
      padding: 45px 40px;
      top: 50%;
      left: 50%;
      margin-top: -140px !important;
      margin-left: -200px !important;
      background: #fff;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; } }
  @media (max-width: 320px) {
    .ppc.new .ppc-form-pop {
      z-index: 9999999;
      position: fixed;
      overflow: scroll;
      width: 300px !important;
      height: 430px !important;
      padding: 45px 40px;
      top: 50%;
      left: 50%;
      margin-top: -220px !important;
      margin-left: -150px !important;
      background: #fff;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; } }
.ppc.new .glyphicon-remove:before {
  content: "";
  background: url("//cdn2.hubspot.net/hub/250707/file-951173484-png/Blog_Images/slide-in-exit.png");
  width: 23px;
  height: 18px;
  display: block; }
.ppc.new .ppc-form-pop .close {
  position: absolute;
  right: 30px;
  top: 30px;
  padding: 15px;
  cursor: pointer; }
.ppc.new .ppc-form-pop h3 {
  font-size: 30px;
  font-family: open sans !important;
  color: #51a2ab !important;
  font-style: normal !important;
  line-height: 1.2;
  font-weight: 600 !important;
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 20px;
  padding-bottom: 20px; }
  @media (max-width: 480px) {
    .ppc.new .ppc-form-pop h3 {
      font-size: 20px !important;
      font-family: open sans !important;
      color: #51a2ab !important;
      font-style: normal !important;
      line-height: 1.2;
      font-weight: 600 !important;
      text-align: center;
      border-bottom: 1px solid #e1e1e1;
      margin-bottom: 10px !important;
      padding-bottom: 10px !important; } }
.ppc.new .ppc-form-pop label {
  font-family: open sans;
  font-weight: normal;
  color: #454546;
  font-size: 14px;
  padding-bottom: 6px; }
.ppc.new .ppc-form-pop .hs-form-field {
  display: inline-block;
  width: 100%;
  margin: 0 3% 2% 0 !important;
  vertical-align: top; }
  @media (max-width: 480px) {
    .ppc.new .ppc-form-pop .hs-form-field {
      width: 100% !important;
      margin: 0 !important; } }
.ppc.new .ppc-form-pop .hs-form-field textarea {
  width: 100%;
  height: 60px;
  border: 1px solid #c7c7c7;
  width: 100%;
  box-shadow: none;
  cursor: initial;
  outline: none;
  font-family: open sans !important;
  padding: 5px 10px 0 18px !important;
  color: #676767 !important;
  font-family: open sans !important;
  height: 55px;
  border: 1px solid #c7c7c7; }
.ppc.new .ppc-form-pop .hs-form-field input {
  border: 1px solid #c7c7c7; }
.ppc.new .ppc-form-pop .hs-button {
  background: #51a2ab !important;
  border: 1px solid #51a2ab !important;
  width: 100%;
  text-align: center;
  font-family: open sans !important;
  color: white !important;
  border-radius: 4px;
  display: inline-block;
  margin-top: 0;
  margin-top: 20px; }
.ppc.new .ppc-form-pop .inputs-list input {
  width: 25px;
  display: inline-block;
  vertical-align: top;
  margin-top: -7px; }
.ppc.new .ppc-form-pop .inputs-list {
  list-style: none;
  width: 100% !important;
  margin-left: 0px;
  margin-bottom: 0px; }
.ppc.new .hs_have_you_been_pre_approved_by_a_local_lender_.field.hs-form-field {
  width: 97% !important;
  margin-right: 0px !important; }
.ppc.new .ppc.new .ppc-form-pop .hs-field-desc {
  display: none; }
.ppc.new .hs_location.field label {
  display: none; }
.ppc.new .hs_location.field.hs-form-field.smart-field {
  width: 97% !important; }
.ppc.new .ppc-form-pop .hs_subscribe_to_the_glass_house_real_estate_blog.field.hs-form-field {
  width: 100% !important;
  margin-top: -30px !important;
  display: block !important;
  margin-bottom: 0px !important; }
.ppc.new .grid__item.two-thirds, .ppc.new .grid__item.four-sixths, .ppc.new .grid__item.eight-twelfths {
  margin-top: 40px; }
.ppc.new .hero {
  padding: 75px 0px; }
  .ppc.new .hero h1 {
    color: #fff !important;
    font-size: 48px; }
    @media (max-width: 786px) {
      .ppc.new .hero h1 {
        font-size: 31px !important; } }
    @media (max-width: 320px) {
      .ppc.new .hero h1 {
        font-size: 21px !important; } }
  .ppc.new .hero p {
    font-family: crimson text !important;
    font-style: italic;
    font-size: 24px;
    color: #fff !important;
    font-weight: 400;
    padding: 0px 115px; }
    @media (max-width: 320px) {
      .ppc.new .hero p {
        font-size: 17px !important; } }
  .ppc.new .hero a {
    background: #51a1ac;
    color: #fff;
    padding: 18px 50px;
    margin-top: 20px !important;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 20px;
    cursor: pointer; }
.ppc.new .social-proof {
  border: 1px solid #e1e1e1;
  margin-bottom: 25px; }
  .ppc.new .social-proof .testimonial {
    background: #f9f9fa;
    padding: 22.7px 45px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 768px) {
      .ppc.new .social-proof .testimonial {
        padding: 22.7px 205px !important; } }
    @media (max-width: 480px) {
      .ppc.new .social-proof .testimonial {
        padding: 22.7px 95px !important; } }
    @media (max-width: 320px) {
      .ppc.new .social-proof .testimonial {
        padding: 22.7px 35px !important; } }
    .ppc.new .social-proof .testimonial .test-text {
      color: #7b7b7b !important;
      font-family: crimson text !important;
      font-size: 18px !important;
      font-style: italic;
      font-weight: 600;
      margin-top: 5px;
      margin-bottom: 10px; }
    .ppc.new .social-proof .testimonial .test-reb {
      color: #51a1ac !important;
      font-family: crimson text !important;
      font-style: italic;
      font-size: 34px !important;
      margin-top: 0px; }
  .ppc.new .social-proof .testimonial.one {
    border-bottom: 1px solid #f9f9fa; }
    .ppc.new .social-proof .testimonial.one:hover {
      background: #f2fafb;
      border-bottom: 1px solid #e1e1e1; }
  .ppc.new .social-proof .testimonial.two {
    border-bottom: 1px solid #f9f9fa;
    border-top: 1px solid #f9f9fa; }
    .ppc.new .social-proof .testimonial.two:hover {
      background: #f2fafb;
      border-bottom: 1px solid #e1e1e1;
      border-top: 1px solid #e1e1e1; }
  .ppc.new .social-proof .testimonial.three {
    border-top: 1px solid #f9f9fa; }
    .ppc.new .social-proof .testimonial.three:hover {
      background: #f2fafb;
      border-top: 1px solid #e1e1e1; }

.ppc.thank .landing-page-body {
  padding: 0px 0px 45px 0px !important; }

/* BOFU Landing Page With Form */
.bofu .landing-page-hero.hero {
  background: #51a2ab !important; }
  .bofu .landing-page-hero.hero h2,
  .bofu .landing-page-hero.hero h3,
  .bofu .landing-page-hero.hero p {
    color: #ffffff !important; }
.bofu .landing-page-body .two-thirds, .bofu .landing-page-body .four-sixths, .bofu .landing-page-body .eight-twelfths {
  padding-right: 40px !important; }
.bofu .landing-page-body .one-third, .bofu .landing-page-body .two-sixths, .bofu .landing-page-body .four-twelfths {
  margin-top: 0px !important; }

.contact-new .header {
  display: none !important; }
.contact-new .back-home {
  position: absolute;
  top: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: transparent;
  padding: 7px;
  cursor: pointer; }
  @media (max-width: 480px) {
    .contact-new .back-home {
      position: absolute;
      top: 40px;
      left: 50%;
      margin-left: -53px; } }
  .contact-new .back-home:hover {
    background: #5a5857; }
  .contact-new .back-home a {
    color: #fff; }
  .contact-new .back-home:before {
    content: "";
    background: url("//cdn2.hubspot.net/hub/359929/file-983165726-png/images/tiny-glasshouse-white-icon.png");
    width: 18px;
    height: 17px;
    margin-right: 6px;
    display: inline-block;
    position: relative;
    top: 2px; }
.contact-new .hero {
  padding: 140px 0 140px 0;
  margin-top: 0px; }
  @media (max-width: 1280px) {
    .contact-new .hero {
      padding: 90px 0 90px 0 !important; } }
  .contact-new .hero h1 {
    font-family: crimson text;
    font-style: italic;
    font-size: 60px !important;
    font-weight: 600; }
    .contact-new .hero h1:after {
      content: "";
      width: 8%;
      height: 3px;
      background: #fff;
      display: block;
      margin: 20px auto 0px auto; }
  .contact-new .hero .testi {
    padding: 0px 280px; }
    @media (max-width: 480px) {
      .contact-new .hero .testi {
        padding: 10px 15px !important; } }
    .contact-new .hero .testi p {
      margin-top: 20px;
      font-family: crimson text !important;
      font-style: italic;
      font-size: 20px;
      font-weight: 600; }
  .contact-new .hero .author p {
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 20px; }
  .contact-new .hero .testi-image img {
    width: 78px !important; }
@media (max-width: 480px) {
  .contact-new .content .grid__item.one-half.hard--left.soft--right, .contact-new .content .grid__item.hard--left.soft--right.two-quarters, .contact-new .content .grid__item.hard--left.soft--right.three-sixths, .contact-new .content .grid__item.hard--left.soft--right.four-eighths, .contact-new .content .grid__item.hard--left.soft--right.five-tenths, .contact-new .content .grid__item.hard--left.soft--right.six-twelfths {
    padding: 15px !important; } }
.contact-new .content .form-text-value p {
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 7px; }
.contact-new .content form input {
  padding: 10.5px;
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bfbfbf !important; }
.contact-new .content form label {
  text-align: left;
  padding-left: 0;
  padding-bottom: 6px;
  font-size: 18px;
  font-family: open sans !important;
  color: #676767;
  -webkit-font-smoothing: antialiased; }
.contact-new .content form select {
  border: 1px solid #bfbfbf !important; }
.contact-new .content form .hs-form-field {
  width: 47%;
  display: inline-block;
  vertical-align: top;
  margin-right: 3%;
  margin-top: 10px; }
.contact-new .content form .hs_are_you_currently_working_with_an_agent_, .contact-new .content form .hs_best_describes_me.field, .contact-new .content form .hs_have_you_been_pre_approved_by_a_local_lender_, .contact-new .content form .hs_location {
  width: 97%;
  margin: 10px 0px 0px 0px; }
  .contact-new .content form .hs_are_you_currently_working_with_an_agent_ .hs-field-desc, .contact-new .content form .hs_best_describes_me.field .hs-field-desc, .contact-new .content form .hs_have_you_been_pre_approved_by_a_local_lender_ .hs-field-desc, .contact-new .content form .hs_location .hs-field-desc {
    display: none !important; }
.contact-new .content form .hs_submit input {
  background: #51a2ab;
  color: #fff;
  margin: 20px 0px 0px 0px;
  width: 97%;
  font-family: open sans;
  font-size: 18px;
  border: 0px !important; }
@media (max-width: 480px) {
  .contact-new .content .information {
    padding: 15px !important; } }
.contact-new .content .information h3 {
  color: #51a2ab !important;
  font-family: crimson text !important;
  font-style: italic;
  font-weight: 600 !important;
  font-size: 33px;
  margin-bottom: 10px; }
.contact-new .content ul.social {
  list-style: none !important;
  margin-left: 0px; }
  .contact-new .content ul.social a {
    margin: 0px 12px; }

.hs-content-id-643093990 form .hs_best_describes_me_selling.field.hs-form-field.smart-field {
  width: 100%; }
  .hs-content-id-643093990 form .hs_best_describes_me_selling.field.hs-form-field.smart-field .hs-field-desc {
    display: none !important; }
.hs-content-id-643093990 form .hs_location.field.hs-form-field.smart-field {
  width: 100%; }
.hs-content-id-643093990 form .hs_timeframe.field.hs-form-field {
  width: 100%; }
.hs-content-id-643093990 form .hs_are_you_also_looking_to_buy_a_new_home_.field.hs-form-field {
  width: 100%; }
.hs-content-id-643093990 form ul.inputs-list.multi-container {
  margin-bottom: 0px !important; }
  .hs-content-id-643093990 form ul.inputs-list.multi-container li {
    display: block !important; }
.hs-content-id-643093990 form .hs-form-booleancheckbox input {
  width: 25px !important;
  height: 14px !important;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 3px;
  margin-bottom: 0px !important; }
.hs-content-id-643093990 form .hs-button {
  margin-top: 0px !important; }

.vegas-loading {
  border-radius: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  background: url(images/loading.gif) no-repeat center center;
  /* Loading Gif by http://preloaders.net/ */
  height: 32px;
  left: 20px;
  position: fixed;
  top: 20px;
  width: 32px;
  z-index: 0; }

.vegas-overlay {
  background: transparent url(overlays/01.png);
  opacity: 0.5;
  z-index: -1; }

.vegas-background {
  -ms-interpolation-mode: bicubic;
  image-rendering: optimizeQuality;
  max-width: none !important;
  /* counteracts global img modification by twitter bootstrap library */
  z-index: -2; }

.vegas-overlay,
.vegas-background {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.case-studies-main h1 span {
  color: #fff; }
  .case-studies-main h1 span span {
    color: #f2996b; }
    .case-studies-main h1 span span:before {
      content: "|";
      padding-right: 6px; }

#case-studies #community-listing {
  max-width: 1000px;
  display: block;
  margin: 0 auto; }
  #case-studies #community-listing .padding-wrapper {
    padding-left: 0px;
    text-align: center;
    padding: 12.5px; }
    #case-studies #community-listing .padding-wrapper .post-wrap {
      padding: 25px;
      background: #fff;
      border: 1px solid #cccccc;
      -webkit-transition: all 0.25s linear;
      transition: all 0.25s linear;
      min-height: 220px;
      position: relative;
      border-radius: 0;
      overflow: hidden;
      border-collapse: collapse; }
      #case-studies #community-listing .padding-wrapper .post-wrap:hover {
        background: #50A3AB; }
        #case-studies #community-listing .padding-wrapper .post-wrap:hover h4 {
          top: 39%;
          color: #fff !important; }
          #case-studies #community-listing .padding-wrapper .post-wrap:hover h4 span {
            color: #fff !important; }
        #case-studies #community-listing .padding-wrapper .post-wrap:hover .read-more {
          bottom: 40px !important;
          opacity: 1 !important; }
          #case-studies #community-listing .padding-wrapper .post-wrap:hover .read-more:hover {
            background: #fff !important;
            color: #454545 !important; }
      @media (max-width: 1024px) {
        #case-studies #community-listing .padding-wrapper .post-wrap {
          background: #50A3AB; } }
      @media (max-width: 768px) {
        #case-studies #community-listing .padding-wrapper .post-wrap {
          background: #50A3AB; } }
      #case-studies #community-listing .padding-wrapper .post-wrap img {
        max-width: 90px; }
      #case-studies #community-listing .padding-wrapper .post-wrap h4 {
        font-weight: 600 !important;
        color: #454545 !important;
        margin-top: 10px;
        margin-bottom: 0 !important;
        font-style: normal;
        font-size: 25px !important;
        margin-top: 0;
        position: absolute;
        top: 55%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        padding: 0px 25px !important;
        font-family: montserrat;
        font-size: 18px;
        color: #fff;
        line-height: 1.4;
        font-weight: normal !important;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-left: -22px; }
        #case-studies #community-listing .padding-wrapper .post-wrap h4 span {
          color: #51a2ab !important;
          display: block;
          font-size: 23px;
          margin-bottom: 18px;
          -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
      #case-studies #community-listing .padding-wrapper .post-wrap .read-more {
        background: none !important;
        padding: 0px;
        padding-top: 6px;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 14px;
        color: #fff !important;
        margin-top: 0px;
        display: inline-block;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        color: #fff;
        font-size: 16px;
        position: absolute;
        display: block;
        width: 200px;
        left: 50%;
        margin-left: -100px !important;
        line-height: 2.1;
        height: 50px !important;
        bottom: -52px;
        font-weight: normal !important;
        border: 3px solid #fff !important;
        text-align: center;
        margin-left: 0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        opacity: 0; }
#case-studies .blog-bg-main {
  background: url("//cdn2.hubspot.net/hub/359929/file-637953036-jpg/images/case-study-bg.jpg?t=1405956003358") no-repeat !important;
  background-size: cover !important;
  margin-top: 0px;
  padding: 210px 0px 180px;
  text-align: center;
  margin-top: 73px; }
  @media (max-width: 768px) {
    #case-studies .blog-bg-main {
      margin-top: 0px; } }
#case-studies .main-content.subscribe-waypoint {
  padding: 75px 0px;
  background: #f9f9f9; }

.blog.case-studies .subpage-hero {
  margin-top: 71px;
  padding: 140px 0px; }
  @media (max-width: 1280px) {
    .blog.case-studies .subpage-hero {
      padding: 120px 0px !important;
      margin-top: 60px !important; } }
  @media (max-width: 480px) {
    .blog.case-studies .subpage-hero {
      padding: 60px 0px !important; } }
  .blog.case-studies .subpage-hero h1 {
    line-height: 1.3;
    color: #fff; }
    @media (max-width: 768px) {
      .blog.case-studies .subpage-hero h1 {
        text-align: center;
        font-size: 36px !important;
        padding: 0px 45px !important; } }
    @media (max-width: 480px) {
      .blog.case-studies .subpage-hero h1 {
        text-align: center;
        font-size: 26px !important;
        padding: 0 35px !important;
        line-height: 1.3; } }
  .blog.case-studies .subpage-hero p {
    color: #fff; }
    @media (max-width: 768px) {
      .blog.case-studies .subpage-hero p {
        padding: 0px 95px !important; } }
    @media (max-width: 480px) {
      .blog.case-studies .subpage-hero p {
        padding: 0px !important; } }
  .blog.case-studies .subpage-hero h2 {
    font-size: 16px !important;
    font-family: lora;
    color: #fff; }
@media (max-width: 1024px) {
  .blog.case-studies .main-content {
    margin-left: 16px !important;
    left: 0px !important; } }
@media (max-width: 768px) {
  .blog.case-studies .main-content {
    margin-left: 8px !important; } }
@media (max-width: 768px) {
  .blog.case-studies .main-content .community-topics {
    padding: 45px !important; } }
@media (max-width: 480px) {
  .blog.case-studies .main-content .community-topics {
    padding: 15px !important; } }
@media (max-width: 768px) {
  .blog.case-studies .main-content .community-topics ul {
    display: none !important; } }
.blog.case-studies .main-content .community-topics ul li.one-seventh {
  width: inherit; }
  .blog.case-studies .main-content .community-topics ul li.one-seventh:hover {
    border-bottom: 4px solid #2b2b2b !important; }
  .blog.case-studies .main-content .community-topics ul li.one-seventh:hover a {
    background: #ebebeb !important; }
  .blog.case-studies .main-content .community-topics ul li.one-seventh a {
    border: 0px !important;
    min-height: inherit !important; }
    .blog.case-studies .main-content .community-topics ul li.one-seventh a:hover {
      border: 0px !important; }
.blog.case-studies .main-content .community-topics ul li.all a {
  line-height: 1.5 !important;
  min-height: inherit !important; }
@media (max-width: 786px) {
  .blog.case-studies .main-content .community-topics .community-topics-dropdown {
    display: block !important; } }
@media (max-width: 1024px) {
  .blog.case-studies .padding-wrapper {
    padding: 0px 0px !important;
    margin-left: 0px !important;
    width: 32.3%;
    margin: 0px 1%;
    margin-bottom: -4px !important; } }
@media (max-width: 850px) {
  .blog.case-studies .padding-wrapper {
    width: 32% !important; } }
@media (max-width: 768px) {
  .blog.case-studies .padding-wrapper {
    padding: 0px 0px !important;
    margin-left: 0px !important;
    width: 49% !important;
    margin-bottom: -4px !important; } }
@media (max-width: 480px) {
  .blog.case-studies .padding-wrapper {
    padding: 0px 0px !important;
    margin-left: 0px !important;
    width: 100% !important;
    margin-bottom: -4px !important; } }
.blog.case-studies .post-wrap.transportation {
  background: url("//cdn2.hubspot.net/hub/398384/file-1472323144-jpg/transportation-bg-new.jpg") !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://cdn2.hubspot.net/hub/398384/file-1472323144-jpg/transportation-bg-new.jpg",sizingMethod="scale");
  -ms-filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://cdn2.hubspot.net/hub/398384/file-1472323144-jpg/transportation-bg-new.jpg",sizingMethod="scale")'; }
.blog.case-studies .post-wrap.health-care {
  background: url("//cdn2.hubspot.net/hub/398384/file-1476276982-jpg/healthcare-new-bg.jpg") !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://cdn2.hubspot.net/hub/398384/file-1476276982-jpg/healthcare-new-bg.jpg",sizingMethod="scale");
  -ms-filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://cdn2.hubspot.net/hub/398384/file-1476276982-jpg/healthcare-new-bg.jpg",sizingMethod="scale")'; }
.blog.case-studies .post-wrap.higher-education {
  background: url("//cdn2.hubspot.net/hub/398384/file-1476291117-jpg/higher-education-new-bg.jpg") !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://cdn2.hubspot.net/hub/398384/file-1476291117-jpg/higher-education-new-bg.jpg",sizingMethod="scale");
  -ms-filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://cdn2.hubspot.net/hub/398384/file-1476291117-jpg/higher-education-new-bg.jpg",sizingMethod="scale")'; }
.blog.case-studies .post-wrap.insurance {
  background: url("//cdn2.hubspot.net/hub/398384/file-1558640957-jpg/insurance-main-case-study-new.jpg") !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://cdn2.hubspot.net/hub/398384/file-1558640957-jpg/insurance-main-case-study-new.jpg",sizingMethod="scale");
  -ms-filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://cdn2.hubspot.net/hub/398384/file-1558640957-jpg/insurance-main-case-study-new.jpg",sizingMethod="scale")'; }
.blog.case-studies .post-wrap.financial-services {
  background: url("//cdn2.hubspot.net/hub/398384/file-1476447526-jpg/financial-services-new-bg.jpg") !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://cdn2.hubspot.net/hub/398384/file-1476447526-jpg/financial-services-new-bg.jpg",sizingMethod="scale");
  -ms-filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://cdn2.hubspot.net/hub/398384/file-1476447526-jpg/financial-services-new-bg.jpg",sizingMethod="scale")'; }
.blog.case-studies .post-wrap.cross-industry {
  background: url("//cdn2.hubspot.net/hub/398384/file-1472313104-jpg/cross-industry-new-bg.jpg") !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://cdn2.hubspot.net/hub/398384/file-1472313104-jpg/cross-industry-new-bg.jpg",sizingMethod="scale");
  -ms-filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://cdn2.hubspot.net/hub/398384/file-1472313104-jpg/cross-industry-new-bg.jpg",sizingMethod="scale")'; }
@media (max-width: 1024px) {
  .blog.case-studies .post-wrap .read-more {
    bottom: 93px !important;
    opacity: 1 !important; } }
@media (max-width: 850px) {
  .blog.case-studies .post-wrap .read-more {
    bottom: 73px !important;
    opacity: 1 !important; } }
@media (max-width: 768px) {
  .blog.case-studies .post-wrap .read-more {
    bottom: 73px !important;
    opacity: 1 !important; } }
@media (max-width: 1024px) {
  .blog.case-studies .post-wrap h4 {
    top: 39% !important; } }
@media (max-width: 850px) {
  .blog.case-studies .post-wrap h4 {
    padding: 0px 13px !important; } }
@media (max-width: 768px) {
  .blog.case-studies .post-wrap h4 {
    top: 39% !important; } }
.blog.case-studies.single .menu ul.social {
  padding: 0px; }
.blog.case-studies.single .header .menu-button i {
  color: #2b2b2b !important;
  padding-right: 15px;
  padding-top: 4px; }
.blog.single .case-studies-main {
  background: #f5f5f5; }
.blog.single .header {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: fixed;
  top: 0px;
  width: 100%;
  padding: 5px 0;
  background: white;
  border-bottom: 1px solid #F0F0F0;
  z-index: 9999999; }
  .blog.single .header .menu-button i {
    color: #fff !important;
    padding-right: 15px;
    padding-top: 4px; }
  .blog.single .header .above-nav {
    padding: 8px 0 6px 0px !important; }
  .blog.single .header .logo .logo_image {
    background: url("//cdn2.hubspot.net/hub/398384/file-1615528391-png/newest-dark-logo.png");
    width: 248px;
    height: 35px;
    cursor: pointer;
    position: relative;
    top: 4px; }
    @media (max-width: 1280px) {
      .blog.single .header .logo .logo_image {
        top: 0px;
        left: 15px; } }
  .blog.single .header .menu {
    padding: 6px 0px; }
  .blog.single .header ul {
    padding: 6px 0px; }
    .blog.single .header ul.hs-menu-children-wrapper:before {
      content: "";
      position: absolute;
      height: 7px;
      left: -2px;
      width: 100%;
      top: -7px; }
    .blog.single .header ul li.support {
      padding: 0px !important;
      border: 2px solid #f15c45;
      margin-left: 15px; }
      .blog.single .header ul li.support a {
        padding: 3px 12px; }
        .blog.single .header ul li.support a:hover {
          background: rgba(241, 92, 69, 0.6) !important; }
    .blog.single .header ul li.contact {
      padding: 0px !important;
      border: 2px solid #f15c45;
      background: #f15c45;
      margin-left: -6px; }
      .blog.single .header ul li.contact a {
        padding: 3px 12px;
        color: #fff !important; }
        .blog.single .header ul li.contact a:hover {
          background: rgba(241, 92, 69, 0.6) !important; }
    .blog.single .header ul li a {
      color: #2a2b2a !important; }
  .blog.single .header.landingheader {
    display: inline-block;
    border-bottom: 1px solid #ccc;
    padding: 0px 0;
    text-align: center; }
    .blog.single .header.landingheader .logo img {
      max-height: 50px !important;
      width: auto !important; }
.blog.single .dark-logo {
  background: white !important;
  z-index: 99999999;
  border-bottom: 1px solid #F7F7F7 !important;
  padding: 5px 0px !important; }
  .blog.single .dark-logo .menu-button i {
    color: #2c2c2c !important; }
  .blog.single .dark-logo .above-nav {
    padding: 8px 0 6px 0px !important; }
    .blog.single .dark-logo .above-nav .logo .logo_image {
      background: url("//cdn2.hubspot.net/hub/398384/file-1615528391-png/newest-dark-logo.png");
      width: 248px;
      height: 35px;
      cursor: pointer; }
  .blog.single .dark-logo .menu {
    padding: 6px 0px; }
  .blog.single .dark-logo ul {
    padding: 6px 0px; }
    .blog.single .dark-logo ul li.support {
      border: 2px solid #f15c45; }
      .blog.single .dark-logo ul li.support a:hover {
        background: rgba(241, 92, 69, 0.6); }
    .blog.single .dark-logo ul li.contact {
      border: 2px solid #f15c45;
      background: #f15c45; }
      .blog.single .dark-logo ul li.contact a {
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        color: #fff !important; }
        .blog.single .dark-logo ul li.contact a:hover {
          background: rgba(241, 92, 69, 0.6); }
    .blog.single .dark-logo ul li a {
      color: #2a2b2a !important; }
.blog.single .subpage-hero {
  background: url("//cdn2.hubspot.net/hub/398384/file-1605055150-jpg/case-studies-inner-bg.jpg") !important; }
.blog.single .main-content-single-case.grid {
  background: #fff;
  border: 1px solid #ddd;
  padding: 0px !important; }
  .blog.single .main-content-single-case.grid .top-section {
    padding: 45px 45px;
    border-bottom: 0px solid #ddd;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    @media (max-width: 768px) {
      .blog.single .main-content-single-case.grid .top-section .one-quarter, .blog.single .main-content-single-case.grid .top-section .two-eighths, .blog.single .main-content-single-case.grid .top-section .three-twelfths {
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 30px; } }
    @media (max-width: 768px) {
      .blog.single .main-content-single-case.grid .top-section .three-quarters, .blog.single .main-content-single-case.grid .top-section .six-eighths, .blog.single .main-content-single-case.grid .top-section .nine-twelfths {
        width: 100%;
        text-align: center;
        padding: 0px 45px !important; } }
    @media (max-width: 768px) {
      .blog.single .main-content-single-case.grid .top-section .three-quarters, .blog.single .main-content-single-case.grid .top-section .six-eighths, .blog.single .main-content-single-case.grid .top-section .nine-twelfths {
        width: 100%;
        text-align: center;
        padding: 0px 0px !important; } }
    .blog.single .main-content-single-case.grid .top-section .author-text p {
      font-family: montserrat;
      text-align: right;
      color: #3a3a3a; }
      @media (max-width: 768px) {
        .blog.single .main-content-single-case.grid .top-section .author-text p {
          text-align: center !important; } }
    .blog.single .main-content-single-case.grid .top-section .normal-text p {
      font-style: italic;
      color: #3a3a3a !important;
      font-family: lora; }
  .blog.single .main-content-single-case.grid .challenges-wrapper {
    border-bottom: 1px solid #ddd;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .blog.single .main-content-single-case.grid .challenges-wrapper .challenges:hover,
    .blog.single .main-content-single-case.grid .challenges-wrapper .solution:hover {
      background: #f0fafb !important; }
    .blog.single .main-content-single-case.grid .challenges-wrapper .challenge-content {
      padding: 25px 45px; }
      .blog.single .main-content-single-case.grid .challenges-wrapper .challenge-content ul {
        margin-left: 19px !important; }
        .blog.single .main-content-single-case.grid .challenges-wrapper .challenge-content ul li {
          font-family: "Lora", serif;
          line-height: 2;
          font-size: 15px;
          color: #3a3a3a;
          font-weight: normal !important;
          margin-bottom: 8px !important; }
    .blog.single .main-content-single-case.grid .challenges-wrapper h3 {
      color: #3a3a3a;
      font-weight: normal !important;
      font-size: 18px;
      padding: 13px 0px;
      border-bottom: 1px solid #ddd;
      border-top: 1px solid #ddd;
      margin-bottom: 0px !important; }
  .blog.single .main-content-single-case.grid .results {
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .blog.single .main-content-single-case.grid .results:hover {
      background: #f0fafb !important; }
    .blog.single .main-content-single-case.grid .results h3 {
      color: #3a3a3a;
      font-weight: normal !important;
      font-size: 18px;
      padding: 13px 0px;
      border-bottom: 1px solid #ddd;
      margin-bottom: 0px !important; }
    .blog.single .main-content-single-case.grid .results .results-text {
      padding: 25px 45px; }
  .blog.single .main-content-single-case.grid .share {
    padding: 25px 0px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .blog.single .main-content-single-case.grid .share:hover {
      background: #f0fafb !important; }
    .blog.single .main-content-single-case.grid .share h3 {
      color: #3a3a3a;
      font-weight: normal !important;
      font-size: 18px;
      padding: 13px 0px;
      margin-bottom: 0px !important; }
    .blog.single .main-content-single-case.grid .share .tooltipped-share {
      text-align: center;
      width: 100%;
      display: block; }
      .blog.single .main-content-single-case.grid .share .tooltipped-share .fa {
        margin: 0px 3px 10px; }
        .blog.single .main-content-single-case.grid .share .tooltipped-share .fa.fa-twitter {
          background: #289fd2;
          height: 20px;
          width: 20px;
          font-size: 13px;
          padding-left: 0 !important;
          text-align: center;
          color: white !important;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          line-height: 1.6;
          opacity: .7;
          -webkit-transition: all 0.25s linear;
          -moz-transition: all 0.25s linear;
          transition: all 0.25s linear; }
        .blog.single .main-content-single-case.grid .share .tooltipped-share .fa.fa-linkedin {
          background: #156893;
          height: 20px;
          text-align: center !important;
          width: 20px;
          padding-left: 0px;
          font-size: 11px;
          color: white !important;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          line-height: 2;
          opacity: 0.7;
          -webkit-transition: all 0.25s linear;
          -moz-transition: all 0.25s linear;
          transition: all 0.25s linear; }
        .blog.single .main-content-single-case.grid .share .tooltipped-share .fa.fa-facebook {
          background: #335c97;
          height: 20px;
          width: 20px;
          font-size: 12px;
          color: white !important;
          border-radius: 50%;
          text-align: center;
          -webkit-border-radius: 50%;
          line-height: 1.8;
          padding-left: 0 !important;
          opacity: .7;
          -webkit-transition: all 0.25s linear;
          -moz-transition: all 0.25s linear;
          transition: all 0.25s linear; }
        .blog.single .main-content-single-case.grid .share .tooltipped-share .fa.fa-google-plus {
          background: #FF0101;
          height: 20px;
          width: 20px;
          font-size: 12px;
          color: white !important;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          line-height: 1.7;
          text-align: center;
          padding-left: 0 !important;
          opacity: .7;
          -webkit-transition: all 0.25s linear;
          -moz-transition: all 0.25s linear;
          transition: all 0.25s linear; }

/* New Styles */
#case-studies #community-listing .padding-wrapper .post-wrap h4 {
  width: 100%; }

@media (max-width: 1024px) {
  #case-studies #community-listing .padding-wrapper .post-wrap h4,
  #case-studies #community-listing .padding-wrapper .post-wrap h4 span {
    color: #fff !important; }

  #case-studies #community-listing .padding-wrapper .post-wrap .read-more {
    bottom: 30px !important; }

  #case-studies #community-listing .padding-wrapper .post-wrap:hover .read-more {
    bottom: 30px !important; }

  #case-studies .main-content.subscribe-waypoint {
    margin-left: 0px !important;
    padding: 75px 40px; }

  #case-studies #community-listing .padding-wrapper {
    margin-bottom: 10px !important; }

  #case-studies .blog-bg-main {
    padding: 100px 0px !important; }

  .blog.case-studies .subpage-hero {
    margin-top: 0px !important; } }