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

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


 /* CSS @imports must be at the top of the file */

 /* Add them above this section                 */

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

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

 /* HubSpot Style Boilerplate            */

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


 /* This responsive framework is required for all styles. */

 /* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}

 /* These includes are optional, but helpful. */

 /* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

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

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

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

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}





 /* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}




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


 /* Start your style declarations here    */


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


/* 

 You can use this CSS file as a guide in building out

 your HubSpot website. It contains the major elements needed

 to create your own custom style. 


*/

/* Migration Tech Name - Mahesh */


/* Date: 17-October-2013 */


/* Apply a natural box layout model to all elements so that width and padding are combined */

*, *:before, *:after {

  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;

}

*:focus {
    outline: 0;
}
/* ------ Custom fonts (http://www.google.com/fonts) ------ */

/* @import url(#); */

@font-face {
  font-family: 'Sensibility-Medium';
  src: url('//cdn2.hubspot.net/hub/219243/file-2067516877-ttf/fonts/Sensibility-Medium.ttf');
  font-weight: normal;
  font-style: normal;
}


/* Your website background color (background:#fff;) */

html, body {} 

body {

    font-size: 14px!important; 

    line-height: 22.9px; 

    margin: 0;

    color: #333333;

    font-family: "Sensibility-medium",sans-serif;

}


a {}

a:hover, a:focus {}

img {}


.header-container .widget-type-rich_text a{

    color: #000000;

    text-decoration: none;

}

.header-container .widget-type-rich_text a:hover{

    text-decoration: underline;

}

.body-container a{
    color: #2f4f8a !important;
    

    text-decoration: none;

}

.body-container a:hover{

    text-decoration: underline;

}


.footer-container a{

    color: #666666;

    text-decoration: none;

}


.footer-container2 a{

    color: #2b3158;

    text-decoration: none;
}


.footer-container a:hover{

    text-decoration: none;

}


/* ------ Typography ------ */

/* Basic text */

p {
    font-size:14px;

    color: #282828;

    font-family: "Sensibility-Medium",sans-serif;
    
    letter-spacing: .5px;

    font-weight: 100;

} /**** Keep this in Pixels not EMs ******/

small {}

strong {}

em {}

cite {}

.container-fluid p, 

.container-fluid ul, 

.container-fluid li, 

.container-fluid .hs-button, 

.container-fluid .marketing .marketing-byline {

    font-size: 14px!important;

    line-height: 22.9px;

    color: #282828;

    font-family: "Sensibility-Medium",sans-serif;
    
    letter-spacing: .5px;

    font-weight: 100;

}


/* Headings */

h1, h2, h3, h4, h5, h6 {}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {

    color: #666666;
   font-size: 36px;

    font-weight: 100;
    
    letter-spacing: 1px;

    line-height: 39px;

    font-family: "Sensibility-Medium",sans-serif;
}

h3.form-title,

h2 {

    color: #666666;

    font-size: 22px;

    font-weight: 100;
    
    letter-spacing: 0.5px;

    line-height: 28px;

    font-family: "Sensibility-Medium",sans-serif;
}

h3 {

    color: #3F4A62;

    font-size: 17.2px;

    font-weight: 100;
    
    letter-spacing: 0.5px;

    line-height: 20.7px;

    font-family: "Sensibility-Medium",sans-serif;

}

h4 {
    
    color: #3F4A62;

    font-size: 16.5px;

    font-weight: 100;
    
    letter-spacing: 0.5px;

    line-height: 20.7px;

    font-family: "Sensibility-Medium",sans-serif;
}


h5 {}

h6 {}

H7 {


        color: #000000;

    font-size: 26px;

    font-weight: bold;

    line-height: 39px;

    font-family: "Sensibility-Medium",sans-serif;


    }



h3.form-title {

}

/* Lists */


ul, ol {}

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

li {}

.container-fluid .widget-type-rich_text ul {}

.container-fluid .widget-type-rich_text ul li {}

ul.unstyled, ol.unstyled {}

ul.inline, ol.inline {}

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

dl {}

dt, dd {}

dt {}

dd {}

/* Quotes */
blockquote {}

blockquote p {}

blockquote small {}

blockquote small:before {}

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


/* Address */

address {}


/* ------ Structure ------ */


/* 


 The outer wrappers of your website, if you wanted to set your website width

 to a fixed size you could set a width or max-width of 960px for example. 


*/







.header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {}

.header-container-wrapper {}

.body-container-wrapper {}

.footer-container-wrapper { }

/* The inner wrappers of your website */

.header-container, .footer-container {

    max-width: 100%;

    margin: 0 auto;

    padding: 0 0px;


}



.page-center {

    float: none !important;

    margin: 0 auto !important;

    max-width: 71% !important;

    padding: 0px !important;
    min-height: 0px !important; height: auto !important;
}



.page-center2 {


    float: none !important;

    margin: 0 auto !important;

    max-width: 50% !important;

    padding: 0px !important;



}



.page-center1 {

    float: none !important;

    margin: 0 auto !important;

    max-width: 86% !important;

    padding: 0 14px !important;

}

.rtmodule-center {

    float: none !important;

    margin: 0 auto !important;

    max-width: 80% !important;

    padding: 15px !important;

}





.header-container {}

.body-container {}

.footer-container {}

/* ------ Grid ------ */


/* 



 By default HubSpot's grid system utilizes 12 columns, making for a 940px wide container 

 without responsive features enabled. With the responsive CSS file added, the grid adapts 

 to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns 


 become fluid and stack vertically. 

 You can also use spans to setup your different colored sidebar or container columns like 

 this: span8 {background:#fff;} span4 {background:#eee;}. The column spans will always add 

 up to 12 and will be setup for you automatically when you use Template Builder to adjust 

 the visual layout.

*/

.span12 {}

.span11 {}

.span10 {}

.span9 {}

.span8 {}

.span7 {}

.span6 {}

.span5 {}

.span4 {}

.span3 {}

.span2 {}

.span1 {}



/* ------ Header ------ */



.header-container-wrapper {

}

.header-container {

    padding-top: 0px;


}

.header-container-wrapper .header-container > .row-fluid-wrapper {}


/* Logo styling */

.header-container .hs_cos_wrapper_type_logo {

    display: block;
    text-align: center;
}

.header-container .hs_cos_wrapper_type_logo a {}

.header-container .hs_cos_wrapper_type_logo a img {}


/* ------ Menu ------ */

/* 


 Change the alignment of your menu easily by using the text-align or float CSS properties. 

 For a full width centered menu, you could simply add text-align:center; below.


 */


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

.hs-menu-wrapper {}




/*---------------------Common Menu Style-------------*/

.hs-menu-wrapper > ul {

    display: block !important;

    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.4);

}

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

.hs-menu-wrapper  ul  li  a {}

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

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

    color: #000000;

    background: #FFFFFF;

}

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

.hs-menu-wrapper ul ul {}

.hs-menu-wrapper ul ul li{}

