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

@import url('https://fonts.googleapis.com/css?family=Raleway:600,%20300i,700|Roboto+Condensed:400,400i,700,700i&display=swap');

@import url('https://use.fontawesome.com/releases/v5.7.2/css/all.css');
@import url('https://use.fontawesome.com/releases/v5.7.2/css/v4-shims.css');

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





/* ==========================================================================
HS COS Boilerplate v1.3.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 ;
    }
}
/* Images */
img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

img.alignRight{
    margin: 0 0 5px 15px;
}

img.alignLeft{
    margin: 0 15px 5px 0;
}

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

/* Blog Social Sharing */
.hs-blog-social-share .hs-blog-social-share-list {
  margin: 0;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
  height: 30px;
}
@media (max-width: 479px){
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
    float: none !important; /* Stack social icons into two rows on phones */
  }
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{
  vertical-align: top !important; /* Aligns Facebook icon with other social media icons */
}

/* Videos */
video {
    max-width: 100%;
    height: auto;
}

/* Date Picker */
#calroot {
    width: 202px !important;
    line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#calroot select {
    min-height: 0 !important;
    padding: 1px 2px !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
    font-size: 10px !important;
    line-height: 18px !important;
    font-weight: normal !important;
}

#caldays {
    margin-bottom: 4px;
}

#calmonth, #calyear {
    display: inline;
}

/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}
@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
select {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* System Template Forms */
#email-prefs-form .email-edit {
    width: 100% !important;
    max-width: 507px !important;
}
#hs-pwd-widget-password {
    height: auto !important;
}

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

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

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > 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-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}


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

    /* Stacking Vertical Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper  {
        position: static;
        opacity: 1;
        visibility: visible;
    }
}

.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 {
    font-size: 25px;
    display: inline-block;
    padding-right: 3px;
}
.about-author-sec {
    margin-top: 40px;
}
.about-author-sec img{
    border-radius: 50%;
    border: 1px solid #CCC;
    display: block;
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }
}

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

/* These includes are optional, but helpful. */
/*/* 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:

1. BASE STYLES
- Variables
- Macros
- Base
- Typography

2. COS STRUCTURE
- Structure
- Header
- Content
- Footer

3. MAIN NAVIGATION
- Custom Menu Primary
- Mobile Menu

4. TEMPLATE MODULE CLASSES
- Common Template Classes
- Site Pages
- Landing Pages
- System Pages

5. COS COMPONENTS
- Blog
- Forms
- Buttons

6. MISCELLANOUS

7. MOBILE MEDIA QUERIES

========================================================================== */

/* ==========================================================================


1. BASE STYLES


========================================================================== */





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


/**
* Find the most consistently used font styles, colors, and container widths
* for your site and assign them to the jinja variables below for easy use
* and reference.
*
* Apply the variable as shown below.  Ignore the jingja comment tags.
*
* 
*/

/* Colors */
    /*  */

    /*  */
    /*  */

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

/* Well Colors */






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


.nineWrap{
  float: none;
  max-width: 994px  !important;
  margin: 0 auto  !important;

}
.nineWrap-2{
  float: none  !important;
  max-width: 948px  !important;
  margin: 0 auto  !important;
}
.eight-wrap{
  float: none !important;
  max-width: 800px !important;
  margin: 0 auto !important;

}
.eight-wrap-2{
  float: none !important;
  max-width: 865px !important;
  margin: 0 auto !important;

}
.seven-wrap{
  float: none;
  max-width: 786px;
  margin: 0 auto;

}
.five-wrap{
  float: none;
  max-width: 580px;
  margin: 0 auto;

}


/* ==========================================================================
Macros
========================================================================== */


/**
* Create jinja macros for CSS3 properties that need browser prefixes.
*
* Apply the style as shown below.  Ignore the jinja comment tags.
*
* 
*/


/* Transition */


/* Animation Delay */


/* Box Shadow */


/* Background Size */


/* Border Radius */


/* User Select */


/* Opacity*/





/* ==========================================================================
Base
========================================================================== */


/**
* Box Sizing
*
* Applies a natural box layout model to all elements so that width and padding
* are essentially combined, making responsive styles easier to manage.
*/

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  overflow-x:visible !important;
}

/* Website background color and default font styles */
body {
  background: #003DA6;
  color: #666;
  font-family:'Roboto Condensed', Arial, sans-serif;;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bodyWrap{
  background: #ffffff;
  padding: 20px 0;
}

.careers .bodyWrap,
.blog  .bodyWrap{
  padding-bottom:0;
}
@media (min-width: 1007px){
  .bodyWrap{
    padding:40px 0;
  }
}
@media (max-width: 767px){
  .content-wrapper, .wrapper{
    padding:0 20px;
  }
}
hr{
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
/**
* Page Center
*
* Apply .page-center to full-width modules.
*/

.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1196px;
  margin: 0 auto;
  /*padding:0 20px;*/

}
@media (min-width: 1007px){
  .main-content .page-center {
    padding:0 80px !important;
  }
}
a {
  text-decoration: none;
  color: #34495e;

}
p a,
.bodyWrap li a{
  color:#3cb4e5;
}
a:hover,
a:focus {

}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background: #666;
  text-shadow: none;
}
::selection {
  color: #fff;
  background: #666;
  text-shadow: none;
}

.main-content {
  background:#ffffff;
  padding: 0;
}
@media (min-width: 1007px){

  .main-content {

    padding:40px 0 0 0;
  }
}

/* ==========================================================================
Typography
========================================================================== */


/* Basic text */

p, li, label{
  color:#000000;
  font-family: 'Roboto Condensed', Arial, sans-serif;;
}
p{
  margin-bottom:20px;
  margin-top:0px;
}
small {}
strong {}
em {}
cite {}
code {}
pre {}

sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', Arial, sans-serif;
  margin: 10px 0;
  text-rendering: optimizelegibility;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0px;
}


h1, h1 span { 
  font-size: 24px; 
  color:#ffffff; 
  line-height:1.5em;
  font-weight: 700;
}
@media (min-width: 768px){
  h1, h1 span{ 
    font-size: 42px;
    line-height:49px;
    color:#ffffff; 
  }
}

h2 { 
  font-size: 30px;     
  color:#003DA6;
  line-height:1.5em;
}
@media (min-width: 1007px) {
  h2{
    font-size:45px;
  }
}
h3 { 
  line-height:1.25em;
  font-weight:bold;
  color:#003da6;
  margin-bottom:5px;
  font-size: 24px;
}x
@media (min-width: 1007px) {
  h3 { 

    font-size: 28px;
  }
}
h4 { 
  font-size: 20px; 
  line-height: 1.5em;
  color:#707070;
}
h4 a{
  color:#003da6;
  font-weight:bold;
}
h5 { font-size: 14px; }
h6 { font-size: 12px; }

.widget-type-blog_subscribe h3{
  display: none;
}

/* Page Header Styles*/

.page-header h1{
  text-transform:uppercase;
  color:#78b756;
  font-size:30px;
  line-height:1.5em;
  font-weight:normal;
}
.page-header .secondary-header{
  font-size: 34px;     
  color:#2e6b45;
  line-height:1.5em;
  font-weight:700 !important;
}


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

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

/* Check Mark Style List*/

ul.check-style {
  margin-left: 0px;
  padding:0; 
}
ul.check-style li{
  list-style:none;
  color:#066d42;
}
ul.check-style li:before{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f05d";
  margin-right: 8px;
  color: #19407d;
  font-size: 25px;
}


.hs-content-id-5720836396 ul.check-style li{
  list-style:none;
  color:#ffffff;
}

.hs-content-id-5720836396 ul.check-style li:before{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f058";
  margin-right: 8px;
  color: #61bb46;
  font-size: 25px;
}



ul.check-style.green li{
  color: #282828;
}
ul.check-style.green li:before{
  color: #75b556;

}

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

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

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


.alignleft,
img.alignleft,
.alignright,
img.alignright,
.aligncenter,
img.aligncenter {display:block; margin:21px auto;}
p .aligncenter:first-child {margin-top:0;}
@media only screen 
  and (min-width:768px) {

    .alignleft  {float:left; margin:0 20px 21px 0;}
    .alignright {float:right; margin:0 0 21px 20px;}
}
.hs-image-widget{
  display:block;
  margin:11px auto;
}
@media only screen 
  and (min-width:768px) {

    .hs-image-widget{ margin:auto;}

}


/* ==========================================================================


2. COS STRUCTURE


========================================================================== */





/* ==========================================================================
Structure
========================================================================== */


/* The outer wrappers of your website */
.header-container-wrapper,
.body-container-wrapper,
.footer-container-wrapper {position:relative;}

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


/* ==========================================================================
Header
========================================================================== */
.header{

  padding:20px 0;
  background:#ffffff;
}

.header .header-logo{
  display: block;
  margin:21px 0;
}
@media (min-width: 1007px) {
  .header-container-wrapper{
    position:fixed;
    top:0px;
    z-index:99999999999999999;
    width:100%;
  }
}

/* ==========================================================================
Content
========================================================================== */
ul {
  margin:0 0 0 25px;
  padding:0;
}
ul li {
  margin-bottom:10px;
  font-size:16px;
  line-height:1.25em;
}
ul li:before {

}
.main-content ul{
  list-style: none; /* Remove default bullets */
  margin-left:40px;
}

.main-content ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #FF9015; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  font-size:22px;
  line-height:1em;
}


.main-content ul li ul li::before {
  content: "\25CB"; 

}


.form-box{
  padding:30px;
  color:#ffffff;
  height:auto;
  border:2px solid #C6156E;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.form-box h3{
  color:#ffffff !important;
  font-size: 36px !important;
  line-height: 1.5em !important;
  margin-bottom:20px !important;
}
body .hs-form-field{
  margin-bottom:20px !important;
}

@media (min-width: 1007px) {
  #demoMain .hs-form-field{
    padding-right:10px;
  }

}
.hs-content-id-5711629910 .form-box input{
  margin-bottom:36px;
}
.form-box p{
  color:#ffffff !important; 
}
.form-box label,
.main-content label{
  display:none;
}
.hs-content-id-5418081088 .form-box h4{
  color: #60bb42 !important;
}
.hs-content-id-5418081088 .form-box p{
  color: #ffffff !important;
}
.form-box2{
  height:auto;
}
.form-box2 input,
.form-box2 select{
  background-color:#f6f6f6  !important;
  border:0  !important;
}
.hs-content-id-5714880089 .form-box,
.hs-content-id-5900854783 .form-box,
.hs-content-id-5923366344 .form-box{
  position:relative;
}
.hs-content-id-5714880089 .form-box input[type="submit"],
.hs-content-id-5900854783 .form-box input[type="submit"],
.hs-content-id-5923366344 .form-box input[type="submit"]{
  position:absolute;
  right: 48px;
  top: 160px;
}
.hs-content-id-5714880089 .form-box ul.hs-error-msgs,
.hs-content-id-5900854783 .form-box ul.hs-error-msgs,
.hs-content-id-5923366344 .form-box ul.hs-error-msgs{
  position: absolute !important;
  top: 210px !important;
  left: 20px !important;
}
.hs-content-id-5714880089 .form-box,
.hs-content-id-5900854783 .form-box,
.hs-content-id-5923366344 .form-box{
  padding:20px;
}
@media (min-width: 1007px) {
  .hs-content-id-5714880089 .form-box,
  .hs-content-id-5900854783 .form-box,
  .hs-content-id-5923366344 .form-box{
    height:250px !important;
  }
}
.body-container-wrapper {
  padding-top:0;
}
@media (max-width: 767px) {
  .body-container-wrapper {
    margin-top:134px;
  }
}
.body-container {}
@media (min-width: 1007px) {
  .body-container-wrapper {padding-top:138px;  margin-top:-8px;}
}



/* ==========================================================================
Forms
========================================================================== */


/* All Global Forms
========================================================================== */

/* Form Field */
body .hs-form-field { margin-bottom: 15px; }

