/* @import url('http://example.com/example_style.css'); */

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

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/
/* 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 ;
    }
}
/* 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    */
/*****************************************/
 /**************** Global Syles *************/
 /*font-family: 'Noto Sans', sans-serif;*/
 








 
/*html {overflow-y: scroll;}*/ 
body {
     width: 100%!important;
     margin: 0px;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
     line-height: 1.5em;
     background-color: #fff;
     transition: .25s;
     -webkit-transition: .25s;
     -moz-transition: .25s;
     left: 0px;
     position: relative;
     color: #555;
     margin-right: 0px;
}

.full-width-bg{
          background:#fff;
     }
     
.page-center{
              max-width: 1200px;
              margin: 0 auto!important;
              float: none!important;
          }

.page-center.narrow {
    float: none;
    max-width: 850px;
}
.values {
  padding: 30px;
  background: rgba(230, 231, 232, 1);
  
    max-width: 850px;
  margin: 0 auto!important;
              float: none!important;
}
          
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
   quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  
}


div.site-width {
     max-width: 1200px;
     margin: 0 auto!important;
     float: none!important;
     overflow: hidden;
}

.site-width.comp-width {overflow: visible;}

div.header-width {
     max-width: 1100px;
     margin: 0 auto!important;
     float: none!important;
     position: relative;
}

div.site-width .layout-widget-wrapper {
    margin-bottom: 0;
}

.arrow-down {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 30px;
    text-align: center;
    animation:bounce 1.25s infinite;
    -webkit-animation:bounce 1.25s infinite; 
}

@keyframes bounce {
0%   {bottom:10px;}
50%  {bottom:15px;}
100% {bottom:10px;}
}

@-webkit-keyframes bounce {
0%   {bottom:10px;}
50%  {bottom:15px;}
100% {bottom:10px;}
}

.arrow-down span {
    font-size: 50px;
    color: #794500;
}


.wistia_responsive_padding {
	padding:56.25% 0 28px 0;
	position:relative;
}

.wistia_responsive_wrapper {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}


