@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
                     
/* @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;
        border: 0;
        width: 100%;
        height: 100%;
    }
     
    .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 - Rahul */
/* Date: 10 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: #111111;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
}

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

/* a { 
    color: #000000;
    text-decoration: underline;
} */

/* a:hover, a:focus {
    color: #000000;
    text-decoration: none;
} */

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

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


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

/* Headings */

/* 2/26/2015 H tag changes */

h1 {
    color: #598330;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
/*  line-height: 26px;
    margin: 0 0 15px;
    font-weight: normal; */
}

h2 {
    color: #FF5A00;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
/*  line-height: 24px;
    margin: 10px 0;
    font-weight: bold; 
    font-style: italic; */
}

h1, h4, h5, h6 {
    color: #598330;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
/*    font-weight: bold; */
}

/* h1 a, h4 a, h5 a, h6 a {
    color: #598330;
} */
 
h3 {
/*  color: #598330; */
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
/*  line-height: 18px; */
    font-weight: bold;
/*  letter-spacing: 1.5px;
    margin-bottom: 9px; */
} 

/* h3 a {
    color: #ff5a00;
} */

/*h3.form-title {
    color: #FF5A00;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.5px;
    line-height: 18px;
    margin-bottom: 9px;
}*/

h4 {
/*  color: #595959; */
    color: #4875B4;
    font-size: 22px;
    font-family: 'Montserrat'; /* TL 11/1/2017 */
/*    font-family: 'Permanent Marker', cursive; */
/*  font-weight: bold;
    line-height: 24px;
    margin: 20px 0 10px; */
}

h5 {
    background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #CCCCCC;
    color: #000000;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    margin: 10px 0 0;
    padding: 1px 5px;
    text-transform: uppercase;
}
     
h6 {}

/* Lists */
ul {
    padding: 0 0 5px 24px;
    list-style: square outside none;
}



ol {
    padding: 0 0 24px 24px;
}

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 {
    background: #EEF1F5;
    margin: 15px 0 0;
    padding: 12px 10px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

blockquote p {
    margin: 0;
}

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

/* Remove min-height on bootstrap structure */
.row-fluid [class*="span"] { 
    min-height: 1px !important;
/*    margin-left: 0 !important; remove spaces between modules */
}


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

/* --- Search box --- */
/* 4/1/2018 Tracy Loetz - don't display Search button in header */
.hs-search-module .hs-button {
    display:none; 
}

/* 5/5/2016 Tracy Loetz - don't display Search button in footer */
.custom-search .hs-button {
    display:none;
}

/* end search box changes */

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

/*---------------------Common Menu Style-------------*/
.custom_header_menu .custom-menu-primary .hs-menu-wrapper {
    background-color: #222222;
}

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

.hs-menu-wrapper > ul > li > a {
    display: block !important;
    font-size: 15px;
    line-height: 17px;
    font-weight: normal;
    padding: 17px 20px !important;
    -webkit-transition: all 0.1s ease-in-out 0s;
    -moz-transition: all 0.1s ease-in-out 0s;
    -o-transition: all 0.1s ease-in-out 0s;
    -ms-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
    text-transform: uppercase;
    color: #D9D9D9;
    text-decoration: none;
}

.hs-menu-wrapper > ul > li:hover > a {
    background-color: #000000;
    color: #FFFFFF;
}
 
.hs-menu-wrapper ul li.hs-item-has-children {}

.hs-menu-wrapper ul ul {
    box-shadow: 1px 1px 1px #DDDDDD;
    background-color:#f9f9f9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fefefe));
    background: -webkit-linear-gradient(top, #f9f9f9, #fefefe);
    background: -moz-linear-gradient(top, #f9f9f9, #fefefe);
    background: -ms-linear-gradient(top, #f9f9f9, #fefefe);
    background: -o-linear-gradient(top, #f9f9f9, #fefefe);
    padding: 6px 0;
    border-radius: 2px 2px 0 0;
    text-align: left;
    border: 1px solid #E0E0E0;
    border-top: medium none;
}

.hs-menu-wrapper ul ul li {}

.hs-menu-wrapper ul ul li a {
    color: #888888;
    font-size: 12px;
    line-height: 17px;
    max-width: none !important;
    padding: 6px 20px 6px 15px;
    text-decoration: none;
    width: auto !important;
}

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

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

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

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

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

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

.header-container .hs-menu-flow-horizontal > ul > li.hs-item-has-children > a:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #BBBBBB rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid dashed dashed;
    border-width: 3px 3px 0;
    content: "";
    display: inline-block;
    font-size: 0;
    margin-top: -2px;
    padding-top: 1px;
    position: relative;
    right: -10px;
    top: -2px;
    cursor: pointer;
}

.header-container .hs-menu-flow-horizontal > ul > li > ul > li.hs-item-has-children > a:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0); 
    border-color: #BBBBBB rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid dashed dashed;
    border-width: 3px 3px 0;
    content: "";
    display: inline-block;
    font-size: 0;
    margin-top: -2px;
    padding-top: 1px;
    position: relative;
    right: -10px;
    top: -2px;
    cursor: pointer;
}
/* TL 10-30-2017 */ 
.header-container .hs-menu-flow-horizontal > ul > li > ul > li > ul > li.hs-item-has-children > a:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0); 
    border-color: #BBBBBB rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid dashed dashed;
    border-width: 3px 3px 0;
    content: "";
    display: inline-block;
    font-size: 0;
    margin-top: -2px;
    padding-top: 1px;
    position: relative;
    right: -10px;
    top: -2px;
    cursor: pointer;
} 
 
 
.header-container .hs-menu-flow-horizontal > ul > li.active-branch > a {
    border-bottom: 3px solid #F54C00;
}

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

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

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

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

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

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

