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

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

/* Bootstrap 2 */


/* This responsive framework is required for all styles. */
/* 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;}




/*****************************************/

/* Apply a natural box layout model to all elements so that width and padding are combined */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

body {
    margin:0px;
    color: #333333;
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    line-height:20px;
}

a {
    color: #0088CC;
    text-decoration: none;
}
a:hover, a:focus {
    color: #8e8e8e;
    text-decoration: underline;
}

/* ------ Typography ------ */
/* Basic text */
p {
    font-size: 14px;
    line-height: 20px;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin: 20px 0 15px 0;
}

h1 {
    font-size:40px;
    line-height: 40px;
    font-weight:normal;
}

h2 {
    font-size: 30px;
    line-height: 40px;
}
h3 {
    font-size:22px;
    line-height: 22px;
}
h4 {
    font-size:18px;
    line-height:27px;
}
h5 {}
h6 {}

.footer-container-wrapper h3 {
    font-size:24px;
    line-height: 40px;
}

.footer-container-wrapper h1,
.footer-container-wrapper h2,
.footer-container-wrapper h3,
.footer-container-wrapper h4{
    color:#fff;
}

.footer-containter-wrapper > a {
    color: #fff;
}

.footer-containter-wrapper > a:hover {
    color: #ccc;
}

/* Lists */
ul, ol {}
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 {}



.hs-landing-page h1 { margin-bottom: 25px; }
.hs-landing-page .body-container-wrapper,
.hs-landing-page .body-container-wrapper p {
    font-size: 18px;
    line-height: 28px;
}
.hs-landing-page .body-container-wrapper {
    padding: 40px 20px 60px 20px;
}



/* ------ 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 {
    background:url(//cdn2.hubspot.net/hub/315483/file-383515677-jpg/images/header-footer.jpg) repeat;
    padding: 0 15px;
}
.body-container-wrapper {
    background: url(//cdn2.hubspot.net/hub/315483/file-382778911-jpg/images/body-container-wrapper.jpg) repeat left top #DDDCE2;
    padding: 10px 20px 20px 20px;
}
.hs-blog-id-417908617 .body-container-wrapper {
    background: white;
}
.footer-container-wrapper {
    background:url(//cdn2.hubspot.net/hub/315483/file-383515677-jpg/images/header-footer.jpg) repeat;
    padding: 20px 15px 15px 15px;
}

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

.header-container {}
.body-container {}
.footer-container {
    color: #fff;
}

.page-center {
    max-width:1170px;
    margin-left: auto !important;
    float: none !important;
    margin-right: auto !important;
}


/* ------ 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 {}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {
    display: block;
}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {
    height:auto !important;
}

.header-container .close-logo {
    float: left;
    display: block;
    padding: 10px 20px 10px;
    margin-left: -20px;
    font-weight: 200;
    font-size: 36px;
    line-height: 42px;
}
.header-container .close-logo a {
    color: #fff;
    float: left;
    width: 210px;
}
.header-container .close-logo a:hover { text-decoration: none; }
.close-logo img { width: 37px; margin: 0 7px 0 0; }


/* ------ 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 > ul {
    display:block !important;
}

.hs-menu-wrapper > ul > li > a{
    color: #F8F8F8;
    font-size: 15px;
    transition: all 0.2s linear 0s;
    padding:1px 18px !important;
    display:block !important;
    max-width:100% !important
}

.hs-menu-wrapper > ul > li:hover > a {
    color:#ccc;
}

.hs-menu-wrapper ul ul {
    background:url(//cdn2.hubspot.net/hub/315483/file-383515677-jpg/images/header-footer.jpg) repeat;
}

.hs-menu-wrapper ul ul li a{
    color: #F8F8F8;
    font-size: 12px;
    font-weight: bold;
    transition: all 0.2s linear 0s;
    padding:6px 12px !important;
}

.hs-menu-wrapper ul ul li a:hover{
    color:#ccc;
}

.body-container .hs-menu-flow-horizontal > ul {
    margin-bottom:20px !important;
}

.body-container .hs-menu-flow-horizontal > ul > li > a {
    color: #333;
    font-size: 14px;
    font-weight:normal;
}

.hs-menu-flow-vertical > ul > li > a {
    color: #333;
    font-size: 14px;
    font-weight:normal;
}

.hs-menu-flow-vertical > ul > li:hover > a {
    color: #333;
}

.footer-container .hs-menu-flow-horizontal > ul > li > a {
    font-size: 14px;
    font-weight:normal;
}

/* ------ Content ------ */
.body-container-wrapper {}
.body-container {}


/* ------ Blog ------ */
/* Your basic blog wrapper */

.post-header{}

