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

@font-face{
    font-family:'FuturaNDBook';
    src: url("//cdn2.hubspot.net/hub/345804/file-830059109-ttf/Font/Futura_LT_Book.ttf") format('truetype'),
    url("//cdn2.hubspot.net/hub/345804/file-455126542-eot/Font/1E69BB_0_0.eot") format('eot'),
    url("//cdn2.hubspot.net/hub/345804/file-453590256-woff/Font/1E69BB_0_0.woff") format('woff');
    font-weight:normal;
    font-style:normal;
}
 /***********************************************/
 /* 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;}



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

/* Migration Tech Name - Deepak */
/* Date: 14 January 2014 */

/* 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: #fff;
  color: #3E4C5F;
  font-family: FuturaNDBook,Arial,Helvetica,sans-serif;
  font-size: 17.15px;
  line-height: 25.7333px;
  margin:0;
}

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

a { color: #104C94;
    text-decoration:none;
}
a:hover, a:focus {
    text-decoration:none;
}

/* Ensure responsive images retain proportions */
img { height: auto !important; }

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


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

/* Headings */
h1, h2, h3, h4, h5, h6 {}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {
    font-size:29.25px !important;
    font-weight:400;
    color:#9EA5AF;
    text-transform:uppercase;
    line-height:35.1px;
}
h2 {
    font-size:20.1667px !important;
    font-weight:400;
    color:#80C400;
    text-transform:uppercase;
    text-decoration:none;
}
h3 {
    font-size:15.1333px;
    color: rgb(16, 76, 148);;
    font-weight:bold;
    text-transform:uppercase;
}
h4 {}
h5 {}
h6 {}

h3.form-title,
#comment-form h4 {
     font-size:15.1333px;
    color:rgb(16, 76, 148);;
    font-weight:bold;
    text-transform:uppercase;
}


/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}

li {}

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

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

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

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

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

.header-container .page-center {
    margin-bottom: 20px !important;
    margin-top: 15px !important;
}

.body-container .page-center {
    padding-bottom: 120px;
}

.footer-container .page-center {}


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


/* ------ Header ------ */
.header-container-wrapper {}
.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 ------ */
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal {}
 
.hs-menu-wrapper {}

/*---------------------Common Menu Style-------------*/
.hs-menu-wrapper {}

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

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

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

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

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

.hs-menu-wrapper ul ul {}

.hs-menu-wrapper ul ul li {}

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

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

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

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

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

.header-container .hs-menu-flow-horizontal > ul > li {
    /*padding:9px 5px;*/
}

.header-container .hs-menu-flow-horizontal > ul > li > a {
    font-size:13.1167px;
    font-weight:400;
    color:#3E4C5F;
    text-transform:uppercase;
    text-decoration:none;
    line-height:11.1px;
     padding:9px 5px;
}

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

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

/*---------------------header child menu-------------------*/

.header-container .hs-menu-flow-horizontal ul ul {
    background:#ffffff;
}

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

.header-container .hs-menu-flow-horizontal ul ul li a {
    font-size:13.1167px;
    font-weight    :400;
    color:#3E4C5F;
    text-transform:uppercase;
    text-decoration:none;
    line-height:11.1px;
    padding:9px 5px;
}

.header-container .hs-menu-flow-horizontal ul ul li a:hover {}

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

/*---------------------body horizontal menu-------------------*/

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

.body-container .hs-menu-flow-horizontal > ul {}

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

.body-container .hs-menu-flow-horizontal > ul > li > a {
    font-size:13.1167px;
    font-weight:400;
    color:#3E4C5F;
    text-transform:uppercase;
    text-decoration:none;
    line-height:11.1px;
    padding:9px 5px;
}

.body-container .hs-menu-flow-horizontal > ul >li a:hover {}

.body-container .hs-menu-flow-horizontal ul li.hs-item-has-children {}

/*---------------------body child menu-------------------*/

.body-container .hs-menu-flow-horizontal ul ul {}

.body-container .hs-menu-flow-horizontal ul ul li {}