.body-container .hs-menu-flow-horizontal > ul > li.hs-item-has-children > a:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #BBBBBB rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid dashed dashed;
    border-width: 3px 3px 0;
    content: "";
    display: inline-block;
    font-size: 0;
    margin-top: -2px;
    padding-top: 1px;
    position: relative;
    right: -10px;
    top: -2px;
}

.body-container .hs-menu-flow-horizontal > ul > li.active-branch > a {
    color: #FFFFFF;
}

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

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

/*---------------------End Body 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 {
    -webkit-transition: all 0.1s ease-in-out 0s;
    -moz-transition: all 0.1s ease-in-out 0s;
    -o-transition: all 0.1s ease-in-out 0s;
    -ms-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    padding: 7px 15px !important;
    white-space: normal!important;
}

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

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

.hs-menu-flow-vertical ul li.hs-item-has-children > a:after {
    border: none;
}

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

.hs-menu-flow-vertical {}

.hs-menu-flow-vertical ul ul {   
    left: 100% !important;
    box-shadow: 1px 1px 1px #DDDDDD;
    background-color:#f9f9f9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fefefe));
    background: -webkit-linear-gradient(top, #f9f9f9, #fefefe);
    background: -moz-linear-gradient(top, #f9f9f9, #fefefe);
    background: -ms-linear-gradient(top, #f9f9f9, #fefefe);
    background: -o-linear-gradient(top, #f9f9f9, #fefefe);
    padding: 6px 0;
    border-radius: 2px 2px 0 0;
    text-align: left;
    border: 1px solid #E0E0E0;
    border-top: medium none;
}

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

.hs-menu-flow-vertical ul ul li a {
    font-size: 12px;
    line-height: 17px;
    color: #888888;
    padding: 6px 20px 6px 15px;
    max-width: none!important;
    width: auto!important;
    background-color: transparent;
}

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

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

.footer-container .hs-menu-flow-horizontal {
    margin-top: 10px;
}

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

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

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

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

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

.body-container .page-center {
    padding: 25px 30px;
} 

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

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

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

/*-- Pagination --*/
.blog-pagination {
    margin-bottom: 50px;
}
.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 Custom */
/* .post-header h2 { margin-bottom: -.25em; } */
/* .post-header h2 a { color:#000; } */
#hubspot-author_data ~ p { margin-bottom :0; }
#hubspot-author_data { margin-bottom: -1em; }
.widget-type-blog_content .post-item {
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid rgba(0,0,0,0.3);
}
.post-body p:first-child { margin-top: 0; }
.hs-author-social-section {
    margin-top: 1em;
}

/* TAL */
.author-bio td {
    vertical-align: top;
}

/*.author-info {
    padding-left: 15px;
} */

/* TAL - Survey Monkey */
.Aqua .sTitle {
    background: none;
}



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

.hs-form {}

   
form.hs-form input[type="number"],
/* 4/28/2016 Tracy Loetz - added to make phone number field same length as the other form fields */
form.hs-form input[type="tel"],
form.hs-form input[type="text"], 
form.hs-form input[type="email"], 
form.hs-form select, 
form.hs-form textarea, 
form.hs-form .email-correction,
form #hs-pwd-widget-password,
form .hs-input.email-edit {
    display: inline-block;
    width: 100%;
    box-sizing:padding-box;
    -moz-box-sizing:padding-box; 
    -webkit-box-sizing:padding-box; 
    padding: 5px;
    min-height: 30px;
/* TAL 9/8/2017 */
    margin: 10px;
    border-radius: 5px;
/* */
}

