/*@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);*/

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

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

 /****************************************/
 /* HS COS Boilerplate v1.0              */
 /****************************************/

 /* 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%;
        height: auto;
        border: 0;
        -ms-interpolation-mode: bicubic;
        vertical-align: bottom; /* Suppress the space beneath the baseline */
    }
    
    /* Videos */
    video {
        max-width: 100%;
        height: auto;
    }
    
        .hs-responsive-embed {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
     
    .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
        position: absolute;
        top: 0;
        left: 0;
        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: 56.25%;
    }
     
    .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 {
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
        /* Menus */
     
    .hs-menu-wrapper ul {
        padding: 0;
    }
     
    /* Horizontal Menu */
     
    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
        padding: 10px;
    }
     
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: inline-block;
    }
     
    .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;
    }
     
    .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;
    }
     
    .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: 100%;
        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;
    }
     
    .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;
    }
    
        /* Veritical Menu */
     
    .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;
    }
    .hs-menu-wrapper.hs-menu-flow-vertical > ul {
        margin-bottom: 0;
    }
     
    .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.hs-item-has-children {
        position: relative;
    }
    
        /* Show Nested Children */
    .hs-menu-wrapper.hs-menu-flow-vertical li.hs-item-has-children > ul > li { display: none; }
    .hs-menu-wrapper.hs-menu-flow-vertical li.active-branch > ul > li { display: block; }
    .hs-menu-wrapper.hs-menu-flow-vertical li ul { padding-left: 1em; }
     
    .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
        max-width: 100%;
        overflow: hidden;
    }
    
        @media (max-width: 767px) {
        .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;
        }
        /* Stacking Horizontal Nav for Mobile */
        /*.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
            visibility: visible !important;
            opacity: 1 !important;
            position: static !important;
            padding-left: 1em;
        }*/
        .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
            padding: 0;
        }
        .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
            white-space: normal;
        }
    }
    
    
        .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper {
        visibility: visible;
        opacity: 1;
    }
     
    .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        display: block;
        visibility: visible;
        opacity: 1;
    }
    
    
        /* Space Module */
     
    .widget-type-space {
        visibility: hidden;
    }
    
        /* Blog Author Section */
     
    .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(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/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(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/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: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        padding: 0px 5% 0px 5%;
        width: 90%;
        top: 40%;
        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;
        }
    }
     
    .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;}


 
 /* Foxboro v1.9 */
html,body {margin:0;padding:0;}
a{outline:none;}
a:hover {text-decoration:none;}
/*#foxboro_body {width:100%;display:block;}*/
#foxboro_body {display:block;margin:auto auto;text-align:left;overflow:hidden;}
div.pad {display:block;padding:0 0px;overflow:hidden;}
#foxboro_courtesy_links,
 #foxboro_header {width:100%;overflow:hidden;}
#foxboro_header span.logo {display:block;font-size:1.5em;margin:0;padding:0;font-weight:normal;font-family:Georgia,"Times New Roman",Times,serif;color:#000;}
#foxboro_header span.logo a {display:block;}
#foxboro_header span.logo a img {border:none;}

#foxboro_menu .hs-menu-children-wrapper.vertical.group.level1 { margin-top: 26px; }
#foxboro_menu {position:relative;display:block;margin:0 auto;padding:0;width:100%;z-index:12 !important;}

#foxboro_menu ul {display:block;float:left;list-style-type:none;margin:0;padding:0;}

#foxboro_menu ul li {display:block;float:left;margin:0;padding:0;font-weight:bold;}
#foxboro_menu ul li a {display:block;float:left;text-decoration:none;}
#foxboro_menu ul li a:hover {cursor:pointer;}

#foxboro_menu ul li span {font-size:0.85em;}

#foxboro_menu .rootGroup .item .text {display:block;float:left;padding-top: 5px; padding-bottom: 5px;}
#foxboro_menu .group .item .text {display:block;float:left;padding:5px 15px 5px 15px;}

#foxboro_menu ul li a.selectedtab {}

#foxboro_menu ul.group {padding:0;display:block;}
#foxboro_menu ul.group li {float: none}
#foxboro_menu ul.group li span {padding:10px 5px;margin:0px;}

#foxboro_menu ul.group.level2 {margin-left:1px;}
#foxboro_menu ul.group.level2 li {padding: 0px;}
#foxboro_menu ul.group.level2 li span {padding:10px 5px;margin:0px;}

#foxboro_menu ul.group.level3 {margin-left:1px;}
#foxboro_menu ul.group.level3 li {padding:0px;}
#foxboro_menu ul.group.level3 li span {padding:10px 5px;margin:0px;}

#foxboro_menu ul.group li.item.separator {display:none;}

#foxboro_side-menu {display:block;position:static;z-index:999;line-height:0;}
#foxboro_side-menu ul {display:block;list-style-type:none;margin:0;padding:0;float:none;position:static;}
#foxboro_side-menu ul li {display:block;margin:0;padding:0;font-size:.9em;width:100%;position:static;line-height:16px;float: none;}
#foxboro_side-menu ul li a {display:block;text-decoration:none;width:100%;}
#foxboro_side-menu ul li a:hover {cursor:pointer;}
#foxboro_side-menu ul li a span {display:block;padding:7px 15px 7px 14px;line-height:17px;}
#foxboro_side-menu ul li.selectedtab{}
#foxboro_side-menu ul li.selectedtab a {font-weight:bold;}
#foxboro_side-menu ul li.first a span{}
#foxboro_side-menu ul li.last {}
#foxboro_side-menu ul li.separator {display:none;}
#foxboro_side-menu ul li.haschildren {margin-bottom:0;border-bottom:none;}
#foxboro_side-menu ul li.haschildren a span {border-bottom:none;}
#foxboro_side-menu ul li.childitem1 {border:none;margin-bottom:0;}
#foxboro_side-menu ul li.childitem1 a span {border:none;margin-left:15px;}
#foxboro_side-menu ul li.childitem1.last {padding-bottom:10px;}
#foxboro_side-menu ul li.selectedpath {font-weight:normal;}
/* fix to negate radmenu inherited style */
#foxboro_side-menu div.radmenu {float:none;position:static;white-space:wrap;}
#foxboro_side-menu div.radmenu ul.horizontal,#foxboro_side-menu div.radmenu ul.vertical {position:static;}
#foxboro_content div.radmenu ul.rootGroup {position:static;}
#foxboro_content div.radmenu ul.vertical {position:static;}
.radmenu ul.horizontal,.radmenu ul.vertical,.radmenu .item {position:static;}
#foxboro_side-menu .radmenu .item {position:static;}
#foxboro_side-menu .radmenu .item a {position:static;}
#foxboro_side-menu .radmenu .item a span {position:static;white-space:normal;}
#foxboro_side-menu_top, #foxboro_side-menu_bottom {height: 0px;}


#foxboro_top, #foxboro_bottom {display:block;clear:both;}
/*#foxboro_one-column,#foxboro_two-column,#foxboro_two-column-right,#foxboro_three-column {float:left;padding-top:20px;overflow:hidden;}*/
/*
#foxboro_one-column {}
#foxboro_one-column #foxboro_col2 {}
#foxboro_two-column {}
#foxboro_two-column #foxboro_col1 {}
#foxboro_two-column #foxboro_col2 {}
#foxboro_two-column-right {}
#foxboro_three-column {}
#foxboro_three-column #foxboro_col1 {}
#foxboro_three-column #foxboro_col2 {}
#foxboro_three-column #foxboro_col3 {}

#foxboro_three-eq-column {}
#foxboro_three-eq-column #foxboro_col1 {}
#foxboro_three-eq-column #foxboro_col2 {}
#foxboro_three-eq-column #foxboro_col3 {}

#foxboro_three-eq-column #foxboro_col2 div.block div.pad {padding: 8px 5px 0px 5px;}

#foxboro_two-eq-column {}
#foxboro_two-eq-column #foxboro_col1 {}
#foxboro_two-eq-column #foxboro_col3 {}


#foxboro_two-column-right #foxboro_col2 div.pad {padding:0 0px 0 0px;}
#foxboro_col1 div.pad,#foxboro_col2 div.pad,#foxboro_col3 div.pad {padding-bottom:35px;}

#foxboro_col1 {float:left;position:static;}
#foxboro_content #foxboro_col1 div.pad {padding:0;}

#foxboro_col2 {float:left;position:static;}
*/
#foxboro_col2 h1 {font-size:1.6em;margin:8px 0 15px 0;padding:0;font-weight:normal;line-height:115%;}
#foxboro_col2 h2 {font-size:1.3em;margin:15px 0;padding:0;font-weight:normal;line-height:145%;}
#foxboro_col2 h4 {margin:15px 0;padding:0;}

#foxboro_col2 ol {margin:0 0 6px 25px;padding:0;}
#foxboro_col2 ol ol {margin:7px 0 0 25px;list-style-type:lower-alpha;}
#foxboro_col2 ol ol ol {list-style-type:lower-roman;}
#foxboro_col2 ul {  list-style-type: square;}


#foxboro_top img,
#foxboro_bottom img,
#foxboro_col1 img, 
#foxboro_col2 img, 
#foxboro_col3 img {border: none;}

#foxboro_col2 {    overflow: hidden;}

#foxboro_col3 h4 {  font-weight: 500;}


/* since we can control image spacing better in FF & ie7, we will. ie6 degrades OK with the style above. */
html>body #foxboro_col2 img[align=right] {margin:0 0 5px 15px;border:0px solid #ccc;padding:2px;}
html>body #foxboro_col2 img[align=left] {margin:0 15px 5px 0;border:0px solid #ccc;padding:2px;}

#foxboro_content #foxboro_col3 div.pad {display:block;padding:0;}

#foxboro_content {background:#fff;position:static;}
#foxboro_content div.block {display:block;line-height:145%;font-size:.95em;}
#foxboro_content #foxboro_col1 div.block div.pad, 
#foxboro_content #foxboro_col3 div.block div.pad {display:block;padding:8px 20px;}
#foxboro_content #foxboro_col1 div.block div.pad {margin:0 0 0 15px;}
#foxboro_content #foxboro_col3 div.block div.pad {margin:0 15px 0 0;}
#foxboro_content div.block h3 {font-weight:normal;margin:0 0 10px 0;padding:5px 0 0 0;line-height:125%;white-space:normal;}
#foxboro_content div.block p {font-size:.95em;line-height:145%;margin:5px 0 15px 0;padding:0;}
#foxboro_content div.block ol {margin:12px 0 0 18px;padding:0;line-height:145%;}
#foxboro_content div.block li {padding:0 0 10px 0;margin:0;font-size:.95em;}
#foxboro_content div.block li a {}

