@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

video {
    max-width: 100%;
    height: auto;
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}
/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/

html, body {
    font-family: 'Lato', sans-serif;
    line-height: 1.25;
} 
body {
    font-size: 16px;
    margin: 0;
}
@media (max-width: 767px) {
    body {
        font-size: 14px;
    }
}
a {
    color: #1f51a2;
    text-decoration: underline;
}
a:hover, a:focus {}

img {}

.fullwidth-bg {
    display: inline-block;
    float: left;
    width: 100%;
}
.page-center {
    width: 100%;
    max-width: 960px;
    margin: 0 auto!important;
    float: none!important;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
}

.small-page-center {
    max-width: 1000px;
}
/* ------ Typography ------ */

/* Basic text */
p {
    font-size: 1em; /* 16px */
    font-family: 'Lato', sans-serif;
}
small {}
strong {}
em {}
cite {}

/* Headings */
h1, h2, h3, h4, h5, h6, a span { 
    font-family: 'Oswald', sans-serif!important;
    line-height: 1.2;
    font-weight: 700    ;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {
    font-size: 4.000em; /* 64px */
    font-weight:400;
    margin-bottom: 24px;
}
.site-page h1,
.inner-page h1 {font-size: 2.500em;}
h2 {
    font-size: 3.500em; /* 56px */
    font-weight: 400;
    margin-bottom: 24px;
}

.site-page h2,
.inner-page h2 {font-size: 2.000em;}
.small-h2 h2 {
    font-size: 3.200em;
    font-weight: 400;
    margin-bottom: 24px;
    line-height: 1.2em;
}
h3 {
    font-size: 3.250em; /* 52px */
    font-weight: 400;
    margin-bottom: 24px;
}

.site-page h3,
.inner-page h3 {font-size: 1.500em;}
h4 {
    font-size: 2.500em;
    font-weight: 400;
    margin-bottom: 24px;
}
.site-page h4,
.inner-page h4 {font-size: 1.250em;}
.small-h4 h4 {
    font-size: 2.2em;
    font-weight: 400;
    line-height: 1.2em;
}
h5 {
    font-size: 1.750em; /* 28px */
    font-weight: 400;
    margin-bottom: 10px;
}
.site-page h5,
.inner-page h5 {font-size: 1.150em;}
h6 {
    font-size: 1.188em; /* 19px */
    font-weight: 300;
    margin-bottom: 10px;
}

.site-page h6,
.inner-page h6 {font-size: 1.050em;}

.page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5, .page-header h6 {
    margin: 0;
    color: #ffffff;
}

/* Font weight & line height */

.font-light {
    font-weight: 300;
}

.large-line-height, .large-line-height h1, .large-line-height h2, .large-line-height h3, .large-line-height h4, .large-line-height h5, .large-line-height h6, .large-line-height p {
    line-height: 2em;
}
/* Lists */
ul, ol {padding-left: 25px;}
ul ul, ul ol, ol ol, ol ul {}

li {}

ul.unstyled, ol.unstyled {}

ul.inline, ol.inline {}
ul.inline > li, ol.inline > li {}

dl {}
dt, dd {}
dt {}
dd {}

/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}

q:before, q:after, blockquote:before, blockquote:after {}

/* Address */
address {}


/* Colors */
.color-black, .color-black h1, .color-black h2, .color-black h3, .color-black h4, .color-black h5, .color-black h6, .color-black p, .color-black span{
    color: #231f20;
}
.color-white, .color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, .color-white p, .color-white span {
    color: #ffffff;
}
.color-blue, .color-blue h1, .color-blue h2, .color-blue h3, .color-blue h4, .color-blue h5, .color-blue h6, .color-blue p, .color-blue span {
    color: #2a66ae;
}
/* Backgrounds */

.bg-light-grey {
    background: #f0f0f0;
}
.bg-dark-grey {
    background: #1a1a1a;
}


/* Marrgins & Paddings */

.margin-none, .margin-none h1, .margin-none h2, .margin-none h3, .margin-none h4, .margin-none h5, .margin-none h6 {margin: 0px;}

.padding-XXL    {	padding:	92px	0px;	}
.padding-XL	    {	padding:	85px	0px;	}
.padding-L	    {	padding:	70px	0px !important;	}
.padding-M	    {	padding:	54px	0px;	}
.padding-S	    {	padding:	44px	0px;	}
.padding-XS	    {	padding:	32px	0px;	}
.padding-XXS	{	padding:	21px	0px;	}
					
.padding-XXL-top	{	padding-top:	92px;	}	
.padding-XL-top	    {	padding-top:	85px;	}	
.padding-L-top	    {	padding-top:	70px;	}	
.padding-M-top	    {	padding-top:	54px;	}	
.padding-S-top	    {	padding-top:	44px;	}	
.padding-XS-top	    {	padding-top:	32px;	}	
.padding-XXS-top	{	padding-top:	21px;	}	
					