form.hs-form input[type="number"]:hover,
/* 4/28/2016 Tracy Loetz - added to make phone number field have same attributes as other form fields */
form.hs-form input[type="tel"]:hover,
form.hs-form input[type="text"]:hover, 
form.hs-form input[type="email"]:hover, 
form.hs-form select:hover, 
form.hs-form textarea:hover, 
form.hs-form .email-correction:hover,
form #hs-pwd-widget-password:hover,
form .hs-input.email-edit:hover {
    border-color: #5794BF #B7D5EA #C7E2F1 #C5DAED!important;
}

.hs-input {
    color: #666666;
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #ABADB3 #ABADB3 #ABADB3 #ABADB3;
/* 1/29/15 Tracy Loetz added the following line */
    box-shadow: 0px 1px 0px 0px #DBDFE6;
/*    border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA;  original */
    border-radius: 2px;
/* TAL 9/8/2017 */
     font-family: 'Montserrat', sans-serif;
}

.hs-input:hover {}

.hs-input:focus {
    border-color: #0074CC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #0074CC;
}https://app.hubspot.com/design-manager/272868/code/445871818

.field label {
/*    color: #444444; */
    display: inline-block;
/*    font-family: Arial,Helvetica,sans-serif; */
    margin-bottom: 5px;
/* 4/29/2016 Tracy Loetz 
/*    margin-top: 10px; */
}
   
/* Buttons */
.hs-button {
    background-color: #CCCCCC;
/* background-image:-moz-linear-gradient(top, #0074cc, #005799); 
    background-image:-webkit-linear-gradient(top, #FF5A00, #005799);
    background: -o-linear-gradient(top, #0074cc, #005799);
    background: -ms-linear-gradient(top, #0074cc, #005799);
    background: linear-gradient(top, #0074cc, #005799);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074cc', endColorstr='#005799',GradientType=0 );
    border: 2px solid #003a66;
    box-shadow: inset 0 1px #0091ff;
    -webkit-box-shadow:inset 0 1px #0091ff;
    -moz-box-shadow:inset 0 1px #0091ff; */
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 24px;
    margin: 20px 0px 20px 10px;
    padding: 4px 12px;
    text-decoration: none;
/*    text-shadow: 0 -1px #00223d; */
    border-radius: 4px;
}
 
.hs-button:hover {
    background-color: #0074CC;
    background-image: -moz-linear-gradient(center top , #007FE0, #005799);
    border: 2px solid #003A66;
    box-shadow: 0 1px #009CFF inset, 0 1px 8px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    background: linear-gradient(center top , #0074CC, #005799);
}

.hs-button:focus {}

.hs-button:active {}

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

  
/* ------ Footer ------ */
.footer-container-wrapper {
    border-top: 2px solid #000000;
} 

.footer-container {}

.hs-footer-company-copyright {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
}


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

.hs-menu-flow-vertical_flyouts {
    text-align: left;
}

.hs-menu-flow-vertical_flyouts > ul {
    list-style: none;
    background: #FFFFFF;
    margin-top: 0;
    padding-top: 10px;
}

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

.hs-menu-flow-vertical_flyouts > ul > li > a {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    line-height: 24px;
    text-transform: capitalize;
    transition: none;
    padding: 0 20px !important;
}

.hs-menu-flow-vertical_flyouts > ul > li:hover > a {
    background: #FFFFFF;
    color: #000000;
}

.hs-menu-flow-vertical_flyouts ul ul {
    border-radius: 0;
    background: #FFFFFF;
    box-shadow: none;
    border: none;
    padding-left: 10px;
    list-style: none;
}

.hs-menu-flow-vertical_flyouts ul ul li a {
    font-size: 16px;
    color: #000000;
    font-weight: normal;
    line-height: 24px;
}

.hs-menu-flow-vertical_flyouts ul ul li a:hover {
    color: #000000;
}
/*Added by HubSpot on 9/13
.hs-responsive-embed,
    .hs-responsive-embed.hs-responsive-embed-youtube,
    .hs-responsive-embed.hs-responsive-embed-wistia,
    .hs-responsive-embed.hs-responsive-embed-vimeo {
    height:500px;
} */

/* YouTube Responsive CSS for HubSpot  */
/* TL 11/3/2017 */

.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%; 
}

/* End YouTube */

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

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #CCCCCC;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #CCCCCC;
}