/* -- put in clearing fix re JIRA#CMS-896  -- */
#foxboro_two-column #dnn_LeftPane, #foxboro_two-column-right #dnn_Col3Pane {clear: both;}


/* was named alston_button */
a.action_button {display:block;background:#473c2a;float:left;color:#fff;text-decoration:none;cursor:pointer;padding:5px;}
a.action_button * {font-style:normal;background-image:url("//cdn2.hubspot.net/hub/54495/img/b_corners.png");background-repeat:no-repeat;display:block;}
a.action_button i {background-position:top left;position:absolute;margin-bottom:-5px;top:0;left:0;width:5px;height:5px;}
a.action_button span {background-position:bottom left;left:-5px;margin-bottom:-5px;padding:0 0 5px 10px;}
a.action_button span i {background-position:bottom right;margin-bottom:0;position:absolute;left:100%;width:10px;height:100%;top:0;}
a.action_button span span {background-position:top right;position:absolute;right:-10px;margin-left:10px;top:-5px;height:0;}
* html a.action_button span,* html a.action_button i {float:left;width:auto;background-image:none;cursor:pointer;}
a.action_button:hover {background-color:#edcf81;}
a.action_button:active {background-color:#d99e02;}

#foxboro_footer {padding:5px 0px 15px 0px;clear:both;font-size:.9em;margin:0;}
#foxboro_footer a:hover {text-decoration:underline;}
#foxboro_footer p.copyright {clear:both;font-size:.9em;padding:0;margin:0;}

#foxboro_footer ul {display:block;float:left;list-style-type:none;margin:0;padding:0;width:100%;}
#foxboro_footer ul li {display:block;float:left;margin:0 20px 0 0;padding:0;font-size:.9em;}
#foxboro_footer ul li a {display:block;float:left;text-decoration:none;}
#foxboro_footer ul li a:hover {cursor:pointer;}
#foxboro_footer ul li a span {display:block;float:left;padding:7px 0 7px 0;}

/* Clearfix */
/*
#foxboro_footer:after,#foxboro_content:after,#foxboro_three-column:after,#foxboro_menu:after,div.block:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#foxboro_footer,#foxboro_content,#foxboro_three-column,#foxboro_menu,div.block {display:inline-block;}
*/
/* Hides from IE-mac \*/
* html #foxboro_footer,* html #foxboro_content,* html #foxboro_three-column,* #foxboro_menu,* div.block {height:1%;}
#footer,#foxboro_content,#foxboro_three-column,#foxboro_menu,div.block {display:block;}
/* End hide from IE-mac */




/* lead forms */
div.ContactFormWrapper {margin:0 0 25px 0;padding:0;font-size:12px;}
div.ContactFormWrapper label {display:block;margin:0 0 4px 0;}
div.ContactFormWrapper input {margin:0 0 10px 0;color:#414141;font-size:1.1em;padding:2px;}
div.ContactFormWrapper submit {width:auto;}

div.ContactFormWrapper div.CheckboxGroupContainer input {margin:0;width:auto;}
div.ContactFormWrapper div.CheckboxGroupContainer label {margin:0;}

form.hs-form .hs-input {
    max-width: 400px;
    width: 90%;
}
form.hs-form .hs_submit {
    margin-top: 7px;
}
form.hs-form.stacked .hs-form-field {
    margin-bottom: 11px;
}
/* subscribe via email */
.subhead {display:block;margin:0 0 4px 0;font-size:1.1em;text-align:left;}
div.block input {margin:0 0 10px 0;color:#414141;font-size:1.1em;padding:2px;width:98%;}

/* blog posts */
#bb-container div.post {display:block;border-bottom:1px solid #ccc;margin:0 0 20px 0;padding: 0 0 30px 0;font-size:.9em;line-height:165%;}
#bb-container div.post h3.title {margin:10px 0 0 0;padding:0;font-size:1.3em;}
#bb-container div.post h3 {font-size:1.2em;margin:0;padding:0;font-weight:normal;}
#bb-container div.post h3 a {text-decoration:none;}
#bb-container div.post h3 a:hover {text-decoration:underline;}

#bb-container div.post div.byline {font-size:.8em;font-style:italic;margin:0 0 10px 0;padding:0;}

#bb-container div.post div.submissions {border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;margin:0 0 0 0;padding:7px 0;color:#e2e2e2;}
#bb-container div.post div.submissions a {text-decoration:none;}
#bb-container div.post div.submissions a:hover {text-decoration:underline;}
#bb-container div.post div.submissions img {border:none;margin:0;padding:0;}
#bb-container div.post div.submissions div {display:inline;}

#bb-container div.comments {display:block;border:1px solid #e2e2e2;padding:15px;line-height:165%;}
#bb-container div.comments h3 {font-size:21px;margin:0;padding:0;}
/* put in fix for JIRA #CMS-851 */
#bb-container div.comments div.comment-body {display:block;padding:15px;}
#bb-container div.comments div.comment-body div.comment-info {display:block;font-size:.9em;font-style:italic;padding:4px 0;}
#bb-container div.comment-form {display:block;padding:15px;margin:15px 0;}
#bb-container div.comment-form table {width:100%;}
#bb-container div.comment-form textarea {width:98%;}
#bb-container fieldset {border:none;}
#bb-container span.PostComments {font-size:1.1em;font-weight:normal;}

#bb-container div.buttons {display:block;width:auto;margin:10px 0 10px 10px;float:right;}


/* Feed reader */
.hs-rss-module .hs-rss-item { padding: 5px 0px 10px 0px; }
.hs-rss-module .hs-rss-item .hs-rss-byline { font-size:.9empx; font-style: italic; }

td.Item,td.AltItem {padding:5px 0 10px 0;}
div.ItemLink a {font-size:.9empx;}
div.ItemLink a:hover {text-decoration:none;}
div.ItemInfo {font-size:11px;font-style:italic;}

/* fix for tinymce inline editor */
body.mceContentBody {text-align:left;}

body#Body form input#EditTitlePopupInput {display:block;z-index:23;border:2px solid #222;background:#fff;}


pre, code {
white-space: pre-wrap; 
white-space: -moz-pre-wrap !important; 
white-space: -pre-wrap; 
white-space: -o-pre-wrap; 
word-wrap: break-word; 
}






/* Font & Color Overrides */



#foxboro_menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { padding: 1px 1px; overflow:visible; max-width:2000px;}

html,body#Body {background:#ffffff;font-family:'Open Sans', sans-serif;font-size:0.91em;line-height:125%;} 
#foxboro_body {max-width:1120px;}
#foxboro_header {background:#ffffff;}
#foxboro_courtesy_links {background:#f5f5f5;color:#7c7c7c;}
#foxboro_courtesy_links a {color:#3876be; font-size: 0.9em; text-decoration: none;}
#foxboro_menu, #dnn_rad_menu_classic_top_menu {background-color:TRANSPARENT;}
#dnn_rad_menu_classic_top_menu { width: 100%; }
#foxboro_menu .link {background-color:#25b1cc;color:#ffffff;}
#foxboro_menu .rootGroup .selectedtab {background-color:#42acc1;color:#ffffff !important;}
#foxboro_menu .rootGroup .selectedtab .text {color:#ffffff;}
#foxboro_menu .rootGroup .item .text {padding-right:2px; padding-left:2px;}
#foxboro_menu .group .item .text {padding-right:10px; padding-left:10px;}
#foxboro_menu .link .text {color:#ffffff;}
#foxboro_menu .link:hover, 
#foxboro_menu .focused,
#foxboro_menu .expanded {background-color:#25b1cc;color:#ffffff !important} 
#foxboro_menu .link:hover .text, 
#foxboro_menu .focused .text,
#foxboro_menu .expanded .text {color:#ffffff}
#foxboro_menu .group {background-color:TRANSPARENT; color:#ffffff;}
#foxboro_side-menu {background-color:#ffffff;}
#foxboro_side-menu ul li {background-color:#ffffff;}
#foxboro_side-menu ul li a {color:#ff8125;}
#foxboro_side-menu ul li a:hover {background-color:#ffffff;color:#eeeeee;}
#foxboro_side-menu ul li a span {border-bottom:1px solid #ffffff;}
#foxboro_side-menu ul li.selectedtab {background-color:#ffffff;}
#foxboro_side-menu ul li.selectedtab a {color:#ffa340;}
#foxboro_side-menu ul li.first a span {border-top:1px solid #ffffff;}
#foxboro_side-menu ul li.childitem1 {background-color:#ffffff;}
#foxboro_side-menu ul li.childitem1.last {border-bottom:1px solid #ffffff;}
#foxboro_top {background-color:#ffffff;color:#7c7c7c;}
#foxboro_top a {color:#3875be;}
#foxboro_bottom {background-color:TRANSPARENT;color:#7c7c7c;}
#foxboro_bottom a {color:#3875be;}
#foxboro_col1 {color:#7c7c7c;}
#foxboro_col1 a {color:#3876be;}
#foxboro_col1 div.block div.pad {background-color:TRANSPARENT;}
#foxboro_col3 {color:#414141;}
#foxboro_col3 a {color:#3876be;}
#foxboro_col3 div.block div.pad {background-color:#eeeeee;}
#foxboro_col2 h1 {color:#4c545b;font-family:'Muli', sans-serif;}
#foxboro_col2 h2 {color:#25b1cc;font-family:'Muli', sans-serif;}
#foxboro_col2 h4 {font-family:'Open Sans', sans-serif;}
#foxboro_col2 {color:#7c7c7c;}
#foxboro_col2 a {color:#3876be;}
#foxboro_content div.block h3 {font-family:'Open Sans', sans-serif;}
#foxboro_content {background:#ffffff;}
#foxboro_content div.block h3 {color:#616161;}
a.foxboro_button {background:#4c545b;}
a.foxboro_button:hover {background-color:#125866;}
a.foxboro_button:active {background-color:#25b1cc;}
#bb-container div.post h3.title {font-size:1.4em;}
#listing .post.blogjapanese h3 {font-size:1.4em;} 
#bb-container div.post h3.title {color:#25b1cc;}
#bb-container div.post h3.title a {color:#25b1cc;}
#bb-container div.post h3 {color:##25b1cc;}
#bb-container div.post div.submissions a {color:##25b1cc;}
#bb-container div.post div.comments a {color:##25b1cc;}
/* put in fix for JIRA #CMS-851 */
#bb-container div.comments div.comment-body {border-bottom:1px solid #7c7c7c;}
#bb-container div.comment-form {border:1px solid #7c7c7c; background:#ffffff;}
#foxboro_footer {width:1120px;background:TRANSPARENT;color:#333333; text-align:center; margin: 0px auto; vertical-align: middle; display:block; position:relative; }
#foxboro_footer div.clear {margin: auto;}
#foxboro_footer p.copyright span.SkinObject {color:#333333;}
#foxboro_footer span a, 
#foxboro_footer a, 
#foxboro_footer ul li a, 
#foxboro_footer p span, 
#foxboro_footer span.SkinObject {color:#3876be; font-size: 0.9em; text-decoration: none;}
span#footerContainer {font-size: 1.0em; color:#3876be;}

#foxboro_body .radmenu.NavHidden a.link, 
#foxboro_body .radmenu.NavHidden li a span {cursor:default !important;}

#foxboro_menu .radmenu.NavHidden .rootGroup .selectedtab, 
#foxboro_menu .radmenu.NavHidden .link:hover, 
#foxboro_menu .radmenu.NavHidden .focused,
#foxboro_menu .radmenu.NavHidden .expanded {background-color:TRANSPARENT !important}
/* Default Classic CMS Styles */ 

.ContactFormWrapper label 
{
    display: block;
    margin-bottom: 4px;
    text-align: left;
    
}

.ContactFormWrapper .CheckboxGroupContainer {
  text-align: left;
}

.ContactFormWrapper .CheckboxGroupContainer label 
{
    display: inline;
    
    
}
.ContactFormWrapper .CheckboxGroupContainer input 
{
    vertical-align: middle;
    
    
}

.ContactFormWrapper .FormSubmitButton
{
    display: block;
    margin-top: 8px;
    
}
.ContactFormWrapper .fieldclear
{
    clear: both;
}

.hs-form-field textarea {
    margin-bottom:12px;
}
form.hs-form .hs-form-radio input, form.hs-form .hs-form-checkbox input {
    display: inline;
    width: 20px;
    vertical-align: -11%;
}
form.hs-form ul.inputs-list, #foxboro_content div.block ul.inputs-list {
    list-style-type: none;
    margin: 0px 0px 0px 0px !important;
    padding:0px 0px 0px 0px !important;
    line-height: 0px;
}
form.hs-form ul.inputs-list li, #foxboro_content div.block ul.inputs-list li {
    list-style-type: none;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    line-height: 0px;
}
.hs-field-desc {
    color: #666;
    font-style:italic;
}

form.hs-form label {
    line-height: 14px;
}
.ContactFormWrapper .ContactFormItem {
    margin-bottom: 10px;
}

form.hs-form .hs-form-booleancheckbox {
    
}
form.hs-form .hs-form-booleancheckbox input {
    width: auto;
    margin: 0px 5px 0px 0px;
    vertical-align: -11%;
    font-weight:normal;
}

.radmenu li a span 
{
   cursor: pointer;   
}


/* Image alignments - fix */
html>body #foxboro_col2 img.alignRight,
html>body #brighton_col2 img.alignRight,
html>body #duxbury_col2 img.alignRight,
html>body #everett_col2 img.alignRight,
html>body #cambridge_col2 img.alignRight {
    margin:0 0 5px 15px;border:0px solid #ccc;padding:2px;
}
html>body #foxboro_col2 img.alignLeft,
html>body #brighton_col2 img.alignLeft,
html>body #duxbury_col2 img.alignLeft,
html>body #everett_col2 img.alignLeft,
html>body #cambridge_col2 img.alignLeft {
    margin:0 15px 5px 0;border:0px solid #ccc;padding:2px;
}


/* custom.css CSS customizations */ 

  /* Page Layout */

html body#Body {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif !important;
}

/* Header Styling */

#foxboro_header {
    height: 88;
    padding-top:21px;
    width: 400px;
}
#social-media {
    height: 25px;
    margin: 70px 0 20px;
    width: 510px;
    
}
#foxboro_courtesy_links {
    background: none repeat scroll 0 0 transparent !important;
    float: right;
    width:510px;
    position:relative;
    overflow:visible;
    height: 100px;
  z-index:99;
}