.padding-XXL-right	{	padding-right:	92px;	}	
.padding-XL-right	{	padding-right:	85px;	}	
.padding-L-right	{	padding-right:	70px;	}	
.padding-M-right	{	padding-right:	54px;	}	
.padding-S-right	{	padding-right:	44px;	}	
.padding-XS-right	{	padding-right:	32px;	}	
.padding-XXS-right	{	padding-right:	21px;	}	
					
.padding-XXL-bottom	{	padding-bottom:	92px;	}	
.padding-XL-bottom	{	padding-bottom:	85px;	}	
.padding-L-bottom	{	padding-bottom:	70px;	}	
.padding-M-bottom	{	padding-bottom:	54px;	}	
.padding-S-bottom	{	padding-bottom:	44px;	}	
.padding-XS-bottom	{	padding-bottom:	32px;	}	
.padding-XXS-bottom	{	padding-bottom:	21px;	}	
					
.padding-XXL-left	{	padding-left:	92px;	}	
.padding-XL-left	{	padding-left:	85px;	}	
.padding-L-left	    {	padding-left:	70px;	}	
.padding-M-left	    {	padding-left:	54px;	}	
.padding-S-left	    {	padding-left:	44px;	}	
.padding-XS-left	{	padding-left:	32px;	}	
.padding-XXS-left	{	padding-left:	21px;	}		

.margin-XXL     {	margin:	92px 0px;	}
.margin-XL	    {	margin:	85px 0px;	}
.margin-L	    {	margin:	70px 0px;	}
.margin-M	    {	margin:	54px 0px;	}
.margin-S	    {	margin:	44px 0px;	}
.margin-XS	    {	margin:	32px 0px;	}
.margin-XXS	    {	margin:	21px 0px;	}
					
.margin-XXL-top	{	margin-top:	92px;	}	
.margin-XL-top	{	margin-top:	85px;	}	
.margin-L-top	{	margin-top:	70px;	}	
.margin-M-top	{	margin-top:	54px;	}	
.margin-S-top	{	margin-top:	44px;	}	
.margin-XS-top	{	margin-top:	32px;	}	
.margin-XXS-top	{	margin-top:	21px;	}	
					
.margin-XXL-right	{	margin-right:	92px;	}	
.margin-XL-right	{	margin-right:	85px;	}	
.margin-L-right	    {	margin-right:	70px;	}	
.margin-M-right	    {	margin-right:	54px;	}	
.margin-S-right	    {	margin-right:	44px;	}	
.margin-XS-right	{	margin-right:	32px;	}	
.margin-XXS-right	{	margin-right:	21px;	}	
					
.margin-XXL-bottom	{	margin-bottom:	92px;	}	
.margin-XL-bottom	{	margin-bottom:	85px;	}	
.margin-L-bottom	{	margin-bottom:	70px;	}	
.margin-M-bottom	{	margin-bottom:	54px;	}	
.margin-S-bottom	{	margin-bottom:	44px;	}	
.margin-XS-bottom	{	margin-bottom:	32px;	}	
.margin-XXS-bottom	{	margin-bottom:	21px;	}	
					
.margin-XXL-left	{	margin-left:	92px;	}	
.margin-XL-left	    {	margin-left:	85px;	}	
.margin-L-left	    {	margin-left:	70px;	}	
.margin-M-left	    {	margin-left:	54px;	}	
.margin-S-left	    {	margin-left:	44px;	}	
.margin-XS-left	    {	margin-left:	32px;	}	
.margin-XXS-left	{	margin-left:	21px;	}	