/* Descriptions */
body .hs-field-desc {}

/* Labels */
label {
  margin-bottom: 5px;
  font-weight: normal;
  color: #000000 !important;
}
body .hs-form-field > label {}

/* One Line Inputs */
body input[type="text"],
body input[type="password"],
body input[type="datetime"],
body input[type="datetime-local"],
body input[type="date"],
body input[type="month"],
body input[type="time"],
body input[type="week"],
body input[type="number"],
body input[type="email"],
body input[type="url"],
body input[type="search"],
body input[type="tel"],
body input[type="color"],
body input[type="file"],
body textarea,
body select {
  width: 100%;
  font-family: 'Roboto Condensed', Arial, sans-serif;;
  font-size: 16px;
  display: block;
  height: 44px;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #000000;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.thx input[type="email"]{
  width:65%;
}



body input[type="text"]:focus,
body input[type="password"]:focus,
body input[type="datetime"]:focus,
body input[type="datetime-local"]:focus,
body input[type="date"]:focus,
body input[type="month"]:focus,
body input[type="time"]:focus,
body input[type="week"]:focus,
body input[type="number"]:focus,
body input[type="email"]:focus,
body input[type="url"]:focus,
body input[type="search"]:focus,
body input[type="tel"]:focus,
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {
  outline: 0;
  border-color: #34495e;
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
-o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
}

/* Separate Styles for Multiple Line Inputs */
body textarea {
  min-height: 200px;
}
.hs-content-name-sem-landing-page-2016-landing-page-v1 textarea {
  min-height: 90px;
}
body textarea:focus {}

/* Separate Styles for Drop Downs */
body select {}
body select:focus {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}

/* Required */
body input:focus:required:invalid,
body textarea:focus:required:invalid,
body select:focus:required:invalid {}

body input:focus:required:invalid:focus,
body textarea:focus:required:invalid:focus,
body select:focus:required:invalid:focus {}



/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
  color: #7f7f7f;
  opacity: 1; 
}
:-moz-placeholder { /* Firefox 18- */
  color: #7f7f7f;
  opacity: 1; 
}
::-moz-placeholder { /* Firefox 19+ */
  color: #7f7f7f;
  opacity: 1;
}
:-ms-input-placeholder { /* IE10 */
  color: #7f7f7f;
  opacity: 1; 
}
/* Form Error Selectors
========================================================================== */
.hsformerror{
  font-size: 12px!important;
  border: 0 !important;
  color: #FFF!important;
  background-image: none!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
  z-index: 99999 !important;
  border-color: #34495e !important;
  background: #34495e !important;
}
.hsformerror .close-form-error {
  color: #34495e;
}
.hsformerror em {
  border-color: #34495e transparent transparent !important;
}


/* ==========================================================================
Buttons
========================================================================== */


/* All Global Buttons (Excluding CTAs)
========================================================================== */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
  background: #00A98F;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  border:none;
  font-family: 'Raleway', Arial, sans-serif;
  display: inline-block; 
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 5px 26px; 
  font-size: 16px;
  line-height: 1.5em;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  -webkit-appearance: none;
  border-radius:20px;
}
body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
  border: none;
  background: #008c6f;
  color: #ffffff;
}

#hs_form_target_blog_subscription input[type="email"], 
.widget-type-blog_subscribe input[type="email"] {
  width: 100%;
  float: none;
  margin-top: 0 !important;
  height: 36px;
}

@media (min-width: 1007px) {
  #hs_form_target_blog_subscription input[type="email"], 
  .widget-type-blog_subscribe input[type="email"] {
    width: 40%;
    float: left;


  }
}
#site-footer .hs_email label{
  display:none !important;
}
#label-email-8b92676a-9679-4c3d-9c61-79a5b8bbbd23_8218{
  display:none !important;
}
@media (min-width: 1007px) {
  .widget-type-blog_subscribe .actions{
    width: 388px;

  }
}
.widget-type-blog_subscribe input[type="email"] {
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px  !important;
  padding: 10px !important; 
}

@media (max-width: 767px) {

  .widget-type-blog_subscribe input[type="submit"] {
    display: block !important;
    margin: 0 auto !important;
    float: none !important;
    width: 125px !important;
  }

}


.widget-type-blog_subscribe input[type="submit"] {
  background: #00A98F;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  border:none;
  font-family:'Raleway', Arial, sans-serif !important;
  display: inline-block; 
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 5px 20px; 
  font-size: 16px;
  line-height: 1.5em;
  text-decoration: none;
  color: #ffffff;
  text-transform: none !important;
  font-weight: bold;
  -webkit-appearance: none;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px  !important;
  margin-left:10px;

}

/* Custom Styles
========================================================================== */
.header {
  padding: 0;
}
@media (max-width: 767px) {
  .header {
    position:fixed;
    width:100% !important;
    z-index:99999999999;
    padding:0 20px;

  }
}


@media (min-width: 768px) {
  .header {
    padding:30px 0;
  }
}
.header .header-container-wrapper, .header-container{
  padding:0 !important;
}
.header .logo img{
  width:210px !important;
  margin:0 !important;
}
.header .phone{
  color:#009F8D;
  font-size:20px;
  font-weight:700;
  margin:21px 0;
  text-align:right;
}
@media (min-width: 1007px) {
  .header .phone{
    font-size:14px;
    margin:0;
  }
}
.header .header-nav {
  margin:-45px -20px 0 -20px !important;
}
@media (min-width: 1007px) {
  .header .header-nav {
    margin: 0px !important;
  }
}
@media (min-width: 1007px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a:after {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0d7";
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 4px;
    font-size: 13px;
  }
}
@media (min-width: 1007px) {
  .header .header-nav ul{
    margin-top:0px;
    float:right;
  }
}
.header .header-nav ul li{
  padding: 0 10px;
  margin: 0;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.header .header-nav ul li ul li{
  padding:0;
}

.header .header-nav a{
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  font-size:14px;
  text-transform:uppercase;

  line-height:1.25em;
  font-family:'Raleway', Arial, sans-serif;
  font-weight:600;
  letter-spacing:1px;
  padding-bottom:5px;
  border-bottom:2px solid #ffffff;
}
@media (min-width: 1007px) {
  .header .header-nav a:hover,
  li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover>a{
    border-bottom:2px solid #F3B231;
  }
}
.header .header-nav li:last-child a{
  border-bottom:none !important;
}
.header .header-nav li:last-child a:hover{
  border-bottom:none !important;
}
.header .header-nav li:first-child{
  padding-left:0;
}
.header .header-nav li:last-child{
  padding-right:0;
}
@media (max-width: 767px){
  .header .header-nav li:last-child{


  }
  .header .header-nav li ul li:last-child{
    background:rgba(255,255,255,.08);
  }
}
@media (min-width: 1007px) {
  .header .header-nav .navButton{
    border:1px solid #009F8D;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding:5px 20px;

  }
  .header .header-nav .navButton:hover{
    border:1px solid #009F8D;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding:5px 20px;
    border-bottom:#009F8D !important;
    background:#009F8D;
    color:#ffffff;
  }
}
@media (min-width: 1007px) {
  .header .header-nav li ul.hs-menu-children-wrapper{
    background:#007cba;
    padding:20px;
    border-top:10px #ffffff solid;

  }
  .header .header-nav li ul.hs-menu-children-wrapper a{
    color:#ffffff;
    text-transform:none;
    font-weight:700;
    line-height:1.5em;
    border-bottom:none;
  }
  .header .header-nav li ul.hs-menu-children-wrapper a:hover{
    border-bottom:0;
    color:#3CB4E5;
  }
}
.home-page-slider{
  display:none !important;
}

@media (min-width: 1007px) {
  .home-page-slider{
    display:block  !important;

  }
}
#mobile-hero{
  display:block;
  background:#ffffff;
  margin-bottom:-2px;
}
#mobile-hero .mobile-img img{
  margin:0 auto;
  float:none;
}
@media (min-width: 1007px) {
  #mobile-hero{
    display:none; 
  }
}
#mobile-hero .intro{

  color: #000000;
  font-size: 14px;
  line-height: 18px;
  padding:20px;
}
#mobile-hero  h3{
  font-size:30px;
  line-height:1em;
  margin:0;
}
#mobile-hero  h3:after{
  content: "";
  display: block;
  width: 15%;
  padding-top: 20px;
  border-bottom: 2px solid #F5B335;
  margin-bottom:20px;
}
#mobile-hero  p{
  font-size:18px;
  line-height:1.5em;
  color:#000000;
}
#mobile-hero .cta{
  font-family:'Raleway', Arial, sans-serif;
  background:#FF9015;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display:inline-block;
  color:#ffffff;
  padding:10px 20px;
  font-size:14px;
  margin:20px 0;
  font-weight:700;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  border:1px solid  #FF9015;
}
#mobile-hero .cta:hover{
  background:#ffffff;
  border:1px solid  #FF9015;
  color:#FF9015;
}
.body-container {
  margin-top:-1px;
}
#panel-01{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e9e9e9+100 */
  background: #ffffff; /* Old browsers */

}
#panel-01 .bubbles h2{
  font-size:20px;
  line-height:1.25em;
}

#panel-01 .bubbles{
  padding:60px 0;
  position:relative;
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Homepage_Products_Background.png) no-repeat center;
  background-size:cover;
}

@media (min-width: 1007px) {
  #panel-01 .bubbles{
    padding:80px 0;
    position:relative;
  }
  #panel-01 .bubbles h2{
    font-size: 36px;
  }
  #panel-01 .intro{
    text-align:center;
  }

  #panel-01 .intro p{
    padding:0 80px;
  }
}
#panel-01 .intro p a{
  color:#003DA6;
  font-family:'Raleway', Arial, sans-serif;
  border-bottom:2px solid #00A98F;
  padding-bottom:5px;
  font-weight:600;
}


#panel-02{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Blue%20and%20Circles.png) no-repeat center;
  background-size:cover;
  padding:60px 0;
}
#panel-02 h2{
  color:#ffffff;
  text-align:center;
  font-size:24px;
  line-height:1.25em;
}
@media (min-width: 1007px) {
  #panel-02 h2{
    font-size:45px;
  }
}



.call-out-box{
  background:#FFFFFF;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow:    1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  box-shadow:         1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  padding:40px;
  margin-bottom:20px;
}
@media (min-width: 1007px) {
  .call-out-box{
    min-height: 416px !important;
    margin-bottom:0px;
  }
}
.call-out-box h3{
  color:#003DA6;
  font-size:28px;
  line-height:1em;
  margin-bottom: 10px;
}
.call-out-box p{
  line-height:1.25em;
  margin-top:5px;
}
.call-out-box .product img{
  max-width: 300px !important;
  margin:20px 0;
  width:100% !important;
}
@media (min-width: 1007px) {
  .call-out-box .product img{
    float: left;
    margin:0 0 20px 0;
  }
}
.call-out-box a.learn-more-cta,
.call-out-box a.demo-cta,
.download{
  font-family:'Raleway', Arial, sans-serif;
  display:inline-block;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background:#ffffff;
  border:2px solid #009F8D;
  padding: 10px 20px;
  font-size: 18px;
  cursor:pointer;
  margin:20px 10px 0 0;
  font-weight:700;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  color:#003DA6;
}
.download{
  margin:10px 10px 20px 0;
}


.call-out-box a.learn-more-cta:hover{ 
  background:#3CB4E5;
  color:#ffffff;
  border:2px solid #3CB4E5;
}

.call-out-box a.demo-cta:hover{
  background:#ffffff;
  color:#009f8d;
  border:2px solid #009f8d;
}

.download:hover{
  background:#009f8d;
  color:#ffffff;
  border:2px solid #009f8d;

}


.call-out-box a.demo-cta{
  background:#009F8D;
  color:#ffffff;
}
#panel-03{
  padding:40px 0;
  background:#ffffff;
}
@media (min-width: 1007px) {
  #panel-03{
    padding:60px 0;

  }
}