.hs-menu-wrapper ul ul li a{

    background: #ffffff;

    border-bottom: 1px dotted #000000;

    color: #000000;

    font-size: 12px;

    line-height: 16.8px;

    padding: 10px !important;

    text-transform: uppercase;

    white-space: normal !important;

}


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

    background: #fff;
    
    color: #666666;

}

.hs-menu-wrapper2 ul ul li a:hover{

    background: #fff;

    color: #000000;

}



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

    margin-left: -14.5px;

}



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



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

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


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

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

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

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


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

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

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

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

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


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




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




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

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

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

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

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

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


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

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

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

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

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



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



/* ------ Menu2 ------ */




/* 


 Change the alignment of your menu easily by using the text-align or float CSS properties. 



 For a full width centered menu, you could simply add text-align:center; below.


 */

.header-container2 .hs-menu-wrapper2.hs-menu-flow-horizontal2 {}

.hs-menu-wrapper2 .hs-menu-wrapper3 {}



/*---------------------Common Menu Style2-------------*/
.hs-menu-wrapper2{
min-width: 400px!important;
margin-top: 23px;
}
.hs-menu-wrapper2 > ul {

     
    display: block !important;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);



}


.hs-menu-wrapper2 .hs-menu-wrapper3 > ul > li {}



.menu_logo img{max-width: 515px!important;}


.hs-menu-wrapper2 ul li a{


    display: block !important;

    font-size: 12px;

    color: #878282;

    text-transform: uppercase;
    
    

    padding-left: 5px!important;
    
    padding-right: 5px!important;

    max-width: 100% !important;
    
   
    
    background: #ffffff;
    
    text-align: center;

}



.hs-menu-wrapper3 ul li a {

    display: block !important;


    font-size: 12px;

    text-transform: uppercase;


    line-height: 20px;

    padding: 10px 14.5px !important;

    max-width: 100% !important;

     color: #000000;

    background: #ffffff;


    }


.hs-menu-children-wrapper3 ul ul li:hover a{


    background:#000000;


}

.hs-menu-children-wrapper2 {


    background:#000000;


}


.hs-menu-wrapper2 .hs-menu-wrapper3 ul  li  a:hover {}


.hs-menu-wrapper2 ul li:hover a {


    color: #000;


    background: #fff;


}

.hs-menu-wrapper3 ul li:hover a {

    color: #FFFFFF;

    background: #000000;


}


.hs-menu-wrapper2  ul li.hs-item-has-children2 {}

.hs-menu-wrapper2 ul ul {}

.hs-menu-wrapper2 ul ul li{}

.hs-menu-wrapper2 ul ul li a{

    background: #FFFFFF;

    border-bottom: 1px dotted #000000;

    color: #000000;

    font-size: 12px;

    line-height: 16.8px;

    padding: 10px !important;

    text-transform: uppercase;

    white-space: normal !important;


}


.hs-menu-wrapper2 ul ul li a:hover{

    background: #333;

    color: #FFFFFF;


}


.header-container2 .hs-menu-flow-horizontal2 > ul {

    margin-left: -14.5px;

}


/*---------------------header top menu2-------------------*/


.header-container2 .hs-menu-flow-horizontal2 {}



.header-container2 .hs-menu-flow-horizontal2 > ul {}


.header-container2 .hs-menu-flow-horizontal2 > ul > li {}


.header-container2 .hs-menu-flow-horizontal2 > ul > li > a {}


.header-container2 .hs-menu-flow-horizontal2 > ul >li a:hover {}


.header-container2 ul li.hs-item-has-children2 {}




/*---------------------header child menu2-------------------*/


.header-container2 .hs-menu-flow-horizontal2 ul ul {}


.header-container2 .hs-menu-flow-horizontal2 ul ul li {}

.header-container2 .hs-menu-flow-horizontal2 ul ul li a {}

.header-container2 .hs-menu-flow-horizontal2 ul ul li a:hover {}


/*---------------------End header top menu2-------------------*/



/*---------------------body horizontal menu2-------------------*/



.body-container2 .body-container3 .hs-menu-flow-horizontal2 .hs-menu-flow-horizontal3 {}

.body-container2 .hs-menu-flow-horizontal2 .body-container3 .hs-menu-flow-horizontal3 > ul {}

.body-container2 .hs-menu-flow-horizontal2 .body-container3 .hs-menu-flow-horizontal3 > ul > li {}

.body-container2 .hs-menu-flow-horizontal2 .body-container3 .hs-menu-flow-horizontal3 > ul > li > a {}

.body-container2 .hs-menu-flow-horizontal2 .body-container3 .hs-menu-flow-horizontal3 > ul >li a:hover {}

.body-container2 .hs-menu-flow-horizontal2 ul li.hs-item-has-children2 .body-container3 .hs-menu-flow-horizontal3 {}



/*---------------------body child menu2-------------------*/



.body-container2 .hs-menu-flow-horizontal2 ul ul {}


.body-container2 .hs-menu-flow-horizontal2 ul ul li {}


.body-container2 .hs-menu-flow-horizontal2 ul ul li a {}


.body-container2 .hs-menu-flow-horizontal2 ul ul li a:hover {}


/*---------------------End Body horizontal menu2-------------------*/


/*---------------------body child menu3-------------------*/


.body-container3 .hs-menu-flow-horizontal3 ul ul {}

.body-container3 .hs-menu-flow-horizontal3 ul ul li {}


.body-container3 .hs-menu-flow-horizontal3 ul ul li a {}


.body-container3 .hs-menu-flow-horizontal3 ul ul li a:hover {}


/*---------------------End Body horizontal menu3-------------------*/


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

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


    background: none;

    box-shadow: none;

}


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

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

    color: #FFFFFF;

    font-size: 13px;

    font-weight: 300;

    font-family: "Open Sans",sans-serif;

}

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

    color: #cccccc;

    font-size: 13px;

    font-weight: 300;

    font-family: "Open Sans",sans-serif;

}



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

   color: #cccccc;

    background: none;

    text-decoration: underline;

    font-family: "Open Sans",sans-serif;

}

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

{font-family: "Open Sans",sans-serif;}

.secondary-footer {

    padding: 20px 0 50px;

    background-color: #2d2d2d;

    margin-top: 0px !important;

   color: #3F4A62;

    font-size: 12.5px;


}

.secondary-footer h3 {


    color: #1F5886;

    font: 15px Arial, Helvetica, sans-serif;

    margin: 0 0 10px;

    font-weight: bold;

}

.secondary-footer a {

    font-weight: medium;

    color: #cc6633;

}

.secondary-footer ul {

    margin: 0;

    padding: 0;

}

.secondary-footer li {

    border-bottom: #3F4A62 solid thin;

    padding-bottom: 14px;

    margin-bottom: 14px;

}


.secondary-footer ul li a{
    color: #4a9bc9!important;
}


.secondary-footer a .more-link {

    font-size: 13px !important;

    color: #8E0F00 !important;

   text-decoration: none !important;

    font-weight: bold;

}