@media (max-width: 767px) {
    .mobile-padding-XXL         {   padding:    150px	0px;	}
    .mobile-padding-XL	        {	padding:	120px	0px;	}
    .mobile-padding-L	        {	padding:	60px	0px;	}
    .mobile-padding-M	        {	padding:	45px	0px;	}
    .mobile-padding-S      	    {	padding:	35px	0px;	}
    .mobile-padding-XS	        {	padding:	20px	0px;	}
    .mobile-padding-XXS	        {	padding:	10px	0px;	}

    .mobile-padding-XXL-all     {   padding:	150px;	}
    .mobile-padding-XL-all	    {	padding:	120px;	}
    .mobile-padding-L-all	    {	padding:	60px;	}
    .mobile-padding-M-all	    {	padding:	45px;	}
    .mobile-padding-S-all      	{	padding:	35px;	}
    .mobile-padding-XS-all	    {	padding:	20px;	}
    .mobile-padding-XXS-all	    {	padding:	10px;	}
    
    .mobile-padding-XXL-top	    {	padding-top:	150px;	}	
    .mobile-padding-XL-top	    {	padding-top:	120px;	}	
    .mobile-padding-L-top	    {	padding-top:	60px;	}	
    .mobile-padding-M-top	    {	padding-top:	45px;	}	
    .mobile-padding-S-top	    {	padding-top:	35px;	}	
    .mobile-padding-XS-top	    {	padding-top:	20px;	}	
    .mobile-padding-XXS-top	    {	padding-top:	10px;	}	
    					
    .mobile-padding-XXL-right	{	padding-right:	150px;	}	
    .mobile-padding-XL-right	{	padding-right:	120px;	}	
    .mobile-padding-L-right	    {	padding-right:	60px;	}	
    .mobile-padding-M-right	    {	padding-right:	45px;	}	
    .mobile-padding-S-right	    {	padding-right:	35px;	}	
    .mobile-padding-XS-right	{	padding-right:	20px;	}	
    .mobile-padding-XXS-right	{	padding-right:	10px;	}	
    					
    .mobile-padding-XXL-bottom	{	padding-bottom:	150px;	}	
    .mobile-padding-XL-bottom	{	padding-bottom:	120px;	}	
    .mobile-padding-L-bottom	{	padding-bottom:	60px;	}	
    .mobile-padding-M-bottom	{	padding-bottom:	45px;	}	
    .mobile-padding-S-bottom	{	padding-bottom:	35px;	}	
    .mobile-padding-XS-bottom	{	padding-bottom:	20px;	}	
    .mobile-padding-XXS-bottom	{	padding-bottom:	10px;	}	
    					
    .mobile-padding-XXL-left	{	padding-left:	150px;	}	
    .mobile-padding-XL-left	    {	padding-left:	120px;	}	
    .mobile-padding-L-left	    {	padding-left:	60px;	}	
    .mobile-padding-M-left	    {  	padding-left:	45px;	}	
    .mobile-padding-S-left	    {	padding-left:	35px;	}	
    .mobile-padding-XS-left	    {	padding-left:	20px;	}	
    .mobile-padding-XXS-left	{	padding-left:	10px;	}	
    
    .mobile-margin-XXL          {	margin:	150px	0px;	}
    .mobile-margin-XL	        {	margin:	120px	0px;	}
    .mobile-margin-L	        {	margin:	60px	0px;	}
    .mobile-margin-M	        {	margin:	45px	0px;	}
    .mobile-margin-S	        {	margin:	35px	0px;	}
    .mobile-margin-XS	        {	margin:	20px	0px;	}
    .mobile-margin-XXS	        { 	margin:	10px	0px;	}
    					
    .mobile-margin-XXL-top	    {	margin-top:	150px;	}	
    .mobile-margin-XL-top	    {	margin-top:	120px;	}	
    .mobile-margin-L-top	    {	margin-top:	60px;	}	
    .mobile-margin-M-top	    {	margin-top:	45px;	}	
    .mobile-margin-S-top	    {  	margin-top:	35px;	}	
    .mobile-margin-XS-top	    {	margin-top:	20px;	}	
    .mobile-margin-XXS-top	    {	margin-top:	10px;	}	
    					
    .mobile-margin-XXL-right	{	margin-right:	150px;	}	
    .mobile-margin-XL-right	    {	margin-right:	120px;	}	
    .mobile-margin-L-right	    {	margin-right:	60px;	}	
    .mobile-margin-M-right	    {	margin-right:	45px;	}	
    .mobile-margin-S-right	    {	margin-right:	35px;	}	
    .mobile-margin-XS-right	    {	margin-right:	20px;	}	
    .mobile-margin-XXS-right	{	margin-right:	10px;	}	
    					
    .mobile-margin-XXL-bottom	{	margin-bottom:	150px;	}	
    .mobile-margin-XL-bottom	{	margin-bottom:	120px;	}	
    .mobile-margin-L-bottom	    {	margin-bottom:	60px;	}	
    .mobile-margin-M-bottom	    {	margin-bottom:	45px;	}	
    .mobile-margin-S-bottom	    {	margin-bottom:	35px;	}	
    .mobile-margin-XS-bottom	{	margin-bottom:	20px;	}	
    .mobile-margin-XXS-bottom	{	margin-bottom:	10px;	}	
    					
    .mobile-margin-XXL-left	    {	margin-left:	150px;	}	
    .mobile-margin-XL-left	    { 	margin-left:	120px;	}	
    .mobile-margin-L-left	    {	margin-left:	60px;	}	
    .mobile-margin-M-left	    {	margin-left:	45px;	}	
    .mobile-margin-S-left	    {	margin-left:	35px;	}	
    .mobile-margin-XS-left	    {	margin-left:	20px;	}	
    .mobile-margin-XXS-left	    {	margin-left:	10px;	}
}