#foxboro_courtesy_links .social-media-icons {
    width: 28px;
    height: 28px;
    float: left;
    overflow: hidden;
    display: block;
    margin-right: 9px;
    position: relative;
}

#foxboro_courtesy_links #twitter {
    background: url('//cdn2.hubspot.net/hub/54495/images/layout/social-media-icons-twitter.png') center 0 no-repeat;
}
#foxboro_courtesy_links #linkedin {
    background: url('//cdn2.hubspot.net/hub/54495/images/layout/social-media-icons-linkedin.png') center 0 no-repeat;
}
#foxboro_courtesy_links #facebook {
    background: url('//cdn2.hubspot.net/hub/54495/images/layout/social-media-icons-facebook.png') center 0 no-repeat;
}
#foxboro_courtesy_links #google-plus {
    background: url('//cdn2.hubspot.net/hub/54495/images/layout/social-media-icons-google.png') center 0 no-repeat;
}
#foxboro_courtesy_links #youtube {
    background: url('//cdn2.hubspot.net/hub/54495/images/layout/social-media-icons-youtube.png') center 0 no-repeat;
}
#foxboro_courtesy_links #rss {
    background: url('//cdn2.hubspot.net/hub/54495/images/layout/social-media-icons-rss.png') center 0 no-repeat;
}
#foxboro_courtesy_links #twitter:hover {
    background: url('//cdn2.hubspot.net/hub/54495/images/layout/social-media-icons-twitter.png') center -29px no-repeat;
}
#foxboro_courtesy_links #linkedin:hover {
    background: url('//cdn2.hubspot.net/hub/54495/images/layout/social-media-icons-linkedin.png') center -29px no-repeat;
}
#foxboro_courtesy_links #facebook:hover {
    background: url('//cdn2.hubspot.net/hub/54495/images/layout/social-media-icons-facebook.png') center -29px no-repeat;
}
#foxboro_courtesy_links #google-plus:hover {
    background: url('//cdn2.hubspot.net/hub/54495/images/layout/social-media-icons-google.png') center -29px no-repeat;
}
#foxboro_courtesy_links #rss:hover {
    background: url('//cdn2.hubspot.net/hub/54495/images/layout/social-media-icons-rss.png') center -29px no-repeat;
}
#foxboro_courtesy_links #youtube:hover {
    background: url('//cdn2.hubspot.net/hub/54495/images/layout/social-media-icons-youtube.png') center -29px no-repeat;
}

#headerTxtLinks{
float: left;
margin-top: 6px;
}

#headerTxtLinks a{
float: left;
margin-right: 6px;
text-decoration: underline;
}

/* Google Search widget */

#social-media #google-search-widget{
    background-color:#3083a7;

  border-radius: 3px;
}

#social-media input.gsc-input, #social-media .gsc-input-box, #social-media .gsc-input-box-hover, #social-media .gsc-input-box-focus {
    background-color:#3083a7 !important;
  padding: 0 0 0 4px !important;
}

#social-media .gsib_a{
  padding:0 !important;
}

#social-media .gsc-input-box{
  width: 154px;
  background-color: #4baad3 !important;
  height:27px;
  padding:0;
  margin:0 3px 0 4px;
}

#social-media .gsc-input input{
  height:25px !important;
}

#social-media #google-search-widget {
    clear: both;
    float: right;
    margin-top: -33px;
  width:200px;
}
#social-media div#gsc-iw-id1.gsc-input-box {
  border: none;
  height: auto;
  padding: 5px;
  height:27px;
}
#social-media div#gsc-iw-id1.gsc-input-box-hover {
  background: transparent;
  box-shadow: none;
}
#social-media #gsc-i-id1 {
  height: auto;
  margin: 0;
  width: 100%;
  background-color: transparent !important;
  color:#fff !important;
  width: 150px;
}
#social-media .gsc-input {
  margin: 0;
  padding: 0;
  background-color: #4baad3;

}

#social-media input.gsc-input{
  background-image: none !important;
  width:144px;
  border:none !important;
}

#social-media #google-search-widget input.gsc-search-button, #social-media #google-search-widget input.gsc-search-button:hover, #social-media #google-search-widget input.gsc-search-button:focus {
  background: url('//cdn2.hubspot.net/hub/54495/images/layout/search.gif ') no-repeat;
  filter: none;
  margin: 0;
  padding: 10px;
  background-color: #3083a7 !important;
  text-indent: -9999px;
width: 24px !important;
min-width: 0px;
border: 0;
margin-left: 10px;
}

#social-media .gsc-search-box{
  margin: 5px 0 5px 3px;
  width: 100px !important;
}

#social-media td.gsc-clear-button{
  /*position: relative;
  right: 60px;*/
}

#social-media .gsc-clear-button{
  display: none;
}

#social-media #google-search-widget.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 0;
}
table.gsc-search-box td.gsc-input {
  padding-right: 0;
}
table.gsc-search-box td.gsc-input {
  padding-right: 0; 
  border-radius: 1px;
}
#social-media #google-search-widget .gsc-search-box .gsc-input > input:focus, #social-media #google-search-widget .gsc-input-box-focus {
  box-shadow: none;
}

#foxboro_col2 .gsc-search-box{
  width:50%;
}

#PhoneNumber {
    position: absolute;
top: 148px;
left: 322px;
  color:#fff;
  text-transform:uppercase;
}

#social-media #gs_id0{
  background-color: #4baad3 !important;
  width: 144px;
}

#foxboro_content .gsc-control-cse {
background-color: transparent;
border:0;
}

#foxboro_content .gsc-webResult{
  background:transparent;
  border:0;
}

/*content*/

#header_image{
  width:100%;
  height: 172px;
  background: #000;
}

#SlideshowBG {
    background-image: url ('//cdn2.hubspot.net/hub/54495/images/layout/SlideshowBG.jpg');
    background-repeat:repeat-y;
}

table th{
  color: #8a8a89;
}

#foxboro_content div.block p {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

#foxboro_content h1 {
    color: #616161 !important;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: normal;
}

#foxboro_content h2 {
    font-family: 'Open Sans', sans-serif !important;
    color: #616161 !important;
    font-size:24px !important;
    font-weight: normal !important;
}

#foxboro_content {
    background: none repeat scroll 0 0 !important;
}

#foxboro_content p {
  line-height: 145%;
  margin: 0 0 15px;
  text-align: left;
  color: #969696;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

#foxboro_content ul {
  line-height: 30px;
  text-align: left;
  color: #969696;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
}