.tinynav {
    display: block;
    border-bottom: #e9e9e9;
    border-top: #e9e9e9;
    border-left: #e9e9e9;
    border-right: #e9e9e9;
    border-style: solid;
    border-width: 1px;
    border-color: #7f7f7f;
    width: 100%;
    background: #FFFFFF;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #f54c00;
    font-weight: bold;
}

.body-container .custom-side-menu .hs-menu-flow-vertical_flyouts > ul {
   display: none !important; 
}

.body-container .custom-submenu .hs-menu-flow-horizontal > ul {
    display: none !important; 
}




/*.body-container .custom-software-menu .hs-menu-flow-horizontal > ul {
    display: none !important; 
}*/


/* ------ Mobile ------ */
/* ==========================================================================
   Mobile Menu - Toggle Dropdown 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
   ========================================================================== */

/* TL changed menuColorMobile from #333 */
      /* Set Mobile Menu Background Color */
         /* Set Link Color */
 /* Set Link Hover Color */ /* changed from #cc0000 to #fff by Tracy Loetz 2/4/2014


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

a.mobile-trigger {
     display: none; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    margin: 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 */
}

/* Three line icon */
a.mobile-trigger span {
    margin: 0 auto;
    position: relative;
    top: 17px;
}
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; /* Color of all three lines */
    -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 */
}
a.mobile-trigger  span:after {
    margin-top: 8px; /* Position bottom line */
}
 
 
/* Menu Styles on Mobile Devices
   ========================================================================== */    

/* TAL 2/15/2014 - if css pixel screen size is less than or equal to 1024 do the following */
/* @media (max-width: 1024px) {*/
 @media (max-width: 480px) {
 
     /* Hide menu on mobile */
     .custom-menu-primary.js-enabled .hs-menu-flow-horizontal {
          display: none;
     }  

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

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

     /* Add down arrow to nav items with children */
     .custom-menu-primary ul li.hs-item-has-children > a:after{
          display: none !important;
     }
     
     .custom-menu-primary ul li.hs-item-has-children:hover {
         background: #000;
     }
     .custom-menu-primary ul li.hs-item-has-children > .child-toggle{
        position: absolute;
        right: 0;
        top: 0;
        padding: 22px;
        width: 50px;
        z-index: 1000;
        height: 51px;
     }
        .custom-menu-primary ul li.hs-item-has-children > .child-toggle span {
            content:'';
            width: 0;
            height: 0;
            cursor: pointer;
            border-left: 5px solid transparent; /* Adjust border sizes to go bigger or smaller */
            border-right: 5px solid transparent;
            border-top: 5px solid #fff; /* change this color to match menu text */
            border-bottom: 0px !important;
        }
  
     /* General Menu Styles */
     .custom-menu-primary{
          text-align: left; /* Change the text align to change the position of the toggle button */
     }
     .custom-menu-primary .hs-menu-flow-horizontal{
          text-align: left; /* Left aligns menu text */
     }

     /* Parent List */
     .custom-menu-primary ul{
          background-color: #222; 
     }
     .custom-menu-primary .hs-menu-wrapper > ul,
     .header-container .custom_header_menu .hs-menu-wrapper>ul { display: block !important; }
     .custom-menu-primary .hs-menu-wrapper > ul > li { float: none !important;  width: 100% !important;}
     .custom-menu-primary ul li{}
     .custom-menu-primary ul li a{
          color: #fff;
     }
     .custom-menu-primary ul li a:hover{
          color: #fff;
     }

     /* Child List */
     .custom-menu-primary ul ul{}
     .custom-menu-primary ul ul li{}
     .custom-menu-primary ul ul li a{}
     .custom-menu-primary ul ul li a:hover{}

     /* Grandchild List */
     .custom-menu-primary ul ul ul{}
     .custom-menu-primary ul ul ul li{}
     .custom-menu-primary ul ul ul li a{}
     .custom-menu-primary ul ul ul li a:hover{}
 
}

/*added by Support 2/5/14 to hide bullets on radio buttons on forms*/
.hs-form li { 
list-style: none!important; 
} 
ul.inputs-list { 
padding-left: 0!important; 
} 



/* ------ Custom Style Overrides ------ */
/***********************************************/
 /* custom.css    */
 /* All custom and miscellaneous 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 ;
    }
}
 
/****************************************/
/* Index                                */
/****************************************/
/*
- Reusable Components
- Template Module Classes
- Unique pages
- Micellaneous
- Mobile
*/
 
/****************************************/
/* Reusable Components                  */
/****************************************/
 
.accordion_group {}
.accordion_header {
    cursor: pointer;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    color: #ff5a00;
}
 
/*-- ex. Containers --*/
 
 
/*-- ex. Buttons --*/
 