/* Alignments */

.text-aligncenter {
    text-align: center;
}
.text-alignleft {
    text-align: left;
}
.text-alignright {
    text-align: right;
}

@media (max-width: 767px) {
    .mobile-text-aligncenter {
        text-align: center;
    }
    .mobile-text-alignleft {
        text-align: left;
    }
    .mobile-text-alignright {
        text-align: right;
    }
}


/* -------- >> Custom Modules << --------- */
/* Form */
.form {

}
.form label {

}
.form input {

}
.form .hs-button {

}
.form .hs-button {

}

/* ------ Structure ------ */

/* 
 The outer wrappers of your website, if you wanted to set your website width
 to a fixed size you could set a width or max-width of 960px for example. 
*/
.header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {}

.header-container-wrapper {}
.body-container-wrapper {}
.footer-container-wrapper {}

/* The inner wrappers of your website */
.header-container, .body-container, .footer-container {}

.header-container {}
.body-container {}
.footer-container {}


/* ------ Grid ------ */
/* 
 By default HubSpot's grid system utilizes 12 columns, making for a 940px wide container 
 without responsive features enabled. With the responsive CSS file added, the grid adapts 
 to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns 
 become fluid and stack vertically. 
 
 You can also use spans to setup your different colored sidebar or container columns like 
 this: span8 {background:#fff;} span4 {background:#eee;}. The column spans will always add 
 up to 12 and will be setup for you automatically when you use Template Builder to adjust 
 the visual layout.
*/
.span12 {}
.span11 {}
.span10 {}
.span9 {}
.span8 {}
.span7 {}
.span6 {}
.span5 {}
.span4 {}
.span3 {}
.span2 {}
.span1 {}


/* ------ Header ------ */
.header-container-wrapper {}
.header-container {}

#header {
    padding: 20px 0;
}
.site-page #header, .landing-page #header {
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1)!important;
}
.inner-page .header {
}

li.hs-menu-depth-1:last-child ul.hs-menu-children-wrapper {
  left: auto;
  right: 0;
}

@media (min-width: 768px) {
    .header .page-center > div > .row-fluid-wrapper {
        position: relative;
    }
}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {}

.custom-logo img {width: 218px!important;}

.logo img {
}
@media (max-width: 767px) {
    .logo {
        text-align: center;
    }
    #header {
        padding: 50px 0 20px;
        text-align: center;
    }
}

/* ------ Menu ------ */
/* 
 Change the alignment of your menu easily by using the text-align or float CSS properties. 
 For a full width centered menu, you could simply add text-align:center; below.
 */
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal {}
 
.hs-menu-wrapper {}

/* Primary menu link text color */
.hs-menu-wrapper a {}
.hs-menu-wrapper a:hover {}

/* Drop down background color */
.hs-menu-wrapper.hs-menu-flow-horizontal ul {}

/* Menu link font family and basic padding including drop down links */
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {}

/* Navigation */

.navigation {
    padding-top: 20px;
}
.navigation ul {
    float: right;
}

.navigation ul li a {
    position: relative;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    padding: 10px 15px!important;
    width: auto!important;
    max-width: 100%!important;
}
.navigation ul li a:before {
    content: "";
    width: 10px;
    height: 10px;
    background: transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
}
.navigation ul li:hover>a:before {
    background: #f69220;
}
.navigation ul li.hs-menu-depth-1:last-child>a {
    background: #f69220;
    color: #ffffff;
}

.navigation ul.hs-menu-children-wrapper {background-color: #fff;}
.navigation ul.hs-menu-children-wrapper li {padding-left: 5px;}
.navigation ul.hs-menu-children-wrapper li a{font-size: 14px;}
.navigation ul.hs-menu-children-wrapper li.hs-item-has-children ul {left: 100%!important;}

@media (max-width: 960px) {
    .navigation ul li a {
        font-size: 0.9em;
    }
}
@media (max-width: 905px) {
    .navigation ul li a {
        font-size: 0.8em;
    }
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
    display: block;
}
/* ------ Content ------ */
.body-container-wrapper {}
.body-container {}


/* ----- Hero Banner ---- */
.hero-banner {
    background-size: cover;
    background-repeat: no-repeat;
}
.hero-image {
    display: none!important;
}
/* ------ Blog ------ */
/* Your basic blog wrapper */
.blog-listing-wrapper {}

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {}
.blog-listing-wrapper .post-listing .post-item .post-body {}

.hs-author-social-section {
    margin-top: 10px;
}

.blog-left-col {padding-right: 40px;}

/* Blog comments and blog comment form */
.comment {}
.comments-listing {}
.comment-from {}
.comment-body {}
.comment-date {}

#blog-comment-form  div.hs-form-field {}

#blog-comment-form  div.hs-form-field label {}

#blog-comment-form  div.hs-form-field .hs-field-desc {}

#blog-comment-form  div.hs-form-field input[type="text"],
#blog-comment-form  div.hs-form-field input[type="email"],
#blog-comment-form  div.hs-form-field textarea { }

#blog-comment-form  div.hs-form-field select {}

#blog-comment-form  .hs-button {}

#blog-comment-form  textarea, 
#blog-comment-form  input[type="text"], 
#blog-comment-form  input[type="password"], 
#blog-comment-form  input[type="datetime"], 
#blog-comment-form  input[type="datetime-local"], 
#blog-comment-form  input[type="date"], 
#blog-comment-form  input[type="month"], 
#blog-comment-form  input[type="time"], 
#blog-comment-form  input[type="week"], 
#blog-comment-form  input[type="number"], 
#blog-comment-form  input[type="email"], 
#blog-comment-form  input[type="url"], 
#blog-comment-form  input[type="search"], 
#blog-comment-form  input[type="tel"], 
#blog-comment-form  input[type="color"], 
#blog-comment-form  .uneditable-input {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #dddddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
}

