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

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

 /****************************************/
 /* HubSpot Style Boilerplate            */
 /****************************************/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
    *zoom: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Clearfix */

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

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

/* Responsive Visibilty Classes */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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




 /* HTML 5 Reset */

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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




 /*****************************************/
 /* Start your style declarations here    */
 /*****************************************/
/* 
 You can use this CSS file as a guide in building out
 your HubSpot website. It contains the major elements needed
 to create your own custom style. 
*/

/* Migration Tech Name - Anuj Bhardwaj */
/* Date: 08 October 2013 */

/* Apply a natural box layout model to all elements so that width and padding are combined */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* ------ Custom fonts (http://www.google.com/fonts) ------ */
/* @import url(#); */

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

body {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    font-family: Verdana,sans-serif;
    color: #535353;
}

body {
    background-image: url('//cdn2.hubspot.net/hub/319495/file-2147265654-jpg/images/NEW-Homepage-background-GREY.jpg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-attachment: fixed;
    background-color: #6a8b9b;
}

a {
    color: #23939E;
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: none;
    transition:0.3s;
}

img {}


/* ------ Typography ------ */
/* Basic text */
p {font-size:12px;} /**** Keep this in Pixels not EMs ******/
small {}
strong {}
em {}
cite {}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #005DAB;
    font-family: 'PT Sans',Verdana,Sans-Serif;
    font-weight: normal;
}

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

h1 {
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 2px;
}
h2 {
    font-size: 24px;
    line-height: 28.8px;
    margin: 12px 0;
}
h3 {
    font-size: 18px;
    line-height: 21.6px;
    margin: 9px 0 0;
}
h4 {}
h5 {}
h6 {}

.container-fluid h3.form-title {}

/* Lists */
ul, ol {margin:0;}
ul ul, ul ol, ol ol, ol ul {}

li {}

ul.unstyled, ol.unstyled {}

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

dl {}
dt, dd {}
dt {}
dd {}

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

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

/* Address */
address {}


/* ------ Structure ------ */
/* 
 The outer wrappers of your website, if you wanted to set your website width
 to a fixed size you could set a width or max-width of 960px for example. 
*/
.header-container-wrapper, .footer-container {max-width:1220px;margin:0 auto;}

.header-container-wrapper {}
.body-container-wrapper {
    
}
.footer-container-wrapper {
    background: #428BEB;
}

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

.header-container {
    padding-right: 0 !important;
    border-top: 6px solid #005daa;
    background-color: #fff;
}
.body-container {
    background:transparent;
}
.footer-container {
    padding: 10px 20px 0 !important;
    max-width: 1000px !important;
}

.container-fluid.body-container {
    max-width: 1220px;
    margin: 0 auto;
    padding:0px !important;
    background:transparent !important;
}

.footer-container .hs_cos_wrapper_type_page_footer footer {}

.footer-container .hs-footer-company-copyright {
    font-size: 9.71px;
    line-height: 14.5833px;
    color: #FFFFFF;
    max-width: 1220px;
}

/*
Theme Name:     Switch2 custom WP Theme (Based on inHarmony)
Theme URI: 		http://dragon-wp.designagent.sk/
Author: 		BWKerenza
Author URI: 	http://www.rpadesign.co.uk
Template:		inharmony
Description: 	Clean and tidy multi-purpose theme that is very simple and user-friendly.  Responsive and clean-coded.
Version: 		1.0
Tags: 				white, light, one-column, two-columns, right-sidebar, left-sidebar, fluid-layout, custom-menu, editor-style, featured-images, microformats, post-formats, custom-background, custom-colors, translation-ready, responsive-layout
Text Domain: 	inHarmony
*/

/*
Blue: #005dab
Green: #8ec63f
Yellow: #f7ec00
*/

@import url('../inharmony/style.css');
@import url('editor-style.css');

/*element styles*/
body { font-size: 14px; color: #648596; }
h2 { color: #005daa; font-weight: bold; font-size: 21px; line-height: 1.1; }
h3 { color: #648596; }
p { font-size: 1em; line-height: 1.1; }
.small, .widget .small { font-size: 78%; }
a { text-decoration: underline; }
#content li { list-style: none; position: relative; }
#content li:before { background-color: #8cc63f; content: ""; height: 7px; width: 7px; margin: 8px 9px 0 0; position: absolute; top: -1px; left: -15px; -webkit-border-radius: 50%; border-radius: 50%; }
#content .page-numbers li:before, #content .tabs li:before, #content article li:before
	{ display: none; }
#content ul.smaller-padding, #content ol.smaller-padding { padding-bottom: 3px; }
.center, .aligncenter { display: block; }

/*inHarmony resets*/
blockquote { padding-bottom: 4px; }
blockquote:after { display: none; }

.home #sidebar { display: block; }

#wrapperbox { margin-top: 0px;  }

#content > h1:first-child { width: 100%; }

#content table { width: 99%; margin: 0 0 15px 0; border: 1px solid #888888; border-collapse: collapse; clear: both; }
#content table td, #content table th { border: 1px solid #CEDADF; background: #FAFDFF; padding: 10px 20px 5px 15px;  vertical-align: top;  }
#content table th { border: 1px solid #888888; color: #3E5B65; background: #F1F3F5; padding-bottom: 7px; margin: -5px 0 0 0; position: relative; vertical-align: bottom; -webkit-box-shadow: 0px 2px 3px rgba(89,155,200,0.1); -moz-box-shadow: 0px 2px 3px rgba(89,155,200,0.1); box-shadow: 0px 2px 3px rgba(89,155,200,0.1); }
#content table tr:nth-child(odd) td { background: #FAFDFF; }
#content table tr:nth-child(even) td { background: #F1F7FA;  }
#content table p { padding-bottom: 5px; }
#content table img { max-width: 60px; }
#content table h2, #content table h3 { margin: 3px 0 5px 0; }

.widget strong a { font-weight: bold; }


/*Slider styles*/
#slider { margin-bottom: 10px !important; }
#slider .slide:first-child { opacity: 1; }
#slider .slide-text { width: 35%; top: 15%; }
#slider .slide-text h1 { background-color: #8ec63f; color: white; font-size: 24px; display: inline-block; padding: 5px 12px; margin: 3px 0px; }
#slider .slide-text h1.box { margin: 3px 0px; padding: 5px 12px !important; width: auto; }
#slider .slide-text h2 { background-color: #005dab !important; font-size: 32px; font-weight: bold; }
#slider .slide-text h2.box { margin: 3px 0px; }
#slider .slide-text div.box { display: inline-block; padding: 0px; margin-bottom: 3px; }
#slider .slide-text .box.blue { background-color: rgba(0, 90, 164, 0.8) !important; width: 80%; }
#slider .slide-text p { font-size: 18px; }
#slider .slide-text p.inline { font-size: 14px; display: inline-block; }
#slider .slide-text .button { height: auto; padding: 10px; line-height: 20px; text-align: center; vertical-align: baseline; }
#slider .next1, #slider .prev1 { display: none; text-decoration: none; }
#slider #circle-pager { display: none; }

/*widget styles*/
.hubspot_emailsubscribe_widget { padding: 10px; }

.widget { margin-bottom: 5px; }

.hubspot_emailsubscribe_widget h3,
.widget .box h3 { font-size: 24px; }
.widget .box h4 { font-size: 14px; color: inherit; }
.widget .box a { color: #fff; }

.widget .blue.box p,
.widget .blue.box h1, .widget .blue.box h2, .widget .blue.box h3 { color: #8cc63f; font-weight: normal; }
.widget .blue.box ul li { border-bottom: solid 1px #8cc63f; }
horizontal
.hubspot_emailsubscribe_widget h3,
.widget .green.box p,
.widget .green.box h1, .widget .green.box h2, .widget .green.box h3 { color: #005daa; font-weight: normal; }
.widget .green.box ul li { border-bottom: solid 1px #005daa; }

.widget .categories { margin: 3px 0px; padding: 5px 15px 5px 10px; box-sizing: border-box; position: relative; background-color: #005dab !important; color: white; font-weight:bold; -webkit-border-radius: 0px 15px 0px 15px; border-radius: 0px 15px 0px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.widget .categories h1, .widget .categories h2, .widget .categories h3, .widget .categories h4, .widget .categories h5, .widget .categories h6
	{ margin: 15px 15px 10px 10px; color: #8cc63f; font-weight: normal; }
.widget .categories.blue p, .widget .categories.blue ul, .widget .categories.blue ol { color: #8cc63f; background: transparent !important; font-weight: normal; }
.widget .categories h1 { margin-bottom: 20px; }
.widget .categories h2 {font-size: 28px; font-weight: normal; }
.widget .categories h3 { font-size: 24px; }
.widget .categories a { color: #fff; font-size: 14px; color: inherit; padding: 15px 15px 0px 10px; }
.widget .categories ul li { border-bottom: solid 1px #8cc63f; }

/*post styles*/
#content .entry-byline li:nth-of-type(1), #content .entry-byline li:nth-of-type(3) { display: none; }
.archive-blog #content .entry-byline li:nth-of-type(1) { display: block; }
.singular-attachment #sidebar, .singular-attachment .entry-footer { display: none; }

/*column styles*/
.column-grid { margin-bottom: 20px; }
.column {  position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.column.blue, .column.green, .column.grey, .column.tint, .column.tab { color: white; padding: 17px; }
.column.blue p, .column.green p, .column.grey p, .column.tint p, .column.tab p { font-weight: bold; width: 50%; }
.column.blue p, .box.blue p, .box.blue ul, .box.blue ol,
.column.green p, .box.green p, .box.green ul, .box.green ol,
.column.grey p, .box.grey p, .box.grey ul, .box.grey ol,
.column.tint p, .box.tint p, .box.tint ul, .box.tint ol,
.column.tab p, .box.tab p, .box.tab ul, .box.tab ol
	{ margin: auto 15px auto 10px; }

.column-grid-2 .column.tab { background-repeat: no-repeat; background-position: center bottom; background-color: #fff; min-height: 310px; }
.column-grid-2 .column.new_scheme { background-image: url('images/bg-tab-new.png'); }
.column-grid-2 .column.existing_scheme { background-image: url('images/bg-tab-existing.png'); }
.column-grid-2 .column.new_scheme:hover { background-image: url('images/bg-tab-new-hover.png'); }
.column-grid-2 .column.existing_scheme:hover { background-image: url('images/bg-tab-existing-hover.png'); }
.column-grid-2 .column.tab:after { position: absolute; top: -999999px; left: -99999999px; }
.column-grid-2 .column.new_scheme:after { content: url('images/bg-tab-new-hover.png'); }
.column-grid-2 .column.existing_scheme:after { content: url('images/bg-tab-existing-hover.png'); }
.column-grid-2 .column.tab a.button { position: absolute; bottom: 20px; left: 27px; }

.column-grid-4 .column-span-1 .box { position: relative; padding: 0px; }
#content .column-grid-4 .column-span-1 .box img:first-child { width: 100%; margin-top: 0px; -webkit-border-radius: inherit; border-radius: inherit; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
#content .column-grid-4 .column-span-1 .box.flip img:first-child {  }
.column-grid-4 .column-span-1 .box h1,
.column-grid-4 .column-span-1 .box h2,
.column-grid-4 .column-span-1 .box h3,
.column-grid-4 .column-span-1 .box h4,
.column-grid-4 .column-span-1 .box h5,
.column-grid-4 .column-span-1 .box h6 { padding: 10px; }
.column-grid-4 .column-span-1 .box p { padding-left: 10px; padding-right: 10px; }

/*footer styles*/
#footer .widget { width: 24%; margin-bottom: 0px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer .widget h3 { opacity: 1; }
#footer .widget ul li { min-height: 0px; }
#footer #menu-footer-menu li { float: left; margin-right: 10px; border: none; font-size: 12px; }

#footer .widget_text { width: 45%; }
#footer .wpcf7-form p:nth-of-type(1) { padding-right: 3%; }

#footer .widget.widget_switch2-widget-posts li a { width: 100%; }
#footer .widget.widget_switch2-widget-posts li a:before { content: "\f15c"; font-family: "FontAwesome"; width: 15px; height: 15px; padding: 10px; text-align: center; background: #6EC0F6; color: white; display: block; float: left; margin: 0 15px 10px 0; font-size: 1.1em; }

#footer #widgets-area .widget:last-child, #footer #widgets-area .widget:nth-child(4n)
	{ padding-top:0px; float:right; text-align:right; width: 50%; }
#footer #menu-footer-menu li { float: none; display: inline-block; }

/*residents portal styles*/
.residents #address-block { right: 0px; width: 270px; text-align: left; }
.residents #content li { margin-bottom: 10px; }

.column.team, .column.saving,
.widget .team, .widget .saving
	{ min-height: 300px; color: #fff; background-repeat: no-repeat; background-color: #000; background-position: top center; padding: 0px; }
.column.team h2, .column.saving h2,
.widget .team h2, .widget .saving h2
	{ color: inherit; margin: 0px; padding: 15px 10px; background: #8ec63f; -webkit-border-top-right-radius: 15px; border-top-right-radius: 15px; }
.column.team.flip h2, .column.saving.flip h2,
.widget .team.flip h2, .widget .saving.flip h2
	{ -webkit-border-top-left-radius: 15px; border-top-left-radius: 15px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.column.team p:last-child, .column.saving p:last-child,
.widget .team p:last-child, .widget .saving p:last-child
	{ position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 15px 10px; background: #005dab; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; }
.column.team.flip p:last-child, .column.saving.flip p:last-child,
.widget .team.flip p:last-child, .widget .saving.flip p:last-child
	{ -webkit-border-bottom-right-radius: 15px; border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.column.team { background-image: url('images/bg-team-big.jpg'); }
.column.saving { background-image: url('images/bg-saving-big.jpg'); }

.widget .team, .widget .saving { background-position: center center; }
.widget .team { background-image: url('images/bg-team.jpg'); }
.widget .saving { background-image: url('images/bg-saving.jpg'); background-color: #fff; }

/*icon styles*/
i.fa-linkedin { color: #fff; background-color: #007bb6; padding: 3px; float: right; -webkit-border-radius: 2px; border-radius: 2px; }

/*recent news carousel*/
#recent-news { width: 100%; }
#recent-news h2 { font-weight: normal; }
.carousel-vert4 ul li .date { color: white; }
.carousel-vert4 ul li .date .day { font-size: 18px; }
.carousel-vert4 ul li .date .month { font-size: 12px; }
.carousel-vert4 ul li:nth-child(2n) .date { color: white; }
.carousel-vert4 ul li h3 a { font-size: 13px; }
#recent-news a.prev2, #recent-news a.next2 { text-decoration: none; }

/*products shortcode area*/
#products { position: relative; margin-bottom: 55px; }
#products h2 { width: 50%; color: #fff; font-weight: normal; font-size: 24px; }
#products p { width: 50%; color: #005daa; font-weight: bold; }
#products .carousel-products { position: absolute; top: 15px; right: 15px; width: 165px; }
#products .carousel-products ul { list-style: none; }
#products .carousel-products li { display: none; position: absolute; top: 0px; left: 0px; width: 100% }
#products .carousel-products li:before { display: none; }
#products .carousel-products li:first-child { display: block; }
#products .carousel-products .product.innovation-award { top: 25px; }
#products .carousel-products .product.innovation-award:after { content: url('images/innovation-award-2014.png'); position: absolute; top: -45px; right: -20px; }

.column-grid-4 .column-span-1 #products h2 { width: auto; }
.column-grid-4 .column-span-1 #products .button { margin-top: 40px; display: inline-block; }
.column-grid-4 .column-span-1 #products .carousel-products { width: 100px; top: 70px; }

/*quick links*/
#content .quick { padding: 5px; }
#content .quick h2 { font-size: 18px; margin: 10px; }
#content .quick ul { padding-left: 0px; }
#content .quick ul:first-child { padding-top:20px; }
#content .quick li { width: 100%; padding: 5px 25px 5px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#content .quick li:before { display: none; }
#content .quick li:after { content: ""; font-family: FontAwesome; font-size: 1em; font-weight: normal; position: absolute; top: 50%; right: 10px; margin-top: -0.6em; color: #005daa; }

#content .quick.shop li { padding-top: 0px; padding-bottom: 0px; border: none; }

/*contact form styles*/
/*.wpcf7-form p:nth-of-type(1), .wpcf7-form p:nth-of-type(2) { width: 45%; }*/

#wrapperbox .hs-form fieldset, #wrapperbox .hs-form .hs-input, #wrapperbox .hs-form textarea.hs-input { max-width: none; }
#wrapperbox .hs-form label { font-family: "Open Sans",​sans-serif; }
#wrapperbox .hs-form .hs-form-required:after { content: '(required)'; }
#wrapperbox .hs-form input.hs-input, #wrapperbox .hs-form textarea.hs-input { box-shadow: none; }
#wrapperbox #hs_custom_form textarea { width: 95%; }

#wrapperbox .hs-form .hs-button { font-family: "Open Sans",​sans-serif; line-height: 21px; color: white; font-size: 1.05em; height: auto; padding: 6px 20px 8px 25px; text-align: center; text-transform: uppercase; transition-delay: 0s; transition-duration: 0.2s; transition-property: all; transition-timing-function: ease; white-space: nowrap; border: none; background-image: none; text-shadow: none; box-shadow: none; -webkit-border-radius: 0px; border-radius: 0px; }
#wrapperbox .hs-form .hs-button:hover { border-left: rgba(0, 0, 0, 0.2) 3px solid; }

footer .hs-form label { color: #fff; }

/*shop styles*/
#shop .gallery { width: 100%; }
#shop .gallery:after { content: '.'; visibility: hidden; display: block; clear: both; }
#shop .gallery-item a { text-align: center; display: block;  }
#shop .gallery-item a > .wp-post-image { width: auto; height: 150px; }
#shop .gallery-item p > a { display: inline; }
#shop .gallery-item .wp-post-image { max-width: 150px; }
#shop .gallery-caption { height: auto; padding-bottom: 9999px; margin-bottom: -9999px; }
#shop .category { clear: both; }
#shop .category:after { content: '.'; visibility: hidden; display: block; clear: both; }
#shop .category h3 { color: #005daa; }
#shop .category p { margin: 0px 15px 0px 10px; }
#shop .category p:first-child { width: 66%; }
#shop .category .gallery-caption p:last-child { padding-bottom: 10px; }
#shop .category .gallery-item, #shop .category .gallery-columns-4 .gallery-item, #shop .category .gallery-item.col-4
	{ padding-left: 1%; padding-right: 1.9%; margin-bottom: 0px; }
#shop .category:nth-child(2n), #shop .product .category { background-color: rgba(140, 198, 63, 0.3); }
#shop .gallery .button.product_type_simple { display: none; }

#shop .category.pay-as-you-go-energy > p { float: left; width: 32%; margin-top: 20px; margin-right: 0px; }
#shop .category.pay-as-you-go-energy .gallery-item.col-4 { float: right; width: 64%; }
#shop .category.pay-as-you-go-energy .gallery-item.col-4 > a { float: left; width: 25%; }
#shop .category.pay-as-you-go-energy .gallery-item.col-4 > figcaption { float: left; width: 75%; }
#shop .category.pay-as-you-go-energy .gallery-item.col-4 > figcaption h3 { margin-top: 0px; }

#shop #shop-faq { clear: both; }
#shop #shop-faq + .whistles-accordion { width: 75%; }

.product .images { float: right; width: 45%; }
#content #shop .entry-summary { width: 50%; float: left !important; }
.woocommerce-tabs { clear: none; width: 50%; }
.product_action { width: 50%; float:left; clear:both; margin-bottom: 30px; }

/*Social share link styles*/
#content .mashsb-buttons a { min-width: inherit; -webkit-border-radius: 50%; border-radius: 50%; }
.mashsb-buttons a .icon:before { margin: 0px; }
.mashsb-buttons a .text { display: none; }

.singular-page-100 .whistle-content .column-last img { -webkit-border-radius: 15px 0px 15px 0px; border-radius: 15px 0px 15px 0px; }

/* RESPONSIVE MAGIC
______________________________________ */
@media screen and (max-width: 1280px) {
	nav#mainmenu ul li a { padding: 12px 30px 0px !important; }
    
    body .header-container .hs-menu-wrapper ul li a { padding: 12px 26px 0px !important; }

	#slider .slide-text { top:10%; }

	/*#products .carousel-products { bottom: 180px; }*/

	#slider .slide-text { width:40%; }
}

@media screen and (max-width: 1190px) {
	nav#mainmenu > ul { display: none; }
	nav#mainmenu .select-menu, nav#mainmenu .sexyselect { display: block; }

	h1.box, h2.box, h3.box, h4.box, h5.box, h6.box { width: 100%; }
	.box h2 { font-size: 18px; }

	.extrabig { font-size: 1.5em; }

	#header-whistle .box { padding-right: 15px; }
	#header-whistle .alignright { display: none; }

	.column-grid-4 .column-span-3 { width: 65%; }
	.column-grid-4 .column-span-3 + .column-span-1 { width: 30%; }

	#products h2 { width: 100%; }
	#products .carousel-products { display: none; }

	#slider .slide-text { width:50%; }
	#slider .slide-text h2 { font-size: 20px }
	#slider .slide-text p { font-size: 14px; }

	#shop .category .gallery-item, #shop .category .gallery-columns-4 .gallery-item, #shop .category .gallery-item.col-4
		{ width: 30%; }
	#shop #shop-faq + .whistles-accordion { width: 100%; }

	#shop .category.pay-as-you-go-energy .gallery-item.col-4 { width: 62%; }

	/*.wpcf7-form p:nth-of-type(1), .wpcf7-form p:nth-of-type(2) { width: 43%; }*/
}

@media screen and (max-width: 880px) {
	#header-whistle { width:50%; bottom: 70px; }
	#header-whistle .box { padding-right: 75px; }
	#header-whistle .alignright { display: block; }

	#address-block, .residents #address-block { position: relative; bottom: 0px; right: 0px; width: 100%; margin-right: 0px; }

	.column-grid-4 .column-span-3 { width: 73.75%; }
	.column-grid-4 .column-span-3 + .column-span-1 { width: 45%; }

	.column.blue p, .column.green p, .column.grey p, .column.tint p, .column.tab p { width: 80%; }

	#products { margin-bottom: 85px; }
	#products h2 { width: 80%; }
	#products .carousel-products { display: block; top: 25px; }

	.gallery-caption strong { font-size: 0.9em; }

	#slider .slide-text h1 { font-size: 20px; }
	#slider .slide-text h2 { font-size: 14px }
	#slider .slide-text p { font-size: 12px; }
	#slider .slide-text p.inline { font-size: 12px; }

	#shop .category.pay-as-you-go-energy > p { width: 30%; margin-top: 0px; }
	#shop .category.pay-as-you-go-energy .gallery-item.col-4 { width: 65%; }
	#shop .category.pay-as-you-go-energy .gallery-item.col-4 > a { width: 35%; }
	#shop .category.pay-as-you-go-energy .gallery-item.col-4 > figcaption { width: 65%; }

	/*.wpcf7-form p:nth-of-type(1), .wpcf7-form p:nth-of-type(2) { width: 44%; }*/

	#footer .widget, #footer .widget_text, #footer .widget.widget_nav_menu { width: 100%; }
}

@media screen and (max-width: 740px) {
	#header-whistle { width: 100%; margin: 165px 28px 0px; position:relative; bottom: 0px;  }
	#header-whistle .box { padding-right: 90px; }

	#products h2 { width: 70%; }
	#products .carousel-products { top: 50px; }

	.gallery-caption strong { font-size: 1.15em; }

	#slider .slide-text { width:100%; top: 0px; }
	#slider .slide-text .box.blue { width: 100%; }
	#slider .slide-text h1 { font-size: 20px; }
	#slider .slide-text h2 { font-size: 16px; }
	#slider .slide-text p { font-size: 14px; }

	#shop .category .gallery-item, #shop .category .gallery-columns-4 .gallery-item, #shop .category .gallery-item.col-4,
	#shop .category.pay-as-you-go-energy > p, #shop .category.pay-as-you-go-energy .gallery-item.col-4,
	#shop .category.pay-as-you-go-energy .gallery-item.col-4 > a, #shop .category.pay-as-you-go-energy .gallery-item.col-4 > figcaption
		{ width: 100%; }
	#shop .category.pay-as-you-go-energy > p, #shop .category.pay-as-you-go-energy .gallery-item.col-4,
	#shop .category.pay-as-you-go-energy .gallery-item.col-4 > a, #shop .category.pay-as-you-go-energy .gallery-item.col-4 > figcaption
		{ float: none; }

	/*.wpcf7-form p:nth-of-type(1), .wpcf7-form p:nth-of-type(2) { width: 42%; }*/
}

@media screen and (max-width: 360px) {
	.residents #address-block a { display: inline; }

	#slider .slide-text p { font-size: 12px; }
	#slides { height: 415px; }

	#products .carousel-products { display: none; }

	.wpcf7-form p:nth-of-type(1), .wpcf7-form p:nth-of-type(2) { float: none; padding-right: 0; width: auto; }
}


/* ------ Grid ------ */
/* 
 By default HubSpot's grid system utilizes 12 columns, making for a 940px wide container 
 without responsive features enabled. With the responsive CSS file added, the grid adapts 
 to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns 
 become fluid and stack vertically. 
 
 You can also use spans to setup your different colored sidebar or container columns like 
 this: span8 {background:#fff;} span4 {background:#eee;}. The column spans will always add 
 up to 12 and will be setup for you automatically when you use Template Builder to adjust 
 the visual layout.
*/
.span12 {}
.span11 {}
.span10 {}
.span9 {}
.span8 {}
.span7 {}
.span6 {}
.span5 {}
.span4 {}
.span3 {}
.span2 {}
.span1 {}

.body-container > .row-fluid-wrapper .widget-type-form,
.body-container > .row-fluid-wrapper .widget-type-rich_text,
.body-container > .row-fluid-wrapper .widget-type-section_header {}

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

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {
    margin-top: 30px;
    margin-bottom: 20px;
}



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

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

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

.header-container .hs-menu-flow-horizontal > ul > li {
    margin-left: 2px;
}

.header-container .hs-menu-flow-horizontal > ul > li > a {
    color: #535353;
    font-size: 14px;
    line-height: 15px;
    font-family: 'PT Sans',Verdana,Sans-Serif;
    padding: 10px 22px;
    max-width: 100% !important;
    letter-spacing: -0.1px;
}

.header-container .hs-menu-flow-horizontal > ul > li:hover > a {
    color: #23939E;
}

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

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

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

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

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

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

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

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

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

.body-container .hs-menu-flow-horizontal > ul {
    display: inline-block !important;
}

.body-container .hs-menu-flow-horizontal > ul > li {
    margin-left: 2px;
}

.body-container .hs-menu-flow-horizontal > ul > li > a {
    color: #535353;
    font-size: 14px;
    line-height: 15px;
    font-family: 'PT Sans',Verdana,Sans-Serif;
    padding: 10px 22px;
    max-width: 100% !important;
    letter-spacing: -0.1px;
}

.body-container .hs-menu-flow-horizontal > ul > li:hover > a {
    color: #23939E;
}

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

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

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

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

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

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

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

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

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

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

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

.footer-container .hs-menu-flow-horizontal > ul > li > a {
    border-right: 1px solid #FFFFFF;
    padding: 0 10px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10.8px;
    line-height: 16.2px;
    font-family: Verdana,sans-serif;
    max-width: 100% !important;
}

.footer-container .hs-menu-flow-horizontal > ul > li:last-child > a {
    border-right: none;
    padding-right: 0;
}

.footer-container .hs-menu-flow-horizontal > ul > li:first-child > a {
    padding-left: 0;
}

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

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

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

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

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

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

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

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

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

.hs-menu-flow-vertical {}

.hs-menu-flow-vertical > ul {
    border-bottom: 4px solid #23939E;
    border-top: 4px solid #23939E;
}

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

.hs-menu-flow-vertical > ul > li > a {
    color: #333333;
    padding: 7px 20px !important;
    border-bottom: 1px dotted #005DAB;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    font-family: Verdana,sans-serif;
}

.hs-menu-flow-vertical > ul > li:last-child > a {
    border-bottom: none;
}

.hs-menu-flow-vertical > ul > li > a:hover {
    color: #23939E;
    background: #ECEAEB;
}

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

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

.hs-menu-flow-vertical {}

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

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

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

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

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

/* ------- AUTHOR --------*/

.author {
    border-bottom: 1px solid #CCC;
    margin: 17px 0 20px;
    padding: 8px 12px 16px;
    background: #f9f9f9;
    box-shadow: 0 0 3px #ccc;
    min-height:200px;
}

.author img {
    float:left;
    max-width:25%;
    margin-right:2%;
    box-shadow: 0 0 3px #ccc;
}
.author .text {
    padding-left:27%;
}

.author .author-link {
    font-size: 18px;
font-weight: bold;
color: #005dab;
margin: 10px 0px
padding: 0;
}

.author p {
    border-top:1px solid #ccc;
    padding-top:18px;
    margin-top:0px
}

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


/* ------ Blog ------ */
.hs-blog-header {
    background:#78AE62;
    padding:3px 10px 5px 10px;
}

.hs-blog-header h1{
    color:#fff;
    font-size:22px;
    line-height:25px;
    margin:0px;
}

.hs-blog-header h1 a{
    color:#fff;
    font-size:22px;
    line-height:25px;
    margin:0px;
}

.hs_cos_wrapper.form-title, .hs_cos_wrapper h3 {
    background:#78AE62;
    padding:10px 12px;
    color:#fff;
    font-size:20px;
    line-height:20px;
    margin:0px;
}

.custom_social_bar {
    border-top:1px solid #E2E2E2;
    border-bottom:1px solid #E2E2E2;    
    padding: 7px 0;
    margin:7px 0
}

.sidebar form,
.hs_cos_wrapper_type_follow_me > div,
.sidebar .widget-module {
    padding:8px 15px;
    border-bottom:1px solid #ccc;
    background:#f9f9f9;
}

.blog-listing-wrapper .hs-blog-social-share {    
    border-top:1px solid #ccc;
    padding-top:12px;
    clear:both;
}

/* Your basic blog wrapper */
.blog-listing-wrapper {}

/* Use this to set up different styling for your blog posts */
.blog-post-wrapper,
.hs-author-profile ,
.blog-listing-wrapper .post-listing .post-item,
.blog-listing-wrapper > .post-listing-simple {
    border-bottom: 1px solid #CCCCCC;
    margin: 17px 0 20px;
    padding: 8px 12px 16px;
    background:#f9f9f9;
    box-shadow: 0 0 3px #ccc;
}

.blog-listing-wrapper > .post-listing-simple .post-item {
    margin:20px 0;
}

.blog-listing-wrapper .post-listing .post-item .text .author-link {
    color: #8cc63f;
    font-weight: bold;
    text-decoration:underline;
}

.blog-listing-wrapper .post-listing .post-item .text a {
    color: #648596;
    text-decoration:none;
}

.blog-listing-wrapper .post-listing .post-item .text .more-link {
    color: #061b5e;
    
}

.blog-section .section.post-body {padding: 8px 12px 16px; border-bottom: 1px dotted #c7c7c7; margin-bottom: 20px;}


.blog-listing-wrapper .post-listing .text {
    padding:0 0 0 40%;
    position:relative;
    min-height:193px;
}



.post p {
    margin:0;
    color:#666;
    font-weight:normal;
    font-size:13px!important;
}

.more-link {
    background: url("//cdn2.hubspot.net/hub/319497/file-336807204-png/images/subscribe-arrow.png") no-repeat 2% 50% #FFDF00;
    border: medium none;
    border-radius: 18px 18px 18px 18px;
    color: #061B5E;
    cursor: pointer;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 10px;
    padding: 2px 10px 2px 36px !important;
    display: inline-block;
    text-decoration: none;
    margin-top: 10px;
}

.sidebar .box {
    background:#fff;
    margin-top:50px;
    box-shadow: 0 0 3px #ccc;
}



.hs_email label {display:none;}

.custom-footer-menu {margin-bottom:30px;}

/* Blog comments and blog comment form */

#comments-listing {
    border: 1px solid #E2E2E2;
    display: block;
    line-height: 165%;
    padding: 15px;
    margin:15px 0;
}

#comments-listing h3 {
    font-size: 21px;
    margin: 0;
    padding: 0;
}

.comment {
    border-bottom: 1px solid #000000;
    display: block;
    padding: 15px;
}

.comment-date {
    font-style: italic;
    padding: 4px 0;
    display: block;
    font-size: 0.9em;
}

#recaptcha_table td {
    line-height: 0;
}

.custom_social_bar {
    border-top:1px solid #E2E2E2;
    border-bottom:1px solid #E2E2E2;    
    padding: 7px 0;
    margin:7px 0
}

.custom_listing_comments {
    border: 1px solid #E2E2E2;
    display: block;
    line-height: 165%;
    padding: 15px;
    margin:10px 0;
}

.post-listing img{
    max-width:37%!important;
    margin:0 16px 16px 0;
    float:left;
}

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

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

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

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

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

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

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

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

.hs_submit {}

/* Pagination */
.post-header h2 a {
    color: #005DAB;
    font-size: 24px;
    line-height: 24px;
    font-family: 'PT Sans',Verdana,Sans-Serif;
    font-weight: 400;
    text-decoration: none;
}
.post-listing .post-header,
.blog-post-wrapper .post-header {
    border-bottom:1px solid #ccc;
    margin-bottom:16px;
}
#hubspot-author_data {margin-top:0;font-size:11px;font-style:italic;}
.post-listing #hubspot-topic_data {margin-top:0;font-size:11px;font-style:italic;position:absolute;bottom:0px;}

.post-header p {}

.hs-author-label,
.author-link {}

.blog-pagination {position:relative;width:100%;height:30px;}

.all-posts-link {
    margin:0 auto;
    display:block;
    max-width:100px;
    text-align:center;
    position:absolute;
    left:0;
    right:0;
}

.previous-posts-link {
   position:absolute;
   left:0; 
}

.next-posts-link {
    position:absolute;
    right:0;
}

/* Subscription frequency form */
.hs_blog_default_blog_subscription {}
.hs_blog_default_blog_subscription ul {}


/* ------ Forms ------ */
/* This is the main form wrapper */
.hs-form {}

.hs-input {
    color: #414141;
    font-size: 15.2px;
    margin: 4px 0 6px;
    padding: 2px !important;
}
.hs-input:hover {}
.hs-input:focus {}

.field label {}

.input ul {
    list-style:none;
    padding-left:0;
}

/* ------ Buttons ------ */
.hs-button {
    background: url("http://www.energ-group.com/images/switch2/background/_sprite.png") no-repeat 143px -186px #428BEB;
    border: medium none;
    border-radius: 18px 18px 18px 18px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 10px;
    padding: 2px 36px 2px 11px!important;
    display: inline-block;
    text-decoration: none;
    margin-top: 10px;
}
.hs-button:hover {
    text-decoration: none;
    background-color: #78AE62;
}
.hs-button:focus {}
.hs-button:active {}

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


/* ------ Footer ------ */
/* The main footer wrapper will default to fill 100% of the browser viewport */
.footer-container-wrapper {}

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


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

.custom-logo {
    padding-top: 30px;
    padding-bottom: 20px;
}

.custom-top-links {
    text-align: right;
    padding: 20px 10px 0 0;
}

.custom-top-links a,
.custom-top-links span.tel {
    color: #333333;
    display: inline-block;
    font-family: 'PT Sans',Verdana,Sans-Serif;
    font-size: 13.4px;
    letter-spacing: -0.1px;
    line-height: 21.6px;
    margin-left: 20px;
    padding: 1px 0 4px 40px;
}

.custom-top-links a:hover {
    color: #005DAB;
    text-decoration: none;
}

.custom-top-links a.home {
    background: url("//cdn2.hubspot.net/hub/319497/file-1907395459-png/Blog/energ-sprites.png") no-repeat 0 -30px;
}

.custom-top-links a.secure_login {
    background: url("//cdn2.hubspot.net/hub/319497/file-337521838-png/images/_sprite.png") no-repeat;
    background-position: -1px -540px;
}

.custom-top-links a.blog {
    background: url("//cdn2.hubspot.net/hub/319497/file-338701858-png/images/speech-icon.png") no-repeat;
}

.custom-top-links a.email {
    background: url("//cdn2.hubspot.net/hub/319497/file-337521838-png/images/_sprite.png") no-repeat 0 -29px;
}

.custom-top-links span.tel {
    background: url("//cdn2.hubspot.net/hub/319497/file-337521838-png/images/_sprite.png") no-repeat 0 0;
}

.custom-top-menu ul {
    padding-left: 4px;
    display: inline-block !important;
}

.custom-top-menu {
    margin-bottom: 5px;
}

.custom-footer-menu {
    margin-top: 15px;
}

.custom-social-sharing,
.custom-footer-signup {
    text-align: right;
}

.custom-footer-signup {
    margin-top: 10px;
}

.custom-footer-signup a {
    background: url("//cdn2.hubspot.net/hub/319497/file-337521838-png/images/_sprite.png") no-repeat -1px -188px #FFFFFF;
    border-radius: 15px 15px 15px 15px;
    color: #333333;
    padding: 9px 15px 7px 35px;
    font-size: 10.8px;
    line-height: 16.2px;
    font-weight: 700;
}

.custom-footer-signup a:hover {
    background-color: #ECEAEA;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.custom-footer-logo {
    margin-bottom: 46px;
    margin-top: 15px;
}

.custom-footer-logo a {
    margin-left: 16px;
}

.custom-footer-column ul {
    list-style: none;
    padding-left: 0;
}

.custom-footer-column ul li {
    background: url("//cdn2.hubspot.net/hub/319497/file-337591028-png/images/arrow_right_small_white.png") no-repeat 0 5px;
    padding-left: 19px;
    min-height: 60px;
    margin-bottom: 20px;
}

.custom-footer-column ul li a {
    font-size: 10.8px;
    line-height: 16.2px;
    font-weight: 700;
    color: #FFFFFF;
}

.custom-footer-column ul li span.summary {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}

.custom-page-footer {
    font-size: 9.71px;
    line-height: 14.5833px;
    color: #FFFFFF;
}

.footer-logos {
    margin:0;
    padding:0;
}

.footer-logos li {
    list-style-type:none!important;
    float:left;
    margin:50px 10px 40px;
    padding-left:0!important;
    background:none!important;
    margin-bottom:none!important;
}
/* ------ Custom Blog Styling ------ */

.custom-blog-body {}

.custom-blog-body .custom-footer-column ul li span.summary {
    color: #333333;
}

.custom-blog-body .footer-container-wrapper {
    background: #005dab;
}

.custom-blog-body .body-container-wrapper {
    border-top: 4px solid #061B5E;
}

.custom-blog-body .custom-footer-menu.blog {
    margin-bottom: 20px;
}

.custom-top-links.blog a.home {
    background: url("http://www.energ-group.com/images/background/home-icon_sprite.png") no-repeat 0px -120px;
}

.custom-top-links.blog a.email {
    background: url("http://www.energ-group.com/images/switch2/background/_sprite.png") no-repeat 0px -29px;
}

.custom-top-links.blog span.tel {
    background: url("http://www.energ-group.com/images/switch2/background/_sprite.png") no-repeat 0px 0px;
}

.custom-blog-body .header-container .hs-menu-flow-horizontal > ul > li > a {
    font-size: 15px;
}

.custom-blog-module {
    background: none repeat scroll 0 0 #F4F4F4;
    margin-bottom: 40px;
}

.custom-blog-module:after {
    border-bottom: 1px dotted #c7c7c7;
    content: "";
    display: block;
    position: relative;
    top: 20px;
    visibility: visible;
}

.custom-blog-module .cell-wrapper {
    padding: 0 10px;
}

.custom-blog-module h3,
.custom-blog-module h3.form-title {
    background: url("//cdn2.hubspot.net/hub/319497/file-338718538-png/images/arrow_right_circle_white.png") no-repeat 260px 12px #23939E;
    padding: 7px 45px 8px 10px;
    font-family: 'PT Sans',Verdana,Sans-Serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 36px;
    color: #FFFFFF;
    margin: 0 -10px 10px;
}

div.block ul {
    list-style: none;
    padding-left: 0;
}

div.block h3 {
    font-size: 24px;
    color: #005daa;
}

div.block ul li a {
    color: #fff!important;
    font-size: 14px!important;
    font-weight: normal;
    line-height: 25px;
}

div.block ul li a:hover {
    color: #061B5E;
}


/*Header styles*/
header:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 10px; } /*fix the menu fallout on reduced screen sizes*/

#page-header .wrapper { position: relative; padding: 25px 20px 0; }
#page-header .wrapper:after { content: '.'; visibility: hidden; display: block; clear: both; }

#logo { margin: 0px; width: 30%; }
#logo .logotitle { display: none; }
#logo .subtitle { display: none; }

#address-block { position: absolute; bottom: 17px; right: 27%; padding-right: 15px; margin-right: 28px; width: 41%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#address-block a { padding-left: 3px; }
#social-block { display: none; }

#header-whistle { position: absolute; bottom: 17px; right: 28px; width: 27%; font-weight: normal; font-size: inherit; }
#header-whistle .box { padding-right: 75px; }
#header-whistle h2 { font-size: 16px; line-height: 20px; margin-top: 0px; margin-bottom: 7px; font-weight: normal; }
#header-whistle p { padding-bottom: 0; font-size: 13px; font-weight: normal; color: white; }
#header-whistle a { color: #8cc63f; font-weight: bold; }

img.alignright { margin: 0px !important; position: absolute; bottom: 0px; right: 0px; }

.box.blue { background-color: #005dab!important; font-weight: bold; border-radius: 15px 0; padding: 10px; height: 105px; }
.yellow, .widget .box a.yellow { color: #f7ec00; }

#address-block { float: right; width: 48%; text-align: right; color: #3f3f3f; font-size: 14px; line-height: 1.7; font-weight: 300; }
#address-block a { color: #8cc63f !important; }

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

.header-container .hs-menu-wrapper ul li a { height: 45px; margin: 0px; padding: 15px 32px 0px !important; font-size: 14px; font-weight: bold; color: white !important; font-family: Open Sans, Sans-serif !important; }
.header-container .hs-menu-wrapper ul li a:after {
    content: "|";
    color: white;
    opacity: 0.15;
    width: 1px;
    font-size: 1.1em;
    position: absolute;
    top: 10px;
    right: 3px;
}

.header-container .hs-menu-flow-horizontal>ul>li { height: 30px; }
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal { background-color: #8cc63f !important; height: 45px; width: 1230px; margin: 0 -5px; }
.header-container { background: #fff; padding: 0; border-bottom: none; }

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:first-of-type { margin-left: 25px;}

.hs-blog-header { background: white; padding: 3px 10px 5px 10px; }
.hs-blog-header h1 { color: #005daa!important; font-size: 34px!important; padding: 30px 0 0 20px; }
.body-container-wrapper .body-container { background: white !important; }
.author {  }

.custom-top-menu { margin: -20px 0 0; }

.custom-top-menu:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 5px solid #0071BB;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    position: relative;
    left: -5px;
    top: -7px;
}

.custom-top-menu:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 5px solid #0071BB;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    position: relative;
    left: 1220px;
    top: -65px;
}

.cell-wrapper.layout-widget-wrapper {
    margin: 0 0 -5px 0;
}

.icon-mobile-phone:before {
    content:url('//cdn2.hubspot.net/hub/319495/file-2151727665-jpg/images/phone.jpg');
    top: 5px;
    position: relative;
}


.post-listing .post-header, .blog-post-wrapper .post-header {
    border-bottom: 1px solid #005daa !important;
    margin-bottom: 16px;
}

.blog-post-wrapper, .hs-author-profile, .blog-listing-wrapper .post-listing .post-item, .blog-listing-wrapper>.post-listing-simple {
    border: none !important;
    margin: 17px 0 20px;
    padding: 8px 30px 16px;
    background: white;
    box-shadow: none;
}

div.block {
    background: #8cc63f !important;
    border-radius: 10px 0;
    margin-right: 30px;
}

div.block ul li a {
    color: #005DAB;
    text-decoration: none;
    font-size: 14px;
}

.sidebar .box {
    margin-top: 50px;
    box-shadow: none !important;
}

.hs_cos_wrapper h3 {
    background: transparent;
    padding: 15px;
}

.sidebar .widget-module {
    padding: 8px 15px;
    border-bottom: none !important;
    background: transparent !important;
}

.footer-container-wrapper .footer-container { background: #005daa;  padding: 10px 28px 0 !important; max-width: 1220px !important; }
.footer-container-wrapper { max-width: 1220px; background: #005daa; margin: 0 auto 50px; }
.footer-container .hs_cos_wrapper.form-title, .footer-container .hs_cos_wrapper h3 { background: transparent !important; color: #f7ec00; font-weight: bold; font-size: 16px; }

.footer-container .widget-type-form label { color: white; font-size: 12px; font-weight: bold; }
.hs_email label { display: block !important; }

.footer-container .widget-type-form input[type="text"],
.footer-container .widget-type-form input[type="email"],
.footer-container .widget-type-form textarea {
    box-shadow: none;
    border: none;
    height: 30px;
}

.hs-rss-item-text a span { font-weight: bold; }

.hs-rss-item-text a:hover { color: #8cc63f !important; }

.span4.widget-span.widget-type-rich_text.foot-menu a {
    font-size: 12px;
    color: white;
    position: relative;
    top: 0px;
    left: 30px;
}

.span12.widget-span.widget-type-rich_text.custom-page-footer {
    margin-top: 60px;
    margin-bottom: 15px;
}

.contact-info {
    margin: 30px 0 20px;
}

.contact-info a {
    color: white !important;
    font-weight: normal !important;
}
.contact-info a:hover {
    color: #8cc63f !important;
}

.contact-info p {
    margin: 0!important;
    padding: 3px 0;
    font-size: 14px;
}

.footer-container .hs-form-field { padding: 0 0 15px;}
.hs-button {
    background: #8cc63f!important;
    border: none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 10px;
    padding: 4px 20px !important;
    display: inline-block;
    text-decoration: none;
    margin-top: 10px;
    text-transform: uppercase;
}

.span3.widget-span.widget-type-raw_html {
    margin-left: -20px;
}

.hs-form fieldset.form-columns-2 .input {
    margin-right: 8px;
    max-width: 465px;
}

.hs_name input,
.hs_email input {
    width: 220px !important;
}

.footer .hs-form {
    margin-top: 20px;
}

textarea {
    max-width: 600px !important;
}

.subsidiary a {
    font-size: 14px;
    font-weight: bold;
}

.subsidiary a:hover {
    color: #8cc63f !important;
}

.footer-container .widget-type-form textarea { height: 100px; }

.hs-form-required { color: red; }

.hs-form-required:after {
    content: '(required)';
}

ul#menu-services { list-style: none; margin: -15px 0 0 -25px; }
ul#menu-services a { color: white;  }

ul#menu-services li { padding: 10px 0 8px 0; margin: 0 0 5px 0; border-bottom: 1px solid rgba(255,255,255,0.1); }
ul#menu-services li:last-of-type { border-bottom: none; }

.footer-container .hs-input { border: 1px solid #ccc; border-radius: 3px; }

.hs-rss-module.feedreader_box {margin-left: 15px !important;}

.hs-rss-module.feedreader_box a { color: white; font-size: 14px; }

.footer-container .custom-page-footer { font-size: 10px !important; margin-bottom: 10px;}

.hs_email.field.hs-form-field { margin: 2px 0 0; }

.hs-rss-item-text { margin-top: -5px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.1); width: 220px;}

.hs-rss-item-text a:before {
    content:url('//cdn2.hubspot.net/hub/319495/file-2151852955-jpg/images/newsfeed.jpg');
    width: 35px;
    height: 35px;
    display: inline-block;
    float: left;
    margin-right: 15px;
    margin-top: 3px;
    margin-bottom: 25px;
}

.hs-rss-item-text a {
    vertical-align: baseline;
    font-weight: normal !important;
}

body {
    font-size: 1em;
    color: #648596;
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
}

/* ------ Mobile ------ */
/* Large desktop */
@media (min-width: 1220px) {}
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .custom-top-links a, .custom-top-links span.tel {
        font-size: 12px;
        padding: 1px 0 4px 30px;
        margin-left: 0;
    }
    .header-container .hs-menu-flow-horizontal > ul > li,
    .body-container .hs-menu-flow-horizontal > ul > li {
        margin: 0;
    }
    .header-container .hs-menu-flow-horizontal > ul > li a,
    .body-container .hs-menu-flow-horizontal > ul > li a {
        padding: 10px 9px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
    .header-container .hs-menu-flow-horizontal ul{
        width:100%;
    }
    
    .body-container > div {padding:0px 20px 20px;}
   .header-container .hs-menu-flow-horizontal > ul > li,
   .body-container .hs-menu-flow-horizontal > ul > li{
        width:100%;
        text-align:center;
        margin: 0;
    }
    .header-container .hs-menu-flow-horizontal > ul > li a,
    .body-container .hs-menu-flow-horizontal > ul > li a{
        max-width:none !important;
        padding: 10px 0;
    }
    .hs-menu-wrapper ul ul {
        left: 30% !important;
        width: auto;
    }
    .custom-logo,
    .custom-social-sharing,
    .custom-footer-signup,
    .custom-top-links {
        text-align: center;
    }
    .header-container .hs_cos_wrapper_type_logo {
        text-align: center;
        display: block;
    }

}
     
/* Landscape phones and down */
@media (max-width: 480px) {
    div.block.blog-quote {
        width:100%!important;
    }
    
}

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




.lt-ie9 body { width:1220px; overflow:visible; margin:0 auto;}

.lt-ie8 #header-whistle { display:none; }

.lt-ie8 #address-block { display:none; }

.lt-ie8 .header-container #logo { padding:8px 0 40px 15px; }

.lt-ie9 #header-whistle { position:relative; float:right; top:30px; width:300px; }

.lt-ie9 #address-block { position:relative; float:right; width:210px; top:36px; right:5px; padding-bottom:50px; }

.lt-ie9 #logo { float:none; padding:8px 0 20px 15px; float:left; width:280px;}

.lt-ie9 #logo a { color:#fff; }

.lt-ie8 .blog-listing-wrapper .post-listing .text { padding:0; }

.lt-ie8 .post-body LI { float:left; width:130px; padding-bottom:10px;}

.lt-ie8 .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { width:110px; }

.lt-ie8 .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item-twitter { width:65px; }

.lt-ie8 .hs-blog-social-share iframe {height:25px!important;}

.lt-ie8 .hs-blog-social-share-item-facebook iframe { width:130px!important; }

.lt-ie8 .hs-blog-social-share-item-facebook .hCent { width:50px; }

.lt-ie9 .hs-rss-title { float:left; padding-bottom:10px; }

.lt-ie9 .twitter-share-button { display:none;}

.lt-ie9 .hs-blog-social-share-item-twitter .twitter-image-ie9 { width:56px; height:20px; max-width:100%!important;}

.lt-ie8 .fb_iframe_widget > span { display:block; }

iframe html .pluginConnectButtonLayoutRoot { width:130px; }


.row-depth-1.row-number-1 > .row-fluid > .span12.widget-type-raw_html {position:relative;}


#search-box {
    -webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	-webkit-background-size: auto;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #005daa;
	background-image: none;
	background-origin: padding-box;
	background-size: auto;
	border-bottom-color: rgb(100, 133, 150);
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(100, 133, 150);
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: rgb(100, 133, 150);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(100, 133, 150);
	border-top-style: none;
	border-top-width: 0px;
	color: rgb(100, 133, 150);
	display: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 52px;
	line-height: normal;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	outline-color: rgb(100, 133, 150);
	outline-style: none;
	outline-width: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 35px;
	padding-top: 10px;
	position: absolute;
	right: 25px;
	top: inherit;
	bottom: -47px;
	vertical-align: baseline;
	width: 220px;
	z-index: 17;
}

#sitesearch {
	background: inherit;
	position: absolute;
	right: 30px;
	bottom: -30px;
	width: 19px;
	z-index: 18;	
}



@media (max-width : 1190px) and (min-width : 880px){
    .top-menus .vertical-select {
        width: 660px;
        display: block;
        position: absolute;
        top: 6px;
     padding: 0px 28px;     
    }
}

@media (max-width : 880px) and (min-width : 740px){
    body .top-menus .vertical-select {
        width: 455px;
        display: block;
        position: absolute;
        top: 6px;
        padding: 0px 28px;   
    }
    .select-menu{
        width: 455px;
    }
}

@media (max-width : 740px){
    body .top-menus .vertical-select {
        width: 343px;
        display: block;
        position: absolute;
        top: 6px;
        padding: 0px 28px;   
    }    
    .select-menu{        
        width: 343px;
    }
    
#search-box {
    bottom: -41px;
}
#sitesearch {
    bottom: -25px;
}
}

@media (max-width : 480px){
    body .top-menus .vertical-select {
        width: 272px;
        display: block;
        position: absolute;
        top: 6px;
        padding: 0px 28px;   
    }    
    .select-menu{        
        width: 272px;
    }
}


@media (max-width : 360px){
    .select-menu{      
        width: 224px;
    }
    .header-container-wrapper{
        width: 320px;
    }
}

.top-menus .custom-top-menu ul li.active.active-branch {    
    background: #005dab;
    height: 45px;
    margin-left: 0px;    
}


#search-icon {    
    user-drag: none; 
	-moz-user-select: none;
	-webkit-user-drag: none;
}


/* Blog H1 H2 Switch */


.content-headers h2 {
    color: #005daa !important;
    font-size: 34px !important;
    padding: 30px 0 0 20px;
    font-family: 'PT Sans',Verdana,Sans-Serif;
    font-weight: normal;
    margin: 0;
    line-height: 25px;
}


.content-headers h1 {
    color: #005daa;
    font-weight: normal;
    font-family: 'Open Sans',sans-serif;
    margin: 12px 0;
    line-height: 29.12px;
}

.content-headers h1 a {
    color: #005dab;
    font-size: 24px;
    line-height: 24px;
    font-family: 'PT Sans',Verdana,Sans-Serif;
    font-weight: 400;
    text-decoration: none;
}


.uberflip-img {
    display:none;
}
.uberflip-vid {
    margin:0 auto;
    text-align:center;
}


@media(max-width: 1190px){
    .uberflip-img {
        display: block!important;
        margin: 20px auto;
    }
    .uberflip-vid {
        display: none!important;
    }
}