#findLocation {
    /*width:359px;
    height:14px;*/
    background-color: #257ba7;
    color:#FFF !important;
    text-transform: uppercase;
    text-align: center;
    padding: 38px 0;
    display: block;
}

#firstColumnBtns {
  /*width: 359px;*/
  list-style-type:none;
  color: #FFF !important;
  text-align: center;
}

#firstColumnBtns ul{
  margin: 0 !important;
  padding: 0;
}

#firstColumnBtns li {
    background-color:#52a9d6;
    list-style: none !important;
    color: #FFF !important;
  display: block;
  overflow: hidden;
  font-size: 16px;
  margin: 0 0 5px 0 !important;
  padding:0 !important;
}

#foxboro_content #firstColumnBtns li a {
    line-height: 20.3px;
    list-style: none !important;
    color: #FFF !important;
    text-decoration: none;
  padding: 10px;
  width: 100%;
  margin: 0;
  display: block;
}

#foxboro_content #firstColumnBtns li a:hover {
  background-color:#75bedd;
}

#homeRightTable ul{
  font-size: 16px !important;
}

#lastColumnBtns {
    background-color: #C9580D;
    color: #FFFFFF !important;
    display: block;
    height: 28px;
    margin-bottom: 5px;
    min-height: 40px;
    padding-top: 14px;
    text-align: center;
    text-transform: uppercase;
    /*width: 350px;*/
}

a#lastColumnBtns, a#findLocation{
  text-decoration: none;
}

a#findLocation:hover{
    background-color: #52a9d6;
}

a#lastColumnBtns:hover{
  background-color: rgb(231, 102, 16);
}

#foxboro_content li, #foxboro_content div.block li {
   line-height: 145%;
  text-align: left;
  color: #969696;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  padding: 0 0 0 20px;
}

#foxboro_content form ul li {
  list-style: none;
}

#foxboro_content form input[type="text"], #foxboro_content form input[type="submit"], input.hs-button, #foxboro_col2 .gsc-search-button input {}

#foxboro_content form input, #foxboro_content form textarea, .hs_email input {}

input.hs-button, #foxboro_col2 .gsc-search-button input{}

#foxboro_content form input[type="radio"], #foxboro_content form input[type="checkbox"], .hs-form-checkbox input, .hs-form-radio input {
    border: none;
    float: left;
    height: 14px !important;
    vertical-align: 1px !important;
    width: 20px !important;
}

#foxboro_content form input[name="number_field"], #foxboro_content form input[type="file"] {
  width: 198px;
}

#foxboro_content form label {
  color: #969696;
  font-family: 'Droid Sans',Helvetica,sans-serif;
  font-size: 14px;
}

#foxboro_content form label.hs-form-booleancheckbox-display {
    text-align:center;
}

#foxboro_content form input[type="file"] {
  background-color:transparent !important;
}

#foxboro_content form input[type="submit"], input.hs-button, #foxboro_col2 .gsc-search-button input {}

#foxboro_content form input[type="submit"]:hover, input.hs-button:hover, #foxboro_col2 .gsc-search-button input:hover {}

#foxboro_content form select {
  border: 2px solid #D6D6D6;
  border-radius: 5px 5px 5px 5px;
  color: #969696 !important;
  font-size: 14px !important;
  padding: 4px 7px !important;
}


/* Blog Styling */

#dnn_ContentPane h1 {
    color: #616161 !important;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif !important;
    line-height: 1.2em;
}

#bb-container div.post h3.title a {
    color: #616161 !important;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif !important;
    line-height: 1.1em;
}

#bb-container div.post h3.title{
    margin-bottom:3px;
}

#foxboro_col2 #bb-container .byline {
    font-size: 14px;
}

#foxboro_col2 .byline a {
    color: #25B1CC;
    text-decoration: none;
}

#foxboro_content #foxboro_col3 div.block p#customer-success {
    color: white;
    font-size: 25px;
    text-align: center;
    border-bottom: 5px solid #25B1CC;
    background-color: #054551;
    padding: 5px 10px;
}
#foxboro_content #foxboro_col3 div.block div.pad p {
    margin-top: 20px;
    color: #8a8a89;
}

#foxboro_content #foxboro_col3 div.block div.pad {
  margin: 5px 0;
  padding: 10px 0;
  background: transparent;
}

#foxboro_one-column .pad{
  padding:0px !important;
}

#foxboro_body.one-column, #foxboro_body.two-column-right, #foxboro_body.two-column{
  /*background: url('//cdn2.hubspot.net/hub/54495/images/layout/bg-header-img.gif') 0px 60px repeat-x; */
}

#foxboro_two-column-right #foxboro_col2 div.pad {
padding: 0;
}

/*#foxboro_three-column #foxboro_col1, #foxboro_three-column #foxboro_col2, #foxboro_three-column #foxboro_col3 {
  width: 29% !important;
  margin:0 20px;
}*/

#foxboro_three-column #foxboro_col2 .pad{
  padding:0;
}

#foxboro_content #foxboro_col1 div.block div.pad {
  margin: 0px !important;
  padding: 0px !important;
}

#foxboro_content #foxboro_col2 div.block div.pad {
    margin: 0px !important;
}

#foxboro_body.three-eq-column #foxboro_col2 .pad{
  padding:0 20px;
}

/*#foxboro_three-eq-column #foxboro_col1 {
    width:350px !important;
}

#foxboro_three-eq-column #foxboro_col2 {
    width:350px !important;
    margin-left:10px;
}

#foxboro_three-eq-column #foxboro_col3 {
    width:350px !important;
}*/

/*Slider*/
#nav, #nav-mobile{
  text-align: center;
  margin: 0 auto;
  width: 100px;
  overflow: hidden;
  margin: 10px auto 30px auto;
}

#nav a, #nav-mobile a{
  display: block;
  width: 14px;
  height: 14px;
  margin: 1px;
  float:left;
  text-indent: -99999px;
  background: url('//cdn2.hubspot.net/hub/54495/images/layout/bg-slider-buttons.gif') -19px no-repeat;
}

#nav a.activeSlide, #nav-mobile a.activeSlide{
  background: url('//cdn2.hubspot.net/hub/54495/images/layout/bg-slider-buttons.gif') no-repeat;
}

#nav a:hover, #nav-mobile a:hover{
  background: url('//cdn2.hubspot.net/hub/54495/images/layout/bg-slider-buttons.gif') -40px no-repeat;
}

.slideshow{
  height:550px;
}

/*Menu*/

#foxboro_menu {
    height: 48px;
    background-color: #3083a7 !important;
    top: 28px;
    font-size: 14px;
    border-radius: 7px;
}

#foxboro_menu .link {
    color: #3a9ac4;
}
#foxboro_menu ul li span {
    font-size: 14px !important;
    font-weight: 300;
}
#foxboro_menu ul li a {
   font-size:17px!important;
   font-weight:300;
   background-color: #25b1cc;

}

#foxboro_menu ul.rootGroup li.item a.link {
        height: 48px;
        background: transparent;        
 }
#foxboro_menu .radmenu ul.active, .radmenu ul.rootGroup {
  background-color: #3a9ac4;
}

.radmenu ul.rootGroup {
    border-radius: 7px 0 0 7px;
}
 
#foxboro_menu .rootGroup li.item {

}
#foxboro_menu .rootGroup li.item.last {
    background: none;
}

#foxboro_menu .horizontal li.item.first, #foxboro_menu .horizontal li.item.first span, #foxboro_menu .horizontal li.item.first a.link:hover{
       border-radius: 7px 0 0 7px;
}

#foxboro_menu .vertical li.item.first, #foxboro_menu .vertical li.item.first span, #foxboro_menu .vertical li.item.first a.link:hover{
       border-radius: 0;
}

#foxboro_menu ul.rootGroup > li.item > a.link > span.text .item first {
    border-radius: 7px 0 0 7px !important;
}

#foxboro_menu .rootGroup li.item .text {
  padding-left: 22px;
  padding-right: 22px;
  text-transform: uppercase;
}

#foxboro_menu ul.rootGroup li.item a.link:hover {
    background: #3083a7 !important; 
}

#foxboro_menu ul.rootGroup > li.item > a.link > span.text {
    display: block;
    padding-bottom: 8px;
    padding-top: 15px;
}

#foxboro_menu .rootGroup .selectedtab .text {
        background-color: #3083a7;
        height: 24px;
}

#foxboro_menu ul.rootGroup li.item ul li a.link.selectedtab span.text, #foxboro_menu ul.rootGroup li.item ul li a.link.selectedtab {
    background-color: #3083a7 !important;
}

/* menu dropdowns */

        #foxboro_menu ul.group.level2 {
            margin-left: 0;
        }

        #foxboro_menu ul.rootGroup li.item ul{
                        background: #3a9ac4 !important;
        }
        
        #foxboro_menu ul.rootGroup li.item ul li a.link:hover {
            background:#3083a7!important;
            }
                #foxboro_menu ul.rootGroup li.item ul {
                        border-bottom: 1px solid #ffffff;
                }
                #foxboro_menu ul.rootGroup li.item ul li a.link {
            border-top: 1px solid #ffffff;
                        height: auto;
                        padding: 0 10px;
        }
        
        #foxboro_menu ul.rootGroup li.item ul li a.link span.text {
            display: block;
            width: 175px !important;
                        white-space: normal;
                        padding: 10px 0;
        }

    #foxboro_menu ul.rootGroup li.item ul li a.link span.text:hover {
      background: #3083a7 !important;

    }
/* Footer */

#footer-wrapper {
    position: relative;
    background-color: #42484d;
}

#copyrightFooter {
    display: none;
}
#blog-widget {
    background-color: #E1F6FA;
    border-top: 10px solid #4E9AA8;
    overflow: hidden;
    padding: 40px 0;
    margin-bottom: 0;
}

#blog-widget-inner {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#blog-widget-left {
    width: 480px;
    padding: 100px 10px 50px;
    float: left;
}

#blog-widget-left img {
    margin: 9px;
}

#blog-widget-right {
    padding: 30px 10px 10px 20px;
    float: left;
    text-align: left;
}

#blog-widget-right iframe {
    width: 445px;
    height: 400px;
    border:none;
    margin: 10px;
}

#blog-widget-right h1 {
    color: #494949;
    font-size: 22px;
    font-weight: 300;
    margin: 0 0 40px;
    text-align: left;
}

#copyright-div {
  background-color: #42484d;
  color: #E5E4E4;
  font-size: 12px;
  line-height: 1.6em;
  padding: 25px;
  font-weight: 300;
  text-align: center;
}
#copyright-div strong {
    font-weight: bold;
}