#blog-comment-form form div.hs-form-field ul li {}

#blog-comment-form label {
    display: none;
}
.hs_submit {}
#blog-comment-form .hs-button {
    background: #f1f1f1;
    display: block;
    width: 100%;
    margin-top: 10px;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 1em;
    -webkit-transition: all linear 200ms;
    -moz-transition: all linear 200ms;
    -o-transition: all linear 200ms;
    transition: all linear 200ms;
}
#blog-comment-form .hs-button:hover {
    background: #f69220;
    color: #ffffff;
}

/* Pagination */
.post-header a {}
.post-header p {}

.blog-pagination {}

/* Subscription frequency form */
.hs_blog_default_blog_subscription {}
.hs_blog_default_blog_subscription ul {}

/* Sidebar */

.sidebar {
    margin-top: 50px;
}
.sidebar .sidebar-item {
}
.sidebar h3 {
    font-size: 1.25em;
    background: #f69220;
    color: #FFF;
    padding: 5px 20px;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
}

.sidebar .widget-type-blog_subscribe {
    margin-bottom: 20px;
}
.sidebar ul {
    padding: 0;
}
.sidebar ul li {
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}
.sidebar ul li a {
    text-decoration: none;
}
.sidebar ul li a:hover {
    color: #f69220;
}
.sidebar .hs-form .hs_submit input {
    background: #f1f1f1;
    display: block;
    width: 100%;
    margin-top: 10px;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 1em;
    -webkit-transition: all linear 200ms;
    -moz-transition: all linear 200ms;
    -o-transition: all linear 200ms;
    transition: all linear 200ms;
}
.sidebar .hs-form .hs_submit input:hover {
    background: #f69220;
    color: #ffffff;
}

@media (max-width: 767px) {
    .blog-left-col {padding-right: 0px;}    
}

/* ------ Forms ------ */
/* This is the main form wrapper */
.hs-form {}
.hs-form ul {
    padding-left:0px!important;
}
.hs-form li {
    list-style: none!important;
}
.hs-input {}
.hs-input input{

 }
.hs-input:hover {}
.hs-input:focus {}
.hs-form .hs_submit input {

}
    .hs-form .hs_submit input:hover {

    }
.field label {}


/* ------ Buttons ------ */

.hs-button {}
.hs-button:hover {}
.hs-button:focus {}
.hs-button:active {}

.hs-button:hover, .hs-button:focus, .hs-button:active {}

a.cta_button {
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    -o-box-sizing: border-box!important;
    -ms-box-sizing: border-box!important;
    box-sizing: border-box!important;
    padding: 10px 40px!important;
    position: relative;
    font-weight: 700;
}
.button {
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    max-width: 100%!important;
    -webkit-transition: all linear 300ms;
    -moz-transition: all linear 300ms;
    -o-transition: all linear 300ms;
    transition: all linear 300ms;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    -o-box-sizing: border-box!important;
    -ms-box-sizing: border-box!important;
    box-sizing: border-box!important;
}
   .button span {
        
    }

.cta-orange {
    background:#f69220!important;
    border-radius: 0px!important;
    font-size: 17px!important;
    color: #FFF!important;
    font-weight:300!important;
}
.cta-orange:before {
    content: "";
    width: 10px;
    height: 10px;
    background: transparent;
    position: absolute;
    left: 20px;
    top: 40%;
    border-radius: 50%;
}
.cta-orange:hover:before {
    background: #ffffff;
}

/* ==========================================================================
   Main Styles
   ========================================================================== */

/* Homepage */