/**************** Typography *************/
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a {font-family: 'Fjalla One', sans-serif; color: #794500;}
h1 {font-size: 40px; line-height: 44px;}
h2 {font-size: 32px; line-height: 36px;}
body.orange-theme h2 {color: #eb790a;}
body.green-theme h2 {color: #8CAD4D;}
h3 {font-size: 26px; line-height: 28px;}
h4 {font-size: 24px; line-height: 30px;}
h5 {font-family: 'Open Sans',sans-serif; font-size: 16px; font-weight: bold;}
  
a {text-decoration:none; color: #0077c0;}
a:hover {text-decoration: none; opacity: .8;}

/*body.orange-theme .widget-type-rss_listing h3 {font-size: 32px; line-height: 32px; color: #eb790a;}*/
/*body.green-theme*/ .widget-type-rss_listing h3 {font-size: 32px; line-height: 32px; color: #8cad4d;}

input[type="submit"] {-webkit-appearance: none!important;}

/****************** Header ******************/
.header-container-wrapper {
    z-index: 10;
    position: absolute;
    width: 100%;
    top: 50px;
}

.header-container-wrapper.rel-header {
    position: relative; 
    top: auto;
    padding: 20px 0;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(221,221,221,1);
    -moz-box-shadow: 0 2px 5px 0 rgba(221,221,221,1);
    box-shadow: 0 2px 5px 0 rgba(221,221,221,1);
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{
    overflow: visible!important;
    text-overflow: inherit!important;
    width: auto!important;
    color: #fff;
}

.mobile-toggle {
    width: 50px!important;
    margin-left: 0px!important;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
.search-toggle {
    position: absolute;
    margin-left: 0px!important;
    right: 80px;
    top: 6px;
    width: 25px!important;
    cursor: pointer;
}

.rel-header .search-toggle {right: 0;}

.bodyMask {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    z-index: 10;
    top: 0;
    left: -260px;
    display: none;
}

.menu-text {
    margin-top: 4px;
    display: block;
    color: #794500;
    font-size: 14px;
    text-align: center;
}

.search-toggle:hover {opacity: .8;}

.cgs-container {min-height: 0px!important; position: relative;}
.custom-google-search {
    position: absolute;
    width: 300px!important;
    z-index: 1;
    right: 0px;
    top: -25px;
}

.custom-google-search .hs-button {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #f8f8f8;
    padding: 3px 10px 2px;
}

.custom-google-search .hs-button .fa-search {color: #794500;}
.custom-google-search input.hs-input {padding: 6px 30px 6px 37px!important;}

.search-close {
    position: absolute;
    right: 10px;
    z-index: 1;
    text-align: center;
    top: -28px;
    cursor: pointer;
    padding-bottom: 5px;
}

.main-nav {
    position: fixed; 
    right: -260px; 
    width: 260px!important; 
    transition: .25s;
    -moz-transition: .25s;
    -webkit-transition: .25s;
    background-color: #4a433e;
    height: 100%;
    top: 0px;
    padding-top: 50px;
    max-height: 100%;
    /*overflow-y: auto;*/
}

.slide-out {right: 0px!important;}
@media(min-width: 768px) {.body-slide {margin-right: 260px!important; width: auto!important;}}
@media(max-width: 767px) {.body-slide {left: -260px;}}

.main-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    position: relative;
    visibility: visible;
    opacity: 1;
    left: 0px;
    max-height: 0em;
    min-height: 0;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: max-height 0.6s ease-out;
    -moz-transition: max-height 0.6s ease-out;
    -o-transition: max-height 0.6s ease-out;
    transition: max-height 0.6s ease-out;
}

.expanded {max-height: 50em!important; overflow: visible!important;}

.main-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a {margin-right: 44px;}
span.dd-expand {
    position: absolute;
    top: 0px;
    right: 9px;
    font-size: 32px;
    height: 44px;
    line-height: 44px;
    width: 44px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}

.dd-open {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(225deg);
}

.main-nav .hs-menu-wrapper.hs-menu-flow-vertical ul li {
    border-top: 1px solid #fff;
}

.main-nav .hs-menu-wrapper.hs-menu-flow-vertical ul li:last-child {border-bottom: 1px solid #fff;}

.main-nav .hs-menu-wrapper.hs-menu-flow-vertical ul li a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.main-nav .hs-menu-wrapper.hs-menu-flow-vertical ul.hs-menu-children-wrapper li {padding-left: 10px;}

.main-nav .hs-menu-wrapper.hs-menu-flow-vertical ul.hs-menu-children-wrapper li a {
    padding: 5px 20px!important;
    font-size: 13px;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {width: auto!important;}

/*********** Video *********************/

.home-hero-text {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 15%;
    text-align: center;
    padding-bottom: 175px;
}

.video-module {
    position: absolute;
    top: 0px;
}
video {display: block;}
video.video-bg {
    background: url(//cdn2.hubspot.net/hub/94143/file-1878789866-jpg/2014_Images/video-default.jpg) no-repeat;
    background-size: cover;
    width: 100%;
}

.custom-blue-cta {
    border-radius: 0px!important;
    font-family: 'Fjalla One',sans-serif!important;
}

/****** Home Hero ********/
.hero-container {position: relative; overflow: hidden;}

.hero-text h1 {
    line-height: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding: 0 7%;
     margin-bottom: 0px;
}

.hero-text .title-text {
  	color: #794500;
  font-size: 40px;
    line-height: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding: 0 7%;
  margin-bottom: 20px;
  display: block;
}

.hero-text h1 span {
    color: #0077c0;
    font-weight: 600;
}

.hero-text h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin: 5px 0;
}

.hero-text h4 span {font-weight: 600;}

.header-cta {margin-top: 20px;}

/******** Sub Hero ********/
.subhead {text-align: center; padding: 10px 0 17px;}

/*body.orange-theme .subhead {border-top: 4px solid #eb790a; border-bottom: 4px solid #eb790a;}
body.green-theme*/ .subhead {border-top: 4px solid #8cad4d; border-bottom: 4px solid #8CAD4D;}


.subhead h2 {margin-bottom: 5px; color: #794500!important;}
.subhead p {font-size: 18px; margin-top: 0px;}

/******** Home CTA Area ***************/

.grey-vertical-pattern {
    background: url(//cdn2.hubspot.net/hub/94143/file-1891164786-jpg/2014_Images/Persona-Divider1_v2.jpg) repeat;
    overflow: hidden;
    -webkit-box-shadow: inset 0 1px 18px rgba(0,0,0,.23);
    -moz-box-shadow: inset 0 1px 18px rgba(0,0,0,.23);
	box-shadow: inset 0 1px 18px rgba(0,0,0,.23);
}

.three-cta {
    text-align: center;
    padding: 40px 0 50px;
}

.three-cta h1 {color: #49433e; font-size: 50px; line-height: 58px; margin-bottom: 26px;}

.image-cta a.cta_button {padding: 2% .5%; display: inline-block; margin-bottom: 20px;}
.cta_button img {border-radius: 0px; max-width: 95%;}
.pt-content-container .cta_button img,
.blog-left-col .cta_button img {border: 0px!important; border-radius: 0px;}
.pt-inner-container .hs-image-widget{
    border: 0px solid #0077c0!important;
}

/***** Company Info ******/

.map-rss {padding: 45px 0 60px; overflow: hidden;}
.map-rss-right {padding-left: 40px;}
/*body.orange-theme .gmap-embed {border: 3px solid #eb790a;}
body.green-theme*/ .gmap-embed {border: 3px solid #8cad4d;}


.gmap-embed {
    position: relative;
    padding-bottom: 42%; 
    height: 0;
    overflow: hidden;
}
.gmap-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0px!important;
}

.feedreader_box .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {width: 26%;}
.rss-wide-image .feedreader_box .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {height: 120px; overflow: hidden; width: 30%;}

.feedreader_box .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
    float: right;
    width: 71%;
    margin-left: 3%;
}

.rss-wide-image .feedreader_box .hs-rss-item.hs-with-featured-image .hs-rss-item-text {width: 67%;}

.feedreader_box .hs-rss-title {
    color: #794500;
    font-size: 22px;
    line-height: 24px;
    margin: 0;
    position: relative;
    top: -3px;
}

.feedreader_box .hs-rss-description p {margin: 5px 0;}

.sub-map h4 {font-size: 22px; margin: 30px 0 0;}
.sub-map p {margin: 5px 0;}

.map-rss-lower {margin-top: 100px;}
.home-ebook-group {margin-top: 30px;}
.map-rss-lower .widget-type-rss_listing h3 {margin-top: 0px;}

.home-ebook-group h4 {margin: 20px 0;}
.home-ebook-group p {margin: 5px 0;}

.ebook-cta {margin-top: 20px;}

/******* Sub Page ******/

.pt-inner-container {
    padding: 25px 0;
}

.pt-inner-container.system-container {padding: 20px 0 30px!important;}

.sub-hero {
    min-height: 362px!important;
    background-size: cover;
    background-position: 50% 50%;
}

.sub-hero.system-hero {min-height: 221px!important;}

.sub-page.subhead {
    bottom: 0;
    width: 100%;
    position: absolute;
    background-color: rgba(255,255,255,.75);
}

.sub-page.subhead h1 {
    line-height:14px;
}

.white-mask {
    position: absolute; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    background-color: rgba(255,255,255,.75);
}

.sub-featured {border: 6px solid #0077c0!important;}
.sub-featured img {width: 100%!important;}
.pt-main-content h3 {margin: 50px 0 0;}
.video-embed {margin-top: 30px;}

.video-embed {
    position: relative;
    padding-bottom: 40.25%;
    padding-top: 80px; 
    height: 0; 
    overflow: hidden;
}
 
.video-embed iframe,
.video-embed object,
.video-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sub-sidebar .row-fluid [class*="span"] {
    min-height: 1px!important;
}

.sub-sidebar.left {padding-right: 30px;}
.sub-sidebar.right {padding-left: 30px;}

.sub-sidebar .image-cta a.cta_button {display: block; max-width: 353px;}
.sub-sidebar a.cta_button img {max-width: 95%; margin: 0 auto; display: block;}

.sidebar-nav {max-width: 500px;}
.sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1 > a {
    font-size: 38px;
    line-height: 44px;
    color: #eb790a;
    font-family: 'Fjalla One', sans-serif;
    padding: 15px 20px 5px;
    white-space: normal;
}
/*body.orange-theme .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1 > a {color: #eb790a;}
body.green-theme*/ .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1 > a {color: #8cad4d;}

.sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1; 
    position: relative;
    left: auto;
    background: url(//cdn2.hubspot.net/hub/94143/file-1946266490-jpg/2014_Images/sidebar-menu-bg.jpg) repeat;
    padding: 10px 0;
}

.sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper a {
    font-size: 24px; 
    line-height: 28px;
    font-family: 'Fjalla One', sans-serif;
    white-space: normal;
}

.sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul {margin-bottom: 0px;}
.sidebar-nav {
    border: 3px solid #b0acaa;
    margin-bottom: 70px;
}

.sidebar-rss {margin: 25px 0 45px;}

.sidebar-image {margin-bottom: 70px;}
.banner-cta {margin: 30px 0 40px;}

/******** Component Page ******/
.component-block {
    max-width: 364px;
    background-color: #4a433e;
    padding: 4px;
    position: absolute;
    top: -80px;
}

.component-inner {
    border: 3px solid #0077c0;
    background-color: #fff;
    padding: 15px 15px 10px;
}

.component-block img {width: 100%!important; height: auto!important;}

.component-block h4 {margin: 22px 0 0; font-size: 20px; color: #4a433e;}
.component-block p {margin: 5px 0 15px;}
.component-block p a {font-size: 15px;}

.mapped-component {text-align: center;}

.component-container {
    position: relative;
    width: auto!important;
    margin: 0 auto!important;
    float: none!important;
    max-width: 712px!important;
    padding: 30px 0;
}

.comp-1-pop {right: 240px;} 
.comp-2-pop {right: 100px;} 
.comp-3-pop {left: -90px;}
.comp-4-pop {right: 10px;}
.comp-5-pop {right: -80px;}
.comp-6-pop {left: 20%;}

img[usemap] {
    border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}

.component-container .span12.widget-span.widget-type-raw_jinja {min-height: 0px!important;}

.mobile-comp-close {display: none!important;}

/******* Blog Post ********/

.post-hero {
    min-height: 498px!important;
    background-size: cover;
    background-position: 50% 50%;
}

.blog-z {
    position: absolute; 
    z-index: 10;
    bottom: 15%;
    text-align: center;
    right: 0;
    left: 0;
    padding: 0 20px;
}

#hubspot-author_data span,
#hubspot-author_data a {color: #8CAD4D; font-size: 28px;}

.post-hero h2, .post-hero h1 {color: #0077c0; font-size: 40px; line-height: 50px; font-family: 'Open Sans',sans-serif;}
.post-hero h4 {font-size: 24px; line-height: 30px; margin: 0; font-family: 'Noto Sans', sans-serif;}

#hubspot-topic_data {color: #8CAD4D; font-size: 28px; line-height: 34px;}
#hubspot-topic_data a {color: #794500; font-size: 28px; line-height: 34px;}
.blog-content-container {position: relative; padding-top: 80px;}
.blog-content-container h3 {
    font-size: 20px;
    line-height: 23px;
}

.slide-out-cta img {border: 0px!important; float: right; max-width: 100%;}
.slide-out-cta {
    position: fixed;
    right: -500px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    width: auto;
    display: inline-block!important;
    bottom: 30%;
    z-index: 10;
    max-width: 375px;
}

.slide-left {
    right: 0px;
    border-left: 2px solid #44403e;
    border-bottom: 2px solid #44403e;
    border-radius: 0 0 0 2px;
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
}

.slide-close {
    right: -500px!important;

}

.cta-close {
    background-color: #3a3734;
    color: #fff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 20px;
    padding: 5px 20px;
    position: relative;
    margin: 0;
    display: none;
}

.slide-out-cta span.fa.fa-remove {
    position: absolute;
    right: 20px;
    color: #d8d7d6;
    cursor: pointer;
}

.slide-out-cta span.fa.fa-remove:hover {color: #eb790a;}

.blog-sidebar {padding-left: 25px;}
.blog-sidebar h2 {
    margin: 20px 0 5px 0;
    font-size: 38px;
    line-height: 42px;
}

.blog-sidebar p {
    font-size: 13px;
    line-height: 22px;
}

.blog-sidebar .cta_button img {margin: 0 auto!important; display: block;}
.blog-sidebar .image-cta a.cta_button {display: block; max-width: 352px;}
.sidebar-subscription {
    background-color: #794500;
    border: 4px solid #0077c0;
    padding: 10px 24px 38px;
}

.sidebar-subscription h3 {color: #fff;}

.inputs-list.multi-container {
    list-style: none;
    display: inline-block;
    float: none;
    margin-top: 10px;
    padding-right: 10px;
}
.inputs-list.multi-container .hs-form-radio label {display: list-item; color: black;}
.inputs-list.multi-container .hs-form-radio input {
    position: relative;
    top: 5px;
    margin-right: 10px;
    margin-bottom: 0px;
}

li.hs-form-radio:last-child {margin-bottom: 10px;}

.sidebar-subscription .hs_submit {clear: both;}

.blog-sidebar .sidebar-rss h3 {color: #eb790a;}
.blog-sidebar .feedreader_box .hs-rss-title {font-size: 16px; line-height: 18px;}
.blog-sidebar .feedreader_box .hs-rss-description p {margin: 0px; font-size: 12px; line-height: 20px;}

.blog-about {margin-bottom: 30px;}
.sidebar-subscription {margin-top: 30px; margin-bottom: 20px; max-width: 354px;}

.blog-sidebar .sidebar-rss {margin: 15px 0 25px;}

.rrssb-buttons {margin: 40px 0 20px;}

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

.three-rss .hs-rss-module.feedreader_box {padding: 4px; background-color: #4a433e; margin-bottom: 45px; max-width: 250px;}
.three-rss .dupe .feedreader_box .hs-rss-item:first-child {display: none!important;}
.three-rss h3 {margin-bottom: 0px;}
.three-rss .hs-rss-item {
    position: relative; 
    border: 4px solid #0077c0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 0px!important;
}

.three-rss .hs-rss-item-text {
    position: absolute;
    bottom: 0px;
    text-align: center;
    padding: 20px;
    margin: 0!important;
    width: 100%!important;
    background-color: rgba(121,69,0,.75);
}

.three-rss .feedreader_box .hs-rss-title {color: #fff; font-size: 13px; top: 0; font-family: 'Fjalla One', sans-serif; }
.three-rss .feedreader_box .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
    width: 100%;
        
}

.comment-group {margin-top: 45px; margin-bottom: 100px;}
.comment-group h3 {color: #8CAD4D;}
.comment-group label {color: #b2b2b2; font-size: 18px;}
.comment-group .hs-form-field {margin-bottom: 15px;}
.comment-group .hs-button.primary,
.system-container .hs-button.primary {
    background-color: #393533;
    color: #fff;
    font-size: 16px!important;
    border: 0px!important;
    font-family: 'Open Sans',sans-serif!important;
    padding: 5px 20px;
}

.hs-button {
    background-color: #0076C0;
    color: #fff;
    font-size: 16px!important;
    border: 0px!important;
    font-family: 'Open Sans',sans-serif!important;
    padding: 10px 20px;
    border-radius:5px;
}
.g-search input{
    margin-bottom:25px;
}
.g-search .hs-button {
    background-color: #0076C0;
    color: #fff;
    font-size: 16px!important;
    border: 0px!important;
    font-family: 'Open Sans',sans-serif!important;
    padding: 10px 20px;
    border-radius:5px;
}

.system-container .hs-button.primary {margin-top: 8px; display: inline-block;}

textarea{
    min-height:75px;
    resize: none;
}
select
.banner-cta img {
    max-width: 100%!important;
}
select[name="which_best_describes_you_"]{
    font-size:15px;
}
.blog-related .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image {width: auto!important; height: 150px!important;}


@media (max-width: 568px) {
.widget-type-blog_content img {
    float: none!important;
    margin: 0!important;
    width: 100%!important;
    max-width: 100%!important;
}
}




/******* Blog Listing *********/
/*.subhead.listing-header {
    border-top: 4px solid #eb790a;
    border-bottom: 4px solid #eb790a; HS Support*/
}

.custom-listing .blog-content-container {padding-top: 40px;}
.custom-listing #hubspot-author_data span, .custom-listing #hubspot-author_data a {font-size: 16px;}
.custom-listing .rrssb-buttons {margin: 20px 0;}
.custom-listing #hubspot-topic_data,
.custom-listing #hubspot-topic_data a {font-size: 14px; line-height: 18px;}

.custom-listing .post-item {
    border-bottom: 1px solid #794500;
    padding-bottom: 30px;
    margin-bottom: 40px;
}

div.post-item a.more-link {
    font-size: 14px!important;
    color: #ffffff!important;
    padding: 8px 20px;
    background: #794500;
    position: relative;
    text-decoration: none;
    margin-bottom: 15px;
    display:inline-block!important;
 }

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: #794500;
    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;
}

/******* Photo Gallery Page ********/
.cfb-wrapper {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 10px;
}

.cfb-widget {max-width: 100px!important; float: left!important; margin-right: 10px;}
.hs_cos_flex-direction-nav a {
    background: url(//cdn2.hubspot.net/hub/94143/file-2217459785-png/2014_Images/pt-flex-arrow.png) no-repeat;
    opacity: 1;
    width: 45px;
    height: 45px;
}
.hs_cos_flex-direction-nav .hs_cos_flex-prev {
    background: url(//cdn2.hubspot.net/hub/94143/file-2217912592-png/2014_Images/pt-flex-arrow_prev.png) no-repeat;
    left: 5px!important;
}

.hs_cos_flex-direction-nav .hs_cos_flex-next {right: 5px!important;}



/****************************************************
       ******* Project Profiles Blog ********
****************************************************/


.profile-blog .sub-page.subhead h1 {
    line-height:44px!important;
}


.profile-blog .list-pagination {
    margin: 0 0 30px 0;
}

.profile-blog .list-pagination .pagination-btn {
    background: rgba(0,119,192, 1);
    color: #fff;
    font-size: 18px;
    padding: 10px 30px;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.profile-blog .list-pagination .not-mobile {
    display:inline;
}

.profile-blog .list-pagination .hs-menu-wrapper.hs-menu-flow-horizontal {
    display: inline-block;
}

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

.profile-blog .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-item-has-children > a:after {
    content: "\f107";
    display: inline;
    font-family: FontAwesome;
    margin-left: 30px;
}

.profile-blog .list-pagination .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    overflow: visible!important;
    text-overflow: inherit!important;
    width: auto!important;
    color: #fff;
    background: rgba(0,119,192, 1);
    font-size: 18px;
    padding: 10px 30px;
    display: inline;
    max-width: 500px;
}

@media (max-width: 568px) {
    .profile-blog .list-pagination .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: auto;
    }
    
    
}


.profile-blog .list-pagination .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover {
    background: rgba(53,155,211, 1);
    opacity: 1;
}

.profile-blog .list-pagination .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    padding-top:12px;
  overflow-y: auto;
    height: 375px;
    
}



.profile-blog div.blog-pagination a.all-posts-link, div.blog-pagination a.next-posts-link, div.blog-pagination a.previous-posts-link {
    font-size: 18px!important;
    color: #ffffff!important;
    padding: 10px 20px!important;
    background: #794500;
    position: relative;
    text-decoration: none;
    line-height: 22px!important;
    display: inline-block;
}

/*************** Listing Profiles View ***************/

.profile-blog .listing-wrapper {
    margin: 40px 0 60px 0;

}

.profile-blog .intro-text {
    margin-bottom: 40px;
    max-width: 66%;
}

.profile-blog .current-topic {
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: bold;
}

.profile-blog .current-topic .topic-name {
    font-family: 'Fjalla One', sans-serif;
    color: #794500;
}


.profile-blog .post-listing {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}


.profile-blog .post-item {
    float: left;
    width: 32%;
    margin: 1% .5%;
    display: block;
    box-sizing: border-box;
    align-self: stretch;
    
    border: 1px solid #d6bca1;
}
.profile-blog .blog-listing-cta {
    width: 32%;
    margin: 1% .5%;
    
    /*background: #333333 url("https://cdn2.hubspot.net/hubfs/94143/CTA_Buttons/prof_cta1_back.jpg");
    background-size: cover;
    background-position: center center;*/
}

/*
.profile-blog .post-item:nth-child(3n+0) {
    margin-right: 0;
    clear: right;
}
.profile-blog .post-item:nth-child(3n+1) {
    clear: left;
}
*/
.profile-blog .post-item .tile-image {
    position: relative;
}

.profile-blog .post-item .tile-image .curve {
   background-image: url(https://cdn2.hubspot.net/hubfs/94143/profile_curve.png) ;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    height:30%;
    width:100%;
    position: absolute;
    bottom: -1px;
}

.profile-blog .post-item .tile-card {
    padding: 0 20px 20px 20px;
}

.profile-blog .post-item h2 {
    font-size: 18px;
    line-height: 18px;
    margin: 18px 0 0 0;
}
.profile-blog .post-item .tile-short {
    font-size: 13px;
    color: #794500;
    font-style: italic;
    line-height: 1.2;
    margin-top: 6px;
}



.profile-blog .post-item #hubspot-topic_data {
    color: #555;
    font-size: 15px;
    line-height: 20px;
    margin: 10px 0 0 0;
}
.profile-blog .post-item #hubspot-topic_data a {
    color: rgba(0,119,192, 1);
    font-size: 15px;
    line-height: 20px;
}
.profile-blog .post-item #hubspot-topic_data a:hover {
    color: rgba(0,119,192, .6);
}


/*************** Single Profile View ***************/

.profile-blog .pt-inner-container {
    padding: 0 0 60px 0;
}

.slide-wrapper {
    position: relative;
}

.slide-wrapper .curve {
    background-image: url(https://cdn2.hubspot.net/hubfs/94143/profile_curve.png) ;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    height:30%;
    width:100%;
    position: absolute;
    bottom: 60px;
}

.pro-title {
    position: absolute;
    left: 0;
    top:50px;
    max-width: 45%;
}
.black-box {
    background: #000;
    color: white;
    font-weight: bold;
    padding: 10px 30px 10px 60px;
}
.brn-over {
    background: rgba(139, 94, 60, .75);
    padding: 15px 30px 15px 60px;
    color:#fff;
    font-weight: bold;
}
.brn-over h1 {
    color:#fff;
    font-size: 30px;
    margin: 0 0 0 0;
}

.profile-blog .hs_cos_flex-viewport {
    max-height: 700px;
}

.profile-details {
    margin: 0 0 30px 0;
}

.prof-detail {
    font-size: 14px;
    color: #794500;
}
.prof-detail .det-title {
    font-weight: bold;
}

.tech-detail {
    padding: 10px 0;
    border-bottom: 1px solid #d1d3d4;
}
.tech-detail .det-title {
    font-weight: bold;
}

.profile-blog .pdf-btn {
    background: rgba(140,173,77, 1);
    color: #fff;
    font-size: 18px;
    padding: 10px 30px;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    margin-bottom: 30px;
    display: inline-block;
}

.toptags {
    margin: 0 0 40px 0;
}

.profile-blog .list-pagination .just-mobile { display: none;}

.tinynav { display: none; }

@media (max-width: 1025px) {
    
    .profile-blog .intro-text {
        margin-bottom: 40px;
        max-width: 100%;
    }
    
    .profile-blog .post-item {
        width: 49%;
        margin: .5%;
        }
    .profile-blog .blog-listing-cta {
        width: 49%;
        margin: .5%;
    }
    
    
}

@media (max-width: 767px) {
    .profile-blog .post-item {
        width: 100%;
        margin 0%;
        float:none;
    }
    .profile-blog .blog-listing-cta {
        width: 100%;
        margin 0%;
        
    }
    .brn-over h1 {
        font-size: 20px;
    }
}

@media (max-width: 568px) {
    
    .profile-blog .sub-page.subhead h1 {
        font-size: 26px;
        line-height: 36px;
    }
    
    .profile-blog .list-pagination .hs-menu-wrapper.hs-menu-flow-horizontal {
        display: inline-block;
       /* margin-top:20px;*/
    }
    .profile-blog .list-pagination .pagination-btn {
        font-size: 14px;
        padding: 10px 10px;
    }
    .profile-blog .list-pagination .pagination-btn .icon {
        display: none;
    }
    
    .profile-blog .list-pagination .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
        font-size: 14px;
        padding: 10px 10px;
        max-width: 100%;
    }
    .profile-blog .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-item-has-children > a:after {
        margin-left: 10px;
    }
    
    .profile-blog .list-pagination .hs-menu-wrapper ul {
        display:none;
    }
    .profile-blog .list-pagination .just-mobile { display: block;}
    .profile-blog .list-pagination .just-mobile .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        display:block;
    }
    
    .profile-blog .list-pagination .o-r {
        display: block;
    }
    
    .tinynav { 
        border: 0 !important;
        text-align: center;
        display: block;
        /*width: 132px !important;*/
        height: 40px;
        /*background: transparent url(https://cdn2.hubspot.net/hubfs/94143/filter_button.png) no-repeat;*/
        background: rgba(0,119,192, 1);
        color: #fff;
        -webkit-appearance: none;
        /*text-indent: -9999px;*/
        margin: 0  !important;
        border-radius: 0px!important;
        font-size: 16px;
    }
    .pro-title {
        position: relative;
        left: 0;
        top:0px;
        max-width: 100%;
        margin-bottom: 40px;
    }
    .black-box {
        display: none;
    }
    .brn-over {
        background: rgba(139, 94, 60, .0);
        padding: 15px 30px 15px 15px;
        color:rgba(139, 94, 60, 1);
        font-weight: bold;
}
    .brn-over h1 {
        color:rgba(139, 94, 60, 1);
        font-size: 30px;
        margin: 0 0 0 0;
}
    .slide-wrapper .curve {
        display: none;
    }
    
}



/****************************************
   HomePage 2018
*****************************************/

/* Header fix
 ******************************************/

.search-bar {
}
.search-bar input[type="text"] {
  padding: 10px;
  width: calc(100% - 70px);
}

@media (max-width: 767px) {
  .search-bar {
    margin-top: 15px;
	}
}

.bkgd-white {
  background: #ffffff;
}
.bkgd-blue {
  background: #0b77be;
}

.bkgd-blue a {
  color: rgba(255, 255, 255, .75);
  text-decoration: underline;
}
.bkgd-blue a:hover {
  color: rgba(255, 255, 255, 1);
}

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

.std-brown {
  font-family: 'Fjalla One',sans-serif!important;
  color: #fff;
  background: rgba(121, 71, 29, 1);
  padding: 8px 20px;
  font-size: 24px;
  line-height: 1.5;
  transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
  display: inline-block;
}
.std-brown:hover {
    background: rgba(121, 71, 29, .85);
}

.std-white {
  font-family: 'Fjalla One',sans-serif!important;
  color: #0b77be!important;
  text-decoration: none!important;
  background: rgba(255, 255, 255, 1);
  padding: 8px 20px;
  font-size: 24px;
  line-height: 1.5;
  transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
  display: inline-block;
}
.std-white:hover {
    background: rgba(255, 255, 255, .85);
}

.std-blue {
  font-family: 'Fjalla One',sans-serif!important;
  color: #fff;
  background: rgba(11, 119, 190, 1);
  padding: 8px 20px;
  font-size: 24px;
  line-height: 1.5;
  transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
  display: inline-block;
}
.std-blue:hover {
    background: rgba(11, 119, 190, .85);
}

.std-green {
  font-family: 'Fjalla One',sans-serif!important;
  color: #fff;
  background: rgba(140, 173, 77, 1);
  padding: 8px 20px;
  font-size: 24px;
  line-height: 1.5;
  transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
  display: inline-block;
}
.std-green:hover {
    background: rgba(140, 173, 77, .85);
}

/**** Section 1 - Hero  ****/

.home18 .hero-container {
  border-bottom: 2px solid #fff;
}

.home18 .hero-text h1 span {
    display: block;
}
.home18 .home-hero-text {
    padding-top: 11%;
    padding-bottom: 125px;
}


.hero-play {
  font-family: 'Fjalla One',sans-serif!important;
  color: #fff;
  background: rgba(11, 119, 190, 1);
  padding: 12px 30px;
  font-size: 30px;
  line-height: 1.5;
  transition: all .4s ease;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  display: inline-block;
  margin-top: 20px;
}
.hero-play:hover {
    background: rgba(11, 119, 190, .85);
}

.hero-play:before {
  content: url(https://cdn2.hubspot.net/hubfs/94143/play_icon.png);
  position: relative;
  top: 6px;
  margin-right: 12px;
}

/**** Section 2 - Persona CTAs  ****/

.home-personas {
  display: -moz-box!important;
	display: -ms-flexbox!important;
  display: -webkit-flex!important;
  display: flex!important;
  flex-wrap: wrap;
  padding: 0;
  align-items: center;
  transition: top 0.25s;    
}

.home-personas .hs_cos_wrapper_type_cta {
  width: 33.3333%;
  border: 1px solid #fff;
  box-sizing: border-box;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.home-personas .home-triple {
  background-repeat: no-repeat!important;
  background-size: cover!important;
  position: relative;
  padding-top: 56.25%;
}
.home-personas .home-triple.architects {
  background: url(https://cdn2.hubspot.net/hubfs/94143/back_landscape_architects2.png);
}
.home-personas .home-triple.engineers {
  background: url(https://cdn2.hubspot.net/hubfs/94143/CTA_Buttons/2018%20Home/home_engineers.jpg);
}
.home-personas .home-triple.agencies {
  background: url(https://cdn2.hubspot.net/hubfs/94143/CTA_Buttons/2018%20Home/home_agencies.jpg);
}

.home-personas .home-triple .per-label {
  position: absolute;
  top: 30px;
  background: #79471d;
  color: #fff;
  font-size: 28px;
  padding: 15px 20px;
  font-family: 'Fjalla One',sans-serif!important;
}

.home-personas .home-triple .per-overlay {
  position: absolute;
  bottom: 0px;
  background: rgba(121, 71, 29, 0);
  color: rgba(255, 255, 255, 0);
  font-size: 18px;
  text-align: center;
  padding: 15px 40px;
  width: 100%;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.home-personas .home-triple .per-overlay .bold-type {
  font-weight: bold;
  margin-top: 0px;
  display: block;
}
.home-personas .home-triple:hover .per-overlay {
  background: rgba(121, 71, 29, .8);
  color: rgba(255, 255, 255, 1);
}






/**** Section 3 - Narrow  ****/

.narrow-main {
  max-width: 900px;
  padding: 60px 20px;
  margin: 0 auto!important;
  float: none!important;
}

.intro-cta {
  font-size: 20px;
  line-height: 1.5;
}

.narrow-main .narrow-title {
  max-width: 75%;
  margin:  0 auto!important;
  float: none!important
}

.narrow-main .narrow-body {
  border-bottom: 1px solid #79471d;
  padding: 0 0 30px 0;
}

.narrow-main .home-nar-cta {
  display: -moz-box!important;
	display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    flex-wrap: wrap;
    padding: 30px 0 0 0;
    align-items: center;
    transition: top 0.25s;    
  max-width: 85%;
  margin: 0 auto!important;
  float: none!important;
}

.narrow-main .home-nar-cta .hncta-left {
  width: 40%;
  box-sizing: border-box;
}
.narrow-main .home-nar-cta .hncta-left img {
  height: auto;
}

.hncta-right {
  box-sizing: border-box;
  width: 60%;
  padding: 0 0 0 30px;
}

.hncta-right h3 {
	font-family: 'Open Sans', sans-serif;
  color: #555;
}

.hncta-right .std-brown {
  margin: 15px 0 0 0;
}

/**** Section 4 - Video  ****/

.sys-vid-flex {
  display: -moz-box!important;
	display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    flex-wrap: wrap;
    padding: 80px 0 80px 0!important;
    align-items: center;
    transition: top 0.25s;    
  max-width: 85%;
  margin: 0 auto!important;
  float: none!important;
}

.sys-vid-flex .svf-left {
  width: 50%;
  box-sizing: border-box;
  padding: 0 30px;
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
}
.sys-vid-flex .svf-left h2 {
  color: #fff;
  line-height: 1.4;
}
.sys-vid-flex .svf-left .std-white {
  margin: 15px 0 0 0;
}

.sys-vid-flex .svf-right {
  width: 50%;
  box-sizing: border-box;
}
.sys-vid-flex .svf-right .video {
  border: 5px solid #fff;
}


/**** Section 5 - Resources  ****/

.home-resources {
  padding: 60px 10px;
}

.home-resources .main-head {
  margin: 0 0 30px 0;
}

.home-resources .cta_button img {
  max-width: 100%;
  -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.5);
box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.5);
}

.rec-posts-wrap {
  margin: 60px 0 0 0;
}

.rec-posts-wrap .recent-list-head {
  border-bottom: 2px solid #0b77be;
  margin: 0 0 40px 0;
}
.rec-posts-wrap .recent-list-head h2 {
  margin: 15px 0 15px 0;
}

.vlist-vid {
  background-repeat: no-repeat!important;
  background-size: cover!important;
  position: relative;
  padding-top: 56.25%;
  margin: 0 0 40px 0;
}


.vlist-vid .over-play {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.0);
  color:#fff;
  display: -moz-box!important;
	display: -ms-flexbox!important;
  display: -webkit-flex!important;
  display: flex!important;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
   -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


.vlist-vid:hover .over-play {
  background-color: rgba(0, 0, 0, 0.5);
}

.vlist-vid .home-rec-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  box-sizing: border-box;
 	padding: 80px 40px 40px 40px;
  color: #fff;
  font-weight: 600;
  font-size: 21px;
  text-align: center;
  background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(11,119,190,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(11,119,190,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(11,119,190,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#0b77be',GradientType=0 ); /* IE6-9 */

}



.home-pop-item {
  margin: 0 0 40px 0;
}

.home-pop-item .feat-img {
  padding-top: 56.25%;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  background-position: center center!important;
  -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.home-pop-item:hover .feat-img {
  opacity: .8;
}


.home-pop-item .home-pop-title {
 	padding: 15px 25px;
  background: rgba(140, 173, 77, 1);
  color: #fff;
  font-weight: 600;
  -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.home-pop-item:hover .home-pop-title {
  background: rgba(140, 173, 77, .8);
}

.home-pop-item .home-pop-copy {
 	padding: 15px 25px;
  background: #e6e7e8;
  color: #555;
}
.home-pop-item .home-pop-more {
  color: rgba(140, 173, 77, 1);
  font-weight: 600;
  -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.home-pop-item .home-pop-more:hover {
  color: rgba(140, 173, 77, .8);
}


/**** Section 6 - Map  ****/

.map-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}


.map-box-flex {
  display: -moz-box!important;
	display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    flex-wrap: wrap-reverse;
    padding: 80px 0 80px 0;
    align-items: center;
    transition: top 0.25s;    
  box-sizing:border-box;
  margin: 0 auto!important;
  float: none!important;
}

.map-box-flex .mbf-left {
  width: 60%;
  box-sizing: border-box;
  padding: 0 30px;
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  position: relative;
}

.map-box-flex .mbf-left iframe {
  width: 100%;
}

.map-box-flex .mbf-right {
  width: 40%;
  box-sizing: border-box;
  color: #fff;
}
.map-box-flex .mbf-right h3 {
  color: #fff;
}


/**** Home Page Media Queries  ****/

@media (max-width: 1210px) {
  
  .sys-vid-flex {
    padding: 40px 20px 40px 20px!important;
  }
  .map-box-flex {
    padding: 40px 20px 40px 20px!important;
  }
  
}

@media (max-width: 1024px) {
  
  .home18 .home-hero-text {
    padding-top: 180px;
    padding-bottom: 80px;
	}
  .home-personas .home-triple .per-label {
    font-size: 18px;
  }
  .home-personas .home-triple .per-overlay {
    font-size: 14px;
    padding: 10px 10px;
  }
  
}

@media (max-width: 767px) {
  
  .home-personas .hs_cos_wrapper_type_cta {
    width: 100%;
    border: 1px solid #fff;
  }
  .sys-vid-flex .svf-left {
    width: 100%;
    margin-bottom: 40px
  }
  .sys-vid-flex .svf-right {
    width: 100%;
  }
  .home-resources .cta_button img {
    margin-bottom: 40px;
  }
  .map-box-flex .mbf-left {
  	width: 100%;
  }
  .map-box-flex .mbf-right {
  	width: 100%;
    margin-bottom: 40px;
  }
  
}

@media (max-width: 568px) {
  
  .home-personas .home-triple .per-overlay {
    background: rgba(121, 71, 29, .8);
    color: rgba(255, 255, 255, 1);
  }
  .narrow-main .narrow-title {
    max-width: 100%;
  }
  .narrow-main .home-nar-cta .hncta-left {
    width: 100%;
    text-align: center;
	}
  .narrow-main .home-nar-cta .hncta-left img {
    max-width: 60%;
  }
  .narrow-main .home-nar-cta .hncta-right {
    width: 100%;
    padding: 0 0 0 0; 
	}
  
}

@media (max-width: 400px) {
  
  .narrow-main .home-nar-cta {
    max-width: 100%;
  }
  
}


/******************** Team Page 2019  ********************/

/**** Pop-Ups  ****/

.pop-open {
  overflow: hidden;
}

.team-flex {
  
}

.team-flex .hs_cos_wrapper_widget_container {
  display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    flex-wrap: wrap;
    padding: 0 0 20px 0;
    transition: top 0.25s;
}

.team-flex .hs_cos_wrapper_widget_container .hs_cos_wrapper_type_module {
  width: 30%!important;
  margin: 1.6%;
}


.main-content {
  margin-bottom: 40px;
}

.landing-page .content-wrapper {
padding: 0 20px;
}


@media (max-width: 767px) {
  
  .team-flex .hs_cos_wrapper_widget_container .hs_cos_wrapper_type_module {
    width: 48%!important;
    margin: 1%;
  }
  
}

@media (max-width: 500px) {
  
  .team-flex .hs_cos_wrapper_widget_container .hs_cos_wrapper_type_module {
    width: 95%!important;
    margin: 20px auto!important;
  }
  
}

hr.margintop {
    border: 0;
    height: 0;
    border-top: 0px;
    border-bottom: 0px;
  padding: 0 0 40px 0;
}
hr.marginbottom {
    border: 0;
    height: 0;
    border-top: 0px;
    border-bottom: 0px;
  padding: 40px 0 0 0;
}

/*--------------  Accordions  --------------*/


.accordion { }
.accordion_group {
    margin: 10px 0;
    background: #fff;
    /*padding: 20px 10px;*/
  border: 1px solid 
}

.accordion_group.expanded {
    max-height: none!important;
    overflow: visible!important;
}

.accordion_header {
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    /*flex-wrap: wrap;*/
  align-items: center;
    padding: 0 0 20px 0;
    cursor: pointer;
    font-size: 18px;
    line-height: 16px;
    width: 100%;
    padding: 40px 20px;
  border-bottom: 0px solid #ccc;
  -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  box-sizing: border-box;
}
.accordion_header:hover {
  background: #f5f5f5;
}
.accordion_group.expanded .accordion_header {
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
}

.accordion_header .accordion-title-wrap {
  display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
  align-items: center;
  flex:1;
}


.accordion_header .accordion-title-wrap .main-headline {
  font-family: ;
  color: ;
    font-size: 30px;
  margin: 0 30px 0 0;
  line-height: 1.0;
}

.accordion_header .sub-headlines {
  margin: 0 30px 0 0;
}

.accordion_header .sub-headlines .acc-sub-head {
  display: block;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 8px 0;
  line-height: 1.0;
}
.accordion_header .sub-headlines .acc-subsub-head {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.0;
}


.accordion_content { 
    padding: 10px 15px;
    display: none;
}

.accordion_group .accordion-arrow {
    position: relative;
  -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.accordion_group .accordion-arrow .svg-inline--fa {
  font-size: 48px!important;
  color: ;
 
}

.accordion_group.expanded .accordion-arrow {
    position: relative;
  -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}






/************** Footer ****************/

.footer-top {
    height: 39px; 
    background-color: #3b3734; 
    width: 100%;
    border-bottom: 3px solid #0372b6;
    visibility: visible!important;
}


.grey-horizontal-pattern {
    background: url(//cdn2.hubspot.net/hub/94143/file-1885118918-jpg/2014_Images/footer-bg_v1.jpg) repeat;
    overflow: hidden;
    box-shadow: inset 0 20px 20px -20px #000000;
    padding: 50px 0 25px;
}


/*body.orange-theme .footer-container-wrapper h3 {color: #eb790a; margin-bottom: 0;}
body.green-theme*/ .footer-container-wrapper h3 {color: #8cad4d; margin-bottom: 0;}

.footer-container-wrapper p {
    color: #fff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 18px;
    margin: 5px 0;
}

.footer-logo {margin-top: 35px;}

.footer-form form {margin-top: 12px;}
.footer-form .hs-form-field label {display: none;}

.footer-form input.hs-input,
.footer-form textarea.hs-input {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif!important;
    height: 25px;
    line-height: 25px;
    color: #b2b2b2;
    border-style: none;
    margin-bottom: 12px;
    font-weight: 300;
}

.footer-form textarea.hs-input {min-height: 75px; height: auto!important;}

.hs-form fieldset.form-columns-1 .hs-input {width: 100%!important;}

.footer-form .hs_submit {text-align: right;}

.footer-form .hs-button.primary  {
    background-color: #fff!important;
    border-style: none!important;
    border-radius: 0px!important;
    color: #595858;
    width: 100px;
    text-align: center;
    height: 27px;
    line-height: 27px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif!important;
    padding: 0!important;
    margin-right: 8px;
}

.footer-social ul {list-style: none; padding-left: 0px;}
.footer-social ul li {display: inline-block; margin-right: 20px;}

.custom-copyright {
    color: #fff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 14px;
    text-align: center;
    margin-top: 100px;
}

  .btt {
     position: fixed;
    bottom: 60px;
    right: 20px;
    width: auto;
    font-size: 20px;
    padding: 1px 8px 4px;
    border-radius: 4px;
    background: #1879bb;
    cursor: pointer;
    }
  .btt .svg-inline--fa {
    color: #fff;
  }


.btt span {
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.btt span:hover {color: #eb790a;}

.slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li{
    width:200px;
    height:150px;
    margin-right:45p;
}

.footer-no-links .grey-horizontal-pattern {padding: 25px 0;}
.footer-no-links .footer-logo {margin-top: 0px;}
.footer-no-links .custom-copyright {margin-top: 50px; text-align: right;}


.footer-container-wrapper .back-to-top {
  position: fixed;
    bottom: 20px;
    right: 20px;
    width: auto;
    font-size: 20px;
    padding: 1px 8px 4px;
    border-radius: 4px;
    background: #e45925;
    cursor: pointer;
}



.inline-flex {
  display: -moz-box!important;
  display: -ms-flexbox!important;
  display: -webkit-flex!important;
  display: flex!important;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 20px 0 0 0;
}

.inline-flex .triple {
  width: 32%;
  margin: 0 .66% 20px .66%;
}

.inline-flex .double {
  width: 48%;
  margin: 0 1% 20px 1%;
}

.main-cap {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin-top: 7px;
}

.caption {
  font-style: italic;
  font-size: 14px;
  display: block;
}

@media (max-width: 568px) {
  
  .inline-flex .triple {
  width: 100%;
  margin: 0 .66% 20px .66%;
}

.inline-flex .double {
  width: 100%;
  margin: 0 1% 20px 1%;
}
  
  }



/************** 2018 Footer ****************/

/*
.home18 .footer-container-wrapper h3 {
    color: #3b3734;
    margin-bottom: 20px;
}
.home18 .footer-container-wrapper h3.form-title {
  display:none;
}
.home18 .footer-container-wrapper p {
    color: #3b3734;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
  	line-height: 1.2;
    margin: 5px 0;
}

.home18 .footer-form form {
    margin-top: 0px;
}

*/



.mobile-menu-icon {display: none}

.sidebar-subscription li,
.sidebar-subscription li a{
    color:#fff;
}

/* ------ Mobile ------ */
/* Large desktop */

@media (min-width: 768px) {
.pt-main-content.right {
    margin-right: 0!important;
    float: right!important;
}

.sub-sidebar.left {
    margin-left: 0px!important;
}
}

@media (max-width: 1210px) {
    .site-width, .header-width {padding: 0 15px;}
    .mobile-toggle {right: 15px;}
    .search-toggle {right: 95px;}
}

@media (max-width: 1025px) {
    .hero-text h1, .hero-text .title-text {font-size: 28px; line-height: 32px;}
    .hero-text h4 {font-size: 18px; line-height: 22px;}
    .home-hero-text {padding-top: 150px;}
}

@media (max-width: 850px) {
    .home-hero-text {padding-top: 110px;}
}
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1 > a,
    .widget-type-rss_listing h3 {font-size: 24px!important; line-height: 28px!important;}
    .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper a {font-size: 16px; line-height: 20px;}
    

}


/* Landscape phone to portrait tablet */
@media (max-width: 1024px) {


    video.video-bg {display: none;}
    .hero-container {background: url(//cdn2.hubspot.net/hub/94143/file-1878789866-jpg/2014_Images/video-default.jpg); background-position: 50% 50%; background-size: cover;}
    .hero-container {height: auto!important;}
    .home-hero-text {padding: 150px 0 60px 0;}
    
    .sub-sidebar.left {padding-right: 0px;}
    .sub-sidebar.right {padding-left: 0px;}
    
    .component-block {max-width: 200px; top: 0px;}
    .component-inner {padding: 8px;}
    .component-block p {font-size: 12px; line-height: 18px}
    .comp-3-pop {left: 70px;}
    .comp-4-pop {right: 25%;}
    .comp-5-pop {right: 12%;}
    
}

@media (max-width: 767px) { 
    h1 {font-size: 32px; line-height: 36px;}
    h2 {font-size: 24px; line-height: 28px;}
    h3 {font-size: 20px; line-height: 24px;}
    h4 {font-size: 18px; line-height: 22px;}
    .three-cta h1 {font-size: 36px; line-height: 40px;}
    
    .map-rss-right {padding-left: 0px;}
    .map-rss-lower {margin-top: 30px;}
    .home-ebook-group {margin-bottom: 30px;}
    form.hs-form .form-columns-2 .hs-form-field .hs-input, form.hs-form .form-columns-3 .hs-form-field .hs-input {width: 100%!important;}
    .custom-copyright {margin-top: 30px;}
    
    .pt-inner-container {padding: 25px 0;}
    .sidebar-rss {margin: 10px 0 50px;}
    .sidebar-nav {margin-bottom: 50px;}
    .sub-featured {margin-top: 40px;}
    .pt-main-content.left .sub-featured {margin-top: 0px;}
    
    .footer-form form {display: inline-block;}
    
    .post-hero {min-height: 550px!important;}
    .post-hero h2 {color: #0077c0; font-size: 34px; line-height: 38px;}
    .post-hero h4 {font-size: 18px; line-height: 24px;}
    #hubspot-topic_data,
    #hubspot-topic_data a {font-size: 22px; line-height: 26px;}
    .blog-sidebar {padding-left: 0px;}
    .blog-left-col {padding-right: 0px;}
    
    .slide-out-cta {
        position: relative!important; 
        bottom: 0!important; 
        left: 0; right: 0!important; 
        margin-bottom: 45px;
        border: 2px solid #3a3734;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .slide-out-cta img {float: left;}
    .cta-close {display: none!important;}
    .comment-group {margin-top: 10px; margin-bottom: 30px;}
    
    .btt {
      display: none;
  }
    
    .component-block {
        top: -30px;
        right: 0!important;
        left: 0!important;
        margin: 0 auto;
    }
    
    .mobile-comp-close {
        display: block!important; 
        position: absolute;
        color: #fff;
        background-color: #4a433e;
        border-radius: 50%;
        width: 30px;
        text-align: center;
        font-size: 24px;
        line-height: 30px;
        top: -35px;
        right: 5px;
        padding-bottom: 1px;
    }
    
    .footer-no-links .custom-copyright,
    .footer-no-links .grey-horizontal-pattern {text-align: center;}

}

@media (max-width: 568px) {
    .logo img {max-width: 205px;}    
    .mobile-toggle {top: -30px; right: 5px;}
    .search-toggle {right: 5px; top: 25px;}
    
    .blog-z {bottom: 0;}
   /* .post-hero {min-height: 450px!important;} */
    .post-hero h2 {color: #0077c0; font-size: 26px; line-height: 30px;}
    .post-hero h4 {display: none;}
    #hubspot-topic_data,
    #hubspot-topic_data a {font-size: 18px; line-height: 22px;}
    .sub-page.subhead h1{
    line-height:36px;
}
}
     
/* Landscape phones and down */
@media (max-width: 400px) {
  .post-hero {min-height: 650px!important;}
    .footer-form form {display: block;}
    
.sub-page.subhead h1{
    line-height:36px;
}
}





/* Mobile Menu Trigger */
.lines-button {
  padding: 0;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  cursor: pointer;
  user-select: none;
  border-radius: 0.57143rem;
  border-image: none!important;
    border: 0px;
    -webkit-appearance: none!important;
 background-color: transparent!important;
}
.lines-button:hover {
  opacity: 1;
}
.lines-button:active {
  transition: 0;
}

.lines {
  display: inline-block;
  width: 50px;
  height: 3px;
  background: #794500;
  /*border-radius: 0.28571rem;*/
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  position: relative;
}
.lines:before, .lines:after {
  display: inline-block;
  width: 50px;
  height: 3px;
  background: #794500;
  /*border-radius: 0.28571rem;*/
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  position: absolute;
  left: 0;
  content: '';
  -webkit-transform-origin: 0.28571rem center;
  transform-origin: 0.28571rem center;
}
.lines:before {
  top: 10px;
}
.lines:after {
  top: -10px;
}

.lines-button:hover .lines:before {
  top: 13px
}
.lines-button:hover .lines:after {
  top: -13px;
}

.lines-button.close {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8);
}

.lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after {
  top: 0;
  width: 2.22222rem;
}
.lines-button.arrow.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}
.lines-button.arrow.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}

.lines-button.arrow-up.close {
  -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
  transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
}

.lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after {
  -webkit-transform: none;
  transform: none;
  top: 0;
  width: 4rem;
}

button.lines-button:focus {outline: none;}

.lines-button.x.close .lines {
  background: transparent;
}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 50px;
}
.lines-button.x.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

.lines-button.x2 .lines {
  transition: background 0.3s 0.5s ease;
  -moz-transition: background 0.3s 0.5s ease;
  -webkit-transition: background 0.3s 0.5s ease;
}
.lines-button.x2 .lines:before, .lines-button.x2 .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease;
  transition: top 0.3s 0.6s ease, transform 0.3s ease;
}

.lines-button.x2.close .lines {
  transition: background 0.3s 0s ease;
  background: transparent;
}
.lines-button.x2.close .lines:before, .lines-button.x2.close .lines:after {
  transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease;
  transition: top 0.3s ease, transform 0.3s 0.5s ease;
  top: 0;
  width: 4rem;
}
.lines-button.x2.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x2.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

/* Table Responsiveness Added by HubSpot Support 8.17.15 */

@media (max-width: 100%) {
    .tresponsiveness {
        
    }