#panel-03 .why-datacor .row{
  margin-bottom:20px;
}
#panel-03 .why-datacor p{
  text-align:left;
  margin-top:0px;
  font-size:22px;
  line-height:1.25em;
  margin-bottom:0px;
}
#panel-03 .why-datacor .ico img{
  width:94px !important;
  margin:20px 0;
}
#panel-03 h2{
  line-height:1em;
}
@media (min-width: 1007px) {
  #panel-03 h2{
    line-height:1em;
    margin-bottom:40px;
  }
  #panel-03 .why-datacor p{

  }
  #panel-03 .why-datacor .ico img{
    width:94px !important;
    margin:0;
  }
}

#panel-04{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4ca4d6+0,003da6+100 */
  background: #4ca4d6; /* Old browsers */
  background: -moz-linear-gradient(top,  #4ca4d6 0%, #003da6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #4ca4d6 0%,#003da6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #4ca4d6 0%,#003da6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca4d6', endColorstr='#003da6',GradientType=0 ); /* IE6-9 */
  padding:60px 0;
}
#panel-04 h3{
  color:#F5B335 !important;
  margin:20px 0;
  font-size:24px;
  line-height:1em;
}
#panel-04 p{
  color:#FFFFFF;
  margin-top:0px;
  font-size:16px;
  line-height:1.25em;
}

@media (min-width: 1007px) {

  #panel-04 h3{
    margin-bottom:10px;
    font-size:36px;
    line-height:1.25em;
  }
  #panel-04 p{
    font-size:20px;
  }
}
#panel-04 .video img{
  width:485px !important;
  margin:0px auto !important;
}
#panel-05{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e9e9e9+100 */
  background: #ffffff; /* Old browsers */

}
#panel-05 .bubbles{
  padding:60px 0;
  position:relative;
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/HP-blog_HP%20-%20blog-13.png) no-repeat center;
  background-size:cover;
}



.post-module{
  margin-bottom:20px;
}
.post-module .featured-image{ 

  width: 100% !important;
  margin-bottom:21px;
}

@media (min-width: 1007px) {
  .post-module{
    margin-bottom:0px;
    min-height:620px;
  }
  .post-module .featured-image{ 
    height: 196px !important;
  }
}
.post-module {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow:    1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  box-shadow:         1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  background:#ffffff;
  position:relative;
  padding:0 0 20px 0;
}

.post-module .eventLogo{
  display:block;
  margin:0 auto;
  width:100%;
  height: auto;
  padding:20px 0;
  max-width:250px;
}

.post-module .inner{
  padding:0 30px;
}
.post-module h2{
  background:#003DA6;
  color:#ffffff;
  text-align:center;
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px;
  font-size:20px;
  text-transform:uppercase;
  padding: 16px;
  margin-bottom:0px;
}
.post-module p{
  font-size:16px;
  line-height:1.25em;
}
.post-module h3{
  font-size:20px;
  color:#1E4277;
}
.post-module h3 a{
  color:#1E4277;
}
.post-module .date{
  background:#F5B335;
  width: 71px;
  height:71px;
  border-radius: 50%;
  text-align:center;
  color:#ffffff;
  position:absolute;
  right:35px;
  top:80px;
  padding:10px;
}
span.day{
  font-size:32px;
  line-height:1em;
  font-weight:700;
  display:block;
}
span.month{
  display:block;
  line-height:1em;
  font-size:14px;
  font-family:'Raleway', Arial, sans-serif;
}
.post-module h2.webinar{
  background:#00A98F;
}
.post-module h2.event{
  background:#3CB4E5;
}
.post-module .readMoreCTA{
  background:#00A98F;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display:inline-block;
  color:#ffffff;
  padding:10px 20px;
  font-family:'Raleway', Arial, sans-serif;
  font-weight:bold;
  font-size:14px;
  margin:10px 0;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.post-module .readMoreCTA:hover{
  background:#008c6f;
}
.post-module .readMoreCTA i{
  margin-left:10px;
}
.form-holder{
  position:relative;
}
.form-holder .actions{
  position: absolute;
  right: 0;
  top: 0;
}
.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
}
#site-footer{
  background:#003DA6;
  padding:40px 0;
}
#site-footer p,
#site-footer h3 {
  color:#ffffff;
  text-align:center;
}

@media (min-width: 1007px) {
  #site-footer p,
  #site-footer h3 {
    text-align:left;
  }
}

#site-footer h3{

  font-size:24px;
  text-align:center;
}
@media (min-width: 1007px) {
  #site-footer h3{
    text-align:left;
    font-size:34px;
    margin-bottom:0;
  }
}
#site-footer p a{
  color:#F5B335;
  font-weight:700;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#site-footer p a:hover{
  color:#ffffff;
}
#site-footer .footer-nav{
  display:none;
}
@media (min-width: 1007px) {
  #site-footer .footer-nav{
    display:block;
  }
}
#site-footer .footer-nav a{
  color:#ffffff;
  font-size:15px;
  padding:0 10px;
  text-transform:uppercase;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#site-footer .footer-nav a:hover{
  color:#3cb4e5;
}
#site-footer .footer-nav a:first-child{
  padding-left:0;
}
@media (max-width: 767px) {
  .social-icons ul{
    text-align:center;
  }
}

#module_1565631434881121.social-icons i{
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#site-footer .copyright p{
  text-align:center;
  text-transform:uppercase;
  margin:40px 0 0 0;
  font-size:16px;
}

#site-footer .copyright p a{
  font-weight:normal;
  color:#ffffff;
  text-decoration:underline;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#site-footer .copyright p a:hover{
  color:#3cb4e5;
}

#site-footer .copyright p span{
  color:#F5B335;
}

/*Sub Pages*/
#industriesHeader,
#aboutHeader,
#interAXionsHeader{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Data_Dot_Backdrop-2400px_350@2x.png) no-repeat center;
  background-size:cover;
  padding:20px 0;
}

@media (min-width: 1007px) {
  #industriesHeader,
  #aboutHeader,
  #interAXionsHeader{
    background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Industries%20BG.png) no-repeat center;
    background-size:cover;
    padding:100px 0;
    min-height:350px;
  }

}

#industriesHeader h2,
#industriesHeader h3,
#aboutHeader h2,
#aboutHeader h3,
#interAXionsHeader h2,
#interAXionsHeader h3{
  color:#ffffff;
  text-align:center;
}
#industriesHeader h2,
#aboutHeader h2{
  font-size:44px;
}  
#industriesHeader h3,
#aboutHeader h3{
  font-size:24px;
}

@media (min-width: 1007px) {
  #industriesHeader .intro{
    width:38%;
    margin:0 auto;
    float:none;
  }

  #interAXionsHeader .intro{
    width:50%;
    margin:0 auto;
    float:none;
  }

}
#industriesGrid .industyWrapper{
  max-width:1273px;
  padding:40px 0;
}


@media (max-width: 767px) {
  #industriesGrid{
    padding:0 30px;
  }
}


.industyWrapper .industry{
  width:100%;
  height:300px;
  padding:40px 20px;
  margin:20px auto;
  border-radius:20px;
}
@media (min-width: 1007px) {
  .industyWrapper .industry{
    width:400px !important;
    padding:40px 20px;
    margin:0 20px 20px 0;
    border-radius:0;
  }
}
.industyWrapper .industry h3,
.industyWrapper .industry p{
  text-align:center;
  color:#ffffff;
  margin:0;
}
.industyWrapper .industry h3{
  margin-bottom:10px;
}
@media (min-width: 1007px) {
  .industyWrapper .industry p{
    padding:0 20px;
  }
}
.industyWrapper .industry h3 a{
  color:#ffffff;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.industyWrapper .industry h3 a:hover{
  color:#f0f7fc;
}
.industyWrapper .industry .icon img{
  width:100px;
  height:100px;
  margin-bottom:10px;
  opacity:1;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.industyWrapper .industry .icon img:hover{
  opacity:.75;
}
.chemical{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Industries_Images_Chemical.jpg) no-repeat center;
}
.personal-care{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Industries_Images_Personal%20Care.jpg) no-repeat center;
}
.industrial{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Industries_Images_Industrial.jpg) no-repeat center;
}
.contract-packagers{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Industries_Images_Contract%20Packagers.jpg) no-repeat center;
}
.coatings{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Industries_Images_Coatings.jpg) no-repeat center;
}
.food-beverage{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Industries_Images_Food_Beverage.jpg) no-repeat center;
}

#crmRequestDemo{
  background:#ffffff;
  min-height:430px;
  padding-top:40px;
}
#crmRequestDemo .right-content{
  padding:60px 0 ;
}
@media (min-width: 1007px) {
  #crmRequestDemo .right-content{
    padding:60px 0 0 60px;
  }
}


#crmRequestDemo .right-content h2{
  color:#3CB4E5;
  font-size:34px;
  line-height:1.25em;
}
@media (min-width: 1007px) {
  #crmRequestDemo .right-content h2{
    padding-right:291px;
  }
}

#crmRequestDemo a.erp-demo,
#crmRequestDemo a.crm-demo{
  font-family:'Raleway', Arial, sans-serif;
  display:inline-block;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background:#ffffff;
  border:2px solid #003DA6;
  padding: 10px 20px;
  font-size: 18px;
  cursor:pointer;
  margin:20px 10px 0 0;
  font-weight:700;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  color:#003DA6;
}
#crmRequestDemo a.erp-demo:hover,
#crmRequestDemo a.crm-demo:hover{ 
  background:#3CB4E5;
  color:#ffffff;
  border:2px solid #3CB4E5;
}
#crmRequestDemo a.crm-demo{
  background:#009F8D;
  border-color:#009F8D;
  color:#ffffff;
}
#crmRequestDemo .erp-demo i,
#crmRequestDemo .crm-demo i{
  margin-left:10px;
  color:#FF9015;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
#crmRequestDemo a.erp-demo:hover i,
#crmRequestDemo a.crm-demo:hover i{
  color:#ffffff !important;
}
#contactUs{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/contact-us.png) no-repeat center #ffffff;
  background-size:cover;
  padding:80px 0;
}
@media (min-width: 1007px) {
  #contactUs{
    padding:160px 0 80px 0;

  }

  #contactUs .content{
    padding-right:60px;
  }
}

.industries-sub   #contactUs,
.mobile #contactUs,
.payments #contactUs,
.services #contactUs{
  background: #ffffff;
  padding:80px 0;
}
#contactUs p.disclaimer{
  font-size:14px; 
  font-style:italic;
}

#contactUs label{
  display:block !important;
  font-family:'Raleway', Arial, sans-serif;
  color:#003da6 !important;
  font-size:14px;
  font-weight:bold;
}
@media (min-width: 1007px) {
  #contactUs .hs_email input, 
  #contactUs .hs_firstname input, 
  #contactUs .hs_lastname input,
  #contactUs .hs_company input,
  #contactUs .hs_phone input,  
  #contactUs .hs_subject input,
  #contactUs .hs_message textarea,
  #contactUs .hs-position_interested_in input,
  #contactUs .hs_resume_attachment input{
    border-radius: 20px;
    font-size: 14px !important;
    border:0;
    -webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow:    1px 1px 11px 0px rgba(0, 0, 0, 0.26);
    box-shadow:         1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  }
  .hs-fieldtype-select .input {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 1px 1px 11px 0px rgba(0,0,0,0.26);
  }
}
#demoMain fieldset.form-columns-1 .hs-input,
.hs-form-aa44e15f-bbee-4e1a-9756-2ba3d54fd044_30b7cd40-b385-4219-809f-9177116ffb64 fieldset.form-columns-1 .hs-input,
.how_did_you_hear_about_us_-aa44e15f-bbee-4e1a-9756-2ba3d54fd044_3603{
  width:100% !important;
}