.post-header h2,
.post-header h2 a{
    font-size: 32px;
    line-height:33px;
    letter-spacing: -1px;
    color:#333;
}

.post-header h2 a:hover{
    color: #194963;
    text-decoration:none;
}

.post-item {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 3px dotted #ddd;
}

/*.custom_module h3,
.custom_module h3.form-title{
    font-size:22px;
    line-height: 40px;
}*/

/*#comments-listing {
    border: 1px solid #E2E2E2;
    display: block;
    line-height: 165%;
    padding: 15px;
    margin:15px 0;
}*/

.blog-section,
.blog-section p {
    font-size: 16px;
    line-height: 24px;
}

.more-link {
    display: block;
    margin-bottom: 20px;
}

.comments_link {
    color:#194963;
    padding:0 1px;
    text-transform:uppercase;
    font-size:12px;
    font-weight:700;
}

.comments_link:hover {
    background: none repeat scroll 0 0 rgba(25, 73, 99, 0.13);
    text-decoration: none;
    text-decoration:underline;
}

#comments-listing h3 {
    font-size: 21px;
    margin: 0;
    padding: 0;
}

.comment {
    border-bottom: 1px solid #000000;
    display: block;
    padding: 15px;
}

.comment-date {
	font-style: italic;
	padding: 4px 0;
	display: block;
	font-size: 0.9em;
}

#recaptcha_table td {
    line-height: 0;
}

.custom_social_bar {
	border-top:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;	
	padding: 7px 0;
	margin:7px 0
}

.custom_listing_comments {
    border: 1px solid #E2E2E2;
    display: block;
    line-height: 165%;
    padding: 15px;
    margin:10px 0;
}

#hubspot-author_data {
    font-style: italic;
    font-size: 0.95em;
}

.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 {}

/* Blog comments and blog comment form */
#blog-comment-form  div.hs-form-field {
	margin:12px 0; 
}

#blog-comment-form  div.hs-form-field label {
    font-size: 14px;
    font-weight: normal;
}

#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 {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 3px;
    color: #555555;
    font-size: 14px;
    padding:6px;
}

#blog-comment-form  div.hs-form-field select {}
 /* Edited by HubSpot Support 9-6-14 -- changed selector from '#hs_form_target_blog_subscription' to target a selector found on both the blog listng and post pages to hide the form field label */
.blog .sidebar form .hs_email.hs-form-field label { /* Updated 10-22-14 added .blog and .sidebar tag to target only blog subscription form and not forms at bottom of page  */
    display: none;
}

.hs-blog-post .sales-course-signup {
    border: solid 2px #8DADCA;
    padding: 0 20px;
    background: #D5E8F7;
    color: #2B5892;
}
.hs-blog-post .sales-course-signup .pic-side {
    float: left;
    width: 21%;
    padding: 25px 20px 20px 0;
    box-sizing: border-box;
}
.hs-blog-post .sales-course-signup .pic-side img {
    border: solid 1px rgb(168, 194, 221);
}
.hs-blog-post .sales-course-signup .pic-side .caption {
    font-size: 12px;
    display: inline-block;
    margin-top: 7px;
    line-height: 14px;
    color: #7793B6;
}
.hs-blog-post .sales-course-signup .form-side {
    float:left;width: 79%;
}
.hs-blog-post .sales-course-signup h2 {
    font-size: 26px;
    margin: 23px 0 9px 0;
}
.hs-blog-post .sales-course-signup .field {
    float: left;
    margin-right: 2%;
    margin-bottom: 7px;
}
.hs-blog-post .sales-course-signup .field-name { width: 30%; }
.hs-blog-post .sales-course-signup .field-email { width: 68%; margin-right: 0; }
.hs-blog-post .sales-course-signup .field input {
    display: block;
    width: 100%;
    border: solid 1px #B7CDE9;
    font-size: 13px;
    padding: 9px;
}
.hs-blog-post .sales-course-signup input[type=submit] {
    display: block;
    clear: left;
    margin: 3px 0 0 0;
    background: #527AA5;
    border: none;
    border-bottom: solid 2px #25558A;
    color: white;
    width: 100%;
    padding: 11px;
    font-size: 14px;
    word-wrap: normal;
    -webkit-appearance: none; border-radius: none; /* fixes iphone */
}
.hs-blog-post .sales-course-signup .no-spam {
    clear: both;font-size: 12px; margin-top: 5px;color: #7793B6;
}
@media (max-width:320px) {
    /* phones */
    .hs-blog-post .sales-course-signup .pic-side {
        display: none;
    }
    .hs-blog-post .sales-course-signup .form-side {
        width: 100%;
    }
    .hs-blog-post .sales-course-signup .field {
        float: none;
        width: 100%;
        margin: 0;
    }
}