.secondary-footer .hs-button {
    background-color: rgb(242,148,45)!important;
    border: none;
    height: 38px;
    width: 100% !important;
    color: #ffffff;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-size: 14px!important;
    font-family: 'Cabin', sans-serif;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 40px;
    box-shadow: 0px 1px 2px #000000;
    -webkit-transition-duration: .4s;
       -moz-transition-duration: .4s;
      transition-duration: .4s;
    padding-left: 20px;
    padding-right: 20px;
}


.footer-column{
    min-width: 180px!important; 
    min-height: 295px!important; 
    display: inline-block!important; 
    margin-left: 20px!important;
    margin-right: 20px!important;
    text-align: left!important; 
    float: none!important; 
    margin: 0 auto!important;
    vertical-align: top!important;
    position: relative!important;
    }
/*---------------------footer child menu-------------------*/

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


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

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


    font-size: 13px;

    font-weight: 400;

    color: #FFFFFF;

    border: none;

    background: #16212d;

    line-height: 13.5px;

    text-transform: none;

    padding: 3px 10px !important;


}


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

    color: #cccccc;

    text-decoration: underline;

    background: #000000;

}

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


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



.hs-menu-flow-vertical {}


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

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


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


    padding: 10px 5px !important;

    white-space: normal !important;

}



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

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


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


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


.hs-menu-flow-vertical {}


.hs-menu-flow-vertical ul ul {

    left: 100% !important;


}


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

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


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


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


/* Primary menu link text color */


.hs-menu-wrapper a {}

.hs-menu-wrapper a:hover {}

/* Drop down background color */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {}


/* Menu link font family and basic padding including drop down links */

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


/* ------ Content ------ */


.body-container-wrapper {}

.body-container {

    padding-bottom: 0px !important;

}


.body-container-wrapper .body-container > .row-fluid-wrapper {}


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







/* Your basic blog wrapper */

.blog-listing-wrapper {}

.hs-blog-header h1 {}

.post-header h1 {
	color: #666666;
	}

.post-header h1 a {

    color: #666666;

}
.post-header h1 a:hover {

    color: #666666;

    text-decoration: none;
}

.post-header h2 {
	color: #000000;
	}

.post-header h2 a {

    color: #000000;

}
.post-header h2 a:hover {

    color: #666666;

    text-decoration: none;
}


.custom_blog_module h1,

.custom_blog_module h2,

.custom_blog_module h3,

.block h3 {

    color: #071B45;

    font-size: 17.2px;

    font-weight: bold;

    line-height: 20.7px;


}

.custom_blog_module {}

.custom_blog_module ul {

    padding-left: 0;

    list-style: none;

}


.more-link,

.all-posts-link {

    font-size: 13.5px;

    font-weight: 300;

    line-height: 22.9px;

}

.post-header p,

.hs-author-social-label {

    font-size: 13.5px;

    font-weight: 300;

    line-height: 22.9px;

    color: #3F4A62;
}

.post-header p.hubspot-editable {}

.post-header p.hubspot-editable a {}

#comment-form h4 {}

#comment-form {

    border-top: 1px solid #CCCCCC;

    padding-top: 20px;

    margin-top: 20px;

}

.custom_listing_comments {}

.custom_listing_comments a {}

.custom_blog_module .widget-type-rich_text {}

#hubspot-topic_data {

    font-weight:bold;

    color: #888888;

}

#hs_cos_wrapper_blog_subscription .hs-form.stacked .field.hs-form-field .hs-input{

    font-family: Helvetica,Arial,sans-serif;

    color: #414141;

    font-size: 13.5px;

    line-height: 15px;

    margin: 4px 6px 10px 0 !important;

    padding: 2px !important;

    border-width: 1px;

    border-style: solid;

    border-color: #abadb3 #e3e9ef #e3e9ef;

    border-radius:2px;

}

#hs_cos_wrapper_blog_subscription .hs-form.stacked .field.hs-form-field label{


    font-size: 14px;

    line-height: 18px;

    font-weight:normal;

    color:#333333;

}

#hs_cos_wrapper_blog_subscription .hs-button.primary{

    font-family: Helvetica,Arial,sans-serif !important;

    color: #414141 !important;

    font-size: 13.5px !important;

    line-height: 16px !important;

    border: 1px solid #707070 !important;

    background: #f0f0f0 !important;

    box-shadow: 0 -12px 0 #dadada inset !important;

    font-weight:normal !important;

    padding: 3px 40px !important;

    text-decoration: none !important;

    border-radius:3px !important;


}

#hs_cos_wrapper_blog_subscription .hs-button.primary:hover{


    border: 1px solid #3c7fb1 !important;


    background: #e1f3fc !important;

    box-shadow: 0 -12px 0 #b5e2fa inset !important;



}


/* Use this to set up different styling for your blog posts */

.blog-listing-wrapper .post-listing .post-item {

    border-bottom: 1px solid #CCCCCC;

    padding-bottom: 20px;

    margin-bottom: 20px;

}
.post-body a {
    font-style: italic!important;
    text-decoration: underline!important;
    font-weight: bold!important;
    color: #4a9bc9!important;
    }

.blog-listing-wrapper .post-listing .post-item .post-body {}


/* Blog comments and blog comment form */


#comments-listing {

    border: 1px solid #E2E2E2;

    display: none;*/


    line-height: 165%;

    padding: 15px;

    margin:15px 0;

}



#comments-listing h3 {


    font-size: 21px;

    margin: 0;

    padding: 0;

}

.comment {


    border-bottom: 1px solid #000000;

	display: block;

    padding: 15px;


}

.comment-date {

	font-style: italic;

	padding: 4px 0;

	display: block;

	font-size: 0.9em;


}


#recaptcha_table td {

    line-height: 0;


}

.custom_social_bar {

	border-top:1px solid #E2E2E2;

	border-bottom:1px solid #E2E2E2;	

	padding: 7px 0;

	margin:7px 0


}



.custom_listing_comments {

    border: 1px solid #E2E2E2;

    display: block;

    line-height: 165%;

    padding: 15px;

    margin:10px 0;


}



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


#blog-comment-form  div.hs-form-field label {


    font-size: 13.5px;

    line-height: 22.9px;

    color: #3F4A62;

    font-family: Arial,Helvetica,sans-serif;

    font-weight: 300;

}


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


#blog-comment-form  div.hs-form-field input[type="text"],

#blog-comment-form  div.hs-form-field input[type="email"],

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

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

#blog-comment-form  .hs-button {}

#blog-comment-form  textarea, 

#blog-comment-form  input[type="text"], 

#blog-comment-form  input[type="password"], 

#blog-comment-form  input[type="datetime"], 

#blog-comment-form  input[type="datetime-local"], 

#blog-comment-form  input[type="date"], 

#blog-comment-form  input[type="month"], 

#blog-comment-form  input[type="time"], 

#blog-comment-form  input[type="week"], 

#blog-comment-form  input[type="number"], 

#blog-comment-form  input[type="email"], 

#blog-comment-form  input[type="url"], 