#contactUs .hs_message textarea{
  padding:20px;
  width:100% !important;
}
#industriesSubHeader{
  background: rgb(76,164,214);
  background: -moz-linear-gradient(180deg, rgba(76,164,214,1) 0%, rgba(0,61,166,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(76,164,214,1) 0%, rgba(0,61,166,1) 100%);
  background: linear-gradient(180deg, rgba(76,164,214,1) 0%, rgba(0,61,166,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4ca4d6",endColorstr="#003da6",GradientType=1);
  padding:20px 0;
  min-height:258px;
}
@media (min-width: 1007px) {
  #industriesSubHeader{
    padding:60px 0;
  }
}

#industriesSubHeader h2,
#industriesSubHeader h3{
  color:#ffffff;
  text-align:center;
}
#industriesSubHeader .mobileIcon img{
  display:block;
  max-width:100px !important;
  max-height:100px !important;
  margin:20px auto;
}

  #industriesSubHeader h2{
    font-size:30px;
    line-height: 1.25em;
    color: #fff;
  }

@media (min-width: 1007px) {
  
  #industriesSubHeader h2{
    font-size: 42px;
    line-height: 1.5em;

  }

  /*
  .hs-content-id-13279770707 #industriesSubHeader h2{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Chemical@2x.png) no-repeat 106px 0;
  background-size:64px;
}
  .hs-content-id-13548987901 #industriesSubHeader h2{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hub/2427159/hubfs/Website%20Redesign/Personal%20Care@2x.png) no-repeat 80px 0;
  background-size:64px;
  padding-left: 46px;
}
  .hs-content-id-13546622975 #industriesSubHeader h2{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hub/2427159/hubfs/Website%20Redesign/Food%20&%20Beverage@2x.png) no-repeat 40px 0;
  background-size:64px;
  padding-left: 50px;
}
  .hs-content-id-13549106687 #industriesSubHeader h2{
  background: url(https://2427159.fs1.hubspotusercontent-na1.net/hub/2427159/hubfs/Website%20Redesign/Contract%20Packages@2x.png) no-repeat 0 0;
  background-size: 64px;
  padding-left: 60px;
}
  .hs-content-id-13548987906 #industriesSubHeader h2{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hub/2427159/hubfs/Website%20Redesign/Industrial@2x.png) no-repeat 80px 0;
  background-size:64px;
}
  .hs-content-id-13859187919 #industriesSubHeader h2{
  background: url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Coatings@2x.png) no-repeat 0 0;
  background-size: 64px;
  padding-left: 53px;
}*/
}

#industriesSubHeader h3{
  font-size:20px;
}
@media (min-width: 1007px) {

  #industriesSubHeader h3{
    font-size:24px;
  }
  #industriesSubHeader .intro{
    /*   width:50%;
    margin:0 auto;
    float:none;
  }
    .hs-content-id-13549106687 #industriesSubHeader .intro{
    width:80%;*/
  }
}
@media (min-width: 1007px) {
  #subMainContent{

  }

  #subMainContent .left-col{
    padding:0 40px 0 0;
  }
}
#subMainContent .industriesCallOut {
  background:#FFFFFF;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow:    1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  box-shadow:         1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  padding:30px 40px;
  margin:20px 0;
}
#subMainContent .industriesCallOut ul{
  margin-left:25px;
}
@media (min-width: 1007px) {

  #subMainContent .industriesCallOut{
    margin:0 0 20px 0;
  }

  .holder{
    padding:0 50px 0 50px;
  }
}
.industry-image img {margin:20px 0;}

#eventsWeAttend{
  background:#EFFAFF;
  padding:60px 0;
}
#eventsWeAttend h3{
  text-align:center;
  color:#00A98F;
  margin-bottom:30px;
}
#eventsWeAttend a{
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
#eventsWeAttend a:after{
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f138";
  display: inline-block;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 4px;
  font-size: 14px;
  color:#3CB4E5;
}
#eventsWeAttend a:hover{
  color:#3CB4E5;
}
#eventsWeAttend  ul{
  list-style: none; /* Remove default bullets */
}
#eventsWeAttend ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #3CB4E5; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  font-size:22px;
  line-height:1em;
}
#eventsWeAttend ul li{
  padding-right:10px;
}

#industryAffliations{
  display:none;
  background:#ffffff;
}
.hs-content-id-13279770707  #industryAffliations,
.hs-content-id-13548987906 #industryAffliations{
  display:block;
}
#industryAffliations{
  padding:80px 0;
}
#industryAffliations h3{
  text-align:center;
  margin:20px 0;
}
#industryAffliations .imageWrapper{
  max-width:994px;
  margin:20px auto;
  float: none;
}
#industryAffliations .imageWrapper img{
  padding:0 20px;
}

#three-affiliations, #two-affiliations{
  display:none !important;
}
.hs-content-id-13548987906 #three-affiliations{
  display:block !important;
}
.hs-content-id-13279770707 #two-affiliations{
  display:block !important;
}
#testimonialSpotlight{
  background: rgb(76,164,214);
  background: -moz-linear-gradient(180deg, rgba(76,164,214,1) 0%, rgba(0,61,166,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(76,164,214,1) 0%, rgba(0,61,166,1) 100%);
  background: linear-gradient(180deg, rgba(76,164,214,1) 0%, rgba(0,61,166,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4ca4d6",endColorstr="#003da6",GradientType=1);
  padding:80px 0;
  min-height:258px;
  display:none;
}
.hs-content-id-13279770707 #testimonialSpotlight,
.hs-content-id-13548987906 #testimonialSpotlight,
.hs-content-id-13859187919 #testimonialSpotlight,
.about #testimonialSpotlight,
.hs-content-id-17938743676 #testimonialSpotlight{
  display:block;
}
#testimonialSpotlight .imageWrapper{
  max-width:950px;
  margin:0 auto;
  float: none;
}
#testimonialSpotlight h3,
#testimonialSpotlight h4{
  text-align:center;
  color:#ffffff;
}
#testimonialSpotlight h3{
  font-size:20px;
  line-height:1.5em;
}
#testimonialSpotlight .tagline h3{
  font-style:italic;
  font-weight:normal;
}
#testimonialSpotlight h4{
  font-size:20px;
  font-weight:300;
  font-style:italic;

}
#testimonialSlider{
  background:#ffffff;
  padding:80px 0;
  display:none;
}
.hs-content-id-13279770707 #testimonialSlider,
.hs-content-id-13548987906 #testimonialSlider{
  display:block;
}
#testimonialSlider h3{
  text-align:center;
}
#featuredResources,
#blueCallOut{
  background:#EFFAFF;
  padding:80px 0;
}
#blueCallOut{
  margin-top:40px;
  padding:60px 0;
}
#blueCallOut h3{
  color:#3CB4E5;
}
.services #blueCallOut h3{
  margin:20px 0;
  color:#007CBA;
  font-size:20px;
}
#blueCallOut h2{
  color:#003DA6;
  font-size:28px;
  line-height:1.25em;
}
.about #featuredResources,
.financial-management #featuredResources,
.fda-toolkit #featuredResources,
.customer-portal #featuredResources,
.demand-planning #featuredResources,
.hs-content-id-14348159006 #featuredResources,
.hs-content-id-14345820951  #featuredResources,
.hs-content-id-13548987901 #featuredResources,

.hs-content-id-13859187919 #featuredResources,
.hs-content-id-13546622975 #featuredResources,
.hs-content-id-13546622975 #featuredResources,
.hs-content-id-13549106687 #featuredResources{
  background:#ffffff;
}


.hs-content-id-14966017091 #featuredResources,

.hs-content-id-13859187919 #featuredResources{
  display:none;
}
#featuredResources .imageWrapper{
  max-width:980px;
  margin:0 auto;
  float: none;
}
#featuredResources .featuredResource{
  background:#FFFFFF;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow:    1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  box-shadow:         1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  padding:20px 40px;
  margin-bottom:20px;
  display:flex;
  align-items:center;
  justify-content:center;

}

@media (min-width: 1007px) {
  #featuredResources .featuredResource{
    height: 330px;
    padding:0 40px;
  }
}

#featuredResources h3{
  text-align:center;
  margin-bottom:40px;
}
#featuredResources .featuredResource .featuredImage{
  width:232px !important;
  height:131px !important;
  display:block;
  margin:20px auto;
}
#featuredResources .featuredResource .resourceTitle{
  display:block;
  font-size:16px;
  text-align:center;
  font-weight:bold;
  font-family:'Raleway', Arial, sans-serif;
  color:#00A98F;
  margin-bottom:20px;
  line-height:1.25em;
}
#featuredResources .featuredResource .resourceLink{
  display:block;
  font-size:14px;
  text-align:center;
  color:#003DA6;
  font-family:'Raleway', Arial, sans-serif;
  font-weight:600;
}
#featuredResources .featuredResource .resourceLink:after{
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f061";
  display: inline-block;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 4px;
  font-size: 14px;
  color:#FF9015;
}
body.contact-us{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/contact-page.png) no-repeat center top #00A98F;
  background-size:cover;
}
#contactMain{
  padding:80px 0;
  max-width:994px;
  float:none;
  margin:0 auto;
}
#loginMain  {
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/log-in-page.png) no-repeat center top #00A98F;
  background-size:cover;
  min-height:682px;
}
#loginMain  .content-wrapper{
  padding:140px 0;
  max-width:590px;
  float:none;
  margin:0 auto;
}
#contactMain h2,
#contactMain h3,
#contactMain h4,
#contactMain p,
#loginMain h2,
#loginMain h3,
#loginMain h4,
#loginMain p{
  color:#ffffff;
}
#loginMain h2,
#loginMain h3,
#loginMain h4,
#loginMain p{
  text-align:center;
}
#contactMain h3,
#contactMain h4,
#loginMain h3,
#loginMain h4{
  font-size:24px;
  line-height:1.25em;
  font-weight:600;
  margin-bottom:20px;
}

#loginMain h4{
  font-size:18px;
  line-height:1.25em;
  margin:0 0 20px 0;
}

#contactMain label{
  display:block !important;
  color:#ffffff !important;
  font-family:'Raleway', Arial, sans-serif;
  font-size:14px;
  font-weight:bold;
}
#contactMain .hs_email input, 
#contactMain .hs_firstname input, 
#contactMain .hs_lastname input,
#contactMain .hs_company input,
#contactMain .hs_phone input,  
#contactMain .hs_subject select,
#contactMain .hs_message textarea,
#contactMain .hs_other input{
  border-radius: 20px;
  font-size: 14px !important;
  border:0;
  -webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow:    1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  box-shadow:         1px 1px 11px 0px rgba(0, 0, 0, 0.26);
}

#contactMain  p.disclaimer{
  font-size:14px; 
  font-style:italic;
}
p.disclaimer a{

  text-decoration:underline;
}
#contactMain .hs-button.primary, 
#contactMainody input[type="submit"], 
#contactMain input[type="button"]{
  background:#F5B335;
}
#contactMain .hs-button.primary:hover, 
#contactMainody input[type="submit"]:hover, 
#contactMain input[type="button"]:hover{
  background:#eb7e0b;
}
#contactMain .map {
  margin:10px 0;
}
#contactMain .map img{
  width:416px !important;
  height:312px !important;
  float:none !important;
  margin:0 !important;
}
@media (min-width: 1007px) {
  #contactMain .left-col h3{
    padding-right:50px;
  }
  #contactMain .left-col h4{
    padding-right:278px;
  }
  #contactMain .right-col{
    padding-top:40px;
  }

}
#loginMain .callsToAction a{
  display:block;
  background:#ffffff;
  color:#003DA6;
  border-radius: 20px;
  padding:10px;
  font-family:'Raleway', Arial, sans-serif;
  border:2px solid #ffffff;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  font-size:16px;
  font-weight:bold;

}

@media (max-width: 767px) {
  #loginMain .callsToAction a{
    margin:0 auto;
    width:200px;
  }
}


#loginMain .callsToAction a:hover{
  border:2px solid #F5B335;

}
#loginMain .callsToAction a i{
  color:#F5B335;
  margin-left:10px;
}