.hs-blog-post .social-share-data {
    padding-top: 5px;
}
.hs-blog-post .social-share-data .fb-like {
    line-height: 12px;
    margin: 0 20px 0 0;
}
.hs-blog-post .social-share-data .linked-in-share {
    margin: 0 22px 0 9px;
}


/* blog sidebar */
.hs-blog-id-417908617 .body-container .span12 .span4 {
    border-left: solid 1px #ddd;
    padding-left: 15px;
    margin-top: 15px;
}
.hs-blog-id-417908617 .body-container .span12 .span4 h3 {
    margin-top: 15px;
}
.hs-blog-id-417908617 .body-container .span12 .span4 .row-fluid-wrapper {
    margin-bottom: 5px;
}

.about-closeio-sidebar {
    margin-top: 10px;
}
.about-closeio-sidebar p {
    font-size: 16px;
    line-height: 24px;
}

/************/

.hs-button {}
.hs-button:hover,
.hs-button:hover {}
.hs_submit {}

.hs_cos_wrapper_type_form form div.hs-form-field {
	margin:12px 0; 
}

.hs_cos_wrapper_type_form form div.hs-form-field label {
    font-size: 14px;
    font-weight: normal;
}

.hs_cos_wrapper_type_form form div.hs-form-field input[type="text"],
.hs_cos_wrapper_type_form form input[type="email"],
.hs_cos_wrapper_type_form form div.hs-form-field textarea {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 3px;
    color: #555555;
    font-size: 14px;
    padding:6px;
}

.hs_cos_wrapper_type_form form .hs-button {}

form ul{
    list-style:none !important;
}

.footer-container a {
    color: #fff;
}
.footer-container .hs_cos_wrapper_type_form form div.hs-form-field label {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.footer-container .hs_cos_wrapper_type_form form div.hs-form-field input[type="text"],
.footer-container .hs_cos_wrapper_type_form form input[type="email"],
.footer-container .hs_cos_wrapper_type_form form div.hs-form-field textarea {
    background: #1A1F26;
    border: 1px solid #2F3743;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 8px;
}

.footer-container .hs_cos_wrapper_type_form form div.hs-form-field input[type="text"]:focus,
.footer-container .hs_cos_wrapper_type_form form input[type="email"]:focus,
.footer-container .hs_cos_wrapper_type_form form div.hs-form-field textarea:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #92C65F;
}

.footer-container .hs_cos_wrapper_type_form form .hs-button {
    border:1px solid #d0d0d0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 14px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background:url(//cdn2.hubspot.net/hub/315483/file-383533077-jpg/images/footer-button.jpg) repeat-x bottom #fff;
    border-radius: 4px;
}

.footer-container .hs_cos_wrapper_type_form form .hs-button:hover {
    background:#e6e6e6;
    text-decoration:none;
}

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

.blog-pagination {}

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

.widget-type-blog_subscribe {
    background: #FFFEE0;
    padding: 20px;
    border: solid 1px #E7E7CC;
}
.widget-type-blog_subscribe h3 {
    margin-top: 5px !important;
    line-height: 25px;
}
.widget-type-blog_subscribe input[type=email] {
    border: solid 1px #ddd;
    padding: 10px;
    font-size: 12px;
}
.widget-type-blog_subscribe .hs_blog_the_closeio_blog_subscription,
.widget-type-blog_subscribe .hs_lifecyclestage,
.widget-type-blog_subscribe label {
    display: none;
}
.widget-type-blog_subscribe .actions {
    margin: 2px 0 0 0;
}
.widget-type-blog_subscribe input[type=submit] {
    background: rgb(100, 152, 201);
    border: none;
    border-bottom: solid 2px #4B81B4;
    padding: 10px;
    color: white;
    font-size: 14px;
    width: 100%;
    -webkit-appearance: none; border-radius: none; /* fixes iphone */
}



/* ------ Forms ------ */
/* This is the main form wrapper */
.hs-form {}

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

.field label {}


/* ------ Buttons ------ */
.hs-button {}
.hs-button:hover {}
.hs-button:focus {}
.hs-button:active {}

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


/* ------ Footer ------ */
/* The main footer wrapper will default to fill 100% of the browser viewport */
.footer-container-wrapper {}

/* Your basic footer container */
.footer-container {}

.footer-container .hs_cos_wrapper_type_page_footer footer {}

.footer-container .hs-footer-company-copyright {}

/* ------ Misc ------ */
/* Any overflow styles can go in this space */

.header-container .header_menu .hs-menu-flow-horizontal > ul{
    float: right;
    margin:22px 0 0 !important;
}