#blog-comment-form  input[type="search"], 

#blog-comment-form  input[type="tel"], 

#blog-comment-form  input[type="color"], 

#blog-comment-form  .uneditable-input {

    margin: 3px 0 8px;
    padding: 2px;
    font-size: 13px;
    color: #414141;

}


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


.hs_submit {}

/* Pagination */

.post-header a {}

.post-header p {}

.blog-pagination {}

/* Subscription frequency form */

.hs_blog_default_blog_subscription {}

.hs_blog_default_blog_subscription ul {}



/* ------ Forms ------ */


/* This is the main form wrapper */

.hs-form {}

.hs-input {

    margin: 3px 0 8px;

    padding: 2px;

    font-size: 13px;

    color: #414141;

}

.hs-input:hover {}

.hs-input:focus {}

.field label {


    font-size: 13.5px;

    line-height: 22.9px;

    color: #3F4A62;

    font-family: Arial,Helvetica,sans-serif;

    font-weight: 300;


}


.hs_cos_wrapper_type_form {}


.hs_cos_wrapper_type_form form {}


.hs_cos_wrapper_type_form form div.hs-form-field {}


.hs_cos_wrapper_type_form form div.hs-form-field label {


    font-size: 13.5px;

    line-height: 22.9px;

    color: #3F4A62;

    font-family: Arial,Helvetica,sans-serif;

    font-weight: 300;

}


.hs_cos_wrapper_type_form form div.hs-form-field input[type="text"],

.hs_cos_wrapper_type_form form div.hs-form-field textarea {}


input[type="number"] {

    padding: 6px;

    display: inline-block;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    min-height: 30px;

}

.hs_cos_wrapper_type_form form div.hs-form-field select {}

.hs_cos_wrapper_type_form form textarea, 

.hs_cos_wrapper_type_form form input[type="text"], 

.hs_cos_wrapper_type_form form input[type="password"], 

.hs_cos_wrapper_type_form form input[type="datetime"], 

.hs_cos_wrapper_type_form form input[type="datetime-local"], 

.hs_cos_wrapper_type_form form input[type="date"], 

.hs_cos_wrapper_type_form form input[type="month"], 

.hs_cos_wrapper_type_form form input[type="time"], 

.hs_cos_wrapper_type_form form input[type="week"], 

.hs_cos_wrapper_type_form form input[type="number"], 

.hs_cos_wrapper_type_form form input[type="email"], 

.hs_cos_wrapper_type_form form input[type="url"], 

.hs_cos_wrapper_type_form form input[type="search"], 

.hs_cos_wrapper_type_form form input[type="tel"], 

.hs_cos_wrapper_type_form form input[type="color"], 

.hs_cos_wrapper_type_form form .uneditable-input {

    margin: 3px 0 8px;

    padding: 2px;

    font-size: 13px;

    color: #414141;

}


.hs_cos_wrapper_type_form form .input ul {

    list-style:none;

    padding-left:0;

}


/* ------ Buttons ------ */


.hs-button {


    font-size: 13px;

    color: #414141;

    cursor: pointer;

    text-decoration: none !important;
}

.hs-button:hover {}

.hs-button:focus {}

.hs-button:active {}

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


/* ------ Footer ------ */



/* The main footer wrapper will default to fill 100% of the browser viewport */

.footer-container-wrapper {

    background: #d6d7d7;

    border-top: 0px solid #d6d7d7;


}

/* Your basic footer container */


.footer-container {

    font-weight: 300;

    color: #ffffff;

    padding-top: 0px;

    padding-bottom: 0px;

}

.footer-container-wrapper .footer-container > .row-fluid-wrapper { }

.footer-container .hs_cos_wrapper_type_page_footer footer {}

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

    font-size: 13px;

    line-height: 15.7px;


}

/* ------ Misc ------ */



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


/* ------ Custom Layout ------ */

.custom_body .header-container {

    padding: 0;
   max-width: 100%;

}

.custom_contact_link > .cell-wrapper {

    float: none !important;

    margin: 0 auto !important;

    max-width: 71%;

    padding: 0 14px;

    background-color: #000000;

}

.custom_contact_link a {

    display: inline-block;

    margin: 7px 7px 4px 0;

    font-size: 12px;
}

.custom_contact_link img {

    vertical-align: middle;

}

.custom_top_menu_group {

    padding-bottom: 3px;

    width: 100%;
}

.custom_top_menu_group > .row-fluid-wrapper {}

.custom_menu > .cell-wrapper {

    float: none !important;

    margin: 0 auto !important;

    max-width: 71%;

    padding: 0 14px;

}

.custom_menu .hs-menu-flow-horizontal > ul {

    background: none;

    box-shadow: none;


}

.custom_logo {

    text-align: center;

}


.custom_logo img {

    margin: -1px 0 0;

    width: 100%;

}

.custom_footer_links p {

    margin: 1.6px 0 0;

    padding: 2.25px 0 0;

    line-height: 20.5px;

}


.custom_footer_links2 p a:hover {

    margin: 1.6px 0 0;

    padding: 2.25px 0 0;

    line-height: 20.5px;

    color: #cccccc;

}


.custom_footer_links p a:hover {

    margin: 1.6px 0 0;

    padding: 2.25px 0 0;

    line-height: 20.5px;

    color: #cccccc;

}

.custom_footer_links p:first-child {

    padding: 0;

    line-height: 20.7px;

    font-weight: bold;

}

.custom_footer_links p:first-child a {

    font-size: 12px;

    line-height: 30.7px;

    text-transform: uppercase;

    color: #ffffff;

}

.custom_footer_links p:first-child a:hover {

    font-size: 12px;

    line-height: 30.7px;

    text-transform: uppercase;

    color:#cccccc;

}

.custom_footer_links p a {

    font-size: 11px;

    line-height: 20.5px;

    text-transform: none;

}

.custom_footer_links2 p a {

    font-size: 11px;

    line-height: 20.5px;

   text-transform: none;

    color:#cccccc;

}

.custom_social_links {

    border-left: 1px dotted #FFFFFF;

    padding-left: 18px;

}

.custom_social_links p {


    margin: 1.6px 0 10px;

    font-size: 11px;

    color: #FFFFFF;

    line-height: 18.7px;

    text-transform: uppercase;

}

.tinynav { 


    display: none;

    position: relative;

    top: 5px;

    margin-left: 10px;

}



/* ------ Mobile ------ */


/* Large desktop */

@media (min-width: 1200px) {
    
    body { font-size: 13.5px; }

   h1 { font-size: 30px; }
   
   h2 { font-size: 22px; }
   
   h3 { font-size: 17.2px; }
   
   h4 { font-size: 15px; }
   
   p { font-size: 14px!important; }
   
    }

/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 1200px) {
    
    body { font-size: 13.5px; }

   h1 { font-size: 20px; }
   
   h2 { font-size: 13px !important; }
   
   h3 { font-size: 17px !important; }
   
   h4 { font-size: 12px; }
   
   
   
}