#resourcesHeader{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Data_Dot_Backdrop-2400px_350@2x.png) no-repeat center;
  background-size:cover;
  padding:20px 0;

}
@media (min-width: 1007px) {
  #resourcesHeader{
    background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Industries%20BG.png) no-repeat center;
    background-size:cover;
    padding:80px 0;
    min-height:350px;
  }
}


#resourcesHeader h2,
#resourcesHeader h3{
  color:#ffffff;
  text-align:center;
}
#resourcesHeader h2{
  font-size:44px;
}  
#resourcesHeader h3{
  font-size:24px;
}

@media (min-width: 1007px) {
  #resourcesHeader .intro{
    width:56%;
    margin:0 auto;
    float:none;
  }
}
#resourcesGrid .resourcesWrapper{
  max-width:1190px;
  padding:40px 0;
  float:none;
  margin:0 auto;
}
@media (max-width: 767px) {
  #resourcesGrid .resourcesWrapper{
    padding:40px 20px;
  }
}

.resourcesWrapper .resource{
  width:100%;
  height:277px;
  padding:40px 20px;
  margin:20px auto;
  position:relative;
}
@media (min-width: 1007px) {
  .resourcesWrapper .resource{
    width:578px !important;
    padding:40px 20px;
    margin:0 10px;
  }
}
.resourcesWrapper .resource h3{
  color:#003DA6;
  margin:0;
  position:absolute;
  left:20px;
  bottom:60px;
  font-size:28px;
}
.resourcesWrapper .resource p{
  color:#000000;
  margin:0;
  position:absolute;
  left:20px;
  bottom:30px;
  font-size:16px;
}
.cta p{
  font-family:'Raleway', Arial, sans-serif;
  font-size:18px;
  font-weight:700;
  margin:20px 0;
}

@media (max-width: 767px) {
  .cta p{

    margin:10px 0;
  }
}

.cta p span{
  color:#003DA6;
  border-bottom:2px solid #F5B335;
  padding-bottom:5px;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.cta p span:hover{
  color:#F5B335;
}
.cta p i{
  color:#F5B335;
  margin-left:10px;

}
.resourcesWrapper .blog{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Blog.png) no-repeat center;
}
.resourcesWrapper .productUpdates{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Product%20Updates.png) no-repeat center;
}
.resourcesWrapper .news{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/News.png) no-repeat center;
}
.resourcesWrapper .events{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Events.png) no-repeat center;
}
.resourcesWrapper .webinars{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Webinars.png) no-repeat center;
}
.resourcesWrapper .testimonials{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Testimonials.png) no-repeat center;
}
.products #testimonialSpotlight{
  display:block;
}
#productsHeader{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Data_Dot_Backdrop-2400px_350@2x.png) no-repeat center;
  background-size:cover;
  padding:30px 0;
  display:flex;
  align-items:center;
  justify-content:center;
}
@media (min-width: 1007px) {
  #productsHeader{
    background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Industries%20BG.png) no-repeat center;
    background-size:cover;
    padding:80px 0;
    min-height:350px;

  }
}

#productsHeader h2,
#productsHeader h3{
  color:#ffffff;
  text-align:center;

}
#productsHeader h2{
  font-size:44px;
  line-height:1.25em;

}  
#productsHeader h3{
  font-size:24px;
  line-height:1.25em
}
#productsHeader .trackingHeader h3{
  font-size:30px;
}

@media (min-width: 1007px) {
  .services #productsHeader .intro{
    margin-top:40px;
  }
  #productsHeader .intro{
    width:53%;
    margin:0 auto;
    float:none;
  }
  #productsHeader .assetTracking .intro{
    width:100%;
    margin:0 auto;
    float:none;
  }
}
.productsWrapper{
  max-width:840px;
  float:none !important;
  margin:0 auto !important;
}
.productUpdatesWrapper{
  max-width:1125px;
  float:none !important;
  margin:0 auto !important;
}
@media (min-width: 1007px) {
  .extraPadRight{
    padding:0 10px 0 0;
  }
  .extraPadLeft{
    padding:0 0 0 10px;
  }
  .extraPad{
    padding:0 40px;
  }
}
#productUpdates{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Data_Dot_Backdrop_Product%20Update%20Selection%20Page.png) no-repeat center #ffffff;
  background-size:cover;
  padding:80px 0;
}
.productUpdatesWrapper .intro h3{
  margin:20px 0 40px 0 !important;
  text-align:center;
}
.productsWrapper .call-out-box{
  padding:40px 20px 20px 20px;
}
.productUpdatesWrapper .call-out-box{
  padding:20px;
}
.productsWrapper .call-out-box .logo img{
  max-width:300px !important;
  width:100%;
}
.productUpdatesWrapper .call-out-box .logo img{
  max-width:280px !important;
  width:100%;
}
.productUpdatesWrapper .call-out-box {
  display:flex;
  align-items:center;
}
@media (min-width: 1007px) {
  .productsWrapper .call-out-box {
    min-height: 280px !important;
    margin-bottom: 0px;
  }
  .productUpdatesWrapper .call-out-box {
    min-height: 300px !important;
    margin-bottom: 0px;
  }
}
.productsWrapper .call-out-box p{
  text-align:center;
  margin:10px 0;
}
.productUpdatesWrapper .call-out-box p{
  margin:5px 0;
}
.productsWrapper .call-out-box p a.cta,
.productUpdatesWrapper .call-out-box p a.cta{
  font-family:'Raleway', Arial, sans-serif;
  background:#009F8D;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display:inline-block;
  color:#ffffff;
  padding:10px 20px;
  font-size:14px;
  margin:20px 0;
  font-weight:700;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.productsWrapper .call-out-box p a.cta:hover,
.productUpdatesWrapper .call-out-box p a.cta:hover{
  background:#00816d;
}
.productsWrapper h3,
.productsWrapper p,
.productUpdatesWrapper h3,
.productUpdatesWrapper p{
  text-align:center;
  margin:10px 0;
}
.productsWrapper p a.cta,
.productUpdatesWrapper p a.cta{
  font-family:'Raleway', Arial, sans-serif;
  background:#FF9015;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display:inline-block;
  color:#ffffff;
  padding:10px 20px;
  font-size:14px;
  margin:20px 0;
  font-weight:700;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.productsWrapper  p a.cta:hover,
.productUpdatesWrapper  p a.cta:hover{
  background:#ff700b;
}
#productsHeader.subPage{
  padding:40px 0 !important;
}
#productsHeader .logo img{
  max-width:522px !important;
  width:100%;
}

#productsHeader .trackingLogo img{
  margin:20px auto;
  max-width:400px !important;
  width:100%;
}


@media (min-width: 1007px) {
  .prodLeft{
    padding-right:40px;
  }
}
.products .datcorCRM img{
  max-width:420px !important;
  float:none !important;
  margin:40px  0 !important;
  width:100%;
}
.productInfo,
.resourcesMenu,
.blogFollowModule{  
  background:#FFFFFF;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow:    1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  box-shadow:         1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  padding:20px 40px;
  margin-bottom:20px;
}


.erpprodRight .productInfo{
  padding:40px;
}


.payments .productInfo,
.quality-control .productInfo{
  padding:40px 60px;
}
.resourcesMenu{
  padding:40px 40px;
}
.productInfo h4{
  color:#00A98F;
  margin:0;
}
.productInfo .list p{
  margin:0;
  line-height:1.25em;
  font-size:16px;
  font-family:'Raleway', Arial, sans-serif;
  color:#00A98F;
  border-bottom:1px solid #CECECE;
  padding:10px 0;
  font-weight:600;
}
.productInfo p:last-child{
  border-bottom:0;
}
.prodRight,
.crmprodRight{
  padding:0 40px;
}
@media (min-width: 1007px) {
  .erpprodRight{
    padding:0 60px;
  }
}
.prodRight h3{
  margin-bottom:20px;
}

@media (min-width: 1007px) {
  .prodRight h3{
    padding-right:80px;

  }
}
.crmprodRight  .productInfo {
  padding:40px 60px;
}
.prodRight .productInfo {
  margin-bottom:30px;
}
.prodRight .productInfo p{
  line-height:1.25em;
}
.crmprodRight .productInfo h3,
.resourcesMenu h3,
.erpprodRight .productInfo h3,
.productInfo h3{
  font-size:24px;
  color:#003DA6;
  position:relative;
  margin-bottom:40px;
}
.productInfo h4{
  font-size:20px;
  color:#00A98F;
  position:relative;

}
.erpprodRight .productInfo h3:after,
.resourcesMenu h3:after,
.productInfo h3:after{
  background-color: #F5B335; 
  bottom: -20px;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width:85px;
}
#services h2{
  margin-bottom:40px;
}
#services .productInfo h2{
  font-size:20px;
  line-height:1.25em;
  color:#00A98F;
  margin-bottom:0px;
}
.resourcesMenu h3:after{
  width:65px;
}
.erpprodRight  .productInfo  .list p{
  color:#00A98F;
  font-family:'Raleway', Arial, sans-serif !important;
  margin-bottom:20px;
  border-bottom:1px solid #CECECE;
  padding-bottom:10px;
  padding-top:0;
}
.erpprodRight .productInfo  .list p:last-child{
  border:0;
}
.bottomRow {

  padding:40px 0 60px;
}
@media (min-width: 1007px) {
  .bottomRow {
    background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Dots-Cropped.png) no-repeat right 20px;
  }
}

.bottomRow  ul,
#keyBenefitsBottom ul li,
.bodyWrap ul li{
  list-style: none; /* Remove default bullets */
}
.bottomRow  ul li::before,
#keyBenefitsBottom ul li:before,
.bodyWrap ul li:before{
  content: "\2022";  
  color: #FF9015; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  font-size: 24px;
  line-height: 1em;
  position:relative;
  top:4px;
}
.keyBenefitsHeading h3{
  margin-top:20px;
}

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