/* TAL 11/24/2017 */ 
.custom_button {
    -moz-user-select: none;
    background-color: #598830;
/*    background-image: -moz-linear-gradient(center top , #7EC8F4, #3574E3); */
/*    border-color: #64BAF0 #468EE6 #1C4ED5; */
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 #598830;
    transition: opacity 0.15s linear 0s; 
    font-family: 'Montserrat', sans-serif;
    padding: 30px;
    cursor: pointer;
    display: inline-block; 
    font-weight: 700;
    line-height: 12px;
    font-size: 30px;
} 

/* end addition on 11/24/2017 */
 
/****************************************/
/* Unique Pages                         */
/****************************************/
 
/*-- ex. Homepage --*/
 
 
/*-- ex. Contact Us --*/
 
 
/****************************************/
/* Miscellaneous                        */
/****************************************/

/* Blog box with image  TL 12-8-2017 */
.custom_blog_box {
    border-width: 1px; 
    border-color: #CCCCCC;
    border-style: solid;
    padding: 20px;
    text-align: center;
    margin-top: 10px;
}

.custom_blog_box a {
    text-decoration: none !important;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    
}

.custom_two_columns ul {
    display: inline-block;
    column-count: 2;
    column-gap: 80px;
    margin-left: 60px;
    font-size: 20px;
    line-height: 150%;
}

.custom_logo {
    padding: 0 0 25px 168px;
}

.custom_phone {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
/*    padding-bottom: 15px; TAL */
    pad
    text-align: left;
}

.custom_copyright {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    padding: 12px 29px;
}

.custom_copyright p {
    font-size: 11px;
    line-height: 18.33px;
    margin: 0;
}

.custom_copyright p a:hover {
    text-decoration: underline;
}

.custom_menu_bg {
    background-color: #222222;
}

.custom_submenu_bg {
    background-color: #e9e9e9;
}

.custom_header_menu {}

.custom_header_menu .hs-menu-wrapper {
    text-align: center;
}

.custom_header_menu .hs-menu-wrapper > ul {
    display: inline-block !important;    
}

.custom_header_menu .hs-menu-wrapper > ul > li {
    margin-bottom: -7px;
}

/* TAL 5/2/2014 */

/*.custom_footer_menu .hs-menu-wrapper > ul > li:hover > a {
    text-decoration: underline;
    background: #FFFFFF;
    color: #222222;
}*/

/* TL 11/17/2017 */
.custom_footer_menu {
    font-family: 'Montserrat', sans-serif;
}

.custom_footer_menu .hs-menu-flow-vertical ul > li > a {
    background-color: #FFFFFF;
    color: #598830;
    font-size: 18px;
    line-height: 30px;
  /*  padding: 2px 20px 2px 15px; */
}

/* TL 11/17/2017 */
.custom_footer_menu h3 {
    font-size: 18px;
    color: #598830;
}

.custom_footer_menu .hs-menu-flow-vertical ul > li:hover > a {
    color: #222222;
}

/* children */
.custom_footer_menu .hs-menu-flow-vertical ul > li > ul > li > a {   
    font-size: 12px;
}

.custom_footer_menu .hs-menu-flow-vertical ul ul {   
    left: 100% !important;
    background: none;
    box-shadow: none;
    background-color: #FFFFFF;
/*    padding: 6px 0;*/
  /*  border-radius: 2px 2px 0 0;*/
    text-align: left;
    border: none;
    font-size: 12px;
}

.custom_footer_menu .hs-menu-wrapper.hs-menu-flow-vertical li.hs-item-has-children > ul > li {
    display: block;
}        

/* TAL end */

/* TAL 2/15/2014 */
.custom-software-menu .hs-menu-wrapper > ul > li > a {
    text-align: center;
    background-color: #e9e9e9;
    color: #35356A;
    text-transform: none;
    font-size: 14px;
}

.custom_blog_rightcol .cell-wrapper {
    background: none repeat scroll 0 0 #F6F6F6;
    border-radius: 15px;
    padding: 20px 30px 10px;
}

.custom_right_column {}

.custom_right_column .custom_grey_bg {
    background: #e9e9e9;
    border-radius: 15px;
    padding: 20px;
/*    text-align: center;  TAL */
    text-align: left;
    margin-bottom: 36px; 
}