/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
    
    body { font-size: 13.5px; }

   h1 { font-size: 20px; }
   
   h2 { font-size: 14px; }
   
   h3 { font-size: 17px !important; }
   
   h4 { font-size: 12px !important; }
   
   
   
   
}





     .custom_footer_links,

     .custom_social_links {

         margin-bottom: 25px;

         width: 50% !important;

        float: left !important;


     }


     .secondary-footer-module {

         margin-bottom: 0px;

     }

     .secondary-footer {

         padding-bottom: 0px;

     }




.FB   {     display : block;

                     width : 32px;

                     height : 32px;

                     background-image:url(//cdn2.hubspot.net/hub/317086/file-655187435-png/images/PB_Wesite/Social_IconsNew/white_facebook.png); }

.FB:hover { display : block;

                      width : 32px;

                      height : 32px;

                      background-image:url(//cdn2.hubspot.net/hub/317086/file-655187435-png/images/PB_Wesite/Social_IconsNew/blue_facebook.png); }

.Twitter a:hover{background-image:url('//cdn2.hubspot.net/hub/317086/file-650303373-png/images/PB_Wesite/Social_IconsNew/blue_twitter_bird.png');


    background-position:inherit}


    .Youtube a:hover{
        background-image:url('//cdn2.hubspot.net/hub/317086/file-650343593-png/images/PB_Wesite/Social_IconsNew/blue_youtube.png');
        background-position:inherit
    }


/* Landscape phones and down */



@media (max-width: 480px) {
    
    body { font-size: 13.5px; }

   h1 { font-size: 18px; }
   
   h2 { font-size: 14px; }
   
   h3 { font-size: 14px; }
   
   h4 { font-size: 14px; }
   
   p { font-size: 14px; }
   
   .widget-type-image_slider{display: none!important;}
}





/* Iphone */



@media (max-width: 320px) {
    
    body { font-size: 13.5px; }

   h1 { font-size: 16px; }
   
   h2 { font-size: 14px; }
   
   h3 { font-size: 14px; }
   
   h4 { font-size: 14px; }
   
   p { font-size: 14px; }

}




/* Service Page */

.service-sidebar a{
	color:#2b3158

}




/*CATEGORY PAGE*/

.category_banner{
   width: 100%;
   min-height: 200px !important;
    height: auto;
    margin: 0 auto;
    float: none;
    background: url(//cdn2.hubspot.net/hub/219243/file-2373721754-jpg/images/top_banner.jpg) 100% 100% no-repeat; 
    background-size: cover;  
    
}

.category_banner h1{
    text-align: center;
    font-size: 32px !important;
    line-height: 70px;
    letter-spacing: 1px;
    color: #ffffff !important;
    font-weight: 100!important;
}


/*PRODUCTS PAGE*/




.products_banner{
    width: 100%;
    min-height: 200px !important;
    height: auto;
    margin: 0 auto;
    float: none;
    background: url(//cdn2.hubspot.net/hub/219243/file-2373721754-jpg/images/top_banner.jpg) 100% 100% no-repeat; 
    background-size: cover;
    
}

.products_banner h1{
    text-align: center;
    font-size: 32px !important;
    line-height: 70px;
    letter-spacing: 1px;
    color: #ffffff !important;
     font-weight: 100!important;
}





 /* Custom bg Image Code Start */
    
    
    .viscosity_banner{
    width: 100%;
    height: auto;
    margin: 0 auto;
    float: none;
    background: url(//cdn2.hubspot.net/hub/219243/file-2373721754-jpg/images/top_banner.jpg) 100% 100% no-repeat; 
    background-size: cover;
    
}

.viscosity_banner h2{
    text-align: center;
    font-size: 32px !important;
    line-height: 35px;
    font-weight: 100!important;
    letter-spacing: 1px;
    color: #ffffff !important;
}

}

.viscosity_banner h3{
    text-align: center;
    font-size: 24px !important;
    line-height: 26px;
    letter-spacing: 2px;
    color: #ffffff !important;
    font-weight: normal!important;
}
    
    
/* Custom bg Image Code End */



/*FAQ Accordion*/

/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
    width: 80%;
	overflow: hidden;
    float: none;
    margin: 0 auto;
    
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
 
 .AccordionPanelTab_first {
    background-color: #ebecee;
	border: solid 0px gray;
	margin: 0px;
	margin-top:0px;
	margin-bottom: 2px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	border-top-left-radius: 10px!important;
    border-top-right-radius: 10px!important;
	padding-left: 20px;
	padding-right: 20px;
	
}
 
.AccordionPanelTab {
	background-color: #ebecee;
	border: solid 0px gray;
	margin: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	border-radius: 0px !important;
	padding-left: 20px;
	padding-right: 20px;
	
}


.AccordionPanelTab_last {
    background-color: #ebecee;
    border: solid 0px gray;
	margin: 0px;
	margin-top:0px;
	margin-bottom: 2px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	border-bottom-left-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
	padding-left: 20px;
	padding-right: 20px;
	
}



.AccordionPanelTab h3{
    color: #3F4A62;
font-size: 17.2px;
font-weight: 100;
letter-spacing: .5px;
line-height: 0;
font-family: "Sensibility-Medium",sans-serif;
text-align: center;
padding-top: 15px;
}




.AccordionPanelTab_first h3{
    color: #3F4A62;
font-size: 17.2px;
font-weight: 100;
letter-spacing: .5px;
line-height: 0;
font-family: "Sensibility-Medium",sans-serif;
text-align: center;
padding-top: 15px;
}



.AccordionPanelTab h3{
    color: #3F4A62;
font-size: 17.2px;
font-weight: 100;
letter-spacing: .5px;
line-height: 0;
font-family: "Sensibility-Medium",sans-serif;
text-align: center;
padding-top: 15px;
}


.AccordionPanelTab_last h3{
    color: #3F4A62;
font-size: 17.2px;
font-weight: 100;
letter-spacing: .5px;
line-height: 0;
font-family: "Sensibility-Medium",sans-serif;
text-align: center;
padding-top: 15px;
}



.arrow {
    width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 15px solid #115093;
    margin: 0 auto;
    float:none;
    margin-top: 0px;
    margin-bottom: 5px;
}
					

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: auto!important;
	padding: 20px;
}


/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #ebecee;
}


/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #ebecee;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #ebecee;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #ebecee;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #ebecee;
}


/* Rules for Printing */

@media print {

  .Accordion {
  overflow: visible !important;
  }
  
  .AccordionPanelContent {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
  }
}

/*---END FAQ Accordion END---*/


/*Home Page Banner Fonts*/

.slider h3{
    text-align: center;
    font-size: 32px !important;
   
    letter-spacing: 1px;
    color: #ffffff !important;
    font-weight: 100!important;
}


.slider h4{
    text-align: center;
    font-size: 22px !important;
    
    letter-spacing: 1px;
    color: #ffffff !important;
    font-weight: 100!important;
}



.caption {
        background-color: none !important;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white !important;
        width: 100% !important;
        padding: 0px 5% 0px 5%;
        top: 10% !important;
        text-align: center;
    }

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


.caption {
    background-color: transparent !important;
        position: static;
        font-size: 2em;
        color: white !important;
        width: 100% !important;
        padding: 0px 5% 0px 5%;
        top: 5% !important;
        text-align: center;
}

.slider h3{
    text-align: center;
    font-size: 22px !important;
    line-height: 26px;
    letter-spacing: 1px;
    color: #ffffff !important;
    font-weight: 100!important;
}


.slider h4{
    text-align: center;
    font-size: 12px !important;
    line-height: 16px;
    letter-spacing: 1px;
    color: #ffffff !important;
    font-weight: 100!important;
}

}
@media all and (max-width: 400px) {
   .caption {
        background-color: gray !important;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white !important;
        width: 100% !important;
        padding: 0px 7% 0px 7%;
        top: 0%!important;
        text-align: center;
    }
    
.slider h3{
    text-align: center;
    font-size: 18px !important;
    color: #ffffff !important;
    font-weight: 100!important;
}


.slider h4{
    text-align: center;
    font-size: 12px !important;
    color: #ffffff !important;
    font-weight: 100!important;
}
}


/*Point of dispense and other pages*/



.point_banner2 h2{
    font-size: 32px;
    text-align: center;
    
}


.point_banner2 h4{
    
    text-align: center;
    font-size: 18px !important;
    line-height: 30px;
    letter-spacing: 1px;
    color: #4e70a0 !important;
    font-weight: 100!important;
    font-style: italic;
    font-weight: 100;
}

.sub_menu{
    text-align: center;
    width: 86%;

    background-color: #26407d;
    float: none !important; 
    margin: 0 auto;
}

.sub_menu ul{
    list-style: none;
    text-align: center;
    float: none !important; 
    margin: 0 auto;
    height: auto;
    vertical-align: middle !important;
}

.sub_menu ul li{
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    width: auto!improtant;
    float: none !important; 
    margin: 0 auto;
    height: auto !important;
    vertical-align: middle !important;
}

.sub_menu ul li a{
    color: #ffffff !important;
    font-size: 12px;
    width: auto!improtant;
    max-width: 240px !important;
    float: none !important; 
    margin: 0 auto;
    vertical-align: middle !important;
}

.sub_menu ul li a:hover{
    background-color: rgba(255,255,255,0.5) !important;
    font-size: 12px;
    width: auto!improtant;
}

/*Sain Clair Landing Page*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.LP_header{
    height: 100px;
    margin-top: -20px;
}


.LP_SC_left_column h1{
   
    font-weight: bold;
    
    font-size: 44px;
    line-height: 54px;
}


.LP_SC_left_column h2{
    
    text-align: left;
    font-weight: bold;
    
     font-size: 28px;
      line-height: 36px;
}


.LP_SC_left_column p{
    
    font-size: 16px;
    line-height: 20px;
}




.LP_SC_right_column h2{
    text-align: center;
    font-weight: normal;
     font-size: 26px;
    
}


.LP_SC_right_column .hs-input{
    height: 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #d5d5d5;
    color: #656565 !important;
}

.LP_SC_right_column textarea.hs-input{
    height: 70px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #d5d5d5;
    color: #656565 !important;
}


.LP_SC_right_column .hs-button{
    background-color: rgb(242,148,45);
    border: none;
    height: 42px;
    width: 100%;
    color: #ffffff;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-size: 14px;
    font-family: 'Cabin', sans-serif;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 40px;
    box-shadow: 0px 1px 2px #000000;
    -webkit-transition-duration: .4s;
       -moz-transition-duration: .4s;
      transition-duration: .4s;
}


.LP_SC_right_column .hs-button:hover{
    background-color: #e76c43!important;
}


..hs-form.stacked label {display:none;} 

.caseStudyPage .hs-form.stacked label {display: block !important;}

.download_description_SC{
    background-color: #ffffff;
    
}



.download_description_SC h2{
    color:#6e6e6e;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal;
    font-family: 'Cabin', sans-serif;
}


.download_description_SC h3{
    color:#C15E40;
    font-size: 18px;
    
    font-weight: normal;
    font-family: 'Cabin', sans-serif;
}

.download_description_SC p{
    color: #656565 !important;
    font-family: 'Cabin', sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.download_description_SC ul li {
    color: #656565 !important;
    font-family: 'Cabin', sans-serif;
    font-size: 14px;
    
}


/*Links page*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.link_text{
    padding-top: 10px!important;
    text-align: center!important;
    height: auto;
    float: none !important;
    margin: 0 auto !important;
}


.link_text a {
    color: #0178cc!important;
    font-size: 16px;
    text-align: center!important;
    padding-top: 20px!important;
}


/*END Links page*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

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


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

@media (min-width: 768px){

  a.mobile-trigger, a.child-trigger {
      display: none !important; /* Hide button on Desktop */
  }

}