.bodyWrap ul li ul li:before{
  content: "\25E6";
}
.bodyWrap ul li ul li ul li:before{
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
}
.bottomRow .callOut,
.registration-box{  
  background:#FFFFFF;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow:    1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  box-shadow:         1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  padding:40px;
  margin:20px 0;
}
.bottomRow .callOut h3{
  color:#FF9015;
  font-size:28px;
  line-height:1.25em;
}
.registration-box h3{
  color:#FF9015;
  font-size:20px;
  line-height:1.25em;
  color:#00a98f;
  margin-bottom:0px;
}
.bottomRow .callOut .cta,
.products #requestDemo .cta,
.erpSub #requestDemo .right .cta,
.mobile #requestDemo .cta,
.payments #requestDemo .cta,
.services  #requestDemo .cta,
#blueCallOut p a.cta{
  font-family:'Raleway', Arial, sans-serif;
  background:#ffffff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display:inline-block;
  color:#003DA6;
  padding:10px 20px;
  font-size:16px;
  font-weight:700;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  border:2px solid  #003DA6;
  margin-top:20px;
}
#blueCallOut p a.cta{
  display: block;
  margin: 0 auto;
  width: 126px;
  text-align:center;
}
.bottomRow .callOut .cta:hover,
.products #requestDemo .cta:hover,
.erpSub #reqestDemo .cta:hover,
.mobile #requestDemo .cta:hover,
.payments #requestDemo .cta:hover,
.services  #requestDemo .cta:hover,
#blueCallOut p a.cta:hover,
#requestDemo .cta:hover,
#requestDemo .right .cta:hover,
.erpSub #requestDemo .right .cta:hover{
  background:#003DA6;
  border:2px solid  #003DA6;
  color:#ffffff;
}
.bottomRow .callOut .cta i,
.products #requestDemo .cta i,
.erpSub #requestDemo .cta i,
.mobile #requestDemo .cta i,
.payments #requestDemo .cta i,
.services  #requestDemo .cta i,
#blueCallOut p a.cta i{
  color:#FF9015;
  margin-left:5px;
}
#featuresRow .left ul,
#featuresRow .right ul{
  list-style: none; /* Remove default bullets */
}
#featuresRow .left ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #00A98F; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  font-size: 24px;
  line-height: 1em;
}
#featuresRow .left ul li a,
#featuresRow .right ul li a{
  color:#000000;
}
#featuresRow .left ul li a:after,
#featuresRow .right ul li a:after,
.column a:after{
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f138";
  display: inline-block;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 8px;
  font-size: 14px;
  color:#3CB4E5;
}
#featuresRow .left ul li a:after{
  color:#00A98F;
}
#featuresRow{
  background:#F0FFFD;
  padding:60px 0;
}
@media (min-width: 1007px) {
  #featuresRow{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0fffd+0,f0fffd+50,effaff+50,effaff+100 */
    background: #f0fffd; /* Old browsers */
    background: -moz-linear-gradient(left,  #f0fffd 0%, #f0fffd 50%, #effaff 50%, #effaff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #f0fffd 0%,#f0fffd 50%,#effaff 50%,#effaff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #f0fffd 0%,#f0fffd 50%,#effaff 50%,#effaff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0fffd', endColorstr='#effaff',GradientType=1 ); /* IE6-9 */
    padding:0;
  }
  #featuresRow .left,
  #featuresRow .right{
    padding:40px;
  }
  #featuresRow .left ul,
  #featuresRow .right ul{
    list-style: none; /* Remove default bullets */
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
  }
}
#featuresRow .left h3{
  color:#00A98F;
}
#featuresRow .right h3{
  color:#3CB4E5;
  margin-top:20px;
}
@media (min-width: 1007px) {
  margin-top:0px;
}
#featuresRow .right ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #3CB4E5; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  font-size: 24px;
  line-height: 1em;
}
.products #featuredResources
.products #contactUs,
.erpSub #contactUs,
.environmental #featuredResources{
  background:#ffffff;
}
.products #requestDemo,
.erp #requestDemo,
.erpSub #requestDemo,
.erpSub #requestDemo,
.mobile #requestDemo,
.payments #requestDemo{
  min-height:430px;
}
.products #requestDemo{
  background:#ffffff;
}
.erp #requestDemo{
  background: #ffffff;
  margin-top:40px;
}
.erpSub #requestDemo{
  background: #ffffff;
}
.mobile #requestDemo,
.payments #requestDemo{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/MobilePage_Request_Demo_Panel.png) no-repeat center #ffffff;
}
@media (min-width: 1007px) {
  .products #requestDemo .left{
    padding:100px 0 0 0;
  }
}



.products #requestDemo .left h3,
.erpSub #requestDemo .right h3,
.mobile #requestDemo h3,
.payments #requestDemo h3{
  color:#3CB4E5;
  line-height:1.25em;
  font-size:34px;
}
.erpSub #requestDemo .right h3,
.services  #requestDemo .right h3{
  color:#3CB4E5;
  font-size:34px;
}
@media (min-width: 1007px) {
  .erpSub #requestDemo .right h3,
  .services  #requestDemo right h3{
    padding-right:60px;
  }
  .products #requestDemo .left h3{
    padding-right:80px;
  }
  .erpSub #requestDemo .right,
  .mobile #requestDemo  .right,
  .payments #requestDemo .right,
  .services  #requestDemo .right{
    padding:115px 0 0 0;
  }
}
#erpFeatures,
#trackAbout{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/features1.png) no-repeat center #ffffff;
  background-size:cover;
  padding:40px 0;
}

#erpFeatures2{
  background:#ffffff;
  padding:40px 0;
}

@media (min-width: 1601px) {
  #erpFeatures{
    padding: 180px 0;
  }
}
.environmental #erpFeatures{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Right%20Cirlces.png) no-repeat right #ffffff;
  padding:40px 0;
}
#erpFeatures h3,
#trackAbout h3,
#erpFeatures2 h3{
  text-align:center;
  margin:20px 0;
}
#trackAbout h3{
  margin:40px 0;
}
#erpFeatures .featureBox,
.feature,
#keyBenefits .benefit,
.featureBox,
#trackAbout .featureBox,
#erpFeatures2 .featureBox{
  background:#FFFFFF;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow:    1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  box-shadow:         1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  padding: 40px;
  margin-bottom:30px;
  display:flex;
  align-items:center;
}
@media (min-width: 1007px) {
  #trackAbout .featureBox{
    height:auto;
  }
}
#trackAbout .cta p{
  font-family:'Raleway', Arial, sans-serif !important;
  text-align:center;
  font-size:14px;
}
/*
#trackAbout .cta p a{
color:#003DA6;
border-bottom:1px solid #003DA6;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
#trackAbout .cta p a:hover{
color:#FF9015;
}
#trackAbout .cta p a:after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f061";
display: inline-block;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 4px;
font-size: 14px;
color:#FF9015;
}*/
#trackAbout .featureBox h3,
#erpFeatures2 .featureBox h3{text-align:left; margin:0;}
@media (min-width: 1007px) {
  #erpFeatures .featureBox,
  .feature,
  #keyBenefits .benefit,
  .featureBox,
  #erpFeatures2 .featureBox{
    height:125px;
  }
  .inventory-management #erpFeatures  .featureBox{
    height:110px;
  }
  .business-intelligence #erpFeatures  .featureBox,
  .business-intelligence #erpFeatures2  .featureBox{
    height:160px;
  }
  #somethingElse  .featureBox{
    height:175px;
  }
}
.fda-toolkit .featureBox{
  min-height:100px;
  padding:30px;
}
#environmentalFeatures h3{
  text-align:left;
}
.morePad{
  /* padding-top:30px !important;*/
}
.basic-template  
.morePad{
  padding-top:30px !important;
  min-height:116px !important;
}
.featureBox .morePad{
  padding-top:20px !important;
}
#erpFeatures .featureBox h3,
.featureBox h3{
  color:#00A98F;
  text-align:left;
  font-size:20px;
  line-height:1.25em;
  margin:0;
}
#erpFeatures .featureBox p,
.featureBox p,
#erpFeatures2 .featureBox p{
  margin:10px 0;
  font-size:14px;
  font-family:'Raleway', Arial, sans-serif;
}
#erpFeatures .featureBox p a,
.featureBox p a,
#erpFeatures2 .featureBox p a{
  color:#003DA6;
}
#erpFeatures .featureBox p a i,
.featureBox p a i,
#erpFeatures2 .featureBox p a i{
  color:#FF9015;
}
.erp .bottomRow{
  background:none !important;
}
#erpSubHeader{
  background: rgb(76,164,214);
  background: -moz-linear-gradient(180deg, rgba(76,164,214,1) 0%, rgba(0,61,166,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(76,164,214,1) 0%, rgba(0,61,166,1) 100%);
  background: linear-gradient(180deg, rgba(76,164,214,1) 0%, rgba(0,61,166,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4ca4d6",endColorstr="#003da6",GradientType=1);
  padding:60px 0;
  min-height:258px;
}
#erpSubHeader h2,
#erpSubHeader h3{
  color:#ffffff;
  text-align:center;
}
@media (min-width: 1007px) {
  #erpSubHeader .intro{
  }
  .intro-content p,
  .mobile-intro p{
    padding:60px 20px 60px 0;
  }
}
.prodFeature .icon img{
  width:92px !important;
  margin:20px 0;
  float:none;
}
.prodFeature h3{
  font-size:24px;
  margin:0 0 12px 0;
}
.prodFeature p,
.prodFeature li{
  font-size:16px;
}
.erpSub #crmRequestDemo h2{
  padding:0;
}
#subPageHeader,
#privacyPolicyHeader{
  background: rgb(76,164,214);
  background: -moz-linear-gradient(180deg, rgba(76,164,214,1) 0%, rgba(0,61,166,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(76,164,214,1) 0%, rgba(0,61,166,1) 100%);
  background: linear-gradient(180deg, rgba(76,164,214,1) 0%, rgba(0,61,166,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4ca4d6",endColorstr="#003da6",GradientType=1);
  padding:60px 0;
  min-height:258px;
}
#subPageHeader p{
  margin:10px 0;
}
#subPageHeader p span{
  color:#F5B335;
}
#subPageHeader p a{
  color:#ffffff;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#subPageHeader p a:hover{
  color:#3cb4e5;
}
#privacyPolicyHeader{
  padding:80px 0;
}
@media (max-width: 767px) {
  #testimonialsSubHeader{
    background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Data_Dot_Backdrop_Gray_2x.png) no-repeat center #f8f8f8;
    padding:60px 0;
  }
}
@media (min-width: 768px) {
  #testimonialsSubHeader{
    background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Data_Dot_Backdrop-3_350%20copy.png) no-repeat center #f8f8f8;
    background-size:cover;
    padding:60px 0;
  }
}
@media (min-width: 1007px) {
  #testimonialsSubHeader{
    min-height:258px;
    padding:60px 0;
  }
}

#subPageHeader h2,
#subPageHeader h3,
#testimonialsSubHeader h2,
#testimonialsSubHeader h3,
#privacyPolicyHeader h2,
#privacyPolicyHeader h3{
  color:#ffffff;
  text-align:center;
}
#testimonialsSubHeader h3{
  color:#003DA6;
  font-size:44px;
  line-height:1.25em;
}
#testimonialsSubHeader h2{
  color:#00A98F;
  text-transform:uppercase;
}
#testimonialsSubHeader h2,
#subPageHeader h3{
  font-size:24px;
}
@media (min-width: 1007px) {
  #testimonialsSubHeader .intro,
  #subPageHeader .intro,
  #erpSubHeader .intro{
    width:50%;
    margin:0 auto;
    float:none;
  }
  .manufacturing #erpSubHeader .intro{
    width:100% !important;
  }
  .inventory-management  #subPageHeader .intro{
    width:60% !important;
  }
  .demand-planning #erpSubHeader .intro{
    width:80% !important;
  }
  .environmental  #subPageHeader .intro,
  .basic-template #subPageHeader .intro{
    width:72% !important;
  }
}



.testimonialRepeater{
  border-bottom:1px solid #707070;
  overflow:hidden;
  margin-bottom:20px;
  padding:30px 0;
}
.testimonialRepeater .logo img{
  width:220px !important;
  height:auto;
}
@media (max-width: 767px) {
  .testimonialRepeater .logo img{
    margin-bottom:20px;
  }
}

@media (min-width: 1007px) {
  .testimonialRepeater .logo{
    width:20%;
    float:left;
  }
  .testimonialRepeater .content{
    width:80%;
    float:left;
    padding:0 40px;
  }
}
.testimonialRepeater .content .testimonialText p{
  font-size:18px;
  font-style:italic;
  margin-top:0px;
}
.testimonialRepeater .content  p.signature{
  font-family:'Raleway', Arial, sans-serif;
  font-size:16px;
  color:#003DA6;
  font-weight:600;
}
.testimonialRepeater .content a.learnMore,
.testimonialRepeater .content a.readMore{
  font-family:'Raleway', Arial, sans-serif;
  background:#ffffff;
  border:2px solid #00A98F;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display:inline-block;
  color:#ffffff;
  padding:10px 20px;
  font-size:14px;
  margin:20px 0;
  font-weight:700;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  color:#003DA6;
  margin:0 5px;
}
@media (max-width: 767px) {
  .testimonialRepeater .content a.learnMore,
  .testimonialRepeater .content a.readMore{
    display:block;
    margin:20px 0;
    width:200px;
  }
}
.testimonialRepeater .content a.readMore{
  border:2px solid #00A98F;
  background:#00A98F;
  color:#ffffff;
}
.testimonialRepeater .content a.learnMore:hover,
.testimonialRepeater .content a.readMore:hover{
  background:#003DA6;
  border:2px solid #003DA6;
  color:#ffffff;
}
.request-a-demo .bodyWrap h2,
.request-a-demo .bodyWrap h3,
.request-a-demo .bodyWrap h4{
  text-align:center;
  margin-bottom:40px;
}
.resourcesCTA h4{
  font-size:16px !important;
  color:#003DA6 !important;
  border-bottom:2px solid #3CB4E5;
  text-align: center !important;
}
@media (min-width: 1007px) {
  .resourcesCTA h4{
    display: block;
    margin: 0 auto;
    width: 22%;
  }
}
.resourcesCTA h4 i{
  border-bottom:none;
}
.request-a-demo .bodyWrap h3{
  margin:20px 0;
}
#demoMain{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/request-info_request%20info%20page.png) no-repeat center top #00A98F;
  background-size:cover;
}
@media (min-width: 1007px) {
  #demoMain{
    min-height:780px;
  }
  #demoMain .wrapper{
    padding:120px 0 !important;
  }
}