#dnn_dnnLINKS_lblLinks {
    display: none;
}
#footer-links-wrapper {
    background-color: #4baad3;
    color: #E5E4E4;
    height: 275px;
    margin-right: auto;
    margin-left: auto;
    font-weight: 300;
    padding-top: 20px;
    
}
#footer-inner {
    margin-right: auto;
    margin-left: auto;
    width: 1050px;
}
#footer-links-right {
    float: right;
}
#footer-links-left {
    float: left;
}
.footer-links {
    width: 212px;
    display: inline;
    float: left;
    text-align: left;
    padding: 0 25px;
}
.footer-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left
}
.footer-links ul li {
    margin-bottom:5px;
    font-size: 12px;
}
.footer-links ul li:nth-child(5),
.footer-links ul li:nth-child(6),
.footer-links ul li:nth-child(7),
.footer-links ul li:nth-child(8),
.footer-links ul li:nth-child(9),
.footer-links ul li:nth-child(10)
{
    display:none;
}
.footer-links ul li a {
    text-decoration: none;
    color: #E5E4E4;
}
.footer-links ul li a:hover {
    color: #AFEDF8;
    text-decoration: underline;
}
.footer-links h3 {
    font-family: 'Muli', sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 10px;
    color: #fff !important;
}

#iframeEmailWrapper{
  overflow: hidden;
  width: 280px;
  height: 150px;
  position: relative;
}

#iframeEmail{
  height: 180px;
  top: -15px;
  position: absolute;
  border:0px !important;
}

/* Products */

a.ProductsBox {
  width: 520px;
  float: left;
  margin:10px 35px 80px 0;
  color:#7c7c7c !important;
  text-decoration: none;
}

a.ProductsBox:hover h3 {
    text-decoration: underline;
}

.ProductsImg {
    width: 240px;
    height: 187px;
    background-color: #CCC;
    float: left;
}

.ProductsText {
    width: 262px;
    height:187px;
    float:right;
}

/* Contact Us */
#hs-cta-wrapper-b815b422-ba11-470f-a12c-c208b5541b63 .hs-cta-img{
  display: none;
}


/*  */
/****************************MOBILE RULES********************************/

/* #Media Queries
================================================== */

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {


            }
      
  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
            }

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {      
            }

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {

      }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) originaly 479px */
@media only screen and (max-width: 767px) {

html{
  min-width: 0;
}

  #outer #inner{
    padding:0;
    
      }

  div.menucontrol a img {
    opacity: 0;
  }
  div.menucontrol a span.plus {
    display: block;
    background:url(//cdn2.hubspot.net/hub/54495/images/layout/mobile-nav-plus.png) center center no-repeat;
    padding-top: 20px;
  }
  div.menucontrol a.off span.plus {
    display: block;
    background:url(//cdn2.hubspot.net/hub/54495/images/layout/mobile-nav-plus.png) center center no-repeat;
    padding-top: 20px;
  }
  div.menucontrol a.on span.minus {
    display: block;
    background:url(//cdn2.hubspot.net/hub/54495/images/layout/mobile-nav-minus.png) center center no-repeat;
    padding-top: 20px;
  }
  div.menucontrol {
    height: 60px;
  }
  #mobileMenuWrapper {
    height: 60px;
  }
  #mobileMenu li a:hover, #mobileMenu li.selectedtab a {
    background: #3083a7;
    color: #FFFFFF;
  }
  #mobileMenu li a, #mobileMenu li.selectedtab a:hover {
    background: #25b1cc;
    color: #ffffff;
  }
  #mobileMenu li.item {
    font-size: 18px;
    border-bottom: 1px solid #1A2B57;
  }
  #mobileMenu .radmenu {
    border-top: 1px solid #1A2B57;
  }
  p {
    font-size: 18px;
    line-height: 1.5em;
  }
  table p {
    font-size: inherit;
    line-height: 1.5em;
  }
  #outer #content h2.ContainerTitle {
    color: #273E78;
    font-family: 'Bevan',cursive;
    font-size: 18px;
    margin-bottom: 15px;
    text-shadow: none;
    line-height: 1.5em;
  }

  ul li {
    color: #636363;
    font-family: 'Cabin',sans-serif;
    font-size: 18px;
    line-height: 1.5em;
  }
  ul.sub-page-buttons {
    padding: 0;
  }
  ul.sub-page-buttons li {
    list-style: none;
  }

  .hs-cta-img {
    display: block;
    margin: 0 auto;
  }
  div.post h3.title a {
    text-decoration: none;
    margin: 40px 0 10px;
  }
  div.byline a {
    text-decoration: none;
    font-size: 13px;
  }
  h3 span.hs-cta-wrapper img {
    margin-bottom: 15px;
  }
  input {
    display: block;
    margin: 0 auto;
  }
  #main, #inner, #inner #top, #outer, html, body {
    background-color: transparent !important;
  }

  #findLocation, #firstColumnBtns, #lastColumnBtns, #footer-inner {
    width: 100%;
  }
  #firstColumnBtns ul {
   padding: 0;
  }
  
  .slideshow {
    height: 160px;
  }

  #col3{
    background: none !important;
  }

  #firstColumnBtns li a {
    background-color: 
    #52a9d6;
    list-style: none !important;
    color: 
    #FFF !important;
    display: block;
    overflow: hidden;
    font-size: 16px;
    margin: 0 0 2px 0 !important;
    padding: 7px;
    text-decoration: none;
    text-align: left;
  }

  #top p{
    text-align: left !important;
  }

  #footer-links-wrapper {
    overflow: hidden;
    padding-bottom: 20px;
    height: auto;
  }

  #iframeEmail {
    height: 300px;
    top: -25px;
    position: absolute;
    border:0px !important;
    width:280px !important;
  }

  #social-mobile{
    width: 100%;
    height: 28px;
    overflow: hidden;
    display: block !important;
    background-color: #42484d;
    width: 121px;
    margin: 20px auto 0 auto;
  }

  #social-mobile .social-media-icons{
    height: 30px;
    width: 30px;
    display: block;
    float: left;
    background-image: url('//cdn2.hubspot.net/hub/54495/images/layout/social-footer.png');
  }

  #social-mobile .twitter {
    background-position: 0px 0px;
  }
  #social-mobile .linkedin {
    background-position: -60px 0px;
  }
  #social-mobile .facebook {
    background-position: -30px 0px;
  }
  #social-mobile .youtube {
    background-position: -91px 0px;
  }

  #dnn_ContentPane img{
    clear: both;
    display: block;
  }

  .sponsorFlip{
    background-color: #ededed !important;
  }

  a.ProductsBox {
    width: 100%;
    margin-bottom: 50px;
  }

  .ProductsImg {
    width: 100%;
    background-color: #fff;
    clear:both;
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }

  .ProductsText {
    width: 100%;
    clear:both;
    height: auto;
    line-height: 1.5em;
  }

  #secnewscontent, #secnewscontent:hover{
    background: none !important;
    width: 88% !important;
    height: auto !important;
    border: 3px solid #ddd;
    border-radius: 15px;
    padding:15px;
    font-size: 20px;
    line-height: 1.2em;
  }

  #secnewscontent:hover{
    background: #f1d220 !important;
  }

  .submissions{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px;
    margin: 10px 0;
  }

  .smallsocial{
    padding-right: 10px;
    width: auto !important;
    text-align: center;
  }

  .post{
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 13px solid #257ba7;
  }

  .hk_menu img{
    display: inline !important;
    vertical-align: text-top !important;
  }

  #headerTxtLinksMobile{
    display: block !important;
    overflow: hidden;
    width: 275px;
    margin: 0 auto;
  }

  #headerTxtLinksMobile a{
    background: #4baad3;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    width: 122px;
    display: block;
    font-size: 18px;
    line-height: 22px;
  }

  #headerTxtLinksMobile a.right{
    float: right;
  }

  #headerTxtLinksMobile a.left{
    float: left;
  }

  .slideshow, #nav{
    display: none;
  }

  .slideshow-mobile{
    height: 460px;
  }

  .slideshow-mobile, #nav-mobile{
    display: block !important;
  }

  input[type=submit] {
    -webkit-appearance: none;
  }

  /*input{
    border-radius: 0 !important;
  }*/

  .slideshow-mobile{
    text-align: center;
  }

  .slideshow-mobile a{
    margin:0 auto;
  }

}/*end media query*/


 /****************************************/
 /* Index                                */
 /****************************************/
 /*
    - Variables
    - Base
    - Typography
    - Structure
    - Header
    - Menu
    - Content
    - Blog
    - Forms
    - Footer
    - Misc
    - Mobile
 */

/****************************************/
/* Variables                            */
/****************************************/

/* Find the most consistently used font styles, colors, and 
   container widths for your site and apply them below 
   for easy use and reference. 

   Apply the variable as shown below (ignoring the jingja comment tags):
   
*/

/* Colors */
      /*  */
 /*  */
      /*  */
      /*  */
 	 /*  */

/* Typography */
        /*  */
                     /*  */
                      /*  */
 /*  */

/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */

/* Macros 
   Create these for any css3 properties that require browser prefixes.

   Apply the style as shown below (ignorning the jinja comment tags): 
   
*/
 

/*****************************************/
/* Base - Start style declarations here  */
/*****************************************/

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

/* Custom fonts */
/* ex. @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); */

html, body {
	min-height: 100%;
	margin: 0;
	padding: 0;
} 

/* Your website background color and default font styles can go here */
body {
  background:#42484D;
  color: #969696;
  font-family: Open Sans, Arial, Sans-Serif;
  font-size: 14px;
  line-height: 20px;
}

/* Page Center - Apply this class to full-width modules */
.page-center {
  float: none !important;
  max-width: 1150px !important;
  margin: 0 auto !important;
  padding:0 15px;
}