/* Hero banner */

#homepage-herobanner {
    position:relative;
}
#homepage-herobanner:after {
    content:"";
    position:absolute;
    top:0;
    left:35%;
    width: 0; 
    height: 0; 
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 30px solid #f1f1f1;
}
#homepage-herobanner  p {
    font-size: 1.188em!important;
}
/* >> Areas of expertise << */

.areas-of-expertise-img img {
    /*width: 100%!important;*/
}

.expertise-menu ul {
    padding-left: 0;
}
.expertise-menu ul li a {
    color: #000000;
    max-width: none!important;
    padding: 5px 0px!important;
}
.expertise-menu ul li a:hover {
    color: #f69220;
}

/* Expertise sections */
.expertise {text-align: center;}
.expertise img {
    border: 2px solid transparent!important;
}
.expertise.active img {
    border: 2px solid #f69220!important;
}



/* Featured whitepaper */
#featured-whitepaper {
    background-size: 400px;
    background-position: 25% -120%;
    position: relative;
}
#featured-whitepaper:after {
    content:"";
    position:absolute;
    top:0;
    right:32%;
    width: 0; 
    height: 0; 
    border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 30px solid #f1f1f1;
}
#featured-whitepaper h2 {
    font-size: 2.700em;  
}

/* Customers of all sizes */
#customers-all-sizes .widget-type-linked_image {text-align: center;}
#customers-all-sizes img {
    /*width: 100%!important;*/
}


/* ============ >>> Footer <<< ============ */

/* >> Site footer << */
.site-page .site-footer,
.landing-page .site-footer {background-color: #eaeaea; padding-top: 60px; margin-top: 30px;}
.site-page .site-footer .page-center, .landing-page .site-footer .page-center {
    /*padding-top: 50px;
    border-top: 1px solid #343434;*/
}

.site-footer .sitefooter-header span{
    background: #f69220;
    color: #FFF;
    padding:5px 20px;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
}

/* Site footer - Subscribe */

.site-footer .widget-type-blog_subscribe {
    margin-bottom: 20px;
}
.site-footer .widget-type-blog_subscribe h3 {
    margin: 0;
    display: none;
}
.site-footer .widget-type-blog_subscribe input[type="submit"] {
    -webkit-appearance: none;
    border: none;
    background: #b2b2b2;
    padding: 10px;
    margin-top: 10px;
    font-size: 1em;
    width: 100%;
    -webkit-transition: all linear 200ms;
    -moz-transition: all linear 200ms;
    -o-transition: all linear 200ms;
    transition: all linear 200ms;
    cursor: pointer;
}
.site-footer .widget-type-blog_subscribe input[type="submit"]:hover {
    background: #f69220;
    color: #ffffff;
}

/* Copyright */

.site-page #copyright,
.landing-page #copyright {background-color: #b2b2b2;}
#copyright .page-center {
    /*border-top: 1px solid #000000;*/
}


/* ============== >> Blog << ============ */

/* Blog page */
.blog-google-search .gsc-control-cse {
  padding: 0px!important;
}
.blog-google-search .gsc-input-box, .blog-google-search .gsc-input-box:focus  {
    border:none!important;
    outline:none!important;
}
.blog-google-search table.gsc-search-box td.gsc-input {
    width: 100%!important;
    float: left!important;
    display: table!important;  
    padding:0px!important;
      margin-bottom: 10px!important;
}
.blog-google-search table.gsc-search-box #gs_tti50 {
    padding:0px!important;
}
.blog-google-search table.gsc-search-box td.gsc-search-button {
  width: 100%!important;
  margin: 0!important;
  float: left!important;
   display: table!important;  
   padding:0px!important;
}
.blog-google-search table.gsc-search-box input {
    border: 1px solid #18abee!important;
   padding: 5px 10px!important;

}
.blog-google-search table.gsc-search-box td.gsc-search-button input {
    background:#18abee!important;
    margin: 0px;
}

div.post-item a.more-link {
    font-size: 14px!important;
    color: #ffffff!important;
    padding: 8px 20px;
    background: #f69220;
    position: relative;
    text-decoration: none;
    margin-bottom: 15px;
    display:inline-block!important;
 }
 p#hubspot-topic_data {
    font-size: 11px;
    margin: 0!important;
 }
 div.blog-section p#hubspot-topic_data a {
    color: #999999;
 }
 
 div.blog-pagination a.all-posts-link,
div.blog-pagination a.next-posts-link,
div.blog-pagination a.previous-posts-link{
    font-size: 12px!important;
    color: #ffffff!important;
    padding: 4px 15px!important;
    background: #f69220;
    position: relative;
    text-decoration: none;
    line-height: 22px!important;
}
div.blog-pagination a.previous-posts-link,
div.blog-pagination a.all-posts-link {
    margin-right: 15px!important;
    margin-top: -3px!important;
}

 div.blog-listing-wrapper div.post-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #959595;
}
/* ==========================================================================
   Landing Pages & Site Pages
   ========================================================================== */