@media (max-width: 767px){

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

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


  /* Menu Reset - Remove styling from desktop version of custom-menu-primary */
  /* Place any additional CSS you want removed from the mobile menu in this reset */
  .custom-menu-primary, .custom-menu-primary *{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color: #ffffff;
    }


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

  a.mobile-trigger {
      display: inline-block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute; /*******************************************/
      top: 0px;          /* Position Button at top right of screen  */
      right: 0px;        /*******************************************/
      width: 100%; /* Button width */
      height: auto; /* Button height */      
      padding: 12px 10px;
      background: #000000; /* Background color */
      z-index: 99999999999; /* Z-index to keep button on top of other layers */
      -webkit-transition: background-color 0.2s linear; /* Button color transition effect */
      font-size: 16px;
      font-weight: normal;
      text-align: left;
      text-transform: uppercase;
      -webkit-border-bottom-right-radius: 6px;
      -webkit-border-bottom-left-radius: 6px;
      -moz-border-radius-bottomright: 6px;
      -moz-border-radius-bottomleft: 6px;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      -webkit-transition:color .2s ease-in; 
      -moz-transition:color .2s ease-in;
      transition:color .2s ease-in;
  }

  a.mobile-trigger:hover {
      
      text-decoration: none; /* Removes link text underline on button */
      color: rgba(0,0,0,0.5);
  }

  a.mobile-trigger span{
      display: inline;
  }

  a.mobile-trigger span:before{
      position: absolute;
      content: 'Menu'; /* Change the text on the closed toggle button */
  }

  a.mobile-trigger span:after{
      position: relative;
      right: 2px;
      content: 'Close'; /* Change the text on the open toggle button */
      background-color: #000000;
      opacity: 0;
      transition: opacity .4s ease-in-out;
      -moz-transition: opacity .4s ease-in-out;
      -webkit-transition: opacity .4s ease-in-out; 
  }

  /* Change button when menu is open */
  .mobile-open a.mobile-trigger{
      -webkit-transition:background-color 0.2s linear; /* Button color transition effect */
      -moz-transition:background-color 0.2s linear; /* Button color transition effect */
      transition:background-color 0.2s linear; /* Button color transition effect */
      background: transparent; /* Changes button background to be slightly darker than open menu color */  
  }

  .mobile-open a.mobile-trigger span:after{
     opacity: 1; 
  }


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

  a.mobile-trigger i {
      display: inline;
      position: relative;
      top: -5px;
      margin-left: 5px;
      -webkit-transition-duration: 0s;
      -webkit-transition-delay: .2s;
      -moz-transition-duration: 0s;
      -moz-transition-delay: .2s;
      transition-duration: 0s;
      transition-delay: .2s;
  }
  a.mobile-trigger  i:before, a.mobile-trigger i:after {
      position: absolute;
      content: '';
  }
  a.mobile-trigger  i, a.mobile-trigger  i:before, a.mobile-trigger  i:after {
      width: 15px; /* Icon line width */
      height: 2px; /* Icon line height */
      background-color: #ffffff; /* Icon color */
      display: inline-block;
  }
  a.mobile-trigger  i:before {
      margin-top: -6px; /* Position top line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  a.mobile-trigger  i:after {
      margin-top: 6px; /* Position bottom line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  .mobile-open a.mobile-trigger i {
      background-color: rgba(0,0,0,0.0);
      -webkit-transition-delay: .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }
  .mobile-open a.mobile-trigger i:before {
      margin-top: 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition-delay: 0, .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }
  .mobile-open a.mobile-trigger i:after {
      margin-top: 0;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition-delay: 0, .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }

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

  a.child-trigger {
      display: block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute;
      top: 0px;
      right: 0px;
      width: 55px !important; /* Button width */
      min-width: 55px !important;
      height: 45px !important; /* Button height */  
      padding: 0 !important;
      border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  a.child-trigger:hover {
      text-decoration: none;
  }


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

  a.child-trigger span {
      position: relative;
      top: 50%; /* Centers icon inside button */
      margin: 0 auto !important;
      -webkit-transition-duration: .2s;
      -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger span:after {
      position: absolute;
      content: '';
  }
  a.child-trigger span, a.child-trigger span:after {
      width: 10px; /* Icon line width */
      height: 1px; /* Icon line height */
      background-color: #26407d; /* Icon color */
      display: block;
  }
  a.child-trigger span:after {
      -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger.child-open span:after {
      -webkit-transform: rotate(-180deg);
       -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger.child-open span {
      -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
      transform: rotate(180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }

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


  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-flow-horizontal,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
      display: none;
  }  

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

  /* Mobile Menu Styles */
  .custom-menu-primary.js-enabled .hs-menu-flow-horizontal{
      position: absolute; /**************************************************************/
      top: 0;             /* Positions the menu to drop from the very top of the screen */
      left: 0px;          /**************************************************************/                                              
      width: 100%;   
      -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65);
      -moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.65);
      box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.65); 
  }
  .custom-menu-primary .hs-menu-flow-horizontal{
      padding: 40px 0 0 0; /* Padding to add room for close button */
      background-color: #000000; /* Menu background color set off global mobile-menuColor variable */
      width: 100%; /* Full screen width */
      z-index: 8888;
  }

   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal > ul > li{
      position: relative;
   }
  .custom-menu-primary .hs-menu-flow-horizontal > ul > li a{
      font-size: 22px; /* Font size of top level list items */
      line-height: 30px;
      overflow: visible;
      
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal ul li{
      border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-flow-horizontal ul li a{
      padding: 0 10px;
      
      
  }
  .custom-menu-primary .hs-menu-flow-horizontal ul li a:hover{
      color: rgba(0,0,0,0.5); /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal > ul ul li{
     background-color: rgba(255, 255, 255, .08);
     color: #26407d;
  }
  .custom-menu-primary .hs-menu-flow-horizontal > ul ul li a{
      text-indent: 10px; /* Indent Child lists */
      font-size: 16px; /* Font size of child lists */
      color: #26407d;
  }
  
  

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul li a{
      text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul ul li a{
      text-indent: 50px; /* Indent Child lists */
  }
}



/*FAQ form*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.faq_form h2{
    text-align: center;
    font-weight: normal;
     font-size: 26px;
    
}


.faq_form .hs-input{
    height: 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #d5d5d5;
    color: #656565 !important;
}

.faq_form textarea.hs-input{
    height: 70px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #d5d5d5;
    color: #656565 !important;
}


.faq_form .hs-button{
    background-color: #4a9bc9;
    border: none;
    height: 40px;
    width: 100%;
    color: #ffffff;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-size: 18px;
    font-family: 'Cabin', sans-serif;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 40px;
}




/*Norcross Landing pages*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.LP_header{
    height: 100px;
    margin-top: -20px;
}

.LP_header h1{
    color:#ffffff;
    font-family: 'Cabin', sans-serif;
    line-height: 100px;
}

.LP_left_column h1{
    color:#656565;
    font-weight: bold;
    font-family: 'Cabin', sans-serif;
    font-size: 44px;
    line-height: 54px;
}


.LP_left_column h2{
    color:#C15E40;
    text-align: left;
    font-weight: bold;
    font-family: 'Cabin', sans-serif;
     font-size: 28px;
      line-height: 36px;
}


.LP_left_column p{
    color: #656565 !important;
    font-family: 'Cabin', sans-serif;
    font-size: 16px;
    line-height: 20px;
}


.LP_left_column a{
    color: #5F5F5F !important;
}

.LP_left_column a:hover{
    color: #e06c4a !important;
}


.LP_left_column p{
    color: #8B8B8B;
    font-family: 'Cabin', sans-serif;
}

.LP_right_column h2{
    color:#C15E40;
    text-align: center;
    font-weight: normal;
    font-family: 'Cabin', sans-serif;
     font-size: 30px;
      line-height: 36px;
}


.LP_right_column p{
    color: #8B8B8B;
    font-family: 'Cabin', sans-serif;
}


.LP_right_column a{
    color: #5F5F5F !important;
}

.LP_right_column a:hover{
    color: #e06c4a !important;
}


.LP_right_column .hs-input{
    height: 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #d5d5d5;
    color: #656565 !important;
}



.LP_right_column .hs-button{
     background-color: rgb(242,148,45);
    border: none;
    height: 42px;
    width: 100%;
    color: #ffffff;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-size: 14px;
    font-family: 'Cabin', sans-serif;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 40px;
    box-shadow: 0px 1px 2px #000000;
    -webkit-transition-duration: .4s;
       -moz-transition-duration: .4s;
      transition-duration: .4s;
}

.hs-form.stacked label {display:none;} 

.download_description{
    background-color: #ffffff;
    
}



.download_description h2{
    color:#6e6e6e;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal;
    font-family: 'Cabin', sans-serif;
}


.download_description h3{
    color:#C15E40;
    font-size: 18px;
    
    font-weight: normal;
    font-family: 'Cabin', sans-serif;
}

.download_description p{
    color: #656565 !important;
    font-family: 'Cabin', sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.download_description ul li {
    color: #656565 !important;
    font-family: 'Cabin', sans-serif;
    font-size: 14px;
    
}

.norcross_footer{
    background-color: #333;
    text-align: center;
    float: none;
    padding-bottom: 20px;
}

.norcross_footer p{
    color: #5F5F5F !important;
}


.norcross_footer a{
    color: #5F5F5F !important;
}

.norcross_footer a:hover{
    color: #e06c4a !important;
}




/* interior_page_parallax*/
/*####################################################################################################################################################*/
/*####################################################################################################################################################*/
/*####################################################################################################################################################*/
/*####################################################################################################################################################*/
/*####################################################################################################################################################*/
/*####################################################################################################################################################*/
/*####################################################################################################################################################*/

.interior_page_parallax{
    background: url(//www.saintclairsystems.com/hubfs/NorcrossStClairWebsite/backgrounds/CanAndContainerPRLX.jpg) center center no-repeat fixed;
    min-height: 400px!important;
    text-align:center;
    padding-top: 100px;
    padding-bottom: 100px;
}

.interior_page_parallax .container{
    width: 70%!important;
     margin: 0 auto!important;
    float: none!important;
    text-align: center!important;
    display: inline-block;
    
}

.interior_page_parallax h1{
    color: #ffffff!important;
    font-size: 45px!important;
    text-align: center;
    margin-bottom: 20px;
}

.interior_page_parallax p{
    color: #ffffff!important;
    font-size: 29px!important;
    text-align: center;
    line-height: 35px!important;
}



/* END interior_page_parallax */
/*####################################################################################################################################################*/



/* Start Top_Menu start*/
/*####################################################################################################################################################*/
/*####################################################################################################################################################*/
/*####################################################################################################################################################*/
/*####################################################################################################################################################*/
/*####################################################################################################################################################*/
/*####################################################################################################################################################*/
/*####################################################################################################################################################*/

.Top_Menu{
    width: 100%!important;
    position: relative!important;
    margin: 0 auto!important;
    float: none!important;
    text-align: center!important;
    z-index: 99999999;
    display: inline-block;
    -webkit-transition-duration: .0s;
    -moz-transition-duration: .0s;
    transition-duration: .0s;
}


.Top_Menu ul li{
    display: inline-block!important;
    float: none!important;
    margin-top: 40px;
    margin-bottom: 40px;
    }



.Top_Menu ul li a{
    font-family: 'Lato', sans-serif;
    font-weight: bolder;
    font-size: 12px;
    color: #1f2323;
    padding: 0 !important;
    margin-left: 5px!important;
    margin-right: 5px!important;
    padding-left: 0px!important;
    white-space: nowrap;
    max-width: 200px!important;
    }
    
.Top_Menu ul li a:hover{
    color: #f95d05;
}    
    

.Primary_Navbar{
    width: 100%!important;
    margin: 0 auto!important;
    float: none!important;
    background-color: rgba(255,255,255,1);
    display: inline-block;  
    position: relative;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s;   
    z-index: 9999999999;
}

.Primary_Navbar .Container{
    width: 90%!important;
     margin: 0 auto!important;
    float: none!important;
    text-align: left!important;
    display: inline-block;
    background-color: transparent;
}


.top_menu_logo{
   width: 500px; 
   -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s;   
}
/* End Top_Menu */
/*####################################################################################################################################################*/



/*####################################################################################################################################################*/

        /* Custom Responsive Video Code Start */


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}


.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


        /* Custom Responsive Video Code End */
        
/*####################################################################################################################################################*/   

.caseStudyPage .products_banner {
  background: #f8f8f8;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 50px;
}

.caseStudyPage .products_banner h1 {
  color: rgb(247,109,67) !important;
}

.caseStudyPage form {
  background: #f8f8f8;
  border-radius: 5px;
  padding: 7%;
}


.caseStudyPage div,
.caseStudyPage p,
.caseStudyPage span,
.caseStudyPage li {
  font-family: 'Lato', arial, sans-serif !important;
}
    
.caseStudyPage p {
    font-size: 18px !important;
    line-height: 20px;
    color: #333;
    line-height: 1.5;
    font-weight: 400;
}

.caseStudyPage li {
    color: #333;
  font-weight: 400;
}


.caseStudyPage h1, .caseStudyPage h2, .caseStudyPage h3, .caseStudyPage h4, .caseStudyPage h5, .caseStudyPage h6 {
    font-family: 'Montserrat', sans-serif;
    margin: 10px 0;
    text-rendering: optimizelegibility;
    font-weight: 700 !important;
    color: #333;
}


.caseStudyPage .video-container {
    position: relative;
    padding-bottom: 0;
    padding-top: 0;
    height: initial;
}

.caseStudyPage .footer-container-wrapper {
  margin-top: 50px;
}

.caseStudyPage .products_banner br,
.caseStudyPage .products_banner p {
  display: none !important;
}

.header-container .hs_cos_wrapper_type_logo {
  text-align: center;
}

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

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

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

/* Labels */
body label {
    margin-bottom: 5px;
    font-weight: 700;
}
body .hs-form-field > label {}


/* Separate Styles for Multiple Line Inputs */
body textarea {
    min-height: 200px;
}
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: #555;
   opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
   /* color: #555;
   opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
   /* color: #555;
   opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
   /* color: #555;
   opacity: 1; */
}


/* Form Module
   ========================================================================== */

/* Form Field */
.hs_cos_wrapper_type_form .hs-form-field {}

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

/* Labels */
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form input[type="file"],
.hs_cos_wrapper_type_form textarea,
.hs_cos_wrapper_type_form select {
	    box-sizing: border-box;
    height: 50px;
    margin-top: 10px;
}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus, 
.hs_cos_wrapper_type_form input[type="date"]:focus, 
.hs_cos_wrapper_type_form input[type="month"]:focus, 
.hs_cos_wrapper_type_form input[type="time"]:focus, 
.hs_cos_wrapper_type_form input[type="week"]:focus, 
.hs_cos_wrapper_type_form input[type="number"]:focus, 
.hs_cos_wrapper_type_form input[type="email"]:focus, 
.hs_cos_wrapper_type_form input[type="url"]:focus, 
.hs_cos_wrapper_type_form input[type="search"]:focus, 
.hs_cos_wrapper_type_form input[type="tel"]:focus, 
.hs_cos_wrapper_type_form input[type="color"]:focus,
.hs_cos_wrapper_type_form input[type="file"]:focus,
.hs_cos_wrapper_type_form textarea:focus,
.hs_cos_wrapper_type_form select:focus {}

/* Separate Styles for Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {}
.hs_cos_wrapper_type_form textarea:focus {}

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

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}

body .hs-button.primary, body input[type="submit"] {
	background: rgb(247,109,67);
  color: #fff;
      border-color: transparent;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
}

form .actions {
	text-align: right;
}

.hs-form .hs-error-msgs > li > label {
    color: rgba(255, 0, 0, 0.7803921568627451);
}