a { color: #3876BE; }
a:hover, a:focus {
    text-decoration:none;
}

/* Ensure responsive images retain proportions */
img { 
    height: auto !important;
    max-width: 100% !important;
}

table td img {
    max-width: none !important;
}

/* Highlighted Text */
::-moz-selection {
    color: #fff;
    background: #969696;
}
::selection {
    color: #fff;
    background: #969696;
}


/* ------ Typography ------ */
/* Basic text */
p {} 
small {}
strong {}
em {}
cite {}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #616161
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {
    font-size: 28px;
    font-weight:normal;
    line-height:33px;
}
h2 {
    font-size: 24px;
    font-weight:normal;
    line-height:34px;
}
h3 {
    font-size:18px;
    font-weight:normal;
    line-height:25px;
    color: #616161;
}

h4 {}
h5 {}
h6 {}

h4, h5, h6 {
    color: #616161 !important;
    font-family: 'Open Sans',sans-serif !important;
    font-size: 16px !important;
}

h3.form-title{
    font-size:18px;
    font-weight:normal;
    line-height:25px;
    margin-bottom: 10px;
}

.footer-container h3,
.footer-container h3.form-title{
    font-size:18px;
    font-weight:300;
    line-height:25px;
    color: #fff;
    margin-bottom:10px;
}

/* Lists */
ul, ol {}

.ul1 {
    margin-top: 0;
}

ul ul, ul ol, ol ol, ol ul {}

li {}

ul.unstyled, ol.unstyled {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-content .hs_cos_wrapper_type_rich_text ul {
    list-style: square outside none;
}

.hs_cos_wrapper_type_rich_text ul {
    padding: 0 0 0 15px;
}

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

.hs_cos_wrapper_type_rich_text ul li{
    padding-left:20px;
}

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

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


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

.footer-container .page-center {
    padding-left: 70px;
    padding-right: 60px;
}

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

/* Remove min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px !important; }


/* ------ Header ------ */
.header-container-wrapper {
    background:#fff;
}
.header-container {}

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


/* Menu link font family and basic padding including drop down links */
/*---------------------Common Menu Style-------------*/
.hs-menu-wrapper {}

.hs-menu-wrapper > ul {
    display: block !important;
}

.hs-menu-wrapper > ul > li {}

.hs-menu-wrapper > ul > li > a{
    font-size: 14px;
    font-weight: 300;
    padding:17px 22px 14px !important;
    text-decoration:none;
}

.hs-menu-wrapper ul li.active-branch > a {
    background-color: #3083A7;
}

.hs-menu-wrapper > ul > li > a:hover {}

.hs-menu-wrapper  ul li.hs-item-has-children {}

.hs-menu-wrapper ul ul {
    background:#3a9ac4;
    padding:0 !important;
    border-top:1px solid #fff;
}

.hs-menu-wrapper ul ul li{
    border-bottom:1px solid #fff;
}

.hs-menu-wrapper ul ul li a{
    font-size: 14px;
    font-weight: 300;
    padding:10px 12px;
    text-decoration:none;
    color:#fff;
    text-transform: uppercase;
}

.hs-menu-wrapper ul ul li a:hover{
    background:#3083a7;
    color:#fff;
}

/*---------------------header top menu-------------------*/

.header-container .hs-menu-flow-horizontal {}

.header-container .hs-menu-flow-horizontal > ul {
    background: #3a9ac4;
    border-radius:7px 0 0 7px;
}

.header-container .hs-menu-flow-horizontal > ul > li {}

.header-container .hs-menu-flow-horizontal > ul > li > a {
    color:#fff;
    text-transform: uppercase;
}

.header-container .hs-menu-flow-horizontal > ul > li:first-child > a{
    border-radius:7px 0 0 7px;
}

.header-container .hs-menu-flow-horizontal > ul > li a:hover {
    background:#3083a7;
}

.header-container .hs-menu-flow-horizontal > ul > li:last-child > ul{
    right:0 !important;
    left:auto !important;
}

.header-container ul li.hs-item-has-children {}


/*---------------------Controlling Bottom Whitespace-------------------*/
.header-container .hs-menu-flow-horizontal ul ul ul {
    display:none;
}

.header-container .hs-menu-flow-horizontal ul ul li:hover ul {
    display:block;
}

/*---------------------End header top menu-------------------*/

/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


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


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

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


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

a.mobile-trigger {
    display: none; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 10px;          /* Position Button at top right of screen  */
    right: 10px;        /*******************************************/
    width: 40px; /* Button width */
    height: 40px; /* Button height */      
    background: #333; /* Background color */
    border: 1px solid #222; /* Border color */
    -webkit-border-radius: 3px; /*****************/
    -moz-border-radius: 3px;    /* Border Radius */
    border-radius: 3px;         /*****************/
    -webkit-box-shadow: 0px 1px 7px rgba(255,255,255,0.25),inset 0px 1px rgba(255,255,255,0.25) !important; /***********************************/
    -moz-box-shadow: 0px 1px 7px rgba(255,255,255,0.25),inset 0px 1px rgba(255,255,255,0.25) !important;    /* Inner box shadow and Outer glow */
    box-shadow: 0px 1px 7px rgba(255,255,255,0.25),inset 0px 1px rgba(255,255,255,0.25) !important;         /***********************************/
    z-index: 99999999999; /* Z-index to keep button on top of other layers */
    -webkit-transition: background-color 0.2s linear; /* Button color transition effect */
}
a.mobile-trigger:hover {
    text-decoration: none; /* Removes link text underline on button */
}
/* Change button when menu is open */
.mobile-open a.mobile-trigger{
    -webkit-transition:background-color 0.2s linear; /* Button color transition effect */
    background: rgba(0, 0, 0, .20); /* Changes button background to be slightly darker than open menu color */
    border-color: rgba(0, 0, 0, .3); /* Changes button border to be slightly darker than open menu color */
}

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

a.mobile-trigger span {
    position: relative;
    top: 17px; /* Centers icon inside button */
    margin: 0 auto;
    -webkit-transition-duration: 0s;
    -webkit-transition-delay: .2s;
}
a.mobile-trigger  span:before, a.mobile-trigger span:after {
    position: absolute;
    content: '';
}
a.mobile-trigger  span, a.mobile-trigger  span:before, a.mobile-trigger  span:after {
    width: 20px; /* Icon line width */
    height: 4px; /* Icon line height */
    background-color: #ffffff; /* Icon color */
    -webkit-border-radius: 2px; /**********************************************/
    -moz-border-radius: 2px;    /* Border Radius - must be half of the height */
    border-radius: 2px;         /**********************************************/
    display: block;
}
a.mobile-trigger  span:before {
    margin-top: -8px; /* Position top line */
    -webkit-transition-property: margin, -webkit-transform;
    -webkit-transition-duration: .2s;
    -webkit-transition-delay: .2s, 0;
}
a.mobile-trigger  span:after {
    margin-top: 8px; /* Position bottom line */
    -webkit-transition-property: margin, -webkit-transform;
    -webkit-transition-duration: .2s;
    -webkit-transition-delay: .2s, 0;
}
.mobile-open a.mobile-trigger span {
    background-color: rgba(0,0,0,0.0);
    -webkit-transition-delay: .2s;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
    box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
}
.mobile-open a.mobile-trigger span:before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0, .2s;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
    box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
}
.mobile-open a.mobile-trigger span:after {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: 0, .2s;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
    box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
}

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

a.child-trigger {
    display: none !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px !important; /* Button width */
    min-width: 30px !important;
    height: 30px !important; /* Button height */  
    padding: 0 !important;
    background: rgba(0, 0, 0, .20); /* Background color */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 7px rgba(255,255,255,0.25),inset 0px 1px rgba(255,255,255,0.25) !important;
    -moz-box-shadow: 0px 1px 7px rgba(255,255,255,0.25),inset 0px 1px rgba(255,255,255,0.25) !important;
    box-shadow: 0px 1px 7px rgba(255,255,255,0.25),inset 0px 1px rgba(255,255,255,0.25) !important;
    border: 1px solid rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
    padding: 0 !important;
}
a.child-trigger:hover {
    text-decoration: none;
}


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

a.child-trigger span {
    position: relative;
    top: 13px; /* Centers icon inside button */
    margin: 0 auto !important;
    -webkit-transition-duration: .2s;
}
a.child-trigger span:after {
    position: absolute;
    content: '';
}
a.child-trigger span, a.child-trigger span:after {
    width: 15px; /* Icon line width */
    height: 4px; /* Icon line height */
    background-color: #ffffff; /* Icon color */
    -webkit-border-radius: 2px; /**********************************************/
    -moz-border-radius: 2px;    /* Border Radius - must be half of the height */
    border-radius: 2px;         /**********************************************/
    display: block;
}
a.child-trigger span:after {
    -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
     -webkit-transition-duration: .2s;
}
a.child-trigger.child-open span:after {
    -webkit-transform: rotate(-180deg);
     -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
     -webkit-transition-duration: .2s;
}
a.child-trigger.child-open span {
    -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
    transform: rotate(180deg);
     -webkit-transition-duration: .2s;
}

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

 @media (max-width: 767px) {
 
    /* Hide menu on mobile */
    .custom-menu-primary.js-enabled .hs-menu-flow-horizontal,
    .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
        display: none;
    }  
 
    /* Show menu button on mobile */
    a.mobile-trigger {
        display: inline-block;
    }

    /* Show child menu button on mobile */
    a.child-trigger {
        display: block !important;
    }

    /* Add "Navigation" text to top left of mobile menu */
    .custom-menu-primary .hs-menu-flow-horizontal:before{
        content: 'Navigation';
        position: relative;
        top: -15px;
        left: 10px;
        margin: 0;
        color: transparent;        
        font-size: 22px;
        text-transform: uppercase;
        text-shadow: 0px 1px 0px rgba(255, 255, 255, .25), 0px -1px 0px rgba(0, 0, 0, .1);
        z-index: 99999999998;
    }

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

    /* Mobile Menu Styles */
    .custom-menu-primary.js-enabled .hs-menu-flow-horizontal{
        position: absolute; /**************************************************************/
        top: 0;             /* Positions the menu to drop from the very top of the screen */
        width: 100%;        /**************************************************************/
    }
    .custom-menu-primary .hs-menu-flow-horizontal{
        text-align: left; /* Left align all text */
        padding: 30px 0 0 0; /* Padding to add room for "Navigation" text */
        background-color: #3a9ac4; /* Menu background color set off global mobile-menuColor variable */
        width: 100%; /* Full screen width */
        -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.75); /******************************************/
        -moz-box-shadow:    0px 2px 6px rgba(0, 0, 0, 0.75); /* Adds a little shadow to menu for depth */
        box-shadow:         0px 2px 6px rgba(0, 0, 0, 0.75); /******************************************/
        z-index: 8888;
    }

     /* Level 1 Menu List Styles */
    .custom-menu-primary .hs-menu-flow-horizontal  ul{ padding: 0 !important; }
    .custom-menu-primary .hs-menu-flow-horizontal > ul{}
    .custom-menu-primary .hs-menu-flow-horizontal > ul > li{
        border-bottom: 1px solid rgba(0, 0, 0, .2); /* Adds transparent dark shadows to bottom of top level list items */
        border-top: 1px solid rgba(255, 255, 255, .15); /* Adds transparent dark highlights to top of top level list items */
        position: relative;
     }

    /* Adds shadow to the first top level list item for consistency */
    .custom-menu-primary .hs-menu-flow-horizontal > ul > li:first-child:before{
        content:'';
        width: 100%;
        height: 1px;
        position: relative;
        top: -2px;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, .2);        
    }
    .custom-menu-primary .hs-menu-flow-horizontal > ul > li a{
        font-size: 28px; /* Font size of top level list items */
        line-height: 42px;
    }
    .custom-menu-primary .hs-menu-flow-horizontal > ul > li a:hover{}

    /* Level 1 and Higher Menu List Styles */
    .custom-menu-primary .hs-menu-flow-horizontal ul, .custom-menu-primary .hs-menu-flow-horizontal ul li{
        background-color: transparent !important; /* Reset ul and li background-color to transparent */
        width: 100% !important;
        float: none!important;
    }
    .custom-menu-primary .hs-menu-flow-horizontal ul li a{
        color: #ffffff; /* link color set by global mobile-aColor variable */
        text-shadow: 0px -1px 0px rgba(0, 0, 0, .65); /* Text Shadow */
        text-decoration: none;
        padding: 10px;
        max-width: none !important;
    }
    .custom-menu-primary .hs-menu-flow-horizontal ul li a:hover{
        color: #ffffff; /* link hover color set by global mobile-aColorHover variable */
        text-decoration: none;
    }
    .custom-menu-primary .hs-menu-flow-horizontal ul li.hs-item-has-children > a,
    .custom-menu-primary .hs-menu-flow-horizontal ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children > a{
        width: 80%; /* Makes room for child toggle button so the link isn't pressed accidentally by large fingers */
    }

    /* Level 2 and Higher Menu List Styles */
    .custom-menu-primary .hs-menu-flow-horizontal > ul ul{
        background-color: rgba(0,0,0,0.08); /* Adds a transparent dark background to child lists */
        -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.15);
        box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.15);
    }
    .custom-menu-primary .hs-menu-flow-horizontal > ul ul li{
       text-indent: 10px; /* Indent Child lists */
    }
    .custom-menu-primary .hs-menu-flow-horizontal > ul ul li a{
        font-size: 22px; /* Font size of child lists */
    }
    .custom-menu-primary .hs-menu-flow-horizontal > ul ul li a:hover{}
    .custom-menu-primary .hs-menu-flow-horizontal > ul ul li:before:{}
 
    /* Level 3 and Higher Menu List Styles */
    .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul{}
    .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul li{
        text-indent: 30px; /* Indent Child lists */
    }
    .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul li a{}
    .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul li a:hover{} 
    .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul ul li{
        text-indent: 50px; /* Indent Child lists */
    }

}


