/*@import url(http://fonts.googleapis.com/css?family=Share+Tech|Inika|Oxygen:400,700);*/

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


/* Share Tech Normal */
@font-face {
 font-family: 'Share Tech'; 
 src: url('https://www.supplytechnologies.com/hubfs/fonts/share%20tech%20400.woff2') format('woff2');
}

/* Oxygen Normal */
@font-face {
 font-family: 'Oxygen'; 
 src: url('https://www.supplytechnologies.com/hubfs/fonts/oxygen%20400.woff2') format('woff2');
}

/* Oxygen Bold */
@font-face {
 font-family: 'Oxygen'; 
 src: url('https://www.supplytechnologies.com/hubfs/fonts/oxygen%20700.woff2') format('woff2');
 font-weight:700;
}

/* Inika Normal */
@font-face {
 font-family: 'Inika'; 
 src: url('https://www.supplytechnologies.com/hubfs/fonts/inika%20400.woff2') format('woff2');
}



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

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


/* Your website background color (background:#fff;) */
html, body {} 

body {
    margin:0px;
    background: #FFF;
    font-family :'Oxygen', Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight: 400;
    color: #164D7C;
    line-height: 24px;
    
}

.fixed-header-nav { clear: both; top: 0px; width: 100%; position: fixed; z-index: 999; background: #FFFFFF; }

.stl-header { background: #FFFFFF; background-image:url(//cdn2.hubspot.net/hub/336770/file-742170453-png/site-images/header-art-new.png); background-repeat:no-repeat; background-position:center;}
.stl-footer { border-top: 12px solid #FF9933; width: 100%; background: #676767; padding: 20px 0px; }
.stl-main-wide { height: 100%; width: 100%; border-radius: 0px; }
.stl-main-fixed { padding: 0px 20px;}

.stl-main-nav-fixed { margin: 7px 20px -8px 20px;}
.stl-main-nav-wide-blue { margin: 0px; border-radius: 0px; background: #164D7C; }

.stl-main-wide-blue { padding: 40px 0px 40px 0px; width: 100%; border-radius: 0px; background: #164D7C; }
.stl-main-wide-white { padding: 40px 0px 40px 0px; width: 100%; border-radius: 0px; background: #FFF; }
.stl-main-wide-white-border { padding: 15px; margin: 30px 0px 30px 0px; width: 100%; border:1px solid #CECECE; border-radius: 0px; background: #FFF; }

.stl-main-wide-white-border ul{padding-left:0px!important;list-style-type:none}
.stl-main-wide-white-border ul .lists_dw{padding-left:20px!important;}

.stl-main-wide-white-border ul .lists_dw li{color: #164D7C!important;}

.stl-main-wide-white-border ul .lists_dw li a{color: #164D7C!important;text-decoration:none!important;}

.stl-main-wide-total-supply { padding: 40px 0px 40px 0px; background: #FFFFFF; background-image:url(//cdn2.hubspot.net/hub/336770/file-594115057-jpg/site-images/bk-img/470419693.jpg); background-size: cover; background-repeat:no-repeat; background-attachment:fixed; background-position:center;}
.stl-main-wide-efficiency { padding: 40px 0px 40px 0px; background: #FFFFFF; background-image:url(//cdn2.hubspot.net/hub/336770/file-594173727-jpg/site-images/bk-img/470419685.jpg); background-size: cover; background-repeat:no-repeat; background-attachment:fixed; background-position:center;}
.stl-main-wide-core-comp { border-top: 12px solid #FF9933; padding: 40px 0px 40px 0px; background: #FFFFFF; background-image:url(//cdn2.hubspot.net/hub/336770/file-593594218-jpg/site-images/bk-img/166091073b-wide.jpg); background-size: 100% 100%; background-repeat:no-repeat; background-position:center; }

.hm-blog-feed-icon { padding: 40px 0px 40px 0px; background: #FFFFFF; background-image:url(//cdn2.hubspot.net/hub/336770/file-598814020-jpg/site-images/bk-img/blog-icon-img.jpg); background-size: 100% 100%; background-repeat:no-repeat; background-position:center; }
.hm-blog-feed-icon h1 { font-family: 'Share Tech', sans-serif; font-weight: 300; font-size: 32px; }
.hm-blog-feed { max-width: 100%; color: #716856; }
.hs-rss-author { font-family: 'Oxygen', sans-serif; color: #716856; font-weight: 700; font-size: 14px; line-height: 18px; }
.hs-rss-date { font-family: 'Oxygen', sans-serif; color: #716856; font-weight: 700; font-size: 14px; line-height: 18px; }
.hs-rss-title { text-transform: uppercase; font-family: 'Share Tech', sans-serif; color: #164D7C; font-weight: 300; font-size: 22px; line-height: 24px; }
.hs-rss-description { font-weight: 300; }
.hs-rss-description a {
    display:inline !important;
    margin-left: 8px !important;
    font-family: 'Share Tech', sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize; 
    width:auto;
    padding: 4px 8px !important;
    text-decoration: none !important;
    background: #164D7C;
    color: #FFF;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration:none;
    border: none;

}

.hs-rss-description a:hover {
    background: #FF9933;
    color: #000;
    text-decoration:none;
    border: none;
}

a {
    color: #0000FF;
    text-decoration:none;
}
a:hover, a:focus {
    text-decoration:underline;
}

.cta1 { text-align: left; border:1px solid #CECECE; border-width: 0px 1px 0 0px; height:100%; padding: 5px 25px 5px 0px;}
.cta2 { text-align: center; padding: 5px 0px 5px 0px;}
.cta3 { text-align: right; border:1px solid #CECECE; border-width: 0px 0px 0 1px; height:100%; padding: 5px 0px 5px 25px;}

.stl-read-more a {
    display:inline !important;
    margin-left: 8px !important;
    font-family: 'Share Tech', sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize; 
    width:auto;
    padding: 4px 8px !important;
    text-decoration: none !important;
    background: #FF9933;
    color: #000;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration:none;
    border: none;

}

.stl-read-more a:hover {
    background: #716856;
    color: #FFF;
    text-decoration:none;
    border: none;
}

.icon-left-ms { display: block; }

.icon-left-ms img { padding-top: 0px; padding-right: 20px; margin: 0px; float: left; vertical-align:top; }

hr { display: block; border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin:50px 0px 50px; }

.icon-left-ms img { display: block; padding-top: 0px; padding-right: 20px; margin: 0px; float: left; vertical-align:top; }

.p1-markets { font-size: 13px; line-height: 20px; }


.gallery-slider { background: transparent; background-size: cover; background-repeat:no-repeat; background-attachment:fixed; background-position:center; margin-bottom: -50px; margin-top: 1px;}
.gallery-slider img { height: 430px; width: 100%; } /* HubSpot Support added important tag 12-1-14 to the height declaration to override the 100% height applied by public-common css for the image gallery - goal was to reduce the height of the gallery 
Removed the important tag at request of Alliyah Seo*/
.gallery-txt { text-shadow: 3px 3px 3px rgba(0, 0, 0, .75); }

.header-slider-txt-box { background-color: #fff; background-color: rgba(255,255,255,0.8);}
.header-slider { background-size: cover; background-repeat:no-repeat; background-attachment:fixed; background-position:center; margin-bottom: -90px; margin-top: 165px; }
.header-slider img { height: 200px; width: 100%; }
.header-slider .caption { margin: -44px 60px 0px;}

.caption { margin: -100px 60px 0px;}
.caption h1 { text-align:left; font-family: 'Inika', serif; font-weight: 300; font-size: 48px; color: #FFF; line-height: 52px; margin: 2px; text-transform: uppercase; text-shadow: 3px 3px 3px rgba(0, 0, 0, .75); }
.caption h2 { text-align:left; font-family: 'Inika', serif; font-weight: 300; font-size: 38px; color: #FFF; line-height: 38px; margin: 2px; text-transform: capitalize; text-shadow: 3px 3px 3px rgba(0, 0, 0, .75); }
.our-adv { max-width: none; float: left; margin: -50px 0px 0px 0px;}


.courtesy-links { display: block; float: right; color: #676767; font-family: 'Share Tech', sans-serif;  position:relative; right:0px; top:38px; width:400px; font-size: 16px; text-transform: uppercase; }
.courtesy-links a { text-decoration:none; color: #676767; }
.courtesy-links a:hover, a:active { text-decoration:none; background-color:transparent; color: #164D7C; }

.raq { color: #676767; font-family: 'Share Tech', sans-serif;  position:relative; right:0px; top:28px; font-size: 16px; }
.raq a {
    display:inline !important;
    margin-left: 8px !important;
    font-family: 'Share Tech', sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize; 
    width:auto;
    padding: 4px 8px !important;
    text-decoration: none !important;
    background: #FF9933;
    color: #000;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration:none;
    border: none;

}

.raq a:hover {
    background: #716856;
    color: #FFF;
    text-decoration:none;
    border: none;
}
.raq-blue { color: #676767; font-family: 'Share Tech', sans-serif;  position:relative; right:0px; top:28px; font-size: 16px; }
.raq-blue a {
    display:inline !important;
    margin-left: 8px !important;
    font-family: 'Share Tech', sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize; 
    width:auto;
    padding: 4px 8px !important;
    text-decoration: none !important;
    background: #0677b3;
    color: #FFF;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration:none;
    border: none;

}
.raq-blue a:hover {
    background: #716856;
    color: #FFF;
    text-decoration:none;
    border: none;
}
.stl-main-logo { position:relative; left:0px; top:0px; margin: 15px 0px;}

.icon-right {padding: 10px; margin: 10px; text-align: center; float: right; position:relative; right:0px; top:-10px; }
.icon-left {padding: 10px; margin: 10px; text-align: center; float: left; position:relative; left:0px; top:-10px; }
.icon-center { padding: 0px; margin-left:auto; margin-right:auto; display: block; text-align: center; width:100%; position:relative; }


/* Direction Nav */
.gallery-slider .hs_cos_flex-direction-nav {*height: 0;}
.gallery-slider .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.gallery-slider .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.gallery-slider .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.gallery-slider .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 1; right: 25px;}
.gallery-slider .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 1; left: 20px;}
.gallery-slider .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.gallery-slider .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.header-slider .hs_cos_flex-direction-nav {display: none;}



/* ------ Typography ------ */
/* Basic text */
p {font-family: 'Oxygen', sans-serif; font-weight:400;} 
small {}
strong {font-family: 'Oxygen', sans-serif; font-weight:700;}
em {}
cite {}

.p1 a {color: #164D7C;} 
a {color: #164D7C;} 

/* Headings */
/*h1, h2, h3, h4, h5, h6 {
    font-family: 'Share Tech', sans-serif;
}*/

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

h1 {
    font-family: 'Share Tech', sans-serif;
    font-weight: 300;
    font-size: 38px;
    color: #164D7C;
    line-height: 40px;
    text-transform: uppercase; 
}
h2 {
    font-family: 'Share Tech', sans-serif;
    font-weight: 300;
    font-size: 32px;
    color: #ff9933;
    line-height: 34px;
    text-transform: uppercase; 
}
h3 {
    font-family: 'Share Tech', sans-serif;
    font-weight: 200;
    font-size: 20px;
    line-height :22px;
    color :#FF9933;
    text-transform: capitalize; 
}
h4 {font-family: 'Oxygen', sans-serif; }
h5 {font-family: 'Oxygen', sans-serif; }
h6 {font-family: 'Oxygen', sans-serif; }

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

li {content: "• "; color: #ff9933;}

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



/* ------ Tables ------ */

table,td,th
{
border:1px solid #CECECE;
border-collapse:collapse;
}
table
{
width:100%;
}
th
{
height:50px;
background-color:#164D7C;
color:white;
}
td, th
{
padding:5px;
}


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

.header-container .page-center{}
.body-container .page-center{}
.footer-container .page-center{}

.page-center {
    max-width: 1024px;
    margin-left: auto !important;
    float: none !important;
    margin-right: auto !important;
}

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

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


/*********************************Bubbles Style's*********************************************/

    
    
    .panel {
    	position:			relative;
		margin:				auto;
		background:			url(//cdn2.hubspot.net/hub/336770/file-742696624-png/CORE-back.png) no-repeat top left;
        background-size:100%;
        border:1px solid #ffffff;
		width:				520px;
		height:				520px;
	}
    
    
    .panel a{text-decoration:none;}
	
	.moreinfo {
	}
	
	.moreinfo1 {
	position: absolute;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
    background:url(//cdn2.hubspot.net/hub/336770/file-748654786-png/intranet-off.png) no-repeat top left;
    background-size:100%;
	width: 100px;
	height: 49px;
	top: 31px;
	left:210px;
	}
    
    
    .moreinfo1 .floatingpanel{margin-left:-105px;margin-top:70px;}
    
    .moreinfo1:hover{background:url(//cdn2.hubspot.net/hub/336770/file-743437174-png/intranet-on.png) no-repeat top left;
    background-size:100%;}
    
	.moreinfo1:hover .floatingpanel {
    	display:block;}
    
    
    
	.moreinfo2 {
	position: absolute;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	width: 105px;
	height: 70px;
	top:100px;
	left:394px;
    background:url(//cdn2.hubspot.net/hub/336770/file-777891685-png/best-class-off.png) no-repeat top left;
    background-size:100%;
	}
    
    .moreinfo2:hover{background:url(//cdn2.hubspot.net/hub/336770/file-775969177-png/best-class-on.png) no-repeat top left;
    background-size:100%;}
    
    .moreinfo2:hover .floatingpanel {margin-left:-290px!important;margin-top:26px!important;
    	display:block;}
	
	.moreinfo3{
	position: absolute;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	width: 107px;
	height: 61px;
	top: 345px;
	left: 400px;
    background:url(//cdn2.hubspot.net/hub/336770/file-743452234-png/internet-off.png) no-repeat top left;
    background-size:100%;
  }
  .moreinfo3:hover{background:url(//cdn2.hubspot.net/hub/336770/file-743452244-png/internet-on.png) no-repeat top left;
    background-size:100%;}
  
  .moreinfo3:hover .floatingpanel {margin-left:-295px!important;margin-top:-220px!important;
    	display:block;}
  
.moreinfo4{
	position: absolute;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	width: 150px;
	height: 63px!important;
	top: 434px;
	left: 188px;
    background:url(//cdn2.hubspot.net/hub/336770/file-752678550-png/partner-coll-off.png) no-repeat top left;
    background-size:100%;
}
.moreinfo4:hover{background:url(//cdn2.hubspot.net/hub/336770/file-747356368-png/partner-coll-on.png) no-repeat top left;
    background-size:100%;}
.moreinfo4:hover .floatingpanel {margin-top:-308px!important;margin-left:-85px!important;
    	display:block;}

.moreinfo5{
	position: absolute;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	width: 90px!important;
	height: 63px;
	top: 345px;
	left: 18px;
    background:url(//cdn2.hubspot.net/hub/336770/file-747361453-png/mobile-off.png) no-repeat top left;
    background-size:100%;
}
.moreinfo5:hover{background:url(//cdn2.hubspot.net/hub/336770/file-747361423-png/mobile-on.png) no-repeat top left;
    background-size:100%;}

.moreinfo5:hover .floatingpanel {margin-left:88px!important;margin-top:-218px!important;
    	display:block;}
	
.moreinfo6{
	position: absolute;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	width: 55px;
	height: 53px;
	top: 120px;
	left: 25px;
    background:url(//cdn2.hubspot.net/hub/336770/file-748729856-png/edi-off.png) no-repeat top left;
    background-size:100%;
}

.moreinfo6:hover{background:url(//cdn2.hubspot.net/hub/336770/file-748729861-png/edi-on.png) no-repeat top left;
    background-size:100%;}
    
.moreinfo6:hover .floatingpanel {margin-left:80px!important;margin-top:5px!important;
    	display:block;}	
	
	
	
	.floatingpanel {
    	position:relative;
		display:block;
		margin-top:	0px;
		margin-left:-3px;
		width: 300px!important;
        height: 260px!important;
		padding-top:20px;
        padding-left:10px;
		padding-right:10px;
        padding-bottom:10px;
		background:	url(//cdn2.hubspot.net/hub/336770/file-753063935-png/txt-block.png) no-repeat top left;
        background-size:100% 100%;
        
		text-indent:0px;
		color:	#333333;
		display:none;
	}
    
	
	
        
	
    .floatingpanel h2 {
		margin:	1px!important;
		padding:0!important;
	    font-weight:bold;
		font-size:14px!important;
        color:#f7921e;
	}
	
	.floatingpanel p {
        margin:0px;
	    padding:0 5px!important;
		color:#333333;
        font-size:12px!important;
	}

/*********************************Bubbles Style's(Supply Page)*********************************************/

#panel1 {
    	position:			relative;
		margin:				auto;
		background:			url(//cdn2.hubspot.net/hub/336770/file-844256100-png/total-supply-back.png) no-repeat top left;
		width:				600px;
		height:				600px;
	}
	
	.supplyinfo {
	}
	
	.supplyinfo1 {
	position: absolute;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	width: 154px;
	height: 75px;
	top: 138px;
	left:410px;
    background:url(//www.supplytechnologies.com/hs-fs/hub/336770/file-837062446-png/Supply-Mangament-icons/logistics-w.png)no-repeat top left;
    background-size:100%!important;
	}
    
    .supplyinfo1:hover{background:url(//www.supplytechnologies.com/hs-fs/hub/336770/file-837062491-png/Supply-Mangament-icons/logistics-o.png)no-repeat top left;
    background-size:100%;}
    
	.supplyinfo1:hover .txt-block {
		display:block;
        margin-top:82px;margin-left:-268px;
	}	
	
	.supplyinfo2 {
	position: absolute;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	width: 81px;
	height: 110px;
	top:218px;
	left:478px;
    
    background:url(//www.supplytechnologies.com/hs-fs/hub/336770/file-835845123-png/Supply-Mangament-icons/global-sourcing-w.png)no-repeat top left;
    background-size:100%;
	}
    
      .supplyinfo2:hover{background:url(//www.supplytechnologies.com/hs-fs/hub/336770/file-841465705-png/Supply-Mangament-icons/global-sourcing-o.png)no-repeat top left;
    background-size:100%;}
    
	.supplyinfo2:hover .txt-block {
		display:			block;
        margin-top:2px;margin-left:-336px;
	}	
	
	.supplyinfo3{
	position: absolute;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	width: 118px;
    height: 125px;
    top: 345px;
    left: 465px;
  
    background:url(//www.supplytechnologies.com/hs-fs/hub/336770/file-837157651-png/Supply-Mangament-icons/custom-program-development-w.png)no-repeat top left;
      background-size:100%;
  }
    .supplyinfo3:hover{background:url(//www.supplytechnologies.com/hs-fs/hub/336770/file-837242671-png/Supply-Mangament-icons/custom-program-development-o.png)no-repeat top left;
    background-size:100%;}
    
  .supplyinfo3:hover .txt-block {
		display:			block;margin-top:-124px;margin-left:-322px;
	}	
  
.supplyinfo4{
	position: absolute;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	width: 142px;
    height: 86px;
    top: 493px;
    left: 415px;
   
    background:url(//www.supplytechnologies.com/hs-fs/hub/336770/file-833832384-png/Supply-Mangament-icons/implementation-w.png)no-repeat top left;
     background-size:100%;
}

  .supplyinfo4:hover{background:url(//www.supplytechnologies.com/hs-fs/hub/336770/file-836040208-png/Supply-Mangament-icons/implementation-o.png)no-repeat top left;
    background-size:100%;}
    
.supplyinfo4:hover .txt-block {
		display:block;margin-top:-272px;margin-left:-272px;
	}
    
.supplyinfo4 .txt-block h2{margin:0px!important;}

.supplyinfo5{
	position: absolute;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	width: 162px;
    height: 76px;
    top: 505px;
    left: 60px;
   
    background:url(//www.supplytechnologies.com/hs-fs/hub/336770/file-833852434-png/Supply-Mangament-icons/quality-assurance-w.png)no-repeat top left;
     background-size:100%;
}

  .supplyinfo5:hover{background:url(//www.supplytechnologies.com/hs-fs/hub/336770/file-837312736-png/Supply-Mangament-icons/quality-assurance-o.png)no-repeat top left;
    background-size:100%;}

 .supplyinfo5:hover .txt-block {
		display:			block;margin-left:82px;margin-top:-284px;
	}	
	
	.supplyinfo6{
	position: absolute;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	width: 110px;
    height: 116px;
    top: 337px;
    left: 26px;
    background:url(//www.supplytechnologies.com/hs-fs/hub/336770/file-833882514-png/Supply-Mangament-icons/engineering-efficiency-w.png)no-repeat top left;
    background-size:100%;
}


  .supplyinfo6:hover{background:url(//www.supplytechnologies.com/hs-fs/hub/336770/file-837332801-png/Supply-Mangament-icons/engineering-efficiency-o.png)no-repeat top left;
    background-size:100%;!important}

.supplyinfo6:hover .txt-block {
		display:			block;margin-left:116px;margin-top:-116px;
	}	
.supplyinfo7{
	position: absolute;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	width: 119px;
    height: 127px;
    top: 150px;
    left: 30px;
    background:url(//www.supplytechnologies.com/hs-fs/hub/336770/file-837357841-png/Supply-Mangament-icons/advanced-technologies-w.png)no-repeat top left;
    background-size:100%!important;
}
  .supplyinfo7:hover{background:url(//www.supplytechnologies.com/hs-fs/hub/336770/file-837357881-png/Supply-Mangament-icons/advanced-technologies-o.png)no-repeat top left;
    background-size:100%;}

.supplyinfo7:hover .txt-block {
		display:			block;margin-top:71px;margin-left:112px;
	}	
	
	
	
	.txt-block {
		position:relative;
    	display:block;
		margin-top:	0px;
		margin-left:-3px;
		width: 320px!important;
        height: 280px!important;
		padding-top:20px;
        padding-left:20px;
		padding-right:30px;
        padding-bottom:10px;
		background:	url(//www.supplytechnologies.com/hs-fs/hub/336770/file-2532172230-png/Supply-Mangament-icons/txt-block.png) no-repeat top left;
        background-size:100% 100%;
        
		text-indent:0px;
		color:	#333333;
		display:none;
	}
	
	
	
	.txt-block h2 {
		margin:				0;
		padding:			0;
		font-weight:bold;
    	font-size:14px!important;
        color:#f7921e;
        
	}
	
	.txt-block p {
		margin:	0!important;
		margin-top:	3px;
		padding:5px!important;
		color:#333333;
        font-size:12px!important;
        line-height:20px;
	}
    
    
    
/* ------ ************************************Toggles contact************************************------ */


.accordion2 {
    width:300px;

}
.accordion2 h3 {
	background:url(//cdn2.hubspot.net/hub/336770/file-759569092-png/arrow_down.png)no-repeat left top;
	margin: 0!important;
	color: rgb(22, 77, 124);
	cursor: pointer;
    line-height: 26px;
    padding-left: 40px;
    font-size: 18px;
    font-weight: 600;
    font-family: arial,helvetica,sans-serif;
    
}

.accordion2 h3:hover {

}
.accordion2 h3.active {
 background:url(//cdn2.hubspot.net/hub/336770/file-757516081-png/arrow_up.png) no-repeat left top;
 
}

.accordion2 p {
	margin: 0!important;
	padding: 10px 15px 20px;
    display: none;
}

.contact_toggles{margin-top:25px!important;}

.Europe,.mexico h2{
    margin:0px !important;
}






/* ------ 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 {text-align:center;}
 
.hs-menu-wrapper {text-align:center;}

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

/*---------------------Common Menu Style-------------*/
.hs-menu-wrapper {text-align:center;}

.hs-menu-wrapper > ul {
    display:block !important;
	padding-bottom:15px !important;
    background-color:transparent;
}

.hs-menu-wrapper > ul > li {
    background: url() no-repeat scroll right center;
    padding-right:0px;
}

.hs-menu-wrapper > ul > li > a{
	display:block !important;
    font-family: 'Share Tech', sans-serif;
    font-size: 18px;
    line-height: 24px;
    text-transform: capitalize; 
    max-width: 100% !important;
    padding: 4px 22px !important;
    margin: 0px 15px !important;
    background: transparent;
    color: #FFF;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.hs-menu-wrapper  ul  li  a {}

.hs-menu-wrapper  ul  li  a:hover {
    background: #FF9933;
    color: #000;
}

.hs-menu-wrapper > ul > li:hover > a {
    background: #FF9933;
    color: #000;
}

.hs-menu-wrapper > ul > li:active > a {
    background: #FF9933;
    color: #000;
}

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

.hs-menu-wrapper ul ul {
    background: #FFF;
    border:0px solid #ababab;
}

.hs-menu-wrapper ul ul li{}

.hs-menu-wrapper ul ul li a{
    color: #666666;
    padding: 4px 10px !important;
    width:auto !important;
    max-width:none !important;
}

.hs-menu-wrapper ul ul li.hs-item-has-children{
    background:url("") no-repeat 96% center;
}

.hs-menu-wrapper ul ul li.hs-item-has-children:hover{
    background:url("") no-repeat 96% center ;
}

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

.hs-menu-wrapper ul ul li a:hover{
    background:#FF9933 !important;
}

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

.hs-menu-wrapper ul ul ul li a:hover {
    background:#FF9933 !important;
    color: #FFFFFF;
}

.hs-menu-wrapper.hs-menu-flow-horizontal .active-branch>a {background-color:#FF9933; color: #000000;}

.sidelinks {background-color:#FF9933; box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none; 
color: #000000; 
padding: 0px 0px 0px 10px;
-moz-border-radius: 6px;
border-radius: 6px; }


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

.header-container .hs-menu-flow-horizontal {text-align:center;}

.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:last-child {
    background:none;
    padding:0 !important;
}

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


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

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

.header-container .hs-menu-flow-horizontal ul ul {display:none;}

.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:last-child {
    background:none;
    padding:0 !important;
}

.body-container .hs-menu-flow-horizontal > ul > li > a {
    padding: 4px 25px !important;

}

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

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

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

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

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

.footer-container .hs-menu-flow-horizontal > ul > li:last-child {
    background:none;
    padding:0 !important;
}

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

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

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

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

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

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

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

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

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

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

.hs-menu-flow-vertical {}

.hs-menu-flow-vertical > ul {
    background:none;
}

.hs-menu-flow-vertical > ul > li {
    background:none;
}

.hs-menu-flow-vertical > ul > li > a {
    background:url(//cdn2.hubspot.net/hub/336770/file-395209561-jpg/images/side_menu_bg.jpg) no-repeat left center;
    font-size:10px;
    font-weight:bold;
    color: #000000;
    padding: 0 15px !important;
    width:auto !important;
    max-width:none !important;
}

.hs-menu-flow-vertical ul li a:hover {
    background:url(//cdn2.hubspot.net/hub/336770/file-395925877-jpg/images/side_menu_bg_hover.jpg) no-repeat left center;
    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 {}

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

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

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



/* ------ Content ------ */
.body-container-wrapper {}
.body-container {}

font-family: 'Share Tech', sans-serif;
    font-weight: 300;
    font-size: 38px;
    color: #164D7C;
    line-height: 42px;
    text-transform: uppercase; 
    
/* ------ Blog ------ */
/* Your basic blog wrapper */
.blog-listing-wrapper {}

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {}
.blog-listing-wrapper .post-listing .post-item .post-body {}

.more-link {
    display:inline !important;
    font-family: 'Share Tech', sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize; 
    width:auto;
    padding: 4px 8px !important;
    text-decoration: none !important;
    background: #164D7C;
    color: #FFF;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration:none;
    border: none;

}

.more-link:hover {
    background: #FF9933;
    color: #000;
    text-decoration:none;
    border: none;
}

/* Blog comments and blog comment form */
#blog-comment-form  div.hs-form-field {}

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

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

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

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

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

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

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

#comment-form {
   border: 1px solid #DDDDDD;
   margin: 20px;
   padding: 20px;
}
.post-item {
   border-bottom: 1px solid #DDDDDD;
   margin-bottom: 25px;
   padding-bottom: 25px;
}

#comments-listing {
    border: 1px solid #E2E2E2;
    display: block;
    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;
}

.input ul {
   list-style: none outside none;
   padding-left: 0;
}
input[type="number"] {
   -moz-box-sizing: border-box;
   display: inline-block;
   min-height: 30px;
   padding: 6px;
   width: 100%;
}
input.hs-input[type="radio"] {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
   border: medium none !important;
   box-shadow: none !important;
   margin:0px !important;
}

h2, .section h2 a, .post-header h2 a, .section h2 a:hover, .post-header h2 a:hover {
    font-family: 'Share Tech', sans-serif;
    font-weight: 300;
    font-size: 28px;
    line-height :32px;
    color :#716856;
    text-transform: capitalize;
    text-decoration:none;
}

#hs_cos_wrapper_blog_subscription .hs-button.primary{
    display:inline !important;
    font-family: 'Share Tech', sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize; 
    width:auto;
    padding: 4px 8px !important;
    text-decoration: none !important;
    background: #164D7C;
    color: #FFF;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration:none;
    border: none;

}

#hs_cos_wrapper_blog_subscription .hs-button.primary:hover{
    background: #FF9933;
    color: #000;
    text-decoration:none;
    border: none;
}

.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 {
    padding:2px !important;
    margin: 2px 0 15px 0;
}
.hs-input:hover {}
.hs-input:focus {}

.field label {}


/* ------ Buttons ------ */
.hs-button {}
.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 {}

/* Your basic footer container */
.footer-container {}


/* ------ Misc ------ */
/* Any overflow styles can go in this space */
custom_logo{}
.custom_copyright{
    color: #999999;
    font-size: 10px;
    text-align:center;
    line-height:16px;
    background: #676767;
    font-family :'Oxygen', Arial,Helvetica, sans-serif; 
}

.custom_top_link h2{
    color: #999999;
    font-size:16px;
    font-weight: 700;
    line-height: 18px;
}

.custom_top_link{
    text-align:right;
    padding:77px 18px 6px 0 !important;
}

.custom_top_link h2 a{
    color: #999999;
    font-size:15px;
    text-decoration:none;
}


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


/* Landscape phone to portrait tablet */
@media (max-width: 970px) {

.fixed-header-nav { position: static; z-index: 999; }
    
body {
        padding-left: 0px;
        padding-right: 0px;
    }
	.header-container .hs-menu-flow-horizontal > ul > li,
	.body-container .hs-menu-flow-horizontal > ul > li{
     	width:100%;
     	text-align:center;
	}
	.header-container .hs-menu-flow-horizontal > ul > li a,
	.body-container .hs-menu-flow-horizontal > ul > li a{
     	max-width:none !important;
	}
    
    .hs-menu-wrapper > ul > li {
        background:none;
    }

	.header-container .hs_cos_wrapper_type_logo {
		text-align:center;
	}
	.hs-menu-wrapper ul ul {
       		width: auto;
       		text-align: left;
       		left: 50% !important;
   }
   .hs-menu-wrapper ul ul ul {
           	width: auto;
       		text-align: left;
       		left: 50% !important;
   }
   
   .custom_logo{
       text-align:center;
   }
   .custom_top_link{
       text-align:center;
       padding:0 !important;
   }
   
.cta1 { border: 0px; text-align: center; padding: 0px 0px 5px 0px;}
.cta2 { border: 0px; text-align: center; padding: 10px 0px 10px 0px;}
.cta3 { border: 0px; text-align: center; padding: 5px 0px 0px 0px;}

.courtesy-links { display: block; float: right; color: #676767; font-family: 'Share Tech', sans-serif;  position:relative; right:0px; width:400px; font-size: 16px; text-transform: uppercase; }
.raq { color: #676767; font-family: 'Share Tech', sans-serif;  position:relative; right:0px; font-size: 16px; }


.gallery-slider { margin-top: 2px; margin-bottom: -45px; } /* HS SUPPORT - Changed margin-top to 2 px after removing fixed positioning on top menu for iPad screen sizes */
.gallery-slider img { height: 280px; width: 100%; }
.header-slider { margin-top: 2px; margin-bottom: -105px; } /* Changed margin-top to 2 px after removing fixed positioning on top menu for iPad screen sizes */
.header-slider .caption { margin: -30px 0px 0px; min-width:100%; }
.caption { margin: -58px 0px 0px; max-width: 970px; }
.caption h1 { text-align:left; font-family: 'Inika', serif; font-weight: 300; font-size: 34px; color: #FFF; line-height: 42px; margin: 2px; text-transform: uppercase; text-shadow: 3px 3px 3px rgba(0, 0, 0, 1); }
.caption h2 { text-align:left; font-family: 'Inika', serif; font-weight: 300; font-size: 24px; color: #FFF; line-height: 32px; margin: 2px; text-transform: capitalize; text-shadow: 3px 3px 3px rgba(0, 0, 0, 1); }

.stl-header { background: transparent; }
.body-container .hs-menu-flow-horizontal > ul > li > a {
    padding: 0px 0px !important;
}
.hs-rss-description a {
    display:block !important;
    margin-top: 6px !important;
    margin-left: 0px !important;
    font-family: 'Share Tech', sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize; 
    text-align: center; 
    width:100px;
    padding: 4px 8px !important;
    text-decoration: none !important;
    background: #164D7C;
    color: #FFF;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration:none;
    border: none;

}

.hs-rss-description a:hover {
    background: #FF9933;
    color: #000;
    text-decoration:none;
    border: none;
}

}

     
/* Landscape phones and down */
@media (max-width: 480px) { 
    
.fixed-header-nav { position: static; z-index: 999; }

.gallery-slider { margin-top: 0px; margin-bottom: -45px; }
.gallery-slider img { height: 280px; width: 100%; }
.header-slider { margin-top: 0px; margin-bottom: -105px; }
.header-slider .caption { margin: -30px 0px 0px; min-width:100%; }
.caption { margin: -58px 0px 0px; max-width: 970px; }
.caption h1 { text-align:left; font-family: 'Inika', serif; font-weight: 300; font-size: 34px; color: #FFF; line-height: 42px; margin: 2px; text-transform: uppercase; text-shadow: 3px 3px 3px rgba(0, 0, 0, 1); }
.caption h2 { text-align:left; font-family: 'Inika', serif; font-weight: 300; font-size: 24px; color: #FFF; line-height: 32px; margin: 2px; text-transform: capitalize; text-shadow: 3px 3px 3px rgba(0, 0, 0, 1); }

.body-container .hs-menu-flow-horizontal > ul > li > a {
    padding: 0px 0px !important;
}

/*---------------------Common Menu Style-------------*/
.hs-menu-wrapper {text-align:center;}

.hs-menu-wrapper > ul {
    display:block !important;
    padding-bottom:15px !important;
    background-color:transparent;
}

.hs-menu-wrapper > ul > li {
    background: url() no-repeat scroll right center;
    padding-right:0px;
}

.hs-menu-wrapper > ul > li > a{
	display:block !important;
    font-family: 'Share Tech', sans-serif;
    font-size: 18px;
    line-height: 24px;
    text-transform: capitalize; 
    max-width: 90% !important;
    padding:5px 5px !important;
    margin: 0px 0px !important;
    background: transparent;
    color: #FFF;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


.hs-menu-wrapper  ul  li  a {}

.hs-menu-wrapper  ul  li  a:hover {
    background: #FF9933;
    color: #000;
}

.hs-menu-wrapper > ul > li:hover > a {
    background: #FF9933;
    color: #000;
}

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

.hs-menu-wrapper ul ul {
    background: #FFF;
    border:0px solid #ababab;
}

.hs-menu-wrapper ul ul li{}

.hs-menu-wrapper ul ul li a{
    color: #666666;
    padding: 0px 0px !important;
    width:auto !important;
    max-width:none !important;
}
.hs-rss-description a {
    display:block !important;
    margin-top: 6px !important;
    margin-left: 0px !important;
    font-family: 'Share Tech', sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize; 
    text-align: center; 
    width:100px;
    padding: 4px 8px !important;
    text-decoration: none !important;
    background: #164D7C;
    color: #FFF;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration:none;
    border: none;

}

.hs-rss-description a:hover {
    background: #FF9933;
    color: #000;
    text-decoration:none;
    border: none;
}

} 
    

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

.header-slider { margin-top: -1px; margin-bottom: -105px; }
.header-slider img { height: 200px; width: 100%; }
.header-slider .caption { margin: -140px 0px 0px; height: 130px; width: 100%;}
.header-slider .caption h1 { text-align:left; font-family: 'Inika', serif; font-weight: 300; font-size: 28px; color: #FFF; line-height: 30px; margin-left: 0px; text-transform: uppercase; text-shadow: 3px 3px 3px rgba(0, 0, 0, 1); }
.header-slider .caption h2 { text-align:left; font-family: 'Inika', serif; font-weight: 300; font-size: 26px; color: #FFF; line-height: 28px; margin-left: 0px; text-transform: capitalize; text-shadow: 3px 3px 3px rgba(0, 0, 0, 1); }

.gallery-slider { margin-top: -1px; margin-bottom: -65px; }
.gallery-slider img { height: 250px; width: 100%; }
.gallery-slider .caption { margin: -190px 0px 0px; height: 170px; width: 100%;}
.gallery-slider .caption h1 { text-align:left; font-family: 'Inika', serif; font-weight: 300; font-size: 28px; color: #FFF; line-height: 30px; margin-left: -30px; text-transform: uppercase; text-shadow: 3px 3px 3px rgba(0, 0, 0, 1); }
.gallery-slider .caption h2 { text-align:left; font-family: 'Inika', serif; font-weight: 300; font-size: 26px; color: #FFF; line-height: 28px; margin-left: -10px; text-transform: capitalize; text-shadow: 3px 3px 3px rgba(0, 0, 0, 1); }

.hs-menu-wrapper > ul > li > a{
    display:block !important;
    font-family: 'Share Tech', sans-serif;
    font-size: 18px;
    line-height: 20px;
    text-transform: capitalize; 
    max-width: 90% !important;
    padding:2px 2px !important;
    margin: 0px 0px !important;
    background: transparent;
    color: #FFF;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.hs_cos_flex-direction-nav {display:none !important;}
.hs_cos_flex-control-nav {display:none !important;}

.icon-left { padding: 0px; margin-left:auto; margin-right:auto; display: block; text-align: center; width:100%; position:relative; }
.icon-right { padding: 0px; margin-left:auto; margin-right:auto; display: block; text-align: center; width:100%; position:relative; }
.icon-center { padding: 0px; margin-left:auto; margin-right:auto; display: block; text-align: center; width:100%; position:relative; }

.courtesy-links { display: block; float: none; position:relative; width:100%; font-size: 12px; top:-8px; text-transform: uppercase; }
.raq { display: block; float: none; position:relative; width:100%; font-size: 12px; top:-12px;}
.stl-main-logo { top:-12px; }

}

/* HubSpot Support Added to fix distoration on older browsers */
.hs_cos_flex-slider .hs_cos_flex-slides img {
    height: auto;
}
/* Added by HubSpot Support to fix spacing on desktop screen sizes (above 970px) */
.gallery-slider { margin-top: 205px;}
.header-slider { margin-top: 205px;}