.body-container .hs-menu-flow-horizontal ul ul li a {
    font-size:13.1167px;
    font-weight:400;
    color:#3E4C5F;
    text-transform:uppercase;
    text-decoration:none;
    line-height:11.1px;
    padding:9px 5px;
}

.body-container .hs-menu-flow-horizontal ul ul li a:hover {}

/*---------------------End Body horizontal menu-------------------*/

/*---------------------footer horizontal menu-------------------*/

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

.footer-container .hs-menu-flow-horizontal > ul {}

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

.footer-container .hs-menu-flow-horizontal > ul > li > a {
    font-size:13.1167px;
    color:#104C94;
    text-decoration:none;
    line-height:17.05px;
    padding:9px 5px;
}

.footer-container .hs-menu-flow-horizontal > ul > li > a:hover {}

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

/*---------------------footer child menu-------------------*/

.footer-container .hs-menu-flow-horizontal ul ul {}

.footer-container .hs-menu-flow-horizontal ul ul li {}

.footer-container .hs-menu-flow-horizontal ul ul li a {}

.footer-container .hs-menu-flow-horizontal ul ul li a:hover {}

/*---------------------End footer horizontal menu-------------------*/

/*---------------------side menu-------------------*/

.hs-menu-flow-vertical {}

.hs-menu-flow-vertical > ul {}

.hs-menu-flow-vertical > ul > li {}

.hs-menu-flow-vertical > ul > li > a {
    font-size:14.1167px;
    color:#3E4C5F;
    text-decoration:none;
    line-height:28.2333px;
    padding:7px 5px;
}

.hs-menu-flow-vertical ul li a:hover {
    color: #104C94;
    text-decoration: none;
}

.hs-menu-flow-vertical ul li.hs-item-has-children {}

/*--side nav - child menu ---*/

.hs-menu-flow-vertical {}

.hs-menu-flow-vertical ul ul {   
    left: 100% !important;
}

.hs-menu-flow-vertical ul ul li {}

.hs-menu-flow-vertical ul ul li a {}

.hs-menu-flow-vertical ul ul li a:hover {}



/* Anchors */
.hs-menu-wrapper a {}
.hs-menu-wrapper a:hover {}

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

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


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

.email-subscribe-form .hs-form-required{
    display: none;
}


.blog-sidebar .widget-span{
    border-top-style: dotted;
    border-top-width: 1px;
    border-top-color: rgb(158, 165, 175);
    margin-bottom: 10px;
}

.blog-sidebar h3{
    margin-top: 5px;
}

.blog-header{
    margin-bottom: 30px;
}

h1.main-header{
    color: rgb(62, 76, 95);
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}

h1.sub-header{
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}

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

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

/* 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 ---*/
#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 {
    background-color: #CFCFCF;
    border: none;
    padding: 10px;   
}
input[type="checkbox"]{
    width: inherit;
}
    
#blog-comment-form form div.hs-form-field ul li {}
#blog-comment-form .hs_submit {}

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

/* ------ Blog Sidebar ------ */
.hs-blog-header {}

.hs-blog-header h1 {}

.post-listing .post-header {}

.post-header {}

.post-header h2 {}

.post-header h2 a{}

.post-header h2 a:hover{}

.hs-author-social-section {}

.author-link {}

.author-link:hover {}

.post-item {
    padding:10px 0;
    margin:10px 0;
    border-top: 1px solid #CFCFCF;
}

.inputs-list{
    padding:0;
    list-style:none;
}

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

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

.blog-pagination {}


/*------------Error Page--------------------------*/

#hs-search-module .input {
    margin-top: 10px;
}

/*----------------Subscription Page-----------------------------*/

.checkbox-row input {
    position: relative;
    top: 5px !important;
}

#submitbutton {
    margin-bottom: 10px !important;
}

.hs_cos_wrapper_type_email_subscriptions h1, .hs_cos_wrapper_type_email_subscriptions h2{
    margin-bottom:20px !important;
}

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

.hs-form {}