/* Override max width on menu links */
.hs-menu-wrapper > ul li a {
  overflow: visible !important;
  max-width: none !important;
}

/* Apply mobile navigation solution here */


/* ------ Content ------ */
.body-container-wrapper {
    background:#fff;
    padding:0 0 15px;
}
.body-container {}

.body-container .page-center {
    padding-top: 40px;
}

/* ------ Blog ------ */
.post-header p{
    margin:0;
    font-style: italic;
    font-size: 14px;
    display: inline;
    color: #7C7C7C !important;
}

.post-header p a{
    color: #7C7C7C !important;
    text-decoration: none;
}

.post-header h2,
.post-header h2 a{
    color: #616161 !important;
    font-size: 22px;
    font-weight: normal;
    line-height: 24.2px;
    margin: 0 !important;
    text-decoration: none;
}

.post-header h2 a:hover{
    text-decoration:underline;
}

.post-item{
    border-bottom: 1px solid #CCCCCC;
    margin-bottom:20px;
    padding-bottom:30px;
}

#hubspot-topic_data {
  font-size: 11.93px !important;
}

/*-------------------Blog Sidebar-----------------*/

.custom_blog_rightcol h3{
    background: #4baad3;
    color: #fff !important;
    padding: 5px !important;
    border-left: 25px solid #3083a7;
}

.custom_blog_rightcol ul{
    list-style-type: disc !important;
    margin: 12px 0 0 !important;
}

.custom_blog_rightcol ul li{
    padding:0 !important;
    color: #4baad3 !important;
}

.custom_blog_rightcol .cell-wrapper {
    margin-bottom: 10px;
}

.blog-listing-wrapper .post-body img {
    width: 30%;
}

.hs-blog-social-share {
    border-bottom: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    height: auto;
    margin: 10px 0;
}

.hs-blog-social-share ul {
    margin: 8px 0 3px;
}

.custom-widget-type-blogmodule .cell-wrapper{
    padding-bottom:20px;
    margin-bottom:20px;
}

.custom-widget-type-blogmodule li{
    color: #3876BE;
}

.custom-widget-type-blogmodule li a{
    
}

.custom-widget-type-blogmodule h3,
.custom-widget-type-blogmodule h3.form-title{
    background:#4BAAD3;
    border-left: 25px solid #3083A7;
    padding: 5px;
    color:#fff;
    font-size:18px;
    font-weight:normal;
    line-height:25px;
}

#hubspot-topic_data{
    color: #888888;
    font-size:11.9px;
    font-weight: bold;
}

.blog-pagination a{
    display:block;
    font-size:13px;
    font-weight:normal;
}

#comment-form{
    background:#FFFFFF;
    border: 1px solid #7C7C7C;
    padding: 15px;
}

/*-- Blog Post --*/
body.hs-blog-post {}

/*-- Blog Listing --*/
body.hs-blog-listing {}

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

/* Use this to style the main wrapper for the blog listing posts */
.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 Commments ---*/
/* Custom styles listed below, as the COS does not provide default styles */
#comments-listing {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    margin-top: 30px;
}
.comment {
    margin: 10px 0;
    border-top: 1px solid #ccc;
    padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }

/*--- Blog Commments Form ---*/
#comment-form h4 {
    color: #7C7C7C !important;
    font-size: 14.58px !important;
    font-weight: normal;
}

#blog-comment-form  div.hs-form-field label {
    font-size: 13px;
    color: #7C7C7C !important;
    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: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ABADB3;
    border-radius: 2px;
    color: #000000 !important;
    font-size: 13.33px !important;
    font-weight: normal;
    margin: 2px 0 14px !important;
    padding: 1px !important;
}

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

#blog-comment-form .actions {
    margin: 30px 0 10px;
    text-align: center;
}

#blog-comment-form  .hs-button {
    background: url("//cdn2.hubspot.net/hub/54495/file-470995319-png/images/btn-bg.png") repeat-x scroll left top #CFCFCF !important;
    border: 1px solid #F3F3F3 !important;
    border-radius: 2px !important;
    box-shadow: 0 0 0 1px #707070 !important;
    color: #000000 !important;
    font-family: MS Shell Dlg !important;
    font-size: 13.333px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    margin-left: 2px;
    padding: 2px 5px !important;
    text-shadow: none !important;
    text-transform: none;
    width: auto;
}

#blog-comment-form  .hs-button:hover {
    background: url(//cdn2.hubspot.net/hub/54495/file-475259681-png/images/btn-bg-hover.png) repeat-x top left #a7d9f5 !important;
    border: 1px solid #e8f5fc !important;
    box-shadow: 0 0 0px 1px #3c7fb1 !important;
    color: #000000 !important;
}

.hs-blog-social-share ul li {
    list-style: none;
}

.custom_listing_comments {
    border: 1px solid #E2E2E2;
    padding: 15px;
    margin: 10px 0 5px;
}

.hs-button {
    display:inline-block;
    text-decoration:none;
}

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

#blog-comment-form  textarea, 
#blog-comment-form  input[type="text"], 
#blog-comment-form  input[type="password"], 
#blog-comment-form  input[type="datetime"], 
#blog-comment-form  input[type="datetime-local"], 
#blog-comment-form  input[type="date"], 
#blog-comment-form  input[type="month"], 
#blog-comment-form  input[type="time"], 
#blog-comment-form  input[type="week"], 
#blog-comment-form  input[type="number"], 
#blog-comment-form  input[type="email"], 
#blog-comment-form  input[type="url"], 
#blog-comment-form  input[type="search"], 
#blog-comment-form  input[type="tel"], 
#blog-comment-form  input[type="color"], 
#blog-comment-form  .uneditable-input {}

#blog-comment-form form div.hs-form-field ul li {}
#blog-comment-form .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: 12px;
    font-weight:400;
    color: #414141;
}

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

.hs_cos_wrapper_type_form form .hs-button {}

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

/*-- Pagination --*/
.blog-pagination {}
.blog-pagination .previous-posts-link {}
.blog-pagination .all-posts-link {}
.blog-pagination .next-posts-link {}

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

/* This is to override the default button styles.  Must include !important for each overriding propety */
.hs_blog_default_blog_subscription .hs-button {}


/* ------ Forms ------ */
/* Most properties require !important tags and very specific selectors to override COS styles. */

.hs-form {}

.hs-input,
input#hs-pwd-widget-password{
    background-color: #B7E3F6;
    border: medium none;
    color: #414141 !important;
    font-size: 18px !important;
    font-weight: bold;
    margin: 0 !important;
    min-height: 22px;
    padding: 10px 7px !important;
    height: auto !important;
}

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

input[type="radio"] {
    display: inline-block;
    margin: 3px 3px 0 5px;
}

.field label {}

form.hs-form .hs_submit{
    width:90%;
}

/* Buttons */
.hs-button{
    background: none repeat scroll 0 0 #C9580D;
    border: medium none;
    color: #FEFEFE !important;
    font-size: 18px !important;
    padding: 8px !important;
    text-transform: uppercase;
    width: 100%;
}