/* login button */
.header-container .header_menu .hs-menu-flow-horizontal > ul > li:last-child > a{
    background-color: #446d9a;
    background-image: -moz-linear-gradient(top,#5084b4,#324a74);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#5084b4),to(#324a74));
    background-image: -webkit-linear-gradient(top,#5084b4,#324a74);
    background-image: -o-linear-gradient(top,#5084b4,#324a74);
    background-image: linear-gradient(to bottom,#5084b4,#324a74);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5084b4',endColorstr='#ff324a74',GradientType=0);

    border: 1px solid #13161b;
    border-radius: 6px;
    position: relative;
    top: -6px;
    padding: 6px 15px !important;
}

.custom_footer_about{
    font-size: 15px;
    font-weight:normal;
    line-height:20px;
}

.custom_footer_about a{
    color:#fff;
}

.custom_footer_about a:hover{
    color:#ccc;
}

.custom_footer_about a img{
    float:left;
    margin: 0 20px 30px 0;
}

.custom_footer_about h4{
    color: #FFFFFF;
    font-size: 17px;
    font-weight: bold;
    line-height: 17px;
    margin: 0 0 10px;
}

.custom_footer_form,
.custom_footer_form a{
    color:#fff;
    font-size: 14px;
}

.custom_copyright{
    background:url(//cdn2.hubspot.net/hub/315483/file-382806051-jpg/images/border.jpg) repeat-x top;
    padding-top:18px;
    margin-top:20px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight:normal;
    line-height:20px;
}

.custom_copyright a{
    color: #FFFFFF;
    font-size: 14px;
    font-weight:normal;
    line-height:20px;
    padding:0 5px;
}
.custom_copyright a:hover{
    color: #ccc;
}

.custom-footer-blog a {
    color: #ffffff;
}

.custom-footer-blog a:hover {
    color: #ccc;
}

/* ------ Mobile ------ */
/* Large desktop */
@media (min-width: 1200px) {}
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .header-container .header_menu .hs-menu-flow-horizontal > ul > li > a{
        padding:1px 8px !important;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	body {
        padding-left: 0px;
        padding-right: 0px;
    }
	.header-container .hs-menu-flow-horizontal > ul > li,
	.body-container .hs-menu-flow-horizontal > ul > li{
     	width:100%;
     	text-align:center;
    }
	.header-container .hs-menu-flow-horizontal > ul > li a,
	.body-container .hs-menu-flow-horizontal > ul > li a{
     	max-width:none !important;
    }
	.header-container .hs_cos_wrapper_type_logo{
        text-align:center;
    }
	.hs-menu-flow-vertical ul ul {
		left:50% !important;
		width:auto;
    }
    .header-container .header_menu .hs-menu-flow-horizontal > ul{
        float:none !important;
    }

    /* login button */
    .header-container .header_menu .hs-menu-flow-horizontal > ul > li:last-child {
        margin-top: 15px;
    }

    .close-logo {
        float:none !important;
        text-align:center;
    }
    
    .body-container, .footer-container {
        margin-top: 5px;
        padding: 10px;
    }

    .header-container .header_menu .hs-menu-flow-horizontal > ul > li:last-child > a{
        display:inline !important;
        padding: 4px 16px !important;
    }
    .header-container-wrapper {
        padding-bottom:15px;
    }
}

/* Latest Tweet in Blog Sidebar */
a.bubble {
    background: #F5F5F5;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    color: #6F6F6F !important;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    padding: 8px 12px !important;
    position: relative;
    margin-top: 5px;
}
a.bubble:first-child {
    display: block;
}
a.bubble .arrow {
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
a.bubble .arrow.fill {
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-top: 8px solid #F5F5F5;
    bottom: -8px;
    left: 25px;
}
a.bubble .arrow.border {
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #D5D5D5;
    bottom: -10px;
    left: 23px;
}
a.bubble:hover {
    background: #F2F2F2 !important;
    border-color: #CFCFCF;
}
a.twitter_username {
    color: #4C4C4C;
    display: inline-block;
    font-family: 'Lato',Helvetica,serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0;
    margin: 11px 0 0 22px;
    max-width: 166px;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}
a.twitter_username:hover {
    background: none;
    color: #194963;
}

     
/* Landscape phones and down */
@media (max-width: 480px) {}

/* Iphone */
@media (max-width: 320px) {}

/* YouTube Responsive CSS for HubSpot */
.hs-responsive-embed-youtube {
position: relative;
padding-bottom: 56.25% !important; /* 16:9 Aspect Ratio */
padding-top: 25px;
height: 0;
}
 
.hs-responsive-embed-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}