.hs-input {
    border: 1px solid #3E4C5F;
    margin: 0 0 5px;
    width: 80%;
}
.hs-input:hover {}
.hs-input:focus {}

.field label {
    color: #999999;
    font-family: "Arial","Helvetica",Sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 14px;
    display:block;
}

/* Buttons */
.hs-button {
    background-color: #104C94;
    border: 0 none;
    color: #FFFFFF;
    padding: 2px 5px;
    text-transform: uppercase;
    cursor:pointer;
    margin: 5px 0;
    font-size :13.3333px;
}
.hs-button:hover {}
.hs-button:focus {}
.hs-button:active {}

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


/* ------ Footer ------ */
.footer-container-wrapper {}
.footer-container {}


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

/* 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) {}
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width:1156px) {
    .header-container .hs-menu-flow-horizontal > ul > li > a {
        font-size: 13px;
        line-height: 11.1px;
        padding: 6px 3px;
    }

    .body-container .page-center {
        padding:15px;
    }
    .footer-container .page-center {
        padding:0 10px !important;
    }
    .header-container .page-center {
        padding:0 5px !important;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
    .header-container .hs-menu-flow-horizontal > ul > li,
    .body-container .hs-menu-flow-horizontal > ul > li{
        width:100%;
        text-align:center;
    }
    .header-container .hs-menu-flow-horizontal > ul > li a,
    .body-container .hs-menu-flow-horizontal > ul > li a{
        max-width:none !important;
    }
    .hs-menu-wrapper ul ul {
        left: 45% !important;
    }
    .footer-container .hs-menu-flow-horizontal ul ul {
        left: 20px !important;
    }
    .hs-menu-wrapper ul ul {
        text-align: left;
    }
    .hs-menu-wrapper ul ul {
        width: auto;
    }
    .footer-container .hs-menu-flow-horizontal > ul > li {
        float: left !important;
    }
    .custom_logo {
        text-align: center;
    }
    #searchform {
        padding-top: 2px;
        text-align: center;
    }
    .custom_social {
        padding-top: 10px;
        text-align: center;
    }
    .body-container .page-center {
        padding:15px;
    }
    .custom_communications {
        text-align: center;
    }
    .custom_follow {
        text-align: center;
    }
    .custom_footer_subscribe {
        text-align: center;
    }
    .custom_privacy{
        text-align:center;
    }
    .custom_copyright p {
        text-align: center;
    }
    
}
     
/* Landscape phones and down */
@media (max-width: 480px) {}

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

/* ==========================================================================
   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);
}
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: #333333; /* 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: #cc0000; /* 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 */
    }

}

/* ------ Custom Style Overrides ------ */
/***********************************************/
 /* custom.css    */
 /* All custom and miscellaneous styles         */
 
 
 
/****************************************/
/* Index                                */
/****************************************/
/*
- Reusable Components
- Template Module Classes
- Unique pages
- Micellaneous
- Mobile
*/
 
/****************************************/
/* Reusable Components                  */
/****************************************/
 
 
/*-- ex. Containers --*/
 
 
/*-- ex. Buttons --*/
 
 
 
/****************************************/
/* Unique Pages                         */
/****************************************/
 
/*-- ex. Homepage --*/

 
/*-- ex. Contact Us --*/
 
 
/****************************************/
/* Miscellaneous                        */

.custom_logo{}

.custom-menu-primary{
    padding-top: 3px;
}

.custom_search{}

.custom_social{
    text-align: right;
}

.custom_social img {
    padding: 0 0 0 8px;
}

.custom_top_header{
    padding: 23px 0;
}

.search_btn{
    background-color: #104C94;
    border: 0 none;
    color: #FFFFFF;
    padding: 2px 5px;
    text-transform: uppercase;
    display: inline;
    line-height:16px;
}

#searchform{
    text-align: right;
    padding-top: 2px;
}

#search{
    display: inline;
    width: 50%;
}

.custom_communications{
    border-top: 1px solid #CFCFCF;
}

.custom_communications h4 {
    font-size:13.1167px;
    color:#8CD600;
    text-transform:uppercase;
    line-height:17.05px;
    font-weight: normal;
    margin-bottom: 0;
}