.hs-button:hover {
    background: url(//cdn2.hubspot.net/hub/54495/file-463187187-jpg/images/footer-button.jpg) repeat-x bottom #f29425;
    color: #FFF;
}

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

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

.hs_cos_wrapper_type_google_search .hs-button,
.hs_cos_wrapper_type_password_prompt .hs-button {
/*    background: none repeat scroll 0 0 #C9580D !important; */
    border: medium none;
    width: auto !important;
    display: inline-block !important;
    margin: 10px 0 0;
}

.hs_cos_wrapper_type_google_search .hs-button:hover,
.hs_cos_wrapper_type_password_prompt .hs-button:hover {
/*    background: url(//cdn2.hubspot.net/hub/54495/file-463187187-jpg/images/footer-button.jpg) repeat-x bottom #f29425 !important; */
    color: #FFF !important;
}

a.hs-button  {
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
  border: 1px solid #aaa;
  color: #444;
  font-size: inherit;
  margin-bottom: 0px;
  min-width: 4em;
  padding: 3px 12px 3px 12px;
  font-family: sans-serif;
  text-decoration:none;
  cursor:pointer;
  display:inline-block !important;
  margin:10px 0 !important;
}

a.hs-button:hover {
  form.hs-form .hs_submit-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
  border-color: #999;
  color: #222;
  text-decoration:none;*/
}

a.hs-button:active {
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
  color: #333;
}

/* ------ Footer ------ */
.footer-container-wrapper {}
.footer-container {
    color:#fff;
    background: #42484D;
}


/* ------ Misc ------ */
/* Any additional styles or unique components can go in this space */

ul.tabs li a {
    padding: 7px 20px !important;
}

.hs_cos_wrapper_type_image_slider {
    max-width: 750px;
}

.caption {
    font-size: 16px !important;
    margin: -28px 0 0;
    opacity: 0.7;
    padding: 5px 0 !important;
    width: 100% !important;
}

.hs_cos_flex-control-nav,
.hs_cos_flex-prev,
.hs_cos_flex-next{
  display: none !important;
}


/* --------------------------- Homepage Slider ---------------- */
.custom_homepage {}

.custom_homepage .hs_cos_wrapper_type_image_slider {
    max-width: none !important;
}

.custom_homepage .hs_cos_flex-control-nav {
    display: block !important;
}

.custom_homepage .hs_cos_flex-control-paging li {
    padding: 0 2px !important;
}

.custom_homepage .hs_cos_flex-control-paging li a {
    background: #F4F4F4;
    box-shadow: none;
    height: 13px;
    width: 13px;
}

.custom_homepage .hs_cos_flex-control-paging li a:hover {
    background: #c6c6c6;
}

.custom_homepage .hs_cos_flex-control-paging li a.hs_cos_flex-active {
    background: #2b84a8;
}

.custom_homepage .right-column {
    padding-left: 0;
    padding-right: 0;
}

input.StandardI,
select.StandardI,
textarea.StandardI {
    width: 90% !important;
}

a#cta_button_54495_0816e520-a27f-4583-860c-b1ff8793c9bb {
    height: auto !important;
}


/* Text Alignment */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

/* Floats */
.float-left { float: left; }
.float-right { float: right; }

/* ------ Mobile ------ */
/* Large desktop */
@media (min-width: 1200px) {}

@media (min-width:979px) and (max-width:1200px) {
    .header-container .hs-menu-flow-horizontal > ul > li > a {
        padding: 14px 10px;
    }
    .footer-container .page-center {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .header-container .hs-menu-flow-horizontal > ul > li > a {
        font-size: 12px;
        padding: 14px 5px;
    }
    .footer-container .page-center {
        padding-left: 10px;
        padding-right: 10px;
    }
    table {
        width: 100% !important;
    }
}
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1150px) {
    .hs-menu-wrapper ul ul li a {
        white-space: normal !important;
    }
    .header-container .hs-menu-flow-horizontal > ul > li > a {
        padding: 17px 8px 14px !important;
    }
    /*table img {    
        width: auto !important;
    }*/
    h1 {
        font-size: 18px !important;
    }
    .responsive_table td {
        display: inline-block;    
        width: 30%;
    }
    .responsive_table tr {    
        display: inline;
    }
    .responsive_table_tablet td {
        display: inline-block;    
        width: 30%;
    }
    .responsive_table_tablet tr {    
        display: inline;
    }
    ul.tabs li a {
        display: inline-block;
        width: 100%;
    }
}

/* 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;
    }
    .hs-menu-wrapper ul ul{
        left:auto !important;  
        width:auto;
        right:0 !important;
    }
    .footer-container .page-center {
        padding-left: 10px;
        padding-right: 10px;
    }
    table {
        width: 100% !important;
    }
    embed {
        width: 100% !important;
    }
    .responsive_table td {    
        display: block;    
        width: 100% !important;
    }
    .responsive_table td {    
        display: block;    
        width: 100% !important;
    }
    .responsive_table_mobile td {    
        display: block;    
        width: 100% !important;
    }
    ul.tabs li a {
        display: inline-block;
        width: 100%;
    }
    h1 {
        font-size: 18px !important;
    }
    table iframe {
        width: 100% !important;
    }
    .header-container .page-center {
        padding: 0;
    }
    .header-container .hs-menu-flow-horizontal > ul > li {
        text-align: left !important;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li > a.child-trigger {
        padding: 0 !important;
    }
    form.hs-form .hs-input {
        max-width: none;
    }
    .hs-menu-wrapper > ul > li > a {
        width: auto !important;
        padding: 4px 22px !important;
    }
    a.mobile-trigger {
        top: 4px;
    }
    a.child-trigger {
        top: 8px;
    }
    .support {
        margin-right: 0;
    }
}
     
/* Landscape phones and down */
@media (max-width: 480px) {}

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



/* ------ Custom Style Overrides ------ */
/***********************************************/
 /* custom.css    */
 /* All custom and miscellaneous styles         */
 
 .custom_headerlogo{
    padding: 21px 0;
}

.custom_headersocial{
    text-align:right;
    margin:70px -26px 25px 0
}

.custom_headersocial a{
    color: #3876BE;
    font-size:11.9px;
    text-decoration:none;
    padding:0 2px;
}

.custom_headersocial a img{
    padding: 0 2px;
    vertical-align: middle;
}
.custom_headersocial a img:hover{
    opacity:0.8;
}

.custom_headersearch .hs-form{
    background-color: #3083A7;
    border-radius: 3px;
    float:right;
    width:77%;
    padding:5px;
    margin: 65px 0 25px;
}

.custom_headersearch .hs-input{
    background-color: #4BAAD3;
    border: medium none;
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: normal !important;
    line-height: 16px;
    min-height: 16px;
    padding: 5px !important;
    width: 80% !important;
}

.custom_headersearch .hs-button{
    float:right;
    text-decoration:none;
    background:url(//cdn2.hubspot.net/hub/54495/file-457566909-gif/images/search.gif) no-repeat center center;
    padding:3px 10px !important;
    color:transparent;
    cursor: pointer;
    border:none;
    margin:0 !important;
    min-width: 32px !important;
    width: auto;
    text-indent: -9999px;
}

.custom_headersearch .hs-button:hover{
    color:transparent;
    background:url(//cdn2.hubspot.net/hub/54495/file-457566909-gif/images/search.gif) no-repeat center center;
}

.custom_headermenu{
    background: #3083A7;
    border-radius: 7px;
    margin-top: 5px;
}

.custom_tollfree{
    color: #FFFFFF;
    float: right !important;
    font-size: 13px;
    margin-left: 0 !important;
    min-width: 185px;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
}

.custom_toll_free{
    color:#fff;
    font-size:13px;
    text-align:right;
    padding: 14px;
    text-transform: uppercase;
}

.custom_footertop{
    background:#4baad3;
    padding:5px 0 70px;
}

.custom_footerlinks ul{
    list-style:none;
    padding:0;
}

.custom_footerlinks{
    color:#E5E4E4;
    font-size: 12px;
    font-weight: 300;
    margin-top:10px;
}

.custom_footerlinks ul li {
    padding-left: 0;
}

.custom_footerlinks ul li a,
.custom_footerlinks a{
    display:block;
    color:#E5E4E4;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    text-decoration:none;
}

.custom_footerlinks ul li a:hover,
.custom_footerlinks a:hover{
    color:#AFEDF8;
    text-decoration:underline;
}

.custom_footerlinks div.hs-form-field label{
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}


.custom_footerlinks .hs-input{
    background-color: #B7E3F6;
    border:none;
    padding: 5px 7px;
    font-size: 18px;
    width: 100%;
}

.custom_footerlinks .hs-button{
    background: #C9580D;
    color: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
    border:none;
    padding:8px;
    width: 100%;
    cursor: pointer;
}

.custom_footerlinks .hs-button:hover{
    background:url(//cdn2.hubspot.net/hub/54495/file-463187187-jpg/images/footer-button.jpg) repeat-x bottom #f29425;
    color: #FFFFFF;
}

.custom_copyright{ 
   text-align:center;
   color: #E5E4E4;
    font-size: 12px;
    font-weight: 300;
    line-height:19px;
    padding: 25px;
}

.sidebar div.block {
    margin:0 0 35px !important;
}

.left-column, .sidebar, .right-column, .center-column, .full-width, .main-content {
    padding-top: 13px !important;
}
 
.right-column {
    padding-left: 17px;
    padding-right: 50px;
}

/****************************************/
/* Index                                */
/****************************************/
/*
- Reusable Components
- Template Module Classes
- Unique pages
- Micellaneous
- Mobile
*/
 
/****************************************/
/* Reusable Components                  */
/****************************************/
 
 
/*-- ex. Containers --*/
 
 
/*-- ex. Buttons --*/
 
 
 
/****************************************/
/* Unique Pages                         */
/****************************************/
 
/*-- ex. Homepage --*/
 
 
/*-- ex. Contact Us --*/
 
 
/****************************************/
/* Miscellaneous                        */
/****************************************/
 

/*-- ex. Fancybox Plugin Overrides --*/
h3.ui-accordion-header {
    margin:0 0 15px;
    border-radius:4px 4px 0 0;
}

h3.ui-accordion-header a{
    font-size:18px !important;
    font-weight:500;
    line-height:25.2px;
    font-family:Open Sans,sans-serif !important;
}

.custom_tollfree span {
    font-size: 13px;
}
 
/* ------ Mobile ------ */
/* Large desktop */
@media (min-width: 1200px) {}

@media (min-width: 768px) and (max-width: 1150px) {
    .custom_tollfree {
        margin-left: 10px !important;
        min-width: 0 !important;
        font-size: 8px;
    }
    .custom_tollfree span {
        font-size: 8px;
    }
    .custom_headersearch .hs-input{
        width:70% !important;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .custom_headerlogo{
        padding:12px 0; 
        text-align:center;
    }
    .custom_headersocial{
        text-align:center;
        margin:0;
    }
    .custom_headersearch {
        text-align: center;
    }
    .custom_headersearch .hs-form {
        display: inline-block;
        float: none;
        margin: 30px auto;
        width: auto;
    }
    .custom_headersearch .hs-input {
        width: auto !important;
    }
    .custom_headersearch .hs-button {
        display: inline-block;
        float: none;
    }
    .custom_toll_free{
        text-align:center;
    }
    .custom_tollfree {
        float: none !important;
    }

}
     
/* Landscape phones and down */
@media (max-width: 480px) {}
 
/* Iphone */
@media (max-width: 320px) {}