#demoMain .wrapper{
  padding:80px 0;
  max-width:994px;
  float:none;
  margin:0 auto;
}
#demoMain h2,
#demoMain h3,
#demoMain h4,
#demoMain p{
  color:#ffffff;
}
@media (min-width: 1007px) {
  #demoMain p{
    padding-right:20px;
  }
}

#demoMain h3,
#demoMain h4{
  font-size:24px;
}
#demoMain  label{
  display:block;
  color:#ffffff !important;
  font-family:'Raleway', Arial, sans-serif;
  font-weight:600;
}
#demoMain .hs_email input, 
#demoMain .hs_firstname input, 
#demoMain .hs_lastname input,
#demoMain .hs_company input,
#demoMain .hs_phone input,  
#demoMain .hs_subject select,
#demoMain .hs_message textarea{
  border-radius: 20px;
  font-size: 14px !important;
  border:0;
  -webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow:    1px 1px 11px 0px rgba(0, 0, 0, 0.26);
  box-shadow:         1px 1px 11px 0px rgba(0, 0, 0, 0.26);
}
#demoMain  p.disclaimer{
  font-size:14px; 
  font-style:italic;
}
#demoMain p.disclaimer a{
  text-decoration:underline;
}
#demoMain .hs-button.primary, 
#demoMain input[type="submit"], 
#demoMain input[type="button"]{
  background:#F5B335;
}
#demoMain .hs-button.primary:hover, 
#demoMain input[type="submit"]:hover, 
#demoMain input[type="button"]:hover{
  background:#eb7e0b;
}


#demoMain .left-col h4{
  font-family:'Raleway', Arial, sans-serif;
  text-transform:uppercase;
  font-size:16px;
  margin-bottom:0px;
  line-height:1em;
}
@media (min-width: 1007px) {
  #demoMain .left-col {
    padding-top:140px;
  }



  #demoMain .left-col h3{
    padding-right:125px;
  }
  #demoMain .left-col h4{

  }
  #demoMain .right-col{
    padding-top:40px;
  }
}
.features{
  max-width:958px;
  float:none !important;
  margin:0 auto !important;
}
.feature{
  padding:30px 30px;
  display: table; 
}
@media (min-width: 1007px) {
  .feature{
    min-height: 146px !important;
    margin-bottom:25px;
  }
}
.feature .check img{
  width:80px;
  height:80px;
  display:table-cell;
  vertical-align: middle;
}
.feature p{
  font-size:16px;
  padding:0;
  margin:0;
  line-height:1.25em;
  display:table-cell;
  vertical-align: middle;
  padding-right:20px;
}
#keyBenefits,
#customerFeatures{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Dots%20Dashes%20Graphic.png) no-repeat center #ffffff;
  padding:40px 0;
}
.business-intelligence #keyBenefits{
  background:#ffffff;
}




#customerFeatures{
  padding:80px 0;
}
#customerFeatures h3{
  text-align:center;
  margin-bottom:30px;
}
#customerFeatures .productInfo{
  padding:20px 40px; 
  display:flex;
  align-items:center;
  margin-bottom:40px;

}
@media (min-width: 1007px) {
  height:125px;

}
}
#customerFeatures .productInfo h4{
  margin:0;
  line-height:1.25em;
}

.customer-portal #keyBenefits{
  background:#ffffff;
  padding:40px 0;
}

.customer-portal #keyBenefits .benefit{

  padding:20px;
  display:flex;
  align-items:center;

}

@media (min-width: 1007px) {
  .customer-portal #keyBenefits .benefit{
    height:196px !important;
  }

  .customer-portal #keyBenefits .benefit .number img{
    margin:30px 0;

  }
}
.customer-portal #keyBenefits .benefit h3 {
  font-size: 20px;
}
#keyBenefits .benefit{
  padding:20px 30px;
  margin-bottom:40px;

  display:flex;
  align-items:center;
}
@media (min-width: 1007px) {
  #keyBenefits .benefit{
    height:160px !important;
  }
}

.payments #keyBenefits .benefit{
  min-height:200px !important;
  padding:30px 40px;
}
.payments .morePad{
  padding-top:60px !important;
}
#keyBenefits h2{
  color:#003DA6;
  font-size:28px;
  text-align:center;
  margin:20px 0;
}
#keyBenefits  .wrapper,
#keyBenefitsBottom .wrapper{
  max-width:994px;
  float:none;
  margin:0 auto;
}
#keyBenefitsBottom h2{
  text-align:center;
  font-size:28px;
}
#keyBenefitsBottom .productInfo .wms ul{
  column-count: 2;
}
#keyBenefitsBottom {
  background:#ffffff;
}
#keyBenefitsBottom .icon img{
  max-width:116px !important;
}
@media (min-width: 1007px) {
  #keyBenefitsBottom .icon img{
    max-width:116px !important;
    float:none;
    margin:20px 0;
  }
  #keyBenefitsBottom .wrapper .column{
    padding-right:60px;
  }
}
.benefit h3,
.benefit p{
  margin:0;
}
.benefit p{
  font-size:16px;
  line-height:1.25em;
}
.benefit h3{ 
  color:#00A98F;
  font-size:20px;
  line-height:1.25em;
}
.benefit .number img{
  max-width:80px !important;
  max-height:80px !important;
  float:none;
  margin:20px auto;
}
.historyImage img{
  max-width:262px !important;
  max-height:352px !important;
  float:none;
  margin:0 auto;
}
#somethingElse{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Dots%20Dashes%20Graphic.png) no-repeat center #ffffff;
  padding:80px 0;
  min-height:500px;
}
#somethingElse .wrapper{
  max-width:844px;
  margin: 0 auto;
  float:none !important;
  padding:40px 0;
}
.history #somethingElse .intro h3{
  text-align:center;
}
#somethingElse .featureBox h3{
  font-size:28px;
}
.careerImg img{
  max-width:445px !important;
  max-height:479px !important;
  float:none;
  margin:0 auto;
  width:100% !important;
}
.credit-card img{
  max-width:383px !important;
  float:none;
  margin:40px 0;
}
.careers .accordionWrap{
  margin-top:40px;
}
.careers #contactUs h3{
  text-align:center;
  margin-bottom:40px;
}
.careers #contactUs {
  padding-top:0;
}
.careers #contactUs .wrap{
  max-width:790px;
  margin: 0 auto;
  float:none !important;
}
.careers #contactUs .wrap fieldset{
  max-width:100%;
}
.careers #contactUs .wrap input[type="submit"]{
  display:block !important;
  margin:0 auto !important;
}
.testimonials .main-content{
  position:relative:
}
.randomBubbles img{
  display:none;
}
@media (min-width: 1007px) {
  .randomBubbles img{
    display:block;
    position: absolute;
    right: 0;
    bottom: 40%;
  }
}

.testimonials #leftcontent h2{
  font-size:24px;
  line-height:1.25em;
  margin-bottom:20px;
}

@media (min-width: 1007px) {
  .testimonials #leftcontent{
    padding-right:60px;
  }

  .testimonials #leftcontent h2{
    font-size:40px;
    line-height:1.25em;
    margin-bottom:20px;
  }

}

.testimonials #leftcontent h3{
  margin:20px 0 10px 0;
}
.testimonials #leftcontent h3,
.testimonials #sidebar .industriesCallOut h3{
  color:#01a990;
  margin-bottom:10px;
}
@media (min-width: 1007px) {
  .testimonials #sidebar{
    padding: 0 10px;
  }
}
.testimonials #sidebar h3{
  margin-bottom:21px;
}

.testimonials #sidebar h4{
  color:#003da7;

}
.testimonials .quote p{
  font-style:italic;
  color:#007cba;
  font-family: 'Roboto Condensed', Arial, sans-serif;;
}
.testimonials .tagline p{
  font-family: 'Roboto Condensed', Arial, sans-serif;;
  color:#003da8;
}
.testimonials #sidebar .quote p,
.testimonials #sidebar .tagline p{
  font-size:16px;
  font-weight:600;
}
.testimonials #sidebar #benefit{
  display:none;
}
.testimonials .download-btn img{
  max-width:140px !important;
  margin:0 !important;
  float:none;
}
.hs-content-id-15348401634  #sidebar #benefit,
.hs-content-id-15437924533 #sidebar #benefit,
.hs-content-id-15437924551 #sidebar #benefit{
  display:block;
}
.hs-content-id-15348174810 #sidebar #challenge,
.hs-content-id-15348174810 #sidebar #solution,
.hs-content-id-15348174810 #sidebar .spacer,
.hs-content-id-15351185751 #sidebar #challenge,
.hs-content-id-15351185751 #sidebar #solution,
.hs-content-id-15351185751 #sidebar .spacer,
.hs-content-id-15351185768 #sidebar #challenge,
.hs-content-id-15351185768 #sidebar #solution,
.hs-content-id-15351185768 #sidebar .spacer,
.hs-content-id-15351185770 #sidebar #challenge,
.hs-content-id-15351185770 #sidebar #solution,
.hs-content-id-15351185770 #sidebar .spacer,
.hs-content-id-15437924556 #sidebar #challenge,
.hs-content-id-15437924556 #sidebar #solution,
.hs-content-id-15437924556 #sidebar .spacer,
.hs-content-id-15439277779 #sidebar #challenge,
.hs-content-id-15439277779 #sidebar #solution,
.hs-content-id-15439277779 #sidebar .spacer,
.hs-content-id-15439277784 #sidebar #challenge,
.hs-content-id-15439277784 #sidebar #solution,
.hs-content-id-15439277784 #sidebar .spacer,
.hs-content-id-15439277798 #sidebar #challenge,
.hs-content-id-15439277798 #sidebar #solution,
.hs-content-id-15439277798 #sidebar .spacer,
.hs-content-id-15440801391 #sidebar #challenge,
.hs-content-id-15440801391 #sidebar #solution,
.hs-content-id-15440801391 #sidebar .spacer,
.hs-content-id-15440801401 #sidebar #challenge,
.hs-content-id-15440801401 #sidebar #solution,
.hs-content-id-15440801401 #sidebar .spacer,
.hs-content-id-15441554320 #sidebar #challenge,
.hs-content-id-15441554320 #sidebar #solution,
.hs-content-id-15441554320 #sidebar .spacer,
.hs-content-id-15443219564 #sidebar #challenge,
.hs-content-id-15443219564 #sidebar #solution,
.hs-content-id-15443219564 #sidebar .spacer,
.hs-content-id-15348401636 #sidebar #challenge,
.hs-content-id-15348401636 #sidebar #solution,
.hs-content-id-15348401636 #sidebar .spacer,
.hs-content-id-16936880863 #sidebar #challenge,
.hs-content-id-16936880863 #sidebar #solution,
.hs-content-id-16936880863 #sidebar .spacer,
.hs-content-id-16914354823 #sidebar #challenge,
.hs-content-id-16914354823 #sidebar #solution,
.hs-content-id-16914354823 #sidebar .spacer{
  display:none;
}

@media (min-width: 1007px) {
  .testimonials #sidebar .tagline p{
    padding-right:120px;
  }
}

.payments .mobile-intro,
.mobile .mobile-intro{
  padding:30px 0;

}

/*Blog*/