.custom_communications p {
    font-size:13.1167px;
    color:#3E4C5F;
    line-height:17.05px;
    margin-top: 0;
}

.custom_communications p a{
    font-size:13.1167px;
    color:#104C94;
    text-decoration:none;
    line-height:17.05px;
}

.custom_follow{
    border-top: 1px solid #CFCFCF;
}

.custom_follow h4 {
    font-size:13.1167px;
    color:#8CD600;
    text-transform:uppercase;
    line-height:17.05px;
    font-weight: normal;
    margin-bottom: 0;
}

.custom_follow ul {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
}

.custom_follow ul li {
    line-height: 17px;
}

.custom_follow ul li a{
    font-size:13.1167px;
    color:#104C94;
    text-decoration:none;
    padding:0;
}

.custom_follow ul li a:hover{}

.custom_subscribe {}

.custom_subscribe h4 {
    font-size:13.1167px;
    color:#8CD600;
    text-transform:uppercase;
    line-height:17.05px;
    font-weight: normal;
    margin-bottom: 0;
}

.custom_subscribe p{
    font-size:13.1167px;
    color:#3E4C5F;
    line-height:17.05px;
    margin-top: 0;
}

.custom_subscribe p a {
   font-size:13.1167px;
    color:#104C94;
    text-decoration:none;
    line-height:17.05px;
}

.custom_footer_subscribe{
    border-top: 1px solid #CFCFCF;
}

.custom_copyright{
    padding: 15px 0;
}

.custom_copyright p {
    font-size:12.1px;
    color:#9EA5AF;
    line-height:15.7333px;
}

.custom_privacy{
    padding: 15px 0;
}

.custom_privacy a {
    font-size:12.1px;
    color:#104C94;
    text-decoration:none;
}

.custom_right_blog{}

.custom_right_blog ul {
    padding:0 25px;
}

.custom_right_blog ul li{}


/****************************************/
 
/*-- ex. Fancybox Plugin Overrides --*/
 
/* ------ Mobile ------ */
/* ------ Mobile ------ */
/* Large desktop */
@media (min-width: 1200px) {}
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width:1156px) {
    .custom_social img {
        padding: 0 0 0 4px;
    }
    .custom_social {
        text-align:left; 
    }
    #search {
        display: inline;
        width: 53%;
    }
    .search_btn {
        display: inline;
        padding: 2px;
        font-size: 10px;
    }
}

/* 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;
    }
    .hs-menu-wrapper ul ul {
        left: 45% !important;
    }
    .footer-container .hs-menu-flow-horizontal ul ul {
        left: 20px !important;
    }
    .hs-menu-wrapper ul ul {
        text-align: left;
    }
    .hs-menu-wrapper ul ul {
        width: auto;
    }
    .footer-container .hs-menu-flow-horizontal > ul > li {
        float: left !important;
    }
    .custom_logo {
        text-align: center;
    }
    #searchform {
        padding-top: 2px;
        text-align: center;
    }
    .custom_social {
        padding-top: 10px;
        text-align: center;
    }
    .body-container .page-center {
        padding:15px;
    }
    .custom_communications {
        text-align: center;
    }
    .custom_follow {
        text-align: center;
    }
    .custom_footer_subscribe {
        text-align: center;
    }
    .custom_privacy{
        text-align:center;
    }
    .custom_copyright p {
        text-align: center;
    }
}
     
/* Landscape phones and down */
@media (max-width: 480px) {}

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


p#hubspot-author_data {
    margin-bottom: -20px;
    margin-top: -10px;
}

p#hs_cos_wrapper_blog_social_sharing {
    margin-bottom: 0px;
    margin-top: -15px;
}

/* ------ HubSpot Support ------ */

/* Added on 20th of May 2014 */

.fb-like span {
vertical-align: top!important;
}

/* End of 20th of May addition*/

.hs-featured-image-wrapper {
    margin-top: 1em;
}

/* End of 21st May addition */