@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


/* HUBSPOT INCLUDED STYLES */
/* @import url('http://example.com/example_style.css'); */
 /****************************************/
 /* 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, body {margin: 0px!important; padding: 0px!important; width: 100%; min-width: 100%; height: 100%;}*/
/* END HUBSPOT INCLUDED STYLES */


/* CORE STYLES */
/* Body and Page Styles ************************************/
html,body {margin: 0px!important; padding: 0px!important;position: relative; font-family:helvetica,arial,sans-serif; height:100%;-webkit-overflow-scrolling: touch;}
.body-container-wrapper{-webkit-overflow-scrolling: touch;}

/* Header **************************/
.header-container-wrapper {width:100%;height:107px;margin:30px 0 0 0;z-index:100;background:#fff}
.header-container {width:1165px;margin:0 auto;}

/* Navigation ************************************/
.hs-menu-wrapper {background:transparent;}
.hs-menu-wrapper ul {padding:0;box-shadow:5px 5px 5px #efefef;height:33px;float:right;z-index:900;}
    
.hs-menu-wrapper ul li {/**transform: skew(-20deg);-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);**/height:33px;line-height:33px;position:relative;float:left;list-style:none;margin:0;padding:0;z-index:900;}
.hs-menu-wrapper ul li:hover {background:#00467f;z-index:900;}
.hs-menu-wrapper ul li a {text-transform:uppercase;text-decoration:none;font-family:helvetica, arial, sans-serif;padding:0px 15px!important;font-size:13px;color:#a5a5a5;height:33px;line-height:33px;padding:0 12px;border-right:solid 1px #eee;z-index:900;}
.hs-menu-wrapper ul li a:hover {color:#fff;z-index:900;}
    
.hs-menu-wrapper ul li ul.hs-menu-children-wrapper {background:transparent;display:block;padding:0;margin:0;position:absolute;top:33px;left:17px;background:#00467f;/**transform: skew(0deg);-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform: skew(20deg);**/z-index:1000;}
/*.hs-menu-wrapper ul li:hover ul.hs-menu-children-wrapper {display:block; z-index:1000;}*/
.hs-menu-wrapper ul li:hover ul.hs-menu-children-wrapper li {box-shadow:none;margin: 0;border-right:none;border-left:none;transform: skew(0deg);-webkit-transform: skew(0deg);-moz-transform: skew(0deg);-o-transform: skew(0deg);float:none;height:25px;line-height:25px;border-bottom:solid 1px #003b6f;z-index:1000!important;}
.hs-menu-wrapper ul li:hover ul.hs-menu-children-wrapper li a {background:#00467f;color:#fff;font-weight:bold;height:25px;line-height:25px;border:none;z-index:1000;}
.hs-menu-wrapper ul li:hover ul.hs-menu-children-wrapper li a:hover {color:#ddd;z-index:1000;}
.span8.widget-span.widget-type-menu {width:660px;margin:0;}
    
.hs-menu-wrapper ul li ul li ul {position:absolute;top:0px;left:177px;/**transform: skew(0deg);-webkit-transform: skew(0deg);-moz-transform: skew(0deg);-o-transform: skew(0deg);**/border-left:solid 1px #40749f;}
.hs-menu-wrapper ul li ul li ul li {/**transform: skew(0deg);-webkit-transform: skew(0deg);-moz-transform: skew(0deg);-o-transform: skew(0deg);**/border-bottom:solid 1px #003b6f;}
.hs-menu-wrapper ul li ul li:hover ul {display:block;}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {padding:0 20px;}
.open-menu { color: #000; display: none; height: 41px; width: 49px; position: fixed; top: 30px; right: 30px; z-index: 100; text-indent: -9999px; background: url(//cdn2.hubspot.net/hub/282504/file-398047838-jpg/images/mobile-btn.jpg)no-repeat center;}



/* HOME PAGE STYLES */
/* Home - Banner Area ***********************************/
#lead {height:600px;}
#banner-wrap {width:100%;background:transparent;}
#headerRotate {width:100%;background:transparent;height:600px;}
#headerRotate div {width:100%;background:transparent;height:600px;}


#home-banner {width:100%;height:600px;margin:0 auto;position:relative;}
#arrow-scroll {display:block;position:absolute;top:0;left:0;width:100%;height:600px;background:transparent url(http://afflink.web13.hubspot.com/Portals/282504/images/arrows.png);-webkit-animation:bgscroll 80s infinite linear;animation:bgscroll 80s infinite linear;}

#slogan {position:absolute;top:125px;left:0;color:#fff;font-family:helvetica;font-weight:bold;color:#fff;z-index:300;}
#slogan p {margin:0;padding:0;}
/**#slogan .small {width:230px;font-size:32px;background-color:rgba(0,0,0,0.4);clear:both;padding:9px 1px 1px 10px;}**/
#slogan .small{width: 600px;font-size: 80px;clear: both;padding: 20px;line-height: 92px;}
#slogan .large{font-size:88px;padding:9px 8px 0px 7px;}
#slogan .small .text{background-color: rgba(0,0,0,0.4); padding-right: 10px; white-space: pre-wrap;}



#ipad-button {position:absolute;top:50px;right:10px;z-index:200}
#ipad-button img {max-width:650px;}
#arrow-button {display:block;width:151px;height:152px;position:absolute;top:383px;left:480px;z-index:200;}
#arrow-button a {display:block;background:transparent url(http://afflink.web13.hubspot.com/Portals/282504/images/arrow-btn.png) no-repeat;width:151px;height:152px;}
#ribbon-wrap {margin:0;padding:0 0 0 17px;background:transparent url(http://afflink.web13.hubspot.com/Portals/282504/images/banner-ribbon.png) no-repeat center;position:relative;bottom:170px;left:0px;width:100%;height:87px;box-sizing:border-box;}
#banner-ribbon {width:100%;height:87px;margin:0 auto;padding:21px 0 0 225px;color:#fff;font-family:helvetica;font-size:25px;box-sizing:border-box;}
#banner-ribbon a {color:#fff;text-decoration:none;}

/* Home - Bucket Section ***********************************/

.buckets-wrap {background:#fff;width:100%;height:300px;padding:70px 0 0px 0;margin-bottom: 80px;}
.buckets a img {float:left;width:23%;margin:30px 10px;}
.bucket-text {margin-left: auto; margin-right: auto;}
.bucket-text p {font-family: Helvetica,Arial,Sans-Serif;width: 42%;float: left;font-weight: 100;font-size: 20px;text-align: left;line-height: 19px;margin: 0 42px;}

.buckets-wrap{width: 90%; max-width: 1800px; margin: 0 auto;}
.bucket-text-home{margin: 0 auto 40px auto;}
.bucket-text-home p{width: 90%; margin: 30px auto; color: #838383; line-height: 24px; clear: both; -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:40px; /* Firefox */ -webkit-column-gap:40px; /* Safari and Chrome */ column-gap:40px;}
.second-block{display: none!important;}
.valign {max-width: 1800px;margin: 0 auto;display: block;}

/* Home - ELEV8 Section ***********************************/
.elev8-homepg{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/distribute-background2.jpg)repeat; font-family: Helvetica, Arial, Sans-Serif; color: #fff; width: 100%; height: 631px; border-bottom: 3px solid #E0E0DF; border-top: 3px solid #E0E0DF;}
.second-bk{/*background: url(http://afflink.web13.hubspot.com/Portals/282504/images/elev8-bk.png) right -81px no-repeat; width: 100%; height: 100%; background-size: 51%;*/}
.together{width: 90%; margin: 0 auto;}
.elev8-left{width: 50%; height: 630px; background: url(//cdn2.hubspot.net/hub/282504/file-294777001-png/images/elev8-bars.png) center 20%  no-repeat; background-size: 100% auto; float: left;}
.elev8-right{ margin-top: 10%; width: 45%; float: right; height: 429px;}
.elev8-right p{width: 72%; float: left; font-weight: 100; font-size: 20px; text-align: left; line-height: 23px;}
.elev8-right p a{margin-left: 90px; border: none;}
.elev8-right p a span{display: block; clear:both; background: url(//web.afflink.com/hubfs/images/misc/elev8-lrn-more-btn.png?v=1) center no-repeat; background-size: 50%; height: 75px; text-indent: -9999px; display: block;}
.elev8-right .elev8-title{line-height: 30px; display: block; text-align: left; font-family: Helvetica, Arial, Sans-Serif; font-weight: bold; font-size: 30px;}

/* Home - Distribute Section ***************************/  
.distribute-homepg{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/distribute-background2.jpg)repeat!important; font-family: Helvetica, Arial, Sans-Serif; color: #fff; width: 100%; height: 631px; border-bottom: 3px solid #E0E0DF; border-top: 3px solid #E0E0DF;}
.together{width: 90%; margin: 0 auto;}
.distribute-left{width: 50%; height: 630px; background: url(//cdn2.hubspot.net/hub/282504/file-574122324-png/images/us-canada-map.png) center 20%  no-repeat; background-size: 84% auto; float: left;}
.distribute-right{ margin-top: 10%; width: 45%; float: right; height: 429px;}
.distribute-right p{width: 72%; float: left; font-weight: 100; font-size: 20px; text-align: left; line-height: 23px;}
.distribute-right p a{margin-left: 90px; border: none;}
.distribute-right p a span{display: block; clear:both; background: url(http://afflink.web13.hubspot.com/Portals/282504/images/distribute-learn-more-btn.png)no-repeat; background-size: 50%; height: 75px; text-indent: -9999px; display: block;}
.distribute-right .distribute-title{line-height: 30px; display: block; text-align: left; font-family: Helvetica, Arial, Sans-Serif; font-weight: bold; font-size: 30px;padding-bottom:20px;}

/* Home - Supplier Section **********************************/
.supplier-homepg{background: #fff;font-family: Helvetica,Arial,sans-serif;color: #838383;width: 100%;height: 631px;margin: 0 auto;max-width: 1200px;}
.supplier-homepg p {color:#1b2122; line-height: 19px;}

.supplier-left{width: 25%; height: 630px; float: left;}
.supplier-left p{width: 75%; font-weight: 100; margin-top: 29%; margin-left: auto; margin-right: auto; font-size: 20px;line-height:23px; text-align: left; color: #838383!important;}
.supplier-left .supplier-title{color: #1b2122;line-height: 30px; display: block; text-align: left; font-family: Helvetica, Arial, Sans-Serif; font-weight: bold; font-size: 30px;padding-bottom:20px;}
.supplier-list{width: 100%; height: 100%; }

.supplier-list li{ width: 45%; height: 30%; display: block; float: left; margin: 12px 0 0 12px;background-size:contain; opacity: 0.2; text-indent: -9999px;}
.li1{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/dart-bw.png) center center no-repeat;}
.li2{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/kimberly-clark-bw.png) center center no-repeat;}
.li3{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/phillips-bw.png) center center no-repeat;}
.li4{background: url(//web.afflink.com/hs-fs/hub/282504/file-235933836-png/images/gp-bw.png) center center no-repeat;}
.li5{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/sealed-air-bw.png) center center no-repeat;}
.li6{background: url(//cdn2.hubspot.net/hub/282504/file-461171395-png/images/gojo-logo-bw.png) center center no-repeat;}
.li7{background: url(//cdn2.hubspot.net/hub/282504/file-645395739-png/images/SCA_bw.png) center center no-repeat;}
.li8{background: url(//cdn2.hubspot.net/hub/282504/file-720704452-png/images/bw-rubbermaid.png) center center no-repeat;}
.li9{background: url(//cdn2.hubspot.net/hub/282504/file-654421330-png/images/Spartan_bw.png) center center no-repeat;}

.supplier-list li:hover{opacity:1;}
.li1:hover{background-image: url(http://afflink.web13.hubspot.com/Portals/282504/images/dart.png);}
.li2:hover{background-image: url(http://afflink.web13.hubspot.com/Portals/282504/images/kimberly-clark.png);}
.li3:hover{background-image: url(http://afflink.web13.hubspot.com/Portals/282504/images/phillips.png);}
.li4:hover{background-image: url(//web.afflink.com/hs-fs/hub/282504/file-235931306-png/images/gp.png);}
.li5:hover{background-image: url(http://afflink.web13.hubspot.com/Portals/282504/images/sealed-air.png);}
.li6:hover{background-image: url(//cdn2.hubspot.net/hub/282504/file-458002921-png/images/gojo-logo.png);}
.li7:hover{background-image: url(//cdn2.hubspot.net/hub/282504/file-653433577-png/images/SCA_color.png);}
.li8:hover{background-image: url(//cdn2.hubspot.net/hub/282504/file-720704447-png/images/rubbermaid-color.png);}
.li9:hover{background-image: url(//cdn2.hubspot.net/hub/282504/file-653442402-png/images/Spartan_color.png)}




.roof-diagram{background: url(//cdn2.hubspot.net/hub/282504/file-459427438-jpg/images/building-plans-afflink.jpg) top center no-repeat!important; background-size: auto 83%!important; width: 100%!important; margin: 0px; padding: 0px; height: 95%; float: right;}
.supplier-left{float: left!important; width: 45%!important;}
.supplier-right{width: 55%!important;  height: 630px!important; margin-top: 0px!important;}
.floor-plan-block{clear: both; width: 100%; border-top: 1px solid #999; text-transform: uppercase; color: #13477C; font-weight: bold; text-align: center; font-size: 22px; padding-top: 10px;height:120px; }
.floor-plan-block a{color: #13477C; font-weight: bold; text-decoration: none;}
.floor-plan-block .floor-plan-item{width: 21%; height: 40px;float: left;}
.floor-plan-block .hosp-plan, .industrial-plan, .health-plan{ margin-right: 5%;}
.floor-plan-block .commercial-plan{float: right; }
.floor-plan-block .text{clear: both; width: 100%; border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px;}

.floor-plan-block .hosp-plan .image-plan{height: 180px; background: url(//cdn2.hubspot.net/hub/282504/file-458249714-png/images/hospitalit-btn.png)center no-repeat; background-size: cover;}
.floor-plan-block .industrial-plan .image-plan{height: 180px; background: url(//cdn2.hubspot.net/hub/282504/file-463810242-png/images/industrial-btn.png)center no-repeat; background-size: cover;}
.floor-plan-block .commercial-plan .image-plan{height: 180px; background: url(//cdn2.hubspot.net/hub/282504/file-458103254-png/images/commercial-btn.png)center no-repeat; background-size: cover;}
.floor-plan-block .health-plan .image-plan{height: 180px; background: url(//cdn2.hubspot.net/hub/282504/file-458206649-png/images/healthcare-btn.png)center no-repeat; background-size: cover;}

.floor-plan-block .hosp-plan .image-plan:hover{height: 180px; background: url(//cdn2.hubspot.net/hub/282504/file-458290204-png/images/hospitalit-btn-over.png)center no-repeat; background-size: cover;}
.floor-plan-block .industrial-plan .image-plan:hover{height: 180px; background: url(//cdn2.hubspot.net/hub/282504/file-463740452-png/images/industrial-btn-over.png)center no-repeat; background-size: cover;}
.floor-plan-block .commercial-plan .image-plan:hover{height: 180px; background: url(//cdn2.hubspot.net/hub/282504/file-462184071-png/images/commercial-btn-over.png)center no-repeat; background-size: cover;}
.floor-plan-block .health-plan .image-plan:hover{height: 180px; background: url(//cdn2.hubspot.net/hub/282504/file-458264414-png/images/healthcare-btn-over.png)center no-repeat; background-size: cover;}





.supplier-right{margin-top: 22px!important; margin-bottom: 40px!important;width: 75%; float: right; height: 700px;}
.roof-map{width: 80%; height: 100%;}
.supplier-bottom{width: 90%; clear: both; padding-top: 40px; margin: 189px auto 50px auto; }
.supplier-list  li{width: 15%!important; margin-bottom: 30px!important; height: 100px!important;}
 .supplier-left .supplier-sub{font-size: 19px; font-weight: 100!important; color: #838383;}
.supplier-btn{display: block; height: 75px; text-indent: -9999px; background: url(//cdn2.hubspot.net/hub/282504/file-236029702-png/images/elev8-lrn-more-btn.png) no-repeat center; background-size: 50%;}

.roof-map {margin:0 20px 0 0;background:transparent url(//cdn2.hubspot.net/hub/282504/file-385918536-png/images/suppliers_section/bk.png) no-repeat center;width:873px;height:721px;position:relative;}
.roof-map a {position:absolute;display:block;-webkit-transition: all .5s;}

.roof-map a.one {top:7px;left:12px;width:342px;height:232px;}
.roof-map a.two {top:6px;right:11px;width:477px;height:236px;}
.roof-map a.three {top:268px;left:13px;width:172px;height:143px;}
.roof-map a.four {top:268px;left:218px;width:190px;height:144px;}
.roof-map a.five {top:266px;right:5px;width:404px;height:212px;}
.roof-map a.six{bottom:57px;left:13px;width:343px;height:248px;}
.roof-map a.seven{bottom:107px;left:372px;width:205px;height:129px;border-radius:70px;background-position:0 -200px;}

.roof-map a.one:hover {background:transparent url(//cdn2.hubspot.net/hub/282504/file-385902751-png/images/suppliers_section/cafeteria.png) no-repeat center;}
.roof-map a.one:hover img {margin:-23px 0 0 220px;}
.roof-map a.two:hover {background:transparent url(//cdn2.hubspot.net/hub/282504/file-388165120-png/images/suppliers_section/lab.png) no-repeat center;}
.roof-map a.two:hover img {margin:9px 0 0 298px;}
.roof-map a.three:hover {background:transparent url(//cdn2.hubspot.net/hub/282504/file-388165125-png/images/suppliers_section/restrooms.png) no-repeat center;}
.roof-map a.three:hover img {margin:-90px 0 0 140px;}
.roof-map a.four:hover {background:transparent url(//cdn2.hubspot.net/hub/282504/file-384159878-png/images/suppliers_section/maintenance.png) no-repeat center;}
.roof-map a.four:hover img {margin:-75px 0 0 145px;}
.roof-map a.five:hover {background:transparent url(//cdn2.hubspot.net/hub/282504/file-384174838-png/images/suppliers_section/admin.png) no-repeat center;}
.roof-map a.five:hover img {margin:-43px 0 0 277px;}
.roof-map a.six:hover {background:transparent url(//cdn2.hubspot.net/hub/282504/file-386659342-png/images/suppliers_section/warehouse.png) no-repeat center;}
.roof-map a.six:hover img {margin:-40px 0 0 280px;}
.roof-map a.seven:hover {background:transparent url(//cdn2.hubspot.net/hub/282504/file-384159883-png/images/suppliers_section/reception-rollover.png) no-repeat left;}
.roof-map a.seven:hover img {margin:-82px 0 0 105px;}

.roof-map a img {width:205px!important;height:230px!important;}


.roof-map a img {
    opacity:0.0;
    filter:alpha(opacity=0);}
    
.roof-map a:hover img {opacity:1.0;
    filter:alpha(opacity=100);/*position where      
    enlarged image should offset horizontally */
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}



/* Home - Video Section **********************************/
.video-container-wrap {width:100%;background:transparent url(//cdn2.hubspot.net/hub/282504/file-372765287-png/images/clent-stories-bkgd-repeater.png) repeat-x 0 150px;float:left;margin:0 0 85px 0;height:500px;}
.video-container {max-width:1200px;margin:0 auto;display:block;padding:85px 0 0 0;}
.video-container .customer-stories-header {max-width:866px;margin:20px auto;display:block;}
.video-container .video-list {float:left;clear:both;padding:60px 0 0 0;}
.video-container .video-list a img {margin:0 30px;float:left;display:block;}

/* FOOTER STYLES */

.footer{background: #373837; width: 100%!important; height: 127px!important;}
.foot-inside{padding-top: 20px!important;font-family: Helvetica, Arial, Sans-Serif!important; color: #9D9D9D; font-weight: bold; height: 100px; margin: 0 auto!important; width: 600px;}
.top-level{height: 26px; width: 645px; padding-bottom: 4px; border-bottom: 2px solid #9D9D9D;}
.foot-nav{max-width: 700px!important; margin: 10px auto!important;}
.foot-nav li{text-transform: uppercase; font-size: 12px; float: left; margin-left: 10px;margin-top: 10px;list-style: none;}
.foot-nav li a{color:#9D9D9D!important; text-decoration: none!important;}
.foot-nav li a{font-family: Helvetica, Arial, Sans-Serif; color: #9D9D9D; text-decoration: none;}
.foot-nav li a:hover{color: #212121!important;}
.foot-logo{display: block; float: left; width: 135px; height: 36px; text-indent: -99999px; background: url(http://afflink.web13.hubspot.com/Portals/282504/images/footer-logo.png)no-repeat;}

.bottom-level{clear: both; width: 645px; margin-top: 0px; font-size: 11px; font-weight: 100!important;}
.foot-address{width: 470px; display: block; margin-top: 5px; float: left; margin-left: 0px!important; padding-left: 0px!important;}
.foot-address li{display: block; float: left!important; margin-right: 20px; list-style: none!important;}
.foot-address li a{text-decoration: none!important; color:#9D9D9D!important; font-size: 16px;}
.foot-address li a:hover{color: #0c0c0c!important;}
.tele-foot a:hover{color: #9D9D9D!important;}
.foot-social{margin-top: 5px;width: 170px; float: right; display: block;}
.foot-social li a{display: block; float: left; margin-left: 0px; width: 30px!important; text-indent: -9999px; height: 30px;}
.foot-social li a:hover{dispay: block; width: 30px; height: 30px;}
.foot-social li{list-style: none!important; float: right;}

.linked-in a{ background: url(http://afflink.web13.hubspot.com/Portals/282504/images/linked-in.png)no-repeat; background-size: 90% auto;}
.facebook a{ background: url(http://afflink.web13.hubspot.com/Portals/282504/images/facebook.png)no-repeat; background-size: 90% auto;}
.twitter a{ background: url(http://afflink.web13.hubspot.com/Portals/282504/images/twitter.png)no-repeat; background-size: 90% auto;}
.linked-in a:hover{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/linked-in-hover.png)no-repeat!important; background-size: 90% auto!important;}
.facebook a:hover{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/facebook-hover.png)no-repeat!important; background-size: 90% auto!important;}
.twitter a:hover{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/twitter-hover.png)no-repeat!important; background-size: 90% auto!important;}

.white-foot{ clear: both; width: 100%!important; height: 36px!important; background: #fff;}
.white-foot span{ margin-top: 5px;font-size: 10px; color: #373837; font-family: Helvetica, Arial, sans-serif; font-weight: 100!important; float: right; margin-right: 165px;}
.white-foot span a{font-weight: bold; color: #373837; text-decoration: none;}
.white-foot span a:hover{color: #8CC63F;}


.google-plus a{ background: url(//cdn2.hubspot.net/hub/282504/file-299455775-png/images/google-afflink.png)no-repeat; background-size: 90% auto;}
.google-plus a:hover{background: url(//cdn2.hubspot.net/hub/282504/file-297895281-png/images/google-afflink-over.png)no-repeat!important; background-size: 90% auto!important;}
.youtube a{background: url(//cdn2.hubspot.net/hub/282504/file-296272329-png/images/youtube-afflink.png)no-repeat!important; background-size: 90% auto!important;}
.youtube a:hover{background: url(//cdn2.hubspot.net/hub/282504/file-296318719-png/images/youtube-afflink-over.png)no-repeat!important; background-size: 90% auto!important;}

.hs-landing-page .humberger_icon,.hs-landing-page .humberger_menu{ display:none;}

.webinar-ebook-page .footer,.resources-ebook .footer{ display:none;}
.resources-ebook iframe.zEWidget-launcher, .webinar-ebook-page iframe.zEWidget-launcher{ display:none !important;}
/*------------------------------------------------------------------INTERIOR PAGES------------------------------------------------------------------*/

    /*---BANNER---*/
    .banner{position: relative; height: 222px; margin-top:73px; }
    .banner-multimedia { margin-top:85px; }
    .banner-bar{width: 100%; height: 24px; background: url(http://afflink.web13.hubspot.com/Portals/282504/images/banner-bar.jpg)center no-repeat; margin: 0 auto;}
    .banner-shadow{width: 100%; height: 10px; position: relative; z-index: 90; background: url(http://afflink.web13.hubspot.com/Portals/282504/images/banner-shadow.png)center repeat; margin: 0 auto;}
    .banner-texture{width: 100%; height: 161px; position: absolute; top: 34px; z-index: 20; margin-top: -10px; background: url(//cdn2.hubspot.net/hub/282504/file-360354035-png/corporate-blue.png) 43% -56px repeat;}
    .banner-title{display: block; position: absolute; z-index: 100; left: 20%; top: 80px; font-weight: bolder; color: #fff; font-size: 45px;}
    .page-type-logo{display: block; position: absolute; z-index: 100; background: url(http://afflink.web13.hubspot.com/Portals/282504/images/industry-circle.png) no-repeat;  opacity: 0.8; width: 161px; height: 155px; text-indent: -9999px; right: 20%; top: 25px; background-size: 161px auto;}
    .interior-bk-image{margin-top: -10px;height: 161px; background: url(http://afflink.web13.hubspot.com/Portals/282504/images/industry-background.png) right -103px!important; background-size: 60% auto!important; opacity:0.7;}
    .hidden-cta{display: none;}




    /*---LAYOUT---*/
    .interior-wrap{width: 74%!important; margin: 0 auto!important; float:none !important;}
    .interior-left-side,.interior-left-sidewrap {width: 68% !important; float: left  !important; padding-right: 15px; border-right: 2px solid #e0e1e1;}
    .end-page{width: 1px; height: 1px; clear:both; margin: 0 auto;}
    .interior-left-side img{margin-bottom: 60px;}
     .invisible-clear{display: none;}

    .interior-wrap p {margin:0 0 20px 0;font-size:16px; line-height:28px; color:#414042; line-height:28px; letter-spacing:1.2px; }
    .forUpdates .interior-wrap p { font-size:16px; }
    .interior-wrap small {margin:0 0 20px 0;font-size:13px;display:inline-block;}
    .interior-wrap ul li {margin:0 0 20px 0;font-size:15px;}
    .interior-left-side img{width: 100%; height: auto;}
    .interior-left-side li{color: #00467E; font-style: italic; font-weight: 500; width: 50%; float: left;}
    .interior-left-side li:nth-child(odd){clear:both;}
    .purple{color: #61256c!important;}
    .pkg{color:#831d22!important;}
    .fm{color:#12648b!important;}
    .green{color: #00a651!important;}
    .teal{color: #12a3bb!important;}
    .healthcare{color: #F38F1D!important;}
    .commercial{color: #49a942!important;}
    .hospitality{color: #00A8CA!important;}
    
    /*---Bottom CTA---*/
    .bottom-cta{margin: 83px auto 40px auto!important; width: 972px; height: 190px; position: relative;}
    .bottom-cta a:link{color: #00467E!important; text-decoration: none; font-weight: bolder;}
    .bottom-cta a:visited{color: #00467E!important; text-decoration: none; font-weight: bolder;}
    .bottom-cta a:hover{color: #fff!important; text-decoration: none; font-weight: bolder;}
    
    .left-link{display: block; position: absolute; left: 27px; top: 47px; width: 455px; height: 107px; border-right: 1px solid #E5E5E4;}
    .right-link{display: block; position: absolute; top: 47px;  right: 24px; width: 455px; height: 107px; border-left: 1px solid #E5E5E4;}
    .right-link .wrd{ display: table-cell!important;  height: 107px; width: 455px; text-align: center; vertical-align: middle!important; }
    .left-link .wrd{ display: table-cell!important;  height: 107px; width: 455px; text-align: center; vertical-align: middle!important; }
    .wrd:hover{ background: url(http://afflink.web13.hubspot.com/Portals/282504/images/bottom-btn-bk-over.png); color #fff;}
    .you-may-also-like{text-indent: -9999px; position: absolute; z-index: 100; left: 423px; top: 19px; width: 131px; height: 69px; background: url(http://afflink.web13.hubspot.com/Portals/282504/images/bottom-cta-banner.png);}

    /*---SIDENAV---*/
    .sidenav{float: right !important; margin-left: 15px !important;  width: 28% !important; position: relative;}
    .sidenav .our-products-sidenav{ position: absolute; display: block; top: 0; background: #000; width: 156px; padding: 4px 0px 2px 4px; height: 20px; color: #fff; transform: skew(-20deg);-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);}
    .sidenav ul{display: block;  margin-left: -4px;  padding-right: 10px;border-top: 2px solid #000; margin-top: 25px; padding-top: 24px;border-bottom: 4px solid #000; width: 100%!important;}
    .sidenav ul li{ padding-left: 10px; display: block; width: inherit; height: 20px;font-size: 12px!important; margin-top: -17px!important; line-height: 20px;}
    .sidenav ul li:hover{padding-left: 4px; background: #F5F7F7!important; border-left: 6px solid #ec6a5c; cursor: pointer;}
    .sidenav ul li.active {padding-left: 4px; background: #F5F7F7!important; border-left: 6px solid #414042; cursor: pointer;}
    .sidenav ul li.active a { color:#000 !important; }
    .interior-cta-div{width: 28%; float: right;}
    #hs-cta-img-50a2ccf3-e65c-43c3-b4be-6e3db7601aed{background: url(//cdn2.hubspot.net/hub/282504/file-356997053-png/register-for-a-webinar.png); background-size: 100% auto!important; max-width: 259px; max-height: auto; width: 100%;}
    #hs-cta-img-50a2ccf3-e65c-43c3-b4be-6e3db7601aed:hover{background: url(//cdn2.hubspot.net/hub/282504/file-360458055-png/register-for-a-webinar-over.png);} 
    #cta_button_282504_ce51aa2c-7cc5-4ad2-9b5d-d9a858a5ea99{width: 259px!important; display: block; height: 61px; background: url(//cdn2.hubspot.net/hub/282504/file-358570716-png/elev8member.png)center; background-size: 100% auto!important; max-width: 259px!important; max-height: auto; width: 100%!important;}
    #cta_button_282504_ce51aa2c-7cc5-4ad2-9b5d-d9a858a5ea99:hover{background: url(//cdn2.hubspot.net/hub/282504/file-358571456-png/elev8member-over.png)center;}    
    sidenav{float: right; margin-left: 15px;  width: 28%; position: relative;}
    .sidenav-products .our-products-sidenav{display: block; background: #000; width: 140px; padding: 4px 0px 2px 4px; height: 20px; color: #fff; transform: skew(-20deg);-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);}
    .sidenav-products ul{display: block;  margin-left: -4px;  padding-right: 10px;border-top: 2px solid #000; margin-top: 25px; padding-top: 24px;border-bottom: 4px solid #000; width: 100%!important;}
    .sidenav-products ul li{ padding-left: 10px; display: block; width: inherit; height: 20px;font-size: 12px!important; margin-top: -17px!important; line-height: 20px;}
    .sidenav-products, .sidenav ul li a:link {display: block; width: 100%; color: #838383 !important; text-decoration: none!important;}
    .sidenav-products, .sidenav ul li a:visited{/*color: #000!important;*/ text-decoration: none!important;}
    .sidenav-products, .sidenav ul li:hover a{color: #838383!important; text-decoration: none!important;}
    .sidenav-products ul li:hover{padding-left: 4px; background: #F5F7F7!important; border-left: 6px solid #E21836; cursor: pointer;}
    .sidenav-products ul li a:link{display: block; width: 100%; text-decoration: none!important;}
    .sidenav-products ul li a:visited{ text-decoration: none!important;}
    .sidenav-products ul li a:hover{ text-decoration: none!important;}
    .sidenav-products, .sidenav ul li.active a:link ,.sidenav-products, .sidenav ul li.active a { color:#414042 !important; }
    #cta_button_282504_731512df-033f-416d-b2a3-5069aa013685{background: url(//cdn2.hubspot.net/hub/282504/file-359285767-png/schedule-a-consultation.png); background-size: 100% auto!important; max-width: 259px; border-bottom: 1px solid #E0E1E1; padding-bottom: 10px; max-height: auto; width: 100%; display: block;}
    #cta_button_282504_731512df-033f-416d-b2a3-5069aa013685:hover{background: url(//cdn2.hubspot.net/hub/282504/file-359287942-png/schedule-a-consultation-over.png);}          
         
    #cta_button_282504_afc21cc2-8511-4120-9727-887eb5e62140{background: url(//cdn2.hubspot.net/hub/282504/file-357284408-png/find-a-afflink-supplier.png); background-size: 100% auto!important; max-width: 259px; max-height: auto; width: 100%; display: block; border-bottom: 1px solid #E0E1E1; padding-bottom: 10px; }
    #cta_button_282504_afc21cc2-8511-4120-9727-887eb5e62140:hover{background: url(//cdn2.hubspot.net/hub/282504/file-356133614-png/find-a-afflink-supplier-over.png);}          
     

    
    
    
 /*---PRODUCT PAGE---*/
    .product-page-wrapper{margin: 0 auto;}

    .safety-link .packaging-cell{ position: relative;}
    .fm-link .packaging-cell{ position: relative;}
    .packaging-link .packaging-cell{ position: relative;}
    .mro-link .packaging-cell{ position: relative;}
    .office-supplies-link .packaging-cell{ position: relative;}

    .safety-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-282359683-jpg/images/products/color-packaging.jpg) no-repeat; background-size: cover!important;}
    .fm-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-282359683-jpg/images/products/color-packaging.jpg) no-repeat; background-size: cover!important;}
    .packaging-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-282359683-jpg/images/products/color-packaging.jpg) no-repeat; background-size: cover!important;}
    .mro-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-282359683-jpg/images/products/color-packaging.jpg) no-repeat; background-size: cover!important;}
    .office-supplies-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-282359683-jpg/images/products/color-packaging.jpg) no-repeat; background-size: cover!important;}

    .fm-link:hover .packaging-cell{ background: #F7F7F7; border-right: 12px solid #E51937; }
    .packaging-link:hover .packaging-cell{ background: #F7F7F7; border-right: 12px solid #E51937;}
    .mro-link:hover .packaging-cell{ background: #F7F7F7; border-right: 12px solid #E51937;}
    .office-supplies-link:hover .packaging-cell{ background: #F7F7F7; border-right: 12px solid #E51937;}
    .safety-link:hover .packaging-cell{ background: #F7F7F7; border-right: 12px solid #E51937;}
    .lrg-list-cell{width: 100%; height: 220px; margin-bottom: 30px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 10px 0;}
    .packaging-cell .cell-img{ width: 35%; height: 100%; float: left; background: url(//cdn2.hubspot.net/hub/282504/file-283030551-jpg/images/products/bw-packaging.jpg) no-repeat; background-size: cover!important;}
    .cell-descrip{ position: absolute; left: 35%; bottom: 20px;  width: 60%;float: left; margin-left: 30px;}
    .cell-descrip p{color: #838383!important; line-height: 24px; font-weight: 100; font-size: 15px;}
    .cell-descrip h2{color: #000; text-transform: uppercase!important; font-weight: bolder; font-size: 35px;}

    .sidenav-products ul li{margin-bottom: 15px;}
    .sidenav-products ul{margin-top: 0px!important;} 

    .product-cell-hover .packaging-cell{ background: #F7F7F7; border-right: 12px solid #E51937;}
    .product-cell-hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-282359683-jpg/images/products/color-packaging.jpg); background-size: auto 100%;}
        
    .fm-link .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-293918081-jpg/images/facilities-maintenance-bw.jpg)top center no-repeat!important; background-size: cover!important;}
    .packaging-link .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-295364590-jpg/images/robotic-arm-packaging-bw.jpg)bottom center no-repeat!important; background-size: cover!important;}
    .mro-link .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-295366055-jpg/images/food-service-bw.jpg)top center no-repeat!important; background-size: cover!important;}
    .safety-link .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-292427499-jpg/images/safety-bw.jpg)top center no-repeat!important; background-size: cover!important;}

    .safety-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-293897306-jpg/images/safety-image.jpg)top center no-repeat!important; background-size: cover!important;}
    .packaging-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-294465217-jpg/images/robotic-arm-packaging.jpg)bottom center no-repeat!important; background-size: cover!important;}
    .mro-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-295356680-jpg/images/food-service-image.jpg)top center no-repeat!important; background-size: cover!important;}
    .fm-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-294458222-jpg/images/facilities-maintenance-image.jpg)top center no-repeat!important; background-size: cover!important;}

    .distributor-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-295100286-jpg/images/find-local-distributors-color.jpg) center no-repeat!important; background-size: cover!important;}
    .process-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-295244251-jpg/images/afflink-process-over.jpg)top center no-repeat!important; background-size: cover!important;}
    .process-link .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-295805267-jpg/images/afflink-process.jpg)top center no-repeat!important; background-size: cover!important;}
    .distributor-link .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-293538284-jpg/images/find-local-distributors-bw.jpg) center no-repeat!important; background-size: cover!important;}
    .process-link .packaging-cell{ position: relative;}
    .distributor-link .packaging-cell{ position: relative;}
    .industrial-link .packaging-cell{ position: relative;}
    .industrial-link .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-293857729-jpg/images/products/afflink-industry.jpg) center no-repeat!important; background-size: cover!important;}
    .industrial-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-293854744-jpg/images/products/afflink-industry-over.jpg) center no-repeat!important; background-size: cover!important;}
    .commercial-link .packaging-cell{ position: relative;}
    .commercial-link .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-296642891-jpg/images/industries/commercial-afflink-bw.jpg)top center no-repeat!important; background-size: cover!important;}
    .commercial-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-295810508-jpg/images/industries/commercial-afflink.jpg)top center no-repeat!important; background-size: cover!important;}
    .healthcare-link .packaging-cell{ position: relative;}
    .healthcare-link .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-295116929-jpg/images/industries/hospital-room-bw.jpg) top center no-repeat!important; background-size: cover!important;}
    .healthcare-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-295117284-jpg/images/industries/hospital-room.jpg) top center no-repeat!important; background-size: cover!important;}
    .hosp-link .packaging-cell{ position: relative;}
    .hosp-link .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-361435787-jpg/images/industries/hospitality-afflink-bw.jpg) top center no-repeat!important; background-size: cover!important;}
    .hosp-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-362938305-jpg/images/industries/hospitality-afflink.jpg) top center no-repeat!important; background-size: cover!important;}
    .ind-link .packaging-cell{ position: relative;}
    .ind-link .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-389523414-jpg/images/industries/industry-afflink-bw.jpg) top center no-repeat!important; background-size: cover!important;}
    .ind-link:hover .packaging-cell .cell-img{background: url(//cdn2.hubspot.net/hub/282504/file-389567944-jpg/images/industries/industry-afflink.jpg) top center no-repeat!important; background-size: cover!important;}
    
    
    /*---downloads*/
    .brochure-hospitality{border: none!important; display: block; background: url(//cdn2.hubspot.net/hub/282504/file-356257689-png/hospitality-dwnload.png)no-repeat; width: 301px; height: 80px; text-indent: -999px;}
    .brochure-hospitality:hover{background: url(//cdn2.hubspot.net/hub/282504/file-296137296-png/images/hospitality-brochure-over.png.png);}
    .brochure-food{border: none!important; display: block; background: url(//cdn2.hubspot.net/hub/282504/file-296786193-png/images/products/afflink-foodservice-brochure.png)no-repeat; width: 301px; height: 80px; text-indent: -999px;}
    .brochure-food:hover{background: url(//cdn2.hubspot.net/hub/282504/file-299243465-png/images/products/afflink-foodservice-brochure-over.png);}
    .brochure-healthcare{border: none!important; display: block; background: url(//cdn2.hubspot.net/hub/282504/file-356266974-png/healthcare-dwnload.png)no-repeat; width: 301px; height: 80px; text-indent: -999px;}
    .brochure-healthcare:hover{background: url(//cdn2.hubspot.net/hub/282504/file-296107074-png/images/products/afflink-healthcare-brochure-over.png);}
    .brochure-industrial{border: none!important; display: block; background: url(//cdn2.hubspot.net/hub/282504/file-298271767-png/images/products/afflink-industrial-brochure.png)no-repeat; width: 301px; height: 80px; text-indent: -999px;}
    .brochure-industrial:hover{background: url(//cdn2.hubspot.net/hub/282504/file-296806398-png/images/products/afflink-industrial-brochure-over.png);}
    .brochure-commercial{border: none!important; display: block; background: url(//cdn2.hubspot.net/hub/282504/file-359382357-png/commercial-dwnload-1.png)no-repeat; width: 301px; height: 80px; text-indent: -999px;}
    .brochure-commercial:hover{background: url(//cdn2.hubspot.net/hub/282504/file-297678006-png/images/products/afflink-commercial-brochure-over.png);}
    
    

    /*---Typography---*/
    .red{color: #C4122F;}
    .gray{color:#838383;}
    .gutter-top{margin-top:75px;}
    .gutter-bottom{margin-bottom:75px;}
    .larger{font-size:1.5em;}
    .bold-h1{text-transform: uppercase; font-weight: bolder; font-size: 1.5em; background: #fff;color:#838383;}
    .thin-h1{text-transform: uppercase; font-weight: 100; font-size: 1.5em; background: #fff; color:#838383;padding-right: 6px;}
    h1{background: url("http://afflink.web13.hubspot.com/Portals/282504/images/h1-bk.png")center repeat-x}
    #slogan p{color:#fff!important;}
    .interior-left-side p{color: #838383; font-weight: 200; line-height: 23px;}
    #hs_cos_wrapper_Lead_Area p{color: #838383; font-weight: 200; line-height: 23px;}
    strong,.strong{font-weight:bold;}
    .bordered-heading{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 0;margin:5px 0;}
    .clear{clear:both;}

/*---Webinar Page---*/
    .form-right-side{float: right;}
    .main-lp-content{width: 68%; float: left;}


 #cta_button_282504_c3c04916-a772-4f83-b679-3e930a2e7c33{background: url(//cdn2.hubspot.net/hub/282504/file-269837734-png/images/webinar-full-cta.png?t=1376690986000) center  no-repeat; display: block; width: 100%; height: 100px; background-size: 100% auto;}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=Become a Customer-=-=-=-=-=-=-=-=--=--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.become-customer-page .header-container-wrapper{margin:0;}
.become-customer-page .header-container {width:100%;}
.become-customer-page .header-container .form-main-section h1 {font-size:38px; color:#fff; padding-bottom:0; line-height: 44px; background:none;  text-transform: uppercase;}
.become-customer-page .php-form {margin-top:20px;}
.become-customer-page .php-form h3{padding:0px;}
.become-customer-page .form-main-section {padding:90px 165px 0 165px;}
.become-customer-page .set-bg {padding-bottom:160px;}
.become-customer-page .php-form .next {background:#00467f; }
.become-customer-page .system-text-section h2 {color:#ABABAB;     font-weight: 600;}
.become-customer-page .trusted-section h2 {font-size: 16px; text-align:center; color:#8f8e8e; font-weight: bold; padding:15px 0;}
.become-customer-page .trusted-section {    width: 14% !important;    margin-left: 20px !important;}

.become-customer-page .system-text-section {padding:40px 0 105px 0;}
.become-customer-page .system-text-section h2:before {background:#ABABAB;}
.become-customer-page .footar-section {background:#1b252d;}
.become-customer-page .text-main {font-size:14px; line-height:20px;}
.become-customer-page .text-main h6 {color:#58595b; padding-bottom:0; padding-top:18px;}
.become-customer-page .afflink-img-section {padding:30px 0;}
.become-customer-page .afflink-img-section  .afflink-img-mian { opacity:0.4; }
.become-customer-page .afflink-img-section  .afflink-img-mian:first-child{margin-left:25px !important;}
.become-customer-page  .row-fluid .footer-left {width:auto;}
.become-customer-page .footer-call {width:auto !important; float:right !important;}
.become-customer-page .footer .hs-menu-wrapper ul li {padding-bottom:15px;}
.become-customer-page .php-form input[type="submit"] {/*font-size:0;*/ margin:0; /*width:50px;*/ top:0;  position:relative; background:#00467f;  height: 40px; border-bottom: 1px solid #a6594f; left:0;}

.become-customer-page .php-form span form .new1>div{ width:21%;}
.become-customer-page .php-form .hs_submit {width:15% !important;}
.become-customer-page .php-form .hs_submit .actions { position:relative; text-align: center;  width: auto; height: 35px;}
/*.become-customer-page .php-form .hs_submit .actions:before {position:absolute; right:5px; content:"\f178"; top:6px; font-family:'FontAwesome'; z-index:11;  font-size:25px; color:#fff; cursor:pointer;}*/


.banner-box{ color:#fff;}


/*=-=-=-=--=-=-=-=--=-=--=-=webinar-ebook-page-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.webinar-ebook-page .header-container-wrapper {height:auto; margin:0;}
.webinar-ebook-page .left-section {padding-bottom:60px !important;}

.webinar-ebook-page .page-title h1 {background:none; font-size:60px; line-height:70px;     font-weight: 400;}
.webinar-ebook-page .blockquote-right {background-image:url(//web.afflink.com/hubfs/afflink/images/top.png); border:none; width:83.6% !important; padding:10px 34px 45px 20px; color:#fff; margin-left:50px !important;background-repeat: no-repeat;
    position: relative;  background-size: 100% 100%;}

/*.webinar-ebook-page .blockquote-right:before {content:""; position:absolute; background-image:url(//web.afflink.com/hubfs/afflink/images/top.png); width:26px; height:27px;}*/

.webinar-ebook-page .blockquote-right i  {font-size: 16px; font-style: italic; line-height:26px; float:left;  font-weight: 400; width:100%;}
.webinar-ebook-page .blockquote-right h5{color:#9ba0a4; font-size:10px; line-height:14px; float:Left; line-height:20px;}
.webinar-ebook-page .blockquote-right h6 {color:#9ba0a4; font-size:12px; padding-top: 3px; float: left;} 
.webinar-ebook-page .right-section {padding:60px 77px 0 77px !important; text-align:center; background:#fff !important; }
.webinar-ebook-page .body-page {background:#fff !important;}
.webinar-ebook-page .right-section h4 {color:#00467f; font-size:34px; font-weight:bold;}
.webinar-ebook-page .right-section input[type="text"] {border:1px solid #b6b6b7; background:#fff; height:40px; margin-top:40px; position:relative;}
.webinar-ebook-page .right-section .hs-form-field{ position:relative; }
.webinar-ebook-page .right-section input[type="email"] {border:1px solid #b6b6b7; background:#fff; height:40px;  margin-top:40px;}
.webinar-ebook-page .right-section input[type="tel"] {border:1px solid #b6b6b7; background:#fff;  height:40px; margin-top:40px;}
.webinar-ebook-page .right-section input[type=submit] {background:#e51937; padding: 10px; border-radius: 2px; font-size: 24px;  color: #fff; font-weight: bold;  margin-top:60px; width: 100%;}
.webinar-ebook-page .right-section input[type=submit]:hover {background:#000;}
.webinar-ebook-page .right-section label {bottom:-27px; color:#6e6e70; font-size:12px; font-weight:400; position:absolute; z-index:111;  right: 50%;  margin-right: -35px;}
.webinar-ebook-page .list-style h2 {color:#db665b !important;}
.webinar-ebook-page .list-style ul li {background-image:url(//web.afflink.com/hubfs/afflink/images/rol.png) !important; background-repeat: no-repeat; width:100%; float:left; background-position: left; padding-bottom:3px;}
.webinar-ebook-page .footar-main {background:#161f26; font-size:14px; font-weight:400; line-height:20px; padding:6px 0 6px 95px; color:#fff;}

.webinar-ebook-page .right-section .hs_firstname {position:relative;}
.webinar-ebook-page .right-section .hs_company {position:relative;}
.webinar-ebook-page .right-section .hs_company label {margin-right:-48px;}
.webinar-ebook-page .right-section .hs_email {position:relative;}
.webinar-ebook-page .right-section .hs_email label {margin-right:-26px;}
.webinar-ebook-page .right-section .hs_phone {position:relative;}
.webinar-ebook-page .right-section .hs_phone label {margin-right:-52px;}
.webinar-ebook-page .right-section .hs_website {position:relative;}
.webinar-ebook-page .list-style ul li {font-weight:600; padding-left:45px !important;}
.webinar-ebook-page .hs-error-msgs {margin:0 !important; position:relative; width:100%;     bottom: 30px;   left: 38%;}
.webinar-ebook-page .hs-error-msgs li label {width:100%; }

/*-=-=-=-=-=-=-=-ebook=-=--=-=-=-=-=-=-=-=-=-=-=-=*/

.resources-ebook .blockquote-full {width:95% !important;}

.resources-ebook .header-container-wrapper {margin:0 ; height:auto;}
.resources-ebook .body-page {background-color:#fff;}
.resources-ebook .right-section {    padding: 60px 77px 0 77px !important; text-align: center;   background: #fff !important;}
.resources-ebook .blockquote-style blockquote {border-color:#00cdaf #00cdaf !important;}
.resources-ebook .right-section h4 {color:#00467f; font-size:34px; font-weight:bold;}
.resources-ebook .right-section input[type="text"] {border:1px solid #b6b6b7; background:#fff; height:40px; margin-top:40px; position:relative;}
.resources-ebook .right-section input[type="email"] {border:1px solid #b6b6b7; background:#fff; height:40px;  margin-top:40px;}
.resources-ebook .right-section input[type="tel"] {border:1px solid #b6b6b7; background:#fff;  height:40px; margin-top:40px;}
.resources-ebook .right-section input[type=submit] {background:#e51937; padding: 10px; border-radius: 2px; font-size: 24px;  color: #fff; font-weight: bold;  margin-top:60px; width: 100%;}
.resources-ebook .right-section input[type=submit]:hover {background:#000;}
.resources-ebook .right-section label {bottom:-20px; color:#6e6e70; font-weight:400; font-size:12px; position:absolute; z-index:111;  right: 50%;  margin-right: -35px;}
.resources-ebook .list-style h2 {color:#db665b !important;}
.resources-ebook .list-style ul li {background-image:url(//web.afflink.com/hubfs/afflink/images/rol.png) !important; background-repeat: no-repeat; width:100%; float:left; background-position: left; padding-bottom:3px;}
.resources-ebook .footar-main {background:#161f26; font-size:14px; font-weight:400; line-height:20px; padding:6px 0 6px 40px; color:#e6e7e8;}

.resources-ebook .right-section .hs_firstname {position:relative;}
.resources-ebook .right-section .hs_lastname {position:relative;}
.resources-ebook .right-section .hs_company {position:relative;}
.resources-ebook .right-section .hs_company label {margin-right:-48px;}
.resources-ebook .right-section .hs_email {position:relative;}
.resources-ebook .right-section .hs_email label {margin-right:-26px;}
.resources-ebook .right-section .hs_phone {position:relative;}
.resources-ebook .right-section .hs_phone label {margin-right:-52px;}
.resources-ebook .right-section .hs_website {position:relative;}
.resources-ebook .list-style ul li {font-weight:600; padding-left:38px !important;}
.resources-ebook .hs-error-msgs {margin:0 !important; position:relative; width:100%;     bottom: -16px;   left: 38%;}
.resources-ebook .hs-error-msgs li label {width:100%; }
.resources-ebook .fancybox {color:#00cdaf; font-size:20px; font-weight:400; padding-left:55px;}
.resources-ebook .fancybox:hover {color:#000;}
.resources-ebook  .page-title h1 {font-size:60px; font-weight:400; line-height:65px; background:none; margin: 0 !Important;  padding: 80px 0 60px 0;}

.resources-ebook  .page-title h1 span{color:#e51937; font-weight:600;}

.resources-ebook .list-style h2 {margin-bottom:0; padding-bottom:15px; margin-left:0 !important;}
.resources-ebook .left-section {padding:60px 30px 58px 40px !important;}
.resources-ebook .blockquote-ebook {float:left !important; width:80% !important; font-size:16px;  margin-left:70px !important;  font-weight:400; line-height:26px;  color:#fff; padding:15px 22px 55px 24px; font-style:italic; margin-top:50px; position:relative;  background-image:url(//web.afflink.com/hubfs/afflink/images/pol.png);     background-size: 100% 100%;   background-repeat: no-repeat;}
.resources-ebook .list-style ul {width:100% !important; float:left !important;     margin-left: 0 !important;}
.resources-ebook .blockquote-ebook P {margin:10px 0;}
.resources-ebook .blockquote-ebook P span{color:#70767a; font-size:12px; font-weight:600;}

/*-=-=-=-=-=-=thank you page-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.thankyou-page-main .here-more-section {text-align:center; padding:33px 0 90px 0;}
.thankyou-page-main .here-more-section h1 {font-size:45px; line-height:52px; background:none;     font-weight: 300;}
.thankyou-page-main .download-btn a{font-size:16px; color:#fff; padding:14px 72px; border-radius:4px; background-color:#015089;  font-weight: 600; display:inline-block; margin-top:30px;}
.thankyou-page-main .download-btn a:hover {background:#000;}

.thankyou-page-main .hs-rss-item {width:33.33%; float:left; padding:0 30px; position:relative;}
.thankyou-page-main .hs-rss-module .hs-rss-item:nth-child(2n){border-left:1px solid #e0e1e2; border-right:1px solid #e0e1e2;}
.thankyou-page-main .hs-rss-item-image-wrapper {width:100% !important; float:left; height:150px; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; position:relative; cursor:pointer;}
.thankyou-page-main .hs-rss-item-image-wrapper:before {position:absolute; content:""; left:0; display:none; width:100%; height:100%; background:rgba(0,0,0,0.6); top:0;}
.thankyou-page-main .hs-rss-item:hover .hs-rss-item-image-wrapper:before {display:block;}
.thankyou-page-main .hs-rss-item:hover .hs-rss-title {color:#e7163c;}
.thankyou-page-main .hs-rss-item:hover .hs-rss-description p a {opacity:1;}

.thankyou-page-main .hs-rss-item-image-wrapper .hs-rss-featured-image {opacity:0;}

.thankyou-page-main .hs-rss-item-text{width:100% !important; float:left; text-align:left; padding:0 !important;}
.thankyou-page-main .hs-rss-item .hs-rss-description {color:#818484;}
.thankyou-page-main .hs-rss-item .hs-rss-title {font-weight:800; padding-top:10px;}
.thankyou-page-main .hs-rss-item .hs-rss-author {float: left;  color: #0b518c;}
.thankyou-page-main .hs-rss-item .hs-rss-date {float:right;}

.thankyou-page-main .hs-rss-item .hs-rss-description p a {position:absolute;  top:19%; color:#fff;  left: 50%;  margin-left: -40px; opacity:0;}
.thankyou-page-main .hs-rss-item .hs-rss-description p a:before {position:absolute; content:"\f08e"; font-family:'FontAwesome'; font-size:18px; color:#fff; right: -30px; top: 2px; }

.webinar-ebook-page  .u-isActionable,.resources-ebook .u-isActionable{ display:none;}


/*=-=-=resources-=page-=-=-=*/

.resouce-cener .header2.Hero-main h1 { font-weight:500; padding-bottom:10px; }
.resouce-cener .header2-subtext { font-size: 16px; letter-spacing: 0; }
.resouce-cener .row-fluid .header2 { padding:107px 0 136px; }

.row-fluid .subscription-box  { background:#ececec; padding:34px 0 20px 0; text-align:center; float: left !important; width: 100% !important; }
/*.row-fluid .subscription-box .subscription-main { width: auto; float: none; display: inline-block; }*/
.row-fluid .subscription-box .subscription-main h3 { float:none; display:inline-block; width:auto; font-weight:bold; font-size:18px; line-height:28px; color:#323a45; padding:8px 0 ; vertical-align: top; }

.row-fluid .subscription-box .subscription-main .hs-error-msgs { color:red; font-size:14px; }
.row-fluid .subscription-box .subscription-main #hs_form_target_module_14830078853737266 { float:none;  display:inline-block;  width:28%; margin-left:25px; }
.row-fluid .subscription-box .subscription-main form { width:100%; float:left; }
.row-fluid .subscription-box .subscription-main form input[type="email"] { background:#fff; height:48px; padding:5px 16px; border-radius:2px; }

.row-fluid .subscription-box .subscription-main form .hs-button { width:146px !important; text-align:center; color:#fff; height:48px; float:left;  background:url('//www.afflink.com/hubfs/afflink/images/blank-1.png')  #004481; font-size:18px; border-radius: 0 2px 2px 0; transition:all 1s ease; }
.row-fluid .subscription-box .subscription-main form .hs-button:hover { background-color:#ec6a5c; transition:all 1s ease; }
.row-fluid .subscription-box .subscription-main form .hs_email { float:left; width:84%; }
.row-fluid .subscription-box .subscription-main form .hs_submit { float:left; width:16%; }

.resources-section  { padding:65px 0 55px 0; }
.resources-section .resource-main-section { width:100%; float:left; } 
.resources-section .resource-box { border-bottom:5px solid #c2c4c5; padding-bottom:23px;  padding-top: 5px;  float: left; width: 100%; }
.resources-section .resource-box h4 { font-size:20px; line-height:28px; color:#323a45; font-weight:500; padding-bottom:15px; }

.row-fluid .resource-main-section .isotope > div.hs_cos_wrapper  { float:left; width:100%; display:block; min-height:0; line-height:normal; }

.resources-section .resource-img { width:25%; float:left; }
.resources-section .resource-text { width:75%; float:left; font-size:13px;  line-height:24px; color:#8893a2; font-weight:400; letter-spacing: 1.1px;}
.resources-section .resource-text p { padding: 0; }
.resources-section .resource-type { color:#04aff0; text-transform:uppercase; padding:15px 0 0 0; font-size: 13px; float:left; width:100%; } 

.resources-section .download-box { float:right; width:auto;   }
.resources-section .download-btn { background:#003d7d; padding:3px 31px; font-size:12px; float:left; color:#fff; text-transform:uppercase; }
.resources-section .download-btn:hover { color:#fff; background:#ee6958; }

.leftsidebar .option-combo span { font-size:18px; color:#323a45; font-weight:bold; position:relative;  padding-bottom: 15px; margin-bottom: 6px; float: left;  width: 100%;  }
.leftsidebar .option-combo span:before { position:absolute; content:""; background:#3bc7fb; width:85px; height:3px; bottom:0; }

.leftsidebar ul.option-set { list-style:none; margin:0; padding:0; float:left; width:100%; }
.leftsidebar ul.option-set li { float:left; width:100%; }
.leftsidebar ul.option-set li a { float:left; width:100%; border-bottom:1px solid #ebeced;  text-transform:uppercase; font-size:13px; color:#8893a2; position:relative; padding:14px 0 14px 20px;  cursor:pointer;  }
.leftsidebar ul.option-set li a:hover { color:#04aff0; }
.leftsidebar ul.option-set li a:hover:before { border-color:#04aff0; }
.leftsidebar ul.option-set li a:before { position:absolute; content:""; border:1px solid #8893a2; width:10px; height:17px; left:0; top:18px; }
.leftsidebar ul.option-set li a.selected { color:#04aff0;  }
.leftsidebar ul.option-set li a.selected:before { border-color:#04aff0;  background:#6dc6f4;}

.resources-section .option-combo.topics { width:100%; float:left; padding:28px 0 0 0; }
.view-itams { text-align:center; padding-top:30px;}
.more-btn { margin:50px auto 0; background:#003d7d; padding:6px 20px; max-width:130px; float:none; text-align: center; display:block; font-size:16px; color:#fff; transition:all 1s ease;  }
.more-btn:hover { background:#0d9cd2; color:#fff; cursor:pointer; transition:all 1s ease; }

.resource-main-section span .clearfix .hs_cos_wrapper:first-child .resource-box h4 { padding-top:0; }
.resource-main-section span .clearfix .hs_cos_wrapper:first-child .resource-box { padding-top:0; }

/* ---------------------------------------------MOBILE NAV STYLES ----------------------------------- */

.page-wrap { float: left; width: 100%; transition: width 0.3s ease;
}

.main-nav { display: block;
          right: 0;
            position: fixed;
            z-index: 10000000;
            top: 0;
            width: 0;
            background: #3B3B3B;
            overflow-y: auto;
            overflow-x: hidden;
            transition: width 0.3s ease;
      
}

.main-nav li a {
            background: #3b3b3b;
            background: -o-linear-gradient(top, #3e3e3e, transparent);
            background: -ms-linear-gradient(top, #3e3e3e, transparent);
            background: -moz-linear-gradient(top, #3e3e3e, #383838);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #383838));
            background: -webkit-linear-gradient(#3e3e3e, #383838);
            background: linear-gradient(top, #3e3e3e, #383838);
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-weight: 300;
            font-weight: 700;
            display: block;
            padding: 0.9em 5%;
            border-top: 1px solid #484848;
            border-bottom: 1px solid #2e2e2e;
            text-decoration: none;
            text-shadow: 0 -1px 2px #222;
            color: #f7f7f7;
            }

.main-nav a:hover, .main-nav li a:focus {
                    background: #005EAB!important;
            background: -o-linear-gradient(top, #005EAB, #001E33);
            background: -ms-linear-gradient(top, #005EAB, #001E33);
            background: -moz-linear-gradient(top, #005EAB, #001E33);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #005EAB), color-stop(1, #001E33));
            background: -webkit-linear-gradient(#005EAB, #001E33);
            background: linear-gradient(top, #005EAB, #001E33);
            }
            }
.main-nav li a:active {
            background: #363636;
            background: -o-linear-gradient(top, #C41230, #8F0D27);
            background: -ms-linear-gradient(top, #C41230, #8F0D27);
            background: -moz-linear-gradient(top, #C41230, #8F0D27);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C41230), color-stop(1, #8F0D27));
            background: -webkit-linear-gradient(#C41230, #8F0D27);
            background: linear-gradient(top, #C41230, #8F0D27);
            -moz-box-shadow: 0 2px 7px #222 inset;
            -webkit-box-shadow: 0 2px 7px #222 inset;
            box-shadow: 0 2px 7px #222 inset;
            border-top-color: #222;
            padding-top: 0.55em;
            padding-bottom: 0.45em
            }


.close-menu { color: #000; display: none;}

#main-nav:target {
            height: 100%;
            background: #3b3b3b url(//cdn2.hubspot.net/hub/282504/file-404346535-png/images/m-background.png) repeat!important;
            width: 60%;
            }


#main-nav:target + .page-wrap {
            width: 80%;
            .open-menu {
            color: #000;
            display: none!important; 
            }
}

.close-btn{position: absolute; width: 100%; bottom: 0;
            background: #3b3b3b;
            background: -o-linear-gradient(top, #5B5B59, transparent);
            background: -ms-linear-gradient(top, #5B5B59, transparent)!important;
            background: -moz-linear-gradient(top, #5B5B59, #030303)!important;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5B5B59), color-stop(1, #030303))!important;
            background: -webkit-linear-gradient(#5B5B59, #030303)!important;
            background: linear-gradient(top, #5B5B59, #030303)!important;
            font-family: "museo-sans", "Museo Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-weight: 300;
            font-weight: 700;
            display: block;
            padding: 0.9em 5%;
            border-top: 1px solid #484848;
            border-bottom: 1px solid #2e2e2e;
            text-decoration: none;
            text-shadow: 0 -1px 2px #222;
            color: #f7f7f7;
            -moz-box-shadow: 0 -9px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 -9px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 -9px 10px rgba(0, 0, 0, 0.2)!important;}

.cell-descrip:after {content: " .........."!important;}
/*.elev8-homepg {margin-top: -90px;}*/
.distribute-homepg {margin-top: 80px;height: 700px; background-image: url(http://afflink.web13.hubspot.com/Portals/282504/images/distribute-background2.jpg)repeat!important;}
.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: 204px;
    overflow: visible!important;
    text-overflow: initial!important;
}

.buckets-wrap img{width:20%;margin:0 1.5%;max-width:288px;}
.valign.first-block {margin:0 auto;width: 85%;}
.buckets-wrap {width: 100%;max-width: 1200px;margin: 0 auto;}
.bucket-text-home p{width:50%;margin: 10px auto;display:none;}
.fancybox-skin {background:transparent!important;}
#cta_button_282504_c3c04916-a772-4f83-b679-3e930a2e7c33{background: url(//cdn2.hubspot.net/hub/282504/file-269837734-png/images/webinar-full-cta.png?t=1376690986000) center no-repeat; display: block; width: 100%; height: 88px; background-size: 100% auto;}

textarea {border:none;}
.hs_comments label {display:block!important;}
.actions .hs-button {bottom:-21px;}




/* RESPONSIVE STYLES - -  RESPONSIVE STYLES - -   RESPONSIVE STYLES - -   RESPONSIVE STYLES - -   RESPONSIVE STYLES - -   RESPONSIVE STYLES - -   RESPONSIVE STYLES - -   RESPONSIVE STYLES - -   */

@media screen and (max-width: 1767px) {
    .two-columns{margin-top: 200px!important;}
}

@media screen and (max-width: 1630px) {
  .roof-map{ margin-top: 60px;}  
}

@media screen and (max-width: 1188px) {
       .supplier-bottom{ margin-top: 80px;}        
       .resources-section { padding:40px 0; }
}

@media screen and (max-width: 1160px)  {
     .hs-menu-wrapper ul li a {padding: 0 10px!important;font-size: 10px;}
     .header-container {width:100%;}
}

@media screen and (max-width: 1139px)  {
    .row-fluid-wrapper .row-fluid .span12.banner-look-alike-outside {height:372px!important;}
    .actions .hs-button {bottom:-18px;}
}

@media screen and (max-width: 1110px) {
       .invisible-clear{display: block; width: 1px; height 1px; margin-bottom: 30px; clear: both;}
        .all-ctas{margin: 0 auto!important; width: 540px;}
        .big-cta{float: left; margin-right: 8px; border-right: 1px solid #ccc; padding-right: 8px;}
        .smaller-ctas{float: left; margin-top: 17px;}
        .interior-left-side,.interior-left-sidewrap {width: 100%!important; border: none!important; float: none!important;}
        .sidenav{width: 100%!important;}
        .forUpdates .sidenav { margin:30px 0 0; }
        .interior-right-side{float: left!important; width: 100%!important;}
        .interior-left-side h1{clear:both;}
        
}  


/* HORIZONTAL IPAD STYLES */
@media screen and (max-width: 1024px) {
    #cta_button_282504_c3c04916-a772-4f83-b679-3e930a2e7c33{height: 82px!important;}
    .elev8-homepg{margin-top: 263px;}
    .elev8-right{margin-top: 4%!important;}
    .elev8-right p{width: 102%!important;}
    .distribute-homepg {min-height:570px;}
    #arrow-scroll {height: 600px;}
    .hs-menu-wrapper ul {margin-left: 100px}

    /* Home - Banner Area ***********************************/
    #ipad-button {display:none;}
    #lead {height:515px;}
    #slogan {left:200px;}
    #slogan .small {
        line-height: 61px;
        width: 393px;
        font-size: 53px;
        clear: both;
        padding: 9px 1px 1px 10px;
        }
    #slogan .large {
        font-size: 110px;
        background-color: rgba(0,0,0,0.4);
        padding: 9px 8px 0 7px;
        }
    
          .distribute-homepg{height: 470px;}
          .foot-inside{margin-left: 20px;}
          .white-foot span{margin-right: 20px;}
          .distribute-left{margin-top: 12%; height: 361px; float: left!important; width: 50%; clear: both; background-size: 100%, auto;}
          .distribute-right{height: 278px; margin-top: -63px;}
          .distribute-right p{margin-top: 45%!important;}
          .elev8-homepg{height: 470px!important;}
          .elev8-right{height: 360px!important;}
          .elev8-left{height: 360px!important; margin-top: 10%;}
          .elev8-title:contains(THE){display: none!important;}
          .elev8-title .break{display: block;}
          
          /* Home - Bucket Section ***********************************/

        .buckets-wrap {background:#fff;width:100%;height:300px;}
        .buckets a img {float:left;width:47%;margin:30px 10px;}
        .bucket-text {margin-left: auto; margin-right: auto;}
        .bucket-text p {font-family: Helvetica,Arial,Sans-Serif;width: 95%;float: left;font-weight: 100;font-size: 15px;text-align: left;line-height: 19px;margin: 0 42px 20px 42px;}

          /* Home - Supplier Section **********************************/
          .supplier-homepg{height: 470px;}
          
          
          /*---INTERIOR PAGES---*/
          .page-type-logo{right: 9%!important;}
     .buckets-wrap {padding-top:125px;min-height:530px;float:left;clear:both;}
     .buckets-wrap a img {width:45%;float:left}
     .buckets-wrap img {width:45%;}
}

/* END HORIZONTAL IPAD STYLES */

@media screen and (max-width: 958px) {
  .bottom-cta{display: none;}
}

@media screen and (max-width: 880px) {
        .supplier-title{margin: 0 auto!important; text-align: center!important; }
        .supplier-left{float: none!important; width: 80%!important; height: 270px;margin: 0 auto!important;} 
        .supplier-left p{text-align: center!important; width: 100%!important; margin-top: 11%!important;}
        .header-container-wrapper{max-height: 74px!important;}
        .full-width-mobile {box-shadow:1px 1px 1px #ddd;}
        .full-width-mobile .widget-type-logo {margin-top: 30px; margin-left: 20px;}
        .actual-navigation{display: none;}
        .full-width-mobile{width: 100%; height:100px; position:fixed; z-index: 900;top: 0; background: #fff;}
        .open-menu{display: block;}
        .roof-map{display: none;}
        .supplier-left{margin-bottom:40px; float: none;  }
        .supplier-right{display: none;}
        .supplier-bottom{margin-top: 60px;}
        .supplier-btn{display: block; margin: 0 auto!important;}
        .cb-slideshow, .cb-slideshow:after {}
}

@media screen and (max-width:865px) {
    .actions .hs-button {bottom:-41px;}
}

@media screen and (max-width: 833px) {   
    .row-fluid-wrapper .row-fluid .span12.banner-look-alike-outside {height: 440px!important;}
    .actions .hs-button {bottom:1px;left:16%;}
}

@media screen and (max-width: 830px) {   
    .ele-logo{background: none!important; padding: 0px!important;}
    .bold-h3{margin-bottom: 30px;}
    .space{padding-top: 21px!important;}
    .supplier-right{float: none!important; margin: 0 auto!important;}
    .roof-map{width: 100%!important; height: auto; margin-top: 0px!important;}
    .supplier-left{height: 265px!important;}
    .supplier-bottom .supplier-list li{width: 31%!important; margin: 0 auto!important;}
    .supplier-bottom .supplier-list{margin: 0 auto!important;}
    /*.row-fluid .span3 {width: 190px!important;}*/
    .floor-plan-block {display:none;}
    .our-value-img{display: none;}
}

@media screen and (max-width: 809px) {
    .two-columns{margin-top: 710px!important;}
}

@media screen and (max-width: 804px) {
  .row-fluid-wrapper .row-fluid .span12.banner-look-alike-outside {height:1240px!important;}
  textarea[name="comments"] {width:100%;}
  .actions .hs-button {left:32%;}
}

/* VERTICAL IPAD STYLES */
@media screen and (max-width: 768px) {
    
        .buckets-wrap {min-height:325px;}
        
        /* Home - Bucket Section ***********************************/
          .buckets-wrap {background:#fff;width:100%;height:300px;}
          .buckets {width:100%;}
          .buckets a img {float:left;width:100%;margin:30px 10px;}
          .bucket-text {}
    
        /* Home - ELEV8 Section ***********************************/
          .second-bk{background:none;}
          .elev8-homepg{height: 400px;}
          .elev8-right p{width: 96%;}
          .elev8-right{width: 47%;height: 350px;}
          .elev8-title{font-size: 24px!important;}
          .elev8-left{height: 378px; margin-top: 43px;}
          .elev8-title .break{display: inline;}

          /* Home - Distribute Section ***************************/  
          .distribute-homepg{height: 590px;}
          .distribute-left{float: none; margin-bottom:20px; background-position: center top; width: 100%; height: 155px; background-size: auto 100%;}
          .distribute-right{width: 90%!important; float: none!important; margin: 0 auto!important;}
          .distribute-right p{width: 90%; margin: 20px 10px 0px 10px; text-align: center;}
          .distribute-right .distribute-title{margin: 0 auto; width: 100%!important; display: block; text-align: center; margin-bottom: 0px;}
          .distribute-right p a span{display: block!important; margin: -30px auto!important; background-position: center;}

          /* Home - Supplier Section **********************************/
          .supplier-list{margin-left: -50px; display: block;}
          .supplier-list li{margin: 0px!important;}
          .supplier-right{width: 40%;}
          .supplier-left{width: 53%; margin-left: 20px;}
          .supplier-left p{width: 97%}
          .distribute-right p{margin-top: 2%!important;}
          
          /* FOOTER */    
          .foot-nav{width: 100%!important; margin-left: 0%!important; padding: 0; display: block;text-align:center;}
          .foot-nav li {font-size: 28%; text-align: center;display:inline-block;float:none;}
          @-moz-document url-prefix(){.foot-nav li{font-size: 50%!important;}}
          .foot-logo{display: none;}
          .top-level{padding-bottom: 18px!important;}
          .white-foot span{margin: 5px 10px 0 10px;!important; width: 100%; text-align: center;}
          .top-level{float: none; width: 93%; padding: 2px; margin: 0 auto !important;}
          .foot-address{display: none; width: 93%; margin: 0 110px!important;}
          .foot-social{clear: both; float: none; margin-left: 25%!important; width: 50%; margin-right: 57px; text-align: center; margin-top: 20px;}
          .foot-inside{height: 86px; width: 100%; float: none; margin: 0!important;}
          .footer{height: 130px; width: 100%; padding-bottom: 10px;}
          .bottom-level{position:relative;}
          .foot-social{display: none; position: absolute; width: 90px; left: 0; right: 0;}
          
          /*---INTERIOR PAGES---*/
          .page-type-logo{right: 0%!important;}
          
          #slogan{left:80px;}
         .webinar-ebook-page .row-fluid .span8, .webinar-ebook-page .row-fluid .span4,.resources-ebook .row-fluid .span8, .resources-ebook .row-fluid .span4{ width:100% !important;}
}

@media (min-width:992px) and (max-width:1240px){
     
    .become-customer-page .set-bg {padding-bottom:80px;}
    .become-customer-page .afflink-img-section .afflink-img-mian:first-child {margin-left:18px !important;} 
    .become-customer-page .system-text-section {padding:40px 0;}
    .become-customer-page .text-main h6 {padding-bottom:0;}
    .become-customer-page .form-main-section {padding-top:50px;}
         /*.become-customer-page .php-form .hs_submit .actions {width:50px;}*/
    
    /*=-=-=-=-=-=-=-=-=-=--=.webinar-ebook-page---=--=-=-=-=-=-==-*/
    .webinar-ebook-page .page-title h1 {font-size: 40px; line-height: 50px; margin:85px 0;}
    .webinar-ebook-page .right-section {padding: 30px 15px 0 15px !important;}
     .webinar-ebook-page .list-style ul {margin:0 !important;}    
    .webinar-ebook-page .list-style ul li {font-size:16px !important;}
    .webinar-ebook-page .list-style h2 {font-size: 22px !important; margin:0 0 10px 0 !important; }
   .webinar-ebook-page .blockquote-right {width:100% !important; margin-left:20px !important; padding:5px 10px 122px 10px; background-size: 100%; background-repeat: no-repeat;}
   .webinar-ebook-page .blockquote-right i {font-size: 14px; line-height: 20px;}
   /*-=-=-.resources-ebook =-=-=-=-=-=-*/
    .resources-ebook .page-title h1 {padding: 25px 0 25px 0; font-size:26px; line-height:30px; }
    .webinar-ebook-page .list-style ul {margin:0 !important;}    
    .webinar-ebook-page .list-style ul li {font-size:16px !important;}
    .webinar-ebook-page .list-style h2 {font-size: 24px !important; margin:0 0 10px 0 !important; }
    .resources-ebook .blockquote-ebook {margin-top:10px; width:100% !important; background-image:none; padding: 5px 10px 10px 15px; border:2px solid #00cdaf;}
    .resources-ebook .right-section {padding:38px 20px !important;}
    .resources-ebook .blockquote-ebook {margin-left:0 !important;}
    
    /*=-=-=-=-=-=-=-=-thank you page=-=-=-=-=-=-=-=-=-=-=-=-=*/   
    .thankyou-page-main .here-more-section {padding:30px 0 40px 0;}
    
   .resource-text { width:75%; padding-left:20px;  }
   .resources-section .resource-box h4 { padding-bottom:20px; }
    
    
}

@media (min-width:768px) and (max-width:991px){
      
     .become-customer-page .form-main-section {padding:15px 0 0 0;}
     .become-customer-page .afflink-img-section .afflink-img-mian:first-child {margin-left:10px !important;}      
     .become-customer-page .set-bg {padding-bottom:60px;}
     .become-customer-page .system-text-section {padding:20px 0 10px 0;}
     .become-customer-page .footer-box {width:31% !important;}
     .become-customer-page .footer-box .footer-address .map-icon {padding:0 10px 0 0;}
     .become-customer-page .footer-box .footer-social a {margin:0 6px;}
     .become-customer-page .php-form input[type="submit"] {margin-top:0; /*margin-left:7px;*/}
     /*.become-customer-page .php-form .hs_submit .actions {width:50px;}*/
     
     /*-=-=-=.webinar-ebook-page-=-=-=-=-=-=--=-=-*/
     .webinar-ebook-page .page-title h1 {font-size:24px; line-height:36px; margin:50px 0;}
    .webinar-ebook-page .list-style ul {margin:0 !important;}    
    .webinar-ebook-page .list-style ul li {font-size:16px !important;}
    .webinar-ebook-page .list-style h2 {font-size: 24px !important; margin:0 0 10px 0 !important; }
    .webinar-ebook-page .show-left-section   {width:100% !important;}
    .webinar-ebook-page .blockquote-right {width:100% !important; margin:0 0 20px 0 !important; max-width:309px !important;}
    .webinar-ebook-page .right-icon-main {width:100% !important;}
    .webinar-ebook-page .right-section {padding:30px 15px !important;}
    .resources-ebook .blockquote-ebook {margin-left:0 !important;}
    
    /*-=-=-=-=-.resources-ebook=-=-=-=-=-=*/
    .resources-ebook .right-section {padding:40px 15px 0 15px !important;}
    .resources-ebook .blockquote-ebook {margin-top:10px; width:100% !important; background-image:none; padding: 5px 10px 10px 15px; border:2px solid #00cdaf;}
    .resources-ebook .list-style ul {margin:0 !important;}
    .resources-ebook .list-style h2 {margin:0 !important;}
    .resources-ebook .left-section {padding:40px 20px !important;}
    .resources-ebook .list-style ul li {font-size:16px;}
    .resources-ebook .page-title h1 {padding: 25px 0 25px 0; font-size:24px; line-height:30px; }
    .resources-ebook .right-section h4 {font-size:26px; line-height:30px;}
    .become-customer-page .php-form .hs_submit:before {right:3px;}
    .become-customer-page .trusted-section {margin-left:14px !important;}
    .become-customer-page .trusted-section h2{font-size:18px; padding:4px 0;}
    
      /*-=-=-=-=.thank you-page-=-=-=-=-=-=-==-=-=-=-=-=-*/
      .thankyou-page-main .hs-rss-item {padding:0 15px;}
      .thankyou-page-main .hs-rss-item .hs-rss-date {font-size: 12px;}
      .thankyou-page-main .hs-rss-item .hs-rss-author {font-size: 12px;}
      .thankyou-page-main .hs-rss-item .hs-rss-title {font-size: 18px; line-height: 20px;}
      .thankyou-page-main .here-more-section {padding:20px 0;}
      .thankyou-page-main .header2 {padding:60px 0 30px !important;}

      .thankyou-page-main .header2-subtext {font-size:18px;}
      .thankyou-page-main .hs-rss-item .hs-rss-description {font-size:16px;}
      
      .row-fluid .subscription-box .subscription-main #hs_form_target_module_14830078853737266 { width:48%; }
      .row-fluid .subscription-box { padding:14px 0 18px 0; }
      .resources-section .resource-img { width:40%;  }
      .resources-section .resource-text { width:60%; padding-left:10px; }
      .resources-section .resource-box h4 { font-size: 18px; line-height: 26px; padding-bottom: 20px; }
      .resources-section .leftsidebar ul.option-set li a { padding:10px 0 10px 20px; }
      .resources-section .leftsidebar ul.option-set li a:before { top:15px; } 
      .resources-section { padding:30px 0; }
      
      .resouce-cener .row-fluid .header2 { padding: 100px 0 90px 0; }
      
}
@media (min-width:768px){
    .become-customer-page .afflink-img-section  .afflink-img-mian {width:14% !important; margin:0 !important;}
}
@media (min-width:30px) and (max-width:767px){

    .become-customer-page .form-main-section {padding:0;}
    .become-customer-page .header-container .form-main-section h1 {font-size:26px;}
    .become-customer-page .php-form {margin-top:10px;}
    /*.become-customer-page .afflink-img-section .afflink-img-mian {margin:0 !important; width:50% !important; float:left;}*/
    .become-customer-page .afflink-img-section .afflink-img-mian:first-child{ margin-left:0 !important;}
    .become-customer-page .afflink-img-section {padding:0 15px !important; width:100%; float:left;}
    /*.become-customer-page .afflink-img-section div div div:nth-child(n+5) {display:none !important; }*/
    .become-customer-page .afflink-img-section div div div:nth-child(4){float:none; display:inline-block; }
       
    .become-customer-page .text-main h6 {padding-bottom:0;}
    .become-customer-page .text-main p {padding-top:5px; line-height:22px;} 
    .become-customer-page .system-text-section {padding:25px 0 10px 0;}
    .become-customer-page .footer-call {width:100% !important;}
    .become-customer-page  .set-bg {padding-bottom:35px;}
    .become-customer-page .php-form .hs_submit{ width:30%;}
    .become-customer-page .php-form span form .new1 > div { width: 100%;}
    .become-customer-page .php-form input[type="submit"] {margin-top:10px; margin-left:0; width:100%;}
    .become-customer-page  .hs-button.primary.large {float:left !important; left:0; width:auto;}
    .become-customer-page .php-form .hs_submit .actions:before {right:12px;}
    /*.become-customer-page .php-form .hs_submit .actions {width:50px;}*/
    .become-customer-page .rusted-section {width:100% !important;} 
    .become-customer-page .trusted-section  {width:100% !important; margin-left:0 !important;} 
    
    /*-=-=-=-=-=-.webinar-ebook-page=-=-=-=-*/
    .webinar-ebook-page .page-title h1 {font-size: 28px; line-height: 40px;}
    .webinar-ebook-page .list-style h2 {font-size: 24px !important; margin:0 0 10px 0 !important; }
    .webinar-ebook-page .list-style ul {margin:0 !important;}    
    .webinar-ebook-page .list-style ul li {font-size:16px !important;}
    .webinar-ebook-page .blockquote-right {width:100% !important; margin:20px 0 15px 0 !important; padding:6px 7px 35px 20px; max-width:295px !important;  float:left !important;}
    .webinar-ebook-page .right-section {padding:30px 20px !important;}
    .webinar-ebook-page .footar-main {padding:10px 0 ; text-align:center;} 
    .webinar-ebook-page .right-section h4 {font-size:24px;}
    .resources-ebook .blockquote-ebook {margin-left:0 !important;}
    
    /*=-=-=-=-=-==-=-.resources-ebook=-=-=-=-=-=-=-=-=-=-=-=-*/
    .resources-ebook .page-title h1 {padding: 25px 0 25px 0; font-size:24px; line-height:30px; }
    .resources-ebook .left-section {    padding: 25px 15px 20px 15px !important;}
    .resources-ebook .blockquote-ebook {margin-top:10px; width:100% !important; background-image:none; padding: 5px 10px 10px 15px; border:2px solid #00cdaf;}
    .resources-ebook  .list-style ul {margin:0 !important;}
    .resources-ebook .list-style h2 {margin:0 !important;     font-size: 20px !important;}
    .resources-ebook .right-section {padding:30px 10px !important;}
    .resources-ebook .footar-main {padding:10px 0; width:100%; text-align:center;}
    .resources-ebook .fancybox {    width: 100% !important;  float: left;}
    
    /*-=-=-=-=.thank you-page-=-=-=-=-=-=-==-=-=-=-=-=-*/
    .thankyou-page-main .hs-rss-item {width:100%; padding:0; } 
    .thankyou-page-main .here-more-section h1 {font-size: 26px; line-height: 36px; padding-bottom:0;}
    .thankyou-page-main .download-btn a {padding:14px 38px;}
    .thankyou-page-main .row-fluid .header2 {padding:40px 0 !important;}
    .thankyou-page-main .here-more-section {padding:60px 0 20px 0;}
    .thankyou-page-main .hs-rss-module .hs-rss-item:nth-child(2n) {border:none;}
    .thankyou-page-main .hs-rss-module .hs-rss-item {margin-bottom:15px;}
    .row-fluid .banner-title { left:0 !important; }
    .row-fluid .php-form .hs-error-msgs label{ bottom:-9px;}
    
    .row-fluid .subscription-box .subscription-main #hs_form_target_module_14830078853737266 { width:86% !important; padding-top:5px; margin-left:0; }  
    .row-fluid .subscription-box .subscription-main form .hs-button { width:100%; }
    .resources-section .resource-img { width:100%; text-align:center; }
    .resources-section .resource-text { width:100%; text-align:center; padding-top:10px; }
    .resources-section .resource-box { text-align:center;  }
    .row-fluid .subscription-box { padding:10px 0 20px 0; }
    .resources-section .resource-box h4 { font-size:17px; line-height:24px; padding-bottom:15px; } 
    .resources-section { padding:30px 0; }
    .leftsidebar { padding-bottom:30px; }
    .resources-section .download-box { width:100%; }
    .resources-section .download-btn { float:none; display:inline-block; margin-top:10px; }
    .row-fluid .subscription-box .subscription-main form .hs_email { width:85%; }
    .row-fluid .subscription-box .subscription-main form .hs_submit { width:15% ; }
    .resouce-cener .row-fluid .header2 { padding:90px 0 100px; }
    
    .row-fluid .subscription-box .subscription-main form .hs_submit { width:100% !important; margin-top:20px; }
    .row-fluid .subscription-box .subscription-main form .hs-button, .row-fluid .subscription-box .subscription-main form .hs_email { width:100% !important; }
    
}



@media (min-width:630px) and (max-width:767px){
   
.row-fluid .subscription-box .subscription-main form .hs_email { width:90%; }
.row-fluid .subscription-box .subscription-main form .hs_submit { width:10% ; }
    
}


@media (max-width:420px){
     
    .row-fluid .subscription-box .subscription-main #hs_form_target_module_14830078853737266 { width:100% !important;   }   
/*.row-fluid .subscription-box .subscription-main form .hs_email { width:80%; }
.row-fluid .subscription-box .subscription-main form .hs_submit { width:20% ; }
*/
    
}

@media (min-width:425px) and (max-width:767px){
  
  /*.become-customer-page .afflink-img-section .afflink-img-mian {margin: 0 0 !important; width: auto !important; float: none;}*/

}


@media screen and (max-width: 763px) {
        #ribbon-wrap {padding:0;}
        .two-columns{-moz-column-count: 1!important; -webkit-column-count: 1!important; column-count: 1!important;text-align: center; border-top: 1px solid #ccc; width: 70%; margin-top: 40px;}
        .elev8-homepg {margin-top: 280px;}
        #arrow-button a {background-size:25px 25px;width:25px;height:25px;}
        #arrow-button {top: 445px;width: 25px;height: 25px;right: 16%;position:relative;left:initial;float:right;}
        #banner-ribbon { width: 80%;padding-left: 0;text-align: center;}
        #home-banner {width:100%;}
}
    
@media screen and (max-width: 739px){
    .invisible-clear{display: none;}
    .all-ctas{margin: 0 auto; width: 259px;}
    .big-cta{float: none; margin-right: 0px; border-right: 0px; padding-right: 0px;}
    .smaller-ctas{float: none; margin-top: 2px;}
}

@media screen and (max-width: 708px) {
    .actions .hs-button {left:28%;}
}

@media screen and (max-width: 708px) {
    .page-type-logo{display: none;}

}

@media screen and (max-width: 697px) {
    .supplier-list{margin-top: 50%; margin-left: -30px;}
    .supplier-list li{height: 10%; width: 44%;margin: 0 0 20px 0!important;}
}

@media screen and (max-width: 690px) {
        .logo-1, .logo-2, .logo-3, .logo-4, .logo-5{margin: 0 auto;}
        .interior-left-side li{float: none!important; display: block; margin: 0 auto; width: 97%; text-align: center!important; }
        .banner-texture{background-position: 11% -56px!important;}
        .page-type-logo{display: none!important;}
        .page-type-logo-industries-healthcare, .page-type-logo-industries-hospitality, .page-type-logo-industries-commercial, .page-type-logo-industries-industry{display: none!important;}
}

@media screen and (max-width: 647px) {
    .elev8-left{float: none; margin: 0 auto!important; height: 115px!important; width: 90%; background: url(http://afflink.web13.hubspot.com/Portals/282504/images/bullets.png)center no-repeat; background-size: 100% auto;}
    .elev8-right{float: none; margin: 0 auto; width: 90%;}
    .elev8-right p{text-align: center;}
    .elev8-right p span{text-align: center!important;}
}

/* END VERTICAL IPAD STYLES */

@media screen and (max-width: 500px) {
    .actions .hs-button {left:16%;}
    .distribut-links {margin:auto!important;}
}

@media screen and (max-width: 500px) {
        .cell-descip {height: 198px!important;top: 0px!important;position: absolute!important;left: 28%!important;width: 45%!important;float: left!important;margin-left: 30px!important;}
        .cell-descrip p {width: 140px;overflow: hidden;line-height: 1.2em;height: 13.0em;}

}

@media screen and (max-width: 490px) {
 .buckets-wrap {padding-top:5px;min-height:1300px;float:left;clear:both;}
 .buckets-wrap img {width:100%;}
 .buckets-wrap a img {width:95%;float:left}   
 .elev8-homepg {margin-top:180px;}
}

@media screen and (max-width: 480px) {
#SnapABug_WP {display:none!important;}
#SnapABug_Button {display:none!important;}


        .cb-slideshow, .cb-slideshow:after { height: 300px!important;}
        .buckets-wrap{margin-top: 0px!important;}
        .first-block{display: none!important;}
        .second-block{display: block!important; width: 100%;}
        #home-banner {height:300px;}
        .supplier-left p {text-align: left!important;}
        
        /* Nav */
        .header-container-wrapper {height:auto;margin-top:51px;}
        .header-container {width:100%;}
        .hs-menu-wrapper ul {box-shadow:none!important;}
        /*.hs-menu-wrapper ul li {width:150px;float:left!important;border:none;}*/
        /*.hs-menu-wrapper ul li ul {display:none!important;}*/
        /*.hs-menu-wrapper ul li:hover ul {display:none!important;}*/
        .hs-menu-wrapper ul li a {border:none;}
    
        /* Home - Banner Area ***********************************/
        #lead {height:315px;}
        #arrow-scroll {height:300px;}
        #ribbon-wrap {
            margin: 0;
            padding: 0 0 0 17px;
            background: transparent url(http://afflink.web13.hubspot.com/Portals/282504/images/banner-ribbon.png) no-repeat center;
            position: relative;
            bottom:10px;
            left: 0;
            width: 100%;
            height: 87px;
            box-sizing:border-box;
        }
        
        #banner-ribbon {padding-left:0;}
        #banner-ribbon a {font-size:18px;bottom:7px;position:relative;}
        .banner-title{
            left:10% !important;
            font-size:31px !important;
            width:80%;
            text-align:center;
        }
        #arrow-button {top:264px!important;right:12%!important;}
        
        #slogan {top:70px;left:16px;}
        #slogan .small {
            line-height: 40px;
            width: 95%;
            font-size: 34px;
            clear: both;
            padding: 9px 0 0 0;
            text-align: center;
            margin:0;
        }
        #slogan .large {
            font-size: 66px;
            background-color: rgba(0,0,0,0.4);
            padding: 9px 8px 0 7px;
        }
        #banner-ribbon{width:85%;margin:-43px auto 0 auto;text-align:center;padding-right:35px;}
        .bucket-text {display:none; }
        
          /* Home - ELEV8 Section ***********************************/
          .elev8-right{height: 232px!important;}
          .elev8-right p{height: 232px!important;}

          /* Home - Distribute Section ***************************/  
          .distribute-homepg{height: 510px;}
          .distribute-left{float: none; margin: 30px auto 0 auto; background: url(http://afflink.web13.hubspot.com/Portals/282504/images/pin.png) center top no-repeat; width: 100%; height: 144px;}
          .distribute-right{width: 90%!important; float: none!important; margin: 0 auto!important;}
          .distribute-right p{width: 90%; margin: 20px 10px 0px 10px; text-align: left;}
          .distribute-right .distribute-title{margin: 0 auto; width: 100%!important; font-size: 20px;display: block; text-align: center; margin-bottom: 0px;}
          .distribute-right p a span{display: block!important; margin: -20px auto!important; background-position: center;}

          /* Home - Supplier Section **********************************/
          .supplier-list{ height: 187px!important; margin-top: 20px!important; padding-top: 30px;}
          .supplier-list li{height: 30%!important; margin-bottom: 10px!important; margin-top: 0px!important;}
          .supplier-right{float: none; width: 100%; height: 240px;}
          .supplier-left{width: 100%; float: none; height: 200px; margin-top: 0px!important; }
          .supplier-left p{width: 80%; margin-top: 50px;}
          .supplier-title{text-align: center!important; font-size: 26px!important;}
          .supplier-homepg{height: 560px; margin: 0 auto;}

          /* FOOTER */
          /*.foot-nav li {border-bottom: 2px solid #313231; margin: 0 auto!important; display: block!important; float: none; height: 18px; padding-right: 2px!important; text-align: center; width: 90%; padding: none!important;}
          .top-level{border: none!important;}
          .foot-nav li a{display: table-cell!important; vertical-align: middle!important; width: 300px; text-align: center;} 
          .footer{height: 226px!important;}
          .footer-nav li:hover{background: #363636;}*/
          .top-level{display: none!important;}
          .bottom-level{display: block!important; width: 300px!important; margin: 0 auto!important;}
          .footer{height: 70px!important;}
          .foot-inside{height: 57px!important;}
          .foot-address{display: block!important; width: 300px!important; margin: 0 auto!important; padding: 0px!important;}
          .foot-address li{background-size: 48px 40px!important; text-indent: -99999px; text-align: center!important; margin: 0px auto!important; text-indent: -9999px!important; display: block!important; width: 33%; height: 40px;}
          .map-foot a{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/map-icon-mobile.png )center no-repeat; background-size: 48px 40px!important; display: block!important; height: 54px;}
          .tele-foot a{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/phone-icon-mobile.png )center no-repeat;background-size: 48px 40px!important; display: block; height: 54px;}
          .email-foot a{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/mail-icon-mobile.png )center no-repeat;background-size: 48px 40px!important; display: block; height: 54px;}
          .map-foot a:hover{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/map-icon-mobile-hover.png )center no-repeat; background-size: 48px 40px!important; }
          .tele-foot a:hover{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/phone-icon-mobile-hover.png )center no-repeat; background-size: 48px 40px!important; }
          .email-foot a:hover{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/mail-icon-mobile-hover.png )center no-repeat; background-size: 48px 40px!important;}
          .foot-social{display: none!important;}
          .elev8-homepg .elev8-right p {text-align:left;}
          .full-width-mobile .widget-type-logo {margin-top:5px!important;margin-left:5px!important;}
          .full-width-mobile .widget-type-logo span a img {width:120px!important;}
          .full-width-mobile {height:50px!important;}
          .open-menu {background-size:24px;top:6px;right:8px;}
}

@media screen and (max-width: 456px) {
          .org-title{font-size: 33px!important; left: 6%!important;}
            #SnapABug_P{width: 300px!important; position: relative;}
            #SnapABug_P img{width: 300px!important; max-width: 300px!important; min-width: 300px!important;}
            #SnapABug_P a img{width: 84px!important; max-width: 84px!important; min-width: 84px!important;}
            #SnapABug_P input #email{ width: 100px!important; max-height: 17px;min-width: 100px!important;}
            #SnapABug_SB{position: absolute; bottom: 0px; right: 65px; }
            #SnapABug_DB{width: 270px!important;}
            #SnapABug_P div[title='Close']{left: 267px!important; width: 20px; height: 20px; z-index: 2000!important;} 
}

@media screen and (max-width: 400px) {
  .buckets-wrap {min-height:1100px;}
}

@media screen and (max-width: 360px) {
         .supplier-bottom{ margin-top: 140px!important;}
         .distribute-homepg {height: 630px;}
}

@media screen and (max-width: 340px) {
          .elev8-title{font-size: 18px!important;}
          .elev8-left{display: none;}
          .org-title{font-size: 33px!important; left: 6%!important;}
          .list-title{width: 100%!important; font-size: 23px!important;}
          .main-nav li a {font-weight: 700;display: block;padding: 0.6em 5%;border-top: 1px solid #484848;border-bottom: 1px solid #2e2e2e;text-decoration: none;text-shadow: 0 -1px 2px #222;color: #f7f7f7;}
          .buckets-wrap {min-height:1000px;}
          .elev8-right {margin-top:40px!important;}
          .elev8-homepg {height: 430px!important;}
}

@media screen and (max-width: 320px) {
          .buckets-wrap {min-height:900px;}
          .distribute-homepg {height: 670px;}
}

@media screen and (max-width: 296px) {
    .supplier-bottom{ margin-top: 160px!important;}
}

@media screen and (max-height: 280px) {
    .full-width-mobile {height:30px!important;}
    .open-menu {width:27px;height:19px;}
    .full-width-mobile .widget-type-logo span a img {width: 75px!important;}
    .cb-slideshow, .cb-slideshow:after {}
    .header-container-wrapper {height: 30px;margin-top: 0;}
    #main-nav:target {width:30%;}
}

@-webkit-keyframes bgscroll {
      from {background-position:0 0;}
      to {background-position:0 -1944px;}
}
@keyframes bgscroll {
      from {background-position:0 0;}
      to {background-position:0 -1944px;}
}




.main-nav#main-nav li a {text-transform:uppercase;}

  #hs-cta-img-50a2ccf3-e65c-43c3-b4be-6e3db7601aed{display: block; background: url(//web.afflink.com/hs-fs/hub/282504/file-2621307873-png/images/short-web-cta.png) top left no-repeat; background-size: 100% auto;}
  #hs-cta-img-50a2ccf3-e65c-43c3-b4be-6e3db7601aed:hover{ background: url(//web.afflink.com/hs-fs/hub/282504/file-2621307873-png/images/short-web-cta.png) no-repeat; background-position: 0px 98.1%; cursor: pointer;}
  #cta_button_282504_c3c04916-a772-4f83-b679-3e930a2e7c33{height: 287px!important; background: url(//web.afflink.com/hs-fs/hub/282504/file-2624920723-png/blog-full-cta.png?v=3) center top no-repeat!important;}
  #cta_button_282504_c3c04916-a772-4f83-b679-3e930a2e7c33:hover{background-position: center -287px!important;}
  
  @media(max-width: 1110px){
      #cta_button_282504_03410cda-39dc-43a8-9dd4-5472f521b5b7{max-width: 350px;}
      }

.interior-left-side .hs-cta-node img {margin-bottom:15px!important;}


.sidenav-products, .sidenav ul li a {color: #838383!important; font-size: 17px; height: 50px!important;}
.sidenav ul li{color: #838383!important; font-size: 17px; height: 30px!important;}
/*.sidenav-products, .sidenav ul li a:hover{color: #00467F!important;}*/