.custom_right_column h3 {
    text-align: left;
    margin-top: 0;
}

 .custom_right_column .hs-button {
    -moz-user-select: none;
    background-color: #3574E3;
    background-image: -moz-linear-gradient(center top , #7EC8F4, #3574E3);
    border-color: #64BAF0 #468EE6 #1C4ED5;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 #3574E3;
    transition: opacity 0.15s linear 0s; 
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 5px;
    cursor: pointer;
    display: inline-block; 
    font-weight: 700;
    line-height: 12px;
} 

/*   TAL 9/8/2017  Used on ITX landing page    */
.custom_fixed_contact_form {
/*   position: fixed;
    top: 15%;
    right: 5%; */
    background: #000000;
/*    box-shadow: 0 5px 45px 5px rgba(0,0,0,0.13);*/
    padding: 0px 30px 0px 8px;
    z-index: 1000;
    border-radius: 20px;
}

/*.custom_fixed_contact_form h3 {
    font-size: 32px;
    text-align: center;
    color: #FFFFFF;
} */


/* TAL 9/8/2017 */
.custom_fixed_contact_form .hs-form-required {
    display: none;
}

/* TAL 9/11/2017 */
.custom_header_contact_form {
    background: #2D3239;
    padding: 0px 10px 0px 0px;
    border-radius: 20px;
    z-index: 1000;
}

.custom_header_contact_form .hs-form .hs-form-field {
    margin: 0px;
}

/* TAL 9/11/2017 */
.custom_header_contact_form .hs-form-required {
    display:none;
}

.custom_header_contact_form .hs-button {
    float:right;
}

.custom_header_contact_form h3 {
    color: #FFFFFF;
    text-align: center;
}


/**/


/* TAL 2/15/2014 */
.l_tinynav1 {
    background: #F6F6F6;
}

/*.custom_blog_subscribe {
    text-align: left !important; 
} */

/*.custom_blog_subscribe .field label {
    display:none;
} */

/* button format */
.custom_blog_subscribe .hs-button {
    background-image:-moz-linear-gradient(top, #000000, #000000);
    background-image:-webkit-linear-gradient(top, #000000, #000000);
    box-shadow: none;
    border: none;
    margin: 0;
    border-radius: 0;
/*    display: none; */
}

/* email input field format */
.custom_blog_subscribe form.hs-form input[type="email"] {
    width: 60%;
    float: left;
    border-radius: 0;
    min-height: 32px;
}

/* email input field format */
/* .custom_blog_subscribe form.hs-form input[type="submit"] {
    width: 20%;
    float: left;
    border-radius: 0;
    min-height: 32px;
} */

.custom_blog_subscribe .hs-form-required {
    display:none;
}

.custom_blog_subscribe div.hs_email.field.hs-form-field label {
    display:none;
} 

.custom_blog_subscribe .hs-error-msgs label {
    font-size: 12px;
    float:left;
    width: 60%;
}


/* 5/5/2016 Tracy Loetz */
.custom-footer-contact h3 {
    margin-top: 0;
}

.custom-footer-contact .hs-form fieldset.form-columns-1 .hs-input {
    width: 100%;
}

/* end */

.custom_right_column .hs_cos_wrapper_type_linked_image {
    display: block;
    text-align: center;
}

.custom_grey_bg #v_container {
    width: 100% !important;
}

.custom_grey_bg .vnewsticker {
    line-height: 18px;
    width: 100% !important;
}

.custom_grey_bg table {
    width: 100%;
}

.custom_right_border {
    border-right: 1px solid #000000;
    padding-top: 10px;
}

.custom_center_rightcol {
    padding-top: 10px;
}

.custom_top_border {
    border-top: 1px solid #000000;
    margin-top: 25px;
    padding-top: 20px;
}

.custom_home_slider {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 650px;
}

.custom_home_slider .hs_cos_flex-next,
.custom_home_slider .hs_cos_flex-prev {
    display: none;
}

.custom_home_slider .hs_cos_flex-control-paging li a {
    background: none repeat scroll 0 0 #111111;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    min-height: 22px;
    min-width: 22px;
    text-decoration: none;
    text-indent: 0;
}

.custom_home_slider .hs_cos_flex-active {
    background: #9BAD73 !important;
}

/* TAL 5/12/2014 */
.custom_quote_slider .hs_cos_flex-slider {
    background: #EEF1F5 !important;
}

.list_split {
    display: inline-block;
    vertical-align: top;
    width: 48%;
}

object,
iframe {
    max-width: 100%;
}

/* 1/30/15 Tracy Loetz added to fix width problems on mobile devices */
.akken_container {
    position: relative; 
    padding-bottom: 100%;
    height: 0;  
    overflow: auto;
    -webkit-overflow-scrolling:touch;
}

.akken_container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%; 
} 
/* end */

/*.hs-cta-img {
    background: #e9e9e9;
    border-radius: 15px;
    padding: 20px;
    text-align: left;
    margin-bottom: 36px; 
}
*/

/* Classes for image overlay custom module - TL 11/8/2017 */

.image-overlay {
    position: relative;
}

.image-overlay .img__wrap {
  position: relative;
}

.image-overlay .img__description {
  color: white;
  text-align: center;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  background: rgba(29, 106, 154, 0.72);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.image-overlay .img__wrap:hover .img__description {
  visibility: visible;
  opacity: 1;
  background: rgba(29, 106, 154, 0.72);
}




/*.image-overlay {
  position: relative;
  width: 50%;
}

.image-overlay .image {
  display: block;
  width: 100%;
  height: auto;
}

.image-overlay .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #CCCCCC;
}

.image-overlay:hover .overlay {
  opacity: .5;
} 

.image-overlay .image-description {
  color: white;
  text-align: center;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.image-overlay:hover .image-description {
    visibility: visible;
    opacity: 1;
}*/

/*.image-overlay .organization {
  color: white;
  text-align: center;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}*/


/*.image-overlay .organization::before {
  content: '';
  display: block;
  width: 80px;
  height: 6px;
  background: #fff;
  margin: 0 auto 15px;
} */

/* End coding for image overlay custom module */


/* TL 11/19/2017 */
/* Semi-transparent background with text overlay */
.homepage1-background-with-text {
    background-image: url(https://www.remedi.com/hubfs/images/site/homepage_heartbeat_346x125px.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/* Semi-transparent background with text overlay */
.homepage2-background-with-text {
    background-image: url(https://www.remedi.com/hubfs/images/site/handshake2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
 
/* ------ Mobile ------ */
/* Large desktop */
@media (min-width: 1200px)  {
    .header-container .custom-software-menu .tinynav {
        display: none;
    }
    .body-container .custom-software-menu .tinynav {
        display: none;
    }
    .body-container .custom-software-menu .hs-menu-flow-horizontal > ul {
        display: none!important;
    }
}
    
@media (min-width: 768px) and (max-width: 1199px) {
    .header-container .custom-software-menu .tinynav {
        display: none;
    }
    .header-container .custom-software-menu .hs-menu-flow-horizontal > ul {
        display: none!important;
    }
    .body-container .custom-software-menu .hs-menu-flow-horizontal > ul {
        display: none!important;
    }
    .custom_logo {
        padding: 0 0 25px 10px;
    }
    .custom_phone {
        font-size: 15px;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .header-container .custom-software-menu .hs-menu-flow-horizontal > ul {
        display: none!important;
    }
    .header-container .custom-software-menu .tinynav {
        display: none;
    }
    .body-container .custom-software-menu .hs-menu-flow-horizontal > ul {
        display: none!important;
    }
    .custom_logo {
        padding: 0 0 25px;
    }
    .custom_phone,
    .custom_follow_me{
        text-align: center;
    }
    .custom_right_border {
        border-right: none;
    }
}
     
/* Landscape phones and down */
@media (max-width: 480px) { 
    object,
    iframe {
        height: auto;
    } 
    .custom_youtube_arrow {
        display:none;
    }
    .custom_two_columns ul {
        column-count: auto;
        column-gap: normal;
    }
}
 
/* Iphone */
@media (max-width: 320px) {}
/* Headings */

/*
Main heading for page <h1 class="Fz-25 Ff-mo Fw-n C-green">
Sub heading 1 for page <h2 class="Ff-pm Fz-25 Fw-n C-orange">
Sub heading 2 for page <h3 class="Ff-mo Fz-16 Fw-b">
Sidebar heading <h4 class="Fz-22 Ff-pm C-mblue Ta-c Fw-n">
*/

/* Background colors */
.Bgc-green { background-color: #598830; }
.Bgc-lgreen { background-color: #E6E6E6; }
.Bgc-lgrey { background-color: #CCCCCC; }
.Bgc-orange { background-color: #FF5A00; }
.Bgc-black { background-color: #000000; }
.Bgc-lblue { background-color: #EEF1F5; }
.Bgc-white { background-color: #FFFFFF; }
.Bgc-dgrey { background-color: #595959; }


/* Border */
.Bdw-1 { border-width: 1px; }
.Bdc-lgrey { border-color: #CCCCCC; }
.Bds-solid { border-style: solid; }
.Bdtw-1 { border-top-width: 1px; }
.Bdtc-lgrey { border-top-color: #CCCCCC; }
.Bdts-solid { border-top-style: solid; }
.Bdrw-1 { border-right-width: 1px; }
.Bdrc-lgrey { border-right-color: #CCCCCC; }
.Bdrs-solid { border-right-style: solid; }
.Bdlw-1 { border-left-width: 1px; }
.Bdlc-lgrey { border-left-color: #CCCCCC; }
.Bdls-solid { border-left-style: solid; }
.Bdbw-1 { border-bottom-width: 1px; }
.Bdbc-lgrey { border-bottom-color: #CCCCCC; }
.Bdbc-black { border-bottom-color: #000000; }
.Bdbs-solid { border-bottom-style: solid; }
.Bdbw-2 { border-bottom-width: 2px; }
.Bdbw-5 { border-bottom-width: 5px; }
.Bdbc-lgrey { border-bottom-color: #CCCCCC; }
.Bdbc-black { border-bottom-color: #000000; }


/* Colors */
.C-black { color: #000000; }
.C-dgrey { color: #111111; }
.C-gold { color: #AC7E13; }
.C-green { color: #5C8727; }
.C-lgrey { color: #CCCCCC; }
.C-mblue { color: #4875B4; }
.C-orange { color: #FF5A00; }
.C-red { color: #FF0000; }
.C-white { color: #FFFFFF !important; }

/* Display */
.D-ib { display: inline-block; }

/* Float */
.Fl-n { float: none !important; }
.Fl-r { float: right; }

/* Font Family */
.Ff-hn { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.Ff-mo { font-family: 'Montserrat', sans-serif; }
.Ff-pm { font-family: 'Permanent Marker', cursive; }
.Ff-yk { font-family: 'Yanone Kaffeesatz', sans-serif; }

/* Font  Weight */
.Fw-n { font-weight: normal; }
.Fw-b { font-weight: bold; }
.Fw-br { font-weight: bolder; }

/* Font Size */
.Fz-10 { font-size: 10px; }
.Fz-12 { font-size: 12px; }
.Fz-14 { font-size: 14px; }
.Fz-16 { font-size: 16px; }
.Fz-18 { font-size: 18px; }
.Fz-20 { font-size: 20px; }
.Fz-22 { font-size: 22px; }
.Fz-25 { font-size: 25px; }
.Fz-30 { font-size: 30px; }
.Fz-32 { font-size: 32px; }
.Fz-36 { font-size: 36px; }

/* Height */
.H-100 { height: 100%; }

/* Line Height */
.Lh-n { line-height: normal; }
.Lh-125 { line-height: 125%; }
.Lh-150 { line-height: 150%; }
.Lh-200 { line-height: 200%; }

/* Margins */
.M-0a { margin: 0 auto !important; }
.Mb-5 { margin-bottom: 5px; }
.Ml-0 { margin-left: 0px; }
.Ml-30 { margin-left: 30px; }
.Mt-0 { margin-top: 0px; }
.Mt-10 { margin-top: 10px; }
.Mt-20 { margin-top: 20px; }
.Mt-40 { margin-top: 40px; }
.Mt-60 { margin-top: 60px; }


/* Padding */
.P-15 { padding: 15px; }
.P-20 { padding: 20px; }
.P-30 { padding: 30px; }
.Pb-5 { padding-bottom: 5px; }
.Pb-10 { padding-bottom: 10px; }
.Pb-15 { padding-bottom: 15px; }
.Pb-20 { padding-bottom: 20px; }
.Pb-30 { padding-bottom: 30px; }
.Pb-35 { padding-bottom: 35px; }
.Pl-5 { padding-left: 5px; }
.Pl-10 { padding-left: 10px; }
.Pl-15 { padding-left: 15px; }
.Pl-20 { padding-left: 20px; }
.Pl-30 { padding-left: 30px; }
.Pr-5 { padding-right: 5px; }
.Pr-10 { padding-right: 10px; }
.Pr-15 { padding-right: 15px; }
.Pr-20 { padding-right: 20px; }
.Pr-30 { padding-right: 30px; }
.Pt-5 { padding-top: 5px; }
.Pt-10 { padding-top: 10px; }
.Pt-15 { padding-top: 15px; }
.Pt-20 { padding-top: 20px; }
.Pt-30 { padding-top: 30px; }
.Pt-35 { padding-top: 35px; }
.Pt-40 { padding-top: 40px; }
.Pt-50 { padding-top: 50px; }
.Pt-60 { padding-top: 60px; }

/* Text Align */
.Ta-c { text-align: center; }
.Ta-l { text-align: left; }
.Ta-r { text-align: right; }

/* Text decoration */
.Td-n { text-decoration: none !important; }
.Td-u { text-decoration: underline; }

/* Width */
.Maw-90 { max-width: 90%; }
.Maw-1220 { max-width: 1220px !important; }
.Maw-75 { max-width: 75%; }
.Maw-50 { max-width: 50%; }
.W-100 { width: 100%; }