#blogHeader{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Data_Dot_Backdrop-3_350%20copy.png) no-repeat center #f8f8f8;
  background-size:cover;
  padding:100px 0;
  min-height:258px;
}
#blogHeader h2{
  color:#003DA6;
  text-align:center;
}
#blogContent{
  margin-bottom:40px;
}
#blogContent .hs-blog-social-share-list li:before{
  content:"";
}
#blogContent .post-body{
  margin:20px 0;
}
#blogContent .blogPost{
  border-bottom:1px solid #CECECE;
  margin-bottom:40px;
}

.blog-section h2{
  font-size:32px;
  line-height:1.25em;
}
@media (min-width: 1007px) {
  .blog-pagination{
    position:relative;
  }
  .next-posts-link{
    position:absolute;
    right:0px;
    top:0px;
  }
}
.previous-posts-link,
.next-posts-link{
  color:#003DA6;
  cursor:pointer;
}
.previous-posts-link:hover,
.next-posts-link:hover{
  border-bottom:1px solid #F5B335;
}


@media (max-width: 767px) {
  .testimonials #blogSidebar{
    margin-top:40px;
  }
}

.hs-blog-id-19552758911.hs-blog-listing #blogSidebar{
  display:none !important;
}
.hs-blog-id-19552758911.hs-blog-listing #blogContent{
  width:100%;
}
@media (min-width: 1007px) {

  .hs-blog-id-19552758911 #blogContent .blogPost{
    overflow:hidden !important;
  }


  .blogPost .contentLeft,
  .blogPost .contentRight{
    float:left;
  }
  .blogPost .contentLeft{
    width:30%;
  } 
  .blogPost .contentLeft img.featured{
    padding:0 20px;
    margin-bottom:20px;
  }
  .blogPost .contentRight{
    width:70%;
  } 
}

.blogImage .hs-featured-image,
.hs-featured-image{
  float: none !important;
  width: 100% !important;
  margin:20px 0;
  max-width:100%;
}


@media (min-width: 1007px){
  .blogImage .hs-featured-image {
    float: right !important;
    width: 30% !important;
    padding: 0 0 0 20px !important;
  }
}


.listingImage  .hs-featured-image{
  float: none !important;
  width: 200px !important;
  margin:20px 0;
  max-width:100%;
}

#blogContent a.more-link,
#blogContent a.more-link-prod{
  font-family:'Raleway', Arial, sans-serif;
  background:#FF9015;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display:inline-block;
  color:#ffffff;
  padding:10px 20px;
  font-size:14px;
  margin:20px 0;
  font-weight:700;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  border:1px solid  #FF9015;
}
#blogContent a.more-link-prod{
  background:#00A98F;
  border:1px solid  #00A98F;

}
@media (min-width: 1007px) {
  #blogContent a.more-link-prod{

    float:right;
    margin-top:-20px;
    margin-bottom:20px;
  }

}
#blogContent a.more-link:hover{
  background:#ffffff;
  border:1px solid  #FF9015;
  color:#FF9015;
}
#blogContent a.more-link-prod:hover{
  background:#ffffff;
  border:1px solid  #00A98F;
  color:#00A98F;

}

#blogContent #left-content{
  padding-right:40px;
}
.blogPost .hubspot-author_data{
  margin-bottom:20px;
}
.blogPost .hubspot-author_data img{
  display:inline-block;
  margin-top:-5px;
}
.blogPost .hubspot-author_data p{
  color:#000000;
  line-height:20px;
  display:inline-block;
  margin-right:40px;
  padding-left: 30px;
}
.blogPost .hubspot-author_data p.author{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Pencil@2x.png) no-repeat left;
  background-size:20px;
}
.blogPost .hubspot-author_data p.date{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Calendar@2x.png) no-repeat left;
  background-size:20px;
}
.blogPost h3 a{
  color:#003DA6;
}
#blogSidebar{
  padding:0 20px;
}

/*Product Updates Blogs*/

.productUpdatesBlog .blogPost{
  overflow:auto;
}
@media (min-width: 1007px){
  .productUpdatesBlog .blogPost .blogImage .hs-featured-image {
    float: left !important;
    width: 20% !important;
    padding: 0 0 0 20px !important;
    margin:0 !important;
  }
  .productUpdatesBlog .blogPost .postContent{
    float: left !important;
    width: 80% !important;
    padding: 0 0 0 20px !important;
  }

}
.productUpdatesSub .widget-type-blog_subscribe input[type="submit"]{
  margin: 20px 0 0 0 !important;
}





.resourcesMenu ul li:before{
  content: "";
}
.topic ul li:before,
.recentPosts ul li:before{
  content: "";
  width: auto;
  margin-left: 0;
  display: block;
}
.resourcesMenu ul{
  margin-top:0;
  padding-top:0;
}
.resourcesMenu ul li {
  margin:0;
  padding:0;
  font-family:'Raleway', Arial, sans-serif;
  font-weight:600;
  font-size:16px;
  line-height:1em;
  border-bottom:1px solid #CECECE;
  padding:0 0 20px 0;
}
.resourcesMenu ul li:last-child{
  border-bottom:0;
}
.resourcesMenu ul li a{
  color:#00A98F;
}
.topic ul,
.recentPosts ul {
  margin:0;
}
.topic ul li,
.recentPosts ul li{
  font-family:'Roboto Condensed', Arial, sans-serif;;
  font-size:16px;
  line-height:1.25em;
}
.recentPosts ul li{
  margin-bottom:20px;
}
.topic .filter-expand-link{
  font-family:'Raleway', Arial, sans-serif;
  font-size:16px;
  color:#00A98F;
  border-bottom:1px solid #F5B335;
}
.mediaContacts p{
  font-family:'Raleway', Arial, sans-serif;
  font-size:16px;
}
.mediaContacts p strong{
  color:#00A98F;
}
.blogFollowModule,
.formHolder{
  position:relative;
}
.blogFollowModule{

  padding:20px 40px;
}
.blogFollowModule h3{
  color:#FF9015;
}
.blogFollowModule .formHolder input[type="submit"],
.blogFollowModule .formHolder input[type="email"] {
  position: absolute;
  left: 0;
}
.blogFollowModule .formHolder input[type="email"] {
  width:100% !important;
  top:20px;
}
.blogFollowModule .formHolder input[type="submit"]{
  margin:0;
  top:80px;
}
.blogFollowModule label.hs-error-msg{
  display:block !important;
  position: absolute;
  top: 120px;
  left: 0;
  font-size: 14px;
}
.blogFollowModule
.hs-error-msgs li:before{
  content:"";
  margin-left:0;

}


/*InterAXions*/
#interAXionsHeader .interaxions-logo img{
  max-width:277px !important;
  margin:20px auto;
}
.interaxions-logo-color img{
  max-width:194px !important;
  margin:20px 0 0 0;
  float:none;
}
.interaxions-photos img{
  max-width:488px !important;
  width:100%;
}
#tabbedContent #headerSection{
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/Learn%20More.png) no-repeat;
  background-size:cover;
  padding:60px 0;
}
@media (min-width: 1007px) {
  #tabbedContent #headerSection{
    padding:150px 0;
  }
}
#tabbedContent #headerSection h2{
  color:#ffffff;
  text-align:center;
  font-size:24px;
  line-height:1.25em;
}
@media (min-width: 1007px) {
  #tabbedContent #headerSection h2{
    font-size:36px;
  }
}

#tabbedContent #learnMore{
  background:#ffffff;
}
#learnMore{
  display:none;
}
#mobileAccordion{
  display:block;
}

@media (min-width: 1007px) {
  #learnMore{
    display:block;
  }
  #mobileAccordion{
    display:none;
  }
}

@media (min-width: 1007px) {

  #tabbedContent .left-col,
  #tabbedContent .right-col{
    float:left;
    width:50%;
    padding:0 40px 0 0;
  }
}
#tabbedContent .table-col p{

}
#tabbedContent h4{
  color:#003da6;
}
#tabbedContent .table-col strong{
  color:#3cb4e5;
}
#tabbedContent .table-col table{
  border-collapse:collapse;
}
#tabbedContent .table-col table tr td{
  border:2px solid #707070;
  padding:5px 10px;
}
.registration-box {
  margin:20px 0;
  padding: 20px 40px;
}
.registration-box input[type="email"]{
  border-radius:15px;
}

.registration-box  input[type="submit"]{
  background:#F5B335;
}
.registration-box  input[type="submit"]:hover{
  background:#f09820;
}

.customer-service .icon img{
  width:85px;
  height:85px;
  margin:0 !important;
  float:none;
}
.customer-service .icon {
  width: 85px !important;
}

.customer-service .row{
  margin:0 0 40px 0;
}
.customer-service h3{
  margin:20px 0;
}

.financial h3{
  margin-bottom:20px;
  padding-right:60px;
}

.financial a,
#trackAbout .cta p a{
  font-family:'Raleway', Arial, sans-serif;
  background:#ffffff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display:inline-block;
  color:#003DA6;
  padding:10px 20px;
  font-size:16px;
  font-weight:700;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  border:2px solid  #003DA6;
  margin-top:20px;
}
.financial a:after,
#trackAbout .cta p a:after{  
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f061";
  display: inline-block;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 4px;
  font-size: 14px;
  color:#FF9015;
}
.financial a:hover,
#trackAbout .cta p a:hover{
  background:#003DA6;
  border:2px solid  #003DA6;
  color:#ffffff;
}


#education{
  padding:80px 0;
  position:relative;
  background:url(https://2427159.fs1.hubspotusercontent-na1.net/hubfs/2427159/Website%20Redesign/features1.png) no-repeat center;
  background-size:cover;
}
@media (min-width: 1007px) {
  #education{
    padding:160px 0;
  }

}


#education .productInfo{
  margin-bottom:40px;
}
@media (min-width: 1007px) {
  #education .productInfo{
    height:250px;

    display:flex;
    align-items:center;

  }
}

#education .productInfo p{
  margin-bottom: 5px;
  font-size: 14px;
  line-height:1.5em;
}
#education .productInfo p a{
  font-family:'Raleway', Arial, sans-serif;
  font-weight:600;
  color:#003DA6;
}
#education .productInfo p a:after{
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f061";
  display: inline-block;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 4px;
  font-size: 14px;
  color:#FF9015;
}
#hosting{
  padding:30px 0;
}
#hosting .img img{
  width:100%;
  max-width:467px !important;
  height:auto;
  max-height:469px !important;
}
div#slider{
  background:#F8F8F8;
}
div#slider ul{
  position: absolute;
  left: 20px;
  top: 61px;
}
div#slider ul li{
  border:none !important;
}


#trigger .mobile-trigger{
  position:absolute;
  top: 71px;
  right: 19px;
}
#globalNav{
  display:none;
}
@media (min-width: 1007px) {
  #globalNav{
    display:block;
  }
}
@media (min-width: 1007px) {
  .spacer{
    padding:20px 0;
  }
}
table.eventGrid {
  border: 1px solid #878787;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-spacing: 0;
  border-collapse: collapse;

}
table.eventGrid th {
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: rgba(0,74,144,0.8);
  color: #FFF;
}
table.eventGrid tr td{
  text-align:center;
  padding:10px 20px !important;
}
table.eventGrid tr td p{
  margin-bottom:0px;
}
table.eventGrid tr td  a{
  text-decoration:underline;
}
table.eventGrid .event-rows td:first-child {
  background-color: #eee;
  font-size: 13px;
  color: #666;
  letter-spacing: 1px;
}
#benefitsTable{
  display:none;
}
#benefitsTableMobile{
  display:flex;
}
@media (min-width: 768px) {
  #benefitsTable{
    display:block;
  }
  #benefitsTableMobile{
    display:none;
  }
}
@media screen and (max-width: 500px) {
    .hide-industry {   
        display: none;
    }
}

/* TESTIMONIALS MODULE REMOVE READ MORE */
#vn-info {
display: block !important;
}
#vn-click {
 display: none !important; 
}