.inner-page .body-container-wrapper .hs-form {
  background: #f1f1f1;
  padding: 20px;
}

.inner-page .body-container-wrapper .hs-form input {
    margin: 7.5px 0px 10px 0px;
    border: 1px solid #dddddd;
    padding: 10px;
}
.inner-page .body-container-wrapper .hs-button, .inner-page .body-container-wrapper input[type="submit"],
.FormSubmitButton{
    background: #f69220;
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    border: 0px;
  font-size: 16px;
  font-family: 'Lato',sans-serif;
}

.ContactFormItem input,
.ContactFormItem textarea {
  width: 100%!important;
  /*max-width: 300px!important;*/
  margin: 3px 0 12px;
}

label.StandardL {
  display: block;
}

input.hs-button.primary,
a.hs-button.primary {
  background: #f69220;
  width: auto;
  display: inline-block;
  padding: 10px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
  border: 0px;
  font-size: 16px;
}


/* ==========================================================================
   Integrations
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

@media (min-width: 768px){

  a.mobile-trigger, a.child-trigger {
      display: none !important; /* Hide button on Desktop */
  }

}

@media (max-width: 767px){

  /* Variables
     ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */


  /* Menu Reset - Remove styling from desktop version of custom-menu-primary */
  /* Place any additional CSS you want removed from the mobile menu in this reset */
  .custom-menu-primary, .custom-menu-primary *{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color: #ffffff;
    }


  /* Toggle Button
     ========================================================================== */

  a.mobile-trigger {
      display: inline-block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute; /*******************************************/
      top: 0px;          /* Position Button at top right of screen  */
      right: 10px;        /*******************************************/
      width: auto; /* Button width */
      height: auto; /* Button height */      
      padding: 12px 10px;
      background: #000000; /* Background color */
      z-index: 99999999999; /* Z-index to keep button on top of other layers */
      -webkit-transition: background-color 0.2s linear; /* Button color transition effect */
      font-size: 16px;
      font-weight: normal;
      text-align: left;
      text-transform: uppercase;
      -webkit-border-bottom-right-radius: 6px;
      -webkit-border-bottom-left-radius: 6px;
      -moz-border-radius-bottomright: 6px;
      -moz-border-radius-bottomleft: 6px;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      -webkit-transition:color .2s ease-in; 
      -moz-transition:color .2s ease-in;
      transition:color .2s ease-in;
  }

  a.mobile-trigger:hover {
      text-decoration: none; /* Removes link text underline on button */
      color: #ffffff;
  }

  a.mobile-trigger span{
      display: inline;
  }

  a.mobile-trigger span:before{
      position: absolute;
      content: 'Menu'; /* Change the text on the closed toggle button */
  }

  a.mobile-trigger span:after{
      position: relative;
      right: 2px;
      content: 'Close'; /* Change the text on the open toggle button */
      background-color: #000000;
      opacity: 0;
      transition: opacity .4s ease-in-out;
      -moz-transition: opacity .4s ease-in-out;
      -webkit-transition: opacity .4s ease-in-out; 
  }

  /* Change button when menu is open */
  .mobile-open a.mobile-trigger{
      -webkit-transition:background-color 0.2s linear; /* Button color transition effect */
      -moz-transition:background-color 0.2s linear; /* Button color transition effect */
      transition:background-color 0.2s linear; /* Button color transition effect */
      background: transparent; /* Changes button background to be slightly darker than open menu color */  
  }

  .mobile-open a.mobile-trigger span:after{
     opacity: 1; 
  }


  /* Toggle Button Icon & Animations
     ========================================================================== */

  a.mobile-trigger i {
      display: inline;
      position: relative;
      top: -5px;
      margin-left: 5px;
      -webkit-transition-duration: 0s;
      -webkit-transition-delay: .2s;
      -moz-transition-duration: 0s;
      -moz-transition-delay: .2s;
      transition-duration: 0s;
      transition-delay: .2s;
  }
  a.mobile-trigger  i:before, a.mobile-trigger i:after {
      position: absolute;
      content: '';
  }
  a.mobile-trigger  i, a.mobile-trigger  i:before, a.mobile-trigger  i:after {
      width: 15px; /* Icon line width */
      height: 2px; /* Icon line height */
      background-color: #ffffff; /* Icon color */
      display: inline-block;
  }
  a.mobile-trigger  i:before {
      margin-top: -6px; /* Position top line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  a.mobile-trigger  i:after {
      margin-top: 6px; /* Position bottom line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  .mobile-open a.mobile-trigger i {
      background-color: rgba(0,0,0,0.0);
      -webkit-transition-delay: .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }
  .mobile-open a.mobile-trigger i:before {
      margin-top: 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition-delay: 0, .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }
  .mobile-open a.mobile-trigger i:after {
      margin-top: 0;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition-delay: 0, .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }

  /* Child Toggle Button
     ========================================================================== */

  a.child-trigger {
      display: block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute!important;
      top: 0px;
      right: 0px;
      width: 55px !important; /* Button width */
      min-width: 55px !important;
      height: 45px !important; /* Button height */  
      padding: 0 !important;
      border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  a.child-trigger:hover {
      text-decoration: none;
  }
  
  li.hs-menu-item.hs-menu-depth-1 li {
        background-color: #000!important;
    }
    
    .navigation ul li:hover>a:before {background: url()!important;}


  /* Child Toggle Button Icon & Animations
     ========================================================================== */

  a.child-trigger span {
      position: relative;
      top: 50%; /* Centers icon inside button */
      margin: 0 auto !important;
      -webkit-transition-duration: .2s;
      -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger span:after {
      position: absolute;
      content: '';
  }
  a.child-trigger span, a.child-trigger span:after {
      width: 10px; /* Icon line width */
      height: 1px; /* Icon line height */
      background-color: #ffffff; /* Icon color */
      display: block;
  }
  a.child-trigger span:after {
      -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger.child-open span:after {
      -webkit-transform: rotate(-180deg);
       -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger.child-open span {
      -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
      transform: rotate(180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  


  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-flow-horizontal,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
      display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper {
      visibility: visible !important;
      opacity: 1 !important;
      position: static !important;
      display: none;
  }

  /* Mobile Menu Styles */
  .custom-menu-primary.js-enabled .hs-menu-flow-horizontal{
      position: absolute; /**************************************************************/
      top: 0;             /* Positions the menu to drop from the very top of the screen */
      left: 0px;          /**************************************************************/                                              
      width: 100%;   
      -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65);
      -moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.65);
      box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.65); 
  }
  .custom-menu-primary .hs-menu-flow-horizontal{
      padding: 40px 0 0 0; /* Padding to add room for close button */
      background-color: #000000; /* Menu background color set off global mobile-menuColor variable */
      width: 100%; /* Full screen width */
      z-index: 8888;
  }

   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal > ul > li{
      position: relative;
   }
  .custom-menu-primary .hs-menu-flow-horizontal > ul > li a{
      font-size: 22px; /* Font size of top level list items */
      line-height: 45px;
      overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal ul li{
      border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-flow-horizontal ul li a{
      padding: 0 10px;
  }
  .custom-menu-primary .hs-menu-flow-horizontal ul li a:hover{
      color: #ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal > ul ul li{
     background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-flow-horizontal > ul ul li a{
      text-indent: 10px; /* Indent Child lists */
      font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul li a{
      text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul ul li a{
      text-indent: 50px; /* Indent Child lists */
  }
  
  .navigation ul li:last-child a {
    display: block;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
}


.sidr-class-hs-item-has-children {position: relative;}
.sidr-class-hs-item-has-children .dd-trigger {
    position: absolute;
    width: 42px;
    height: 42px;
    top: 0;
    right: 0;
    padding: 0px;
    text-align: center;
    border-left: 1px dotted #fff;
    cursor: pointer;
    transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}

.sidr-class-hs-item-has-children .dd-trigger .dd-inner.dd-open {
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.sidr-class-hs-item-has-children .dd-inner {
    padding: 0px;
    transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  background-color: transparent;
}

.sidr-class-hs-item-has-children>a {
    margin-right: 42px;
    padding-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}



.sidr-class-hs-menu-depth-3 {padding-left: 5px;}
.sidr-class-hs-menu-depth-3 a {font-size: 12px;}

.mobile-menu-icon {display: none;}

@media (max-width: 767px) {
    
    .mobile-menu-icon {
        display: block!important; 
        position: absolute; 
        top: 5px; 
        right: 10px; 
        font-size: 45px; 
        line-height: 45px; 
        cursor: pointer; 
        text-decoration: none; 
        color: #2a66ae;
        padding: 0 10px;
    }
    .mobile-menu-icon:hover { color: #000;}
    .header-container-wrapper .widget-type-menu {display: none!important;}
        .cms-migrated table { width: 100% !important; table-layout: fixed;}
    .cms-migrated table td { display: block; width: 100% !important; }
    
    .hs-content-id-2138346335.cms-migrated table { width: 100% !important; table-layout: auto;}
    
    .hs-content-id-2138346335.cms-migrated table td { display: table-cell; width: auto !important; }
}
}