/* @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    */
 /*****************************************/
 
 /* THE LAST CHANGES WAS MADE BY MARIANA - 7TH MARCH - 2016. */
 @import url('https://fonts.googleapis.com/css?family=Montserrat');

.footer-container-wrapper .whitebackground{background-color: #fff;}
ul.inputs-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.search-trigger{ display:none!important; } /* for search */

.shadow{
    border-radius:5px solid #444444;
    background-color: rgb(250,250,250); /* Needed for IEs */

    -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
    -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);

	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
    
    position: relative; /* This protects the inner element from being blurred */
    padding: 4px;
	background-color: #fafafa;
    z-index: 500; /*27 of June */
    }
 
.website-settings,
.website-settings *,
.blog-settings,
.blog-settings *{height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;min-height:0!important;max-height:0!important;}
 
 
 /* The Modal (background) */ /*Inserted by Kelly Herbst 02/09/2016*/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* FIXING RESPONSIVENESS FOR SIMPLEX CORE */

.body-container-wrapper .row-fluid [class*="span"] {
  margin-left: 0%;
  *margin-left: -0.05319148936170213%;
  padding-left: 2.127659574%;
  padding-right: 2.127659574%;
}
.body-container-wrapper .row-fluid [class*="span"]:first-child {
  margin-left: 0;
  padding-left: 0 !important;
}
.body-container-wrapper .row-fluid [class*="span"]:last-child {
  padding-right: 0 !important;
}
.body-container-wrapper .grid-list .row-fluid [class*="span"]:first-child {
  padding-left: 2.127659574% !important;
}
.body-container-wrapper .grid-list .row-fluid [class*="span"]:last-child {
  padding-right: 2.127659574% !important;
}

.body-container-wrapper .row-fluid .span12 {
  width: 99.99999999600001%;
  *width: 99.9468085066383%;
}
.body-container-wrapper .row-fluid .span11 {
  width: 91.666666663%;
  *width: 91.61347517363829%;
}
.body-container-wrapper .row-fluid .span10 {
  width: 83.33333333%;
  *width: 83.2801418406383%;
}
.body-container-wrapper .row-fluid .span9 {
  width: 74.999999997%;
  *width: 74.9468085076383%;
}
.body-container-wrapper .row-fluid .span8 {
  width: 66.666666664%;
  *width: 66.6134751746383%;
}
.body-container-wrapper .row-fluid .span7 {
  width: 58.333333331000006%;
  *width: 58.280141841638304%;
}
.body-container-wrapper .row-fluid .span6 {
  width: 49.99999999800001%;
  *width: 49.946808508638306%;
}
.body-container-wrapper .row-fluid .span5 {
  width: 41.666666665%;
  *width: 41.6134751756383%;
}
.body-container-wrapper .row-fluid .span4 {
  width: 33.333333332%;
  *width: 33.2801418426383%;
}
.body-container-wrapper .row-fluid .span3 {
  width: 24.999999999000003%;
  *width: 24.946808509638302%;
}
.body-container-wrapper .row-fluid .span2 {
  width: 16.666666666%;
  *width: 16.6134751766383%;
}
.body-container-wrapper .row-fluid .span1 {
  width: 8.333333333%;
  *width: 8.2801418436383%;
}

@media (max-width: 767px) {
  .body-container-wrapper .container-fluid {
    padding: 0;
  }
  .body-container-wrapper .row-fluid {
    width: 100%;
  }
  [class*="span"],
  .body-container-wrapper .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: auto;
    margin-left: 0;
  }
}

/* END FIXING RESPONSIVENESS FOR SIMPLEX CORE */


.montserrat{font-family: 'Montserrat', sans-serif;}
 
html {padding: 0;margin: 0}
body {padding: 0;margin: 0;border: 0;font-size: 14px;line-height: 1.9;background-color:#434343;color:#000;}
body.mobile-menu-active{overflow-x:hidden;}
body.mobile-menu-inactive{overflow-y:auto;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif; 
    font-style: normal;
    font-weight: 400;
    text-transform:none;
}
b,strong {
    font-weight: bold;
}
em, i {
    font-style: italic;
}
h1,h2,h3,h4,h5,h6 {
    color: inherit;
    text-rendering: auto;
    line-height: 1.3 !important;
    margin: 0 0 .75em 0 !important;
}
h1{
    font-family: 'Montserrat', sans-serif !important;
    font-size: 24px;
    color: #000000;
    font-weight: normal;
}
h1 b,h1 strong {
    font-size: 24px;
    color: #000000;
    font-weight: normal;
}
h1 *{font-family: 'Montserrat', sans-serif !important;}
h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px;
    color: #666;
    font-weight: normal;
}
h2 b,h2 strong {
    font-size: 20px;
    color: #666;
    font-weight: normal;
    margin: 0 !important;
}
h2 *{font-family: 'Montserrat', sans-serif !important;}
h3 {
    font-size: 24px;
    color: #173255;
    font-weight: normal !important;
}
h4 {font-family: 'Montserrat', sans-serif !important;
    font-size: 17px;
    color: #444444;
    font-weight: normal;
}
h4 *{font-family: 'Montserrat', sans-serif !important;}
h5 {font-family: 'Montserrat', sans-serif !important;
    font-size: 19px;
    color: #444444;
    font-weight: normal;
    background-color:#efefef;
    display:inline !important;
}
h5 *{font-family: 'Montserrat', sans-serif !important;}
h5:after{height:19px;content:"";display:block;clear:both;}
h6 {
    font-size: 19px;
    color: #444444;
    font-weight: normal;
    text-transform: none;
    line-height:1.6 !important;
    margin: 0 0 1.2em 0!important;
}
ul,ol {
    padding: 0 0 0 25px;
    margin: 0 0 9px 20px;
    line-height: 1.9;
}
ul ul,ul ol,ol ol,ol ul {
    margin-bottom: 0 !important;
    line-height: 1.9;
    padding: 0;
}
ul {
    list-style: disc;
}
ul ul {
    list-style: circle;
    margin-left: 17px;
}
ol {
    list-style: decimal
}
li {
    font-size: 14px;
    line-height: 1.9;
}
li li {
}
ul.unstyled,ol.unstyled {
    margin-left: 0;
    list-style: none;
}
p {
    font-size: 14px;
    line-height: 1.9;
    margin: 0 0 1.2em 0 !important;
    color:#000;
}
p.p-spacer {
    height: 1px;
    line-height: 1px;
}
blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 18px;
    border-left: 5px solid #eee;
}
blockquote:before, blockquote:after {
    content: "";
}
.clear {clear: both;}
a,
a:visited{
    color: #1073bd;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #138de9;
    text-decoration: underline;
}

strong * {font-weight:bold !important;}
.hs-button,.hs-button.primary {
    font-size: 14px!important;
    color: #fff!important;
    display: inline-block!important;
    text-decoration: none!important;
    line-height: 40px!important;
    height: 40px!important;
    font-weight: normal!important;
    padding: 0 28px!important;
    border: 0!important;
    text-shadow: 0 0 #fff!important;
    box-shadow: inset 0 0 0 #e0e0e0!important;
    -webkit-box-shadow: inset 0 0 0 #e0e0e0!important;
    -moz-box-shadow: inset 0 0 0 #e0e0e0!important;
    -o-box-shadow: inset 0 0 0 #e0e0e0!important;
    box-shadow: 0 0 0 #e0e0e0!important;
    -webkit-box-shadow: 0 0 0 #e0e0e0!important;
    -moz-box-shadow: 0 0 0 #e0e0e0!important;
    -o-box-shadow: 0 0 0 #e0e0e0!important;
    background:none #173255!important;
    margin: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    -o-border-radius: 0px!important;
    border-radius: 0px!important;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    font-family: 'Open Sans', sans-serif;
}

.hs-button:hover,.hs-button:focus,.hs-button.primary:hover,.hs-button.primary:focus {
    text-decoration: none!important;
    background: none #2d5c88!important;
    color: #fff!important;
    border: 0!important;
    text-shadow: 0 0 #fff!important;
    box-shadow: inset 0 0 0 #e0e0e0!important;
    -webkit-box-shadow: inset 0 0 0 #e0e0e0!important;
    -moz-box-shadow: inset 0 0 0 #e0e0e0!important;
    -o-box-shadow: inset 0 0 0 #e0e0e0!important;
    box-shadow: 0 0 0 #e0e0e0!important;
    -webkit-box-shadow: 0 0 0 #e0e0e0!important;
    -moz-box-shadow: 0 0 0 #e0e0e0!important;
    -o-box-shadow: 0 0 0 #e0e0e0!important
}

.hs-button b,.hs-button.primary b,.hs-button strong,.hs-button.primary strong {
    font-weight: bold!important;
}
/*textarea{resize: vertical;}
::selection{background:#173255;color:#fff;text-shadow:none;}*/ /* Commented out by HubSpot Support - 09/03/2016 - To make styling the same in Safari */
/*::-moz-selection{background:#173255;color:#fff;text-shadow:none;}*/ /* HUBSPOT SUPPORT - 01/03/2016 - Commented out to make styling the same in Firefox and Chrome */

/* NEW CHANGES - INSERTING CODES FOR MENU AND LOGO - 15-12-16 */



.body-container-wrapper img{height:auto !important;}
.header-container-wrapper,
.body-container-wrapper,
.footer-container-wrapper {
    width: 100%;
}
.header-container-wrapper .container-fluid{
    padding: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
}
.footer-container-wrapper .container-fluid {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 1150px;
}
.body-container-wrapper .container-fluid {
    width: 100%;
    max-width: 100%;
}
.header-container-wrapper .container-fluid .content-wrapper,
.body-container-wrapper .container-fluid .content-wrapper,
.footer-container-wrapper .container-fluid .content-wrapper {
    width: 98% !important;
    margin: 0 auto !important;
    max-width: 1150px !important;
    float: none !important;
}
.body-container-wrapper .container-fluid .content-wrapper.width1000{max-width: 1000px !important;}
.body-container-wrapper .container-fluid .content-wrapper.width800{max-width: 800px !important;}

.widget-type-space.double-space .cell-wrapper{margin-bottom: 70px;}
.widget-type-space.line-separator .cell-wrapper,
.widget-type-space.shadow-separator .cell-wrapper{margin-bottom: 70px;}
.widget-type-space.line-separator .cell-wrapper{height:40px;border-bottom:1px solid #455b77;visibility:visible;}
.widget-type-space.shadow-separator .cell-wrapper{height:40px;visibility:visible;
                                                                box-shadow: 0 1px 2px rgba(0,0,0,0.1);
                                                                -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
                                                                -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
                                                                -o-box-shadow: 0 2px 3px rgba(0,0,0,0.1);}
.widget-type-space.line-separator.stuck-to-top .cell-wrapper,
.widget-type-space.line-separator.under-vertical-line .cell-wrapper{height: 0px!important;min-height: 1px !important;position: relative;top: -1px;}
.widget-type-space.shadow-separator.under-vertical-line .cell-wrapper,
.widget-type-space.shadow-separator.stuck-to-top .cell-wrapper{height: 0px!important;min-height: 3px !important;position: relative;top: -3px;}

.colored-bg{padding:0px !important;}
.colored-bg>div{padding:20px 25px!important;}
.colored-bg-fullwidth{padding:0;background-color:#efefef;}
.colored-bg-fullwidth>div{padding:20px 0px !important;}
.colored-bg-fullwidth.medium-padding>div{padding:45px 0px !important;}
.colored-bg-fullwidth.large-padding>div{padding:70px 0px !important;}

[class^="colored-bg"].light-gray{background-color:#efefef;}

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

.body-container-wrapper img.alignleft{margin-right:2.5%;margin-bottom:1.5%;}
.body-container-wrapper img.alignright{margin-left:2.5%;margin-bottom:1.5%;}

.hs-form fieldset{max-width:100% !important;}

/* NEW CHANGE FOR .header-container-wrapper - 15-12-16  - the height of this now will be 90px no height:118px that was before*/
.header-container-wrapper{background-color:rgba(255,255,255,.95);z-index:9999999;height:90px;position:fixed;
                            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .3);
                            -webkit-transition: all 0.6s ease;
                            -moz-transition: all 0.6s ease;
                            -o-transition: all 0.6s ease;
                            transition: all 0.6s ease;}
.header-container-wrapper .container-fluid{}
.header-container-wrapper.scroll-resize{height:90px;}/* Value was 78px for height and now is 90px height:78px; - 15 - 12 - 2016 */
/* 15-12-16 - mariana - the height was modified for height: 95px; instead of height:91px; */
.header-container-wrapper #hs-link-logo,
.header-container-wrapper .hs_cos_wrapper_type_logo a{height:95px;display:block;vertical-align:middle;max-width:100%;line-height:90px;
                                        -webkit-transition: all 0.6s ease;
                                        -moz-transition: all 0.6s ease;
                                        -o-transition: all 0.6s ease;
                                        transition: all 0.6s ease;}
.header-container-wrapper.scroll-resize #hs-link-logo,
.header-container-wrapper.scroll-resize .hs_cos_wrapper_type_logo a{padding: 0px 0; height:95px;line-height:90px;}/* 15-12-16 - Mariana - I added padding which I didn't add before. height:50px; and line-height:50px; old values */
.header-container-wrapper #hs-link-logo img,
.header-container-wrapper .hs_cos_wrapper_type_logo a img{max-height:100% !important;display:inline;width:auto !important;
                                            padding: 5px 0;
                                            display: inline;
                                            height: auto;
                                            max-height: 100%;
                                            vertical-align: middle;}
                                            
.header-container-wrapper .cell-wrapper{margin-bottom:0px;}

.header-container-wrapper .header-top{line-height:28px !important;min-height: 28px;background-color:#f8f8f8;box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);}
.header-container-wrapper .header-top>div{width: 98% !important;margin: 0 auto !important;max-width: 1140px !important;float: none !important;}
.header-container-wrapper .header-top *{line-height:28px !important;margin:0px;padding:0px;font-size:12px;color:#000;min-height:26px;}
.header-container-wrapper .header-top a[href^="tel"],
.header-container-wrapper .header-top a[href^="tel"]:hover,
.header-container-wrapper .header-top a[href^="tel"]:focus{text-decoration:none;}

.header-container-wrapper .hs-menu-wrapper {
    padding: 0;
    margin: 3px 0px 0px 0px; /* I changed the margin for 3px 0px 0px 0px instead of 5px 0px 0px 0px */
    width: auto!important;
    float: right!important;
    display:table;
}
.header-container-wrapper .hs-menu-wrapper>ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    display:table-row;
}
/* NEW CODE STARTS HERE */

.header-container-wrapper .hs-menu-wrapper>ul>li {
    margin-top:2px;
    line-height: 35px;                  
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    text-decoration:none;
    color:#4ca9df;
    padding: 19px 15px 12px;
    vertical-align: middle;
    text-align: center;
    border-radius:1px solid transparent;
    background: none transparent;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    display:table-cell;
    float: none!important;
}

/*.header-container-wrapper .hs-menu-wrapper>ul>li {
    margin: 0;
    padding: 0 12px;
    position: relative;
    background: none transparent;
    line-height: 88px;
    vertical-align: middle;
    text-align: center;
    border-bottom:2px solid transparent;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    display:table-cell;
    float: none!important;
}*/
.header-container-wrapper .hs-menu-wrapper>ul>li.last {
    background: url(none) transparent;
}
.header-container-wrapper .hs-menu-wrapper>ul>li>a{
    line-height:20px;
    /*line-height: 35px; */
    /*line-height: 16px;*/
    box-shadow: 0 0 0 #e0e0e0 inset;
    -webkit-box-shadow: 0 0 0 #e0e0e0 inset;
    -moz-box-shadow: 0 0 0 #e0e0e0 inset;
    -o-box-shadow: 0 0 0 #e0e0e0 inset;
    background: transparent;
    color:#044879;/*color: #666;*/
    font-size: 13px;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    margin: 0;
    white-space: normal;
    font-weight:normal;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    max-width: inherit;
    font-family: 'Open Sans', sans-serif;
}

.header-container-wrapper .hs-menu-wrapper>ul>li>a:hover {
    color:044879;
}
/* Second modification - 15-12-16 - mariana. Now the line-height is 20px and before was 17px not line-height:40px; */
.header-container-wrapper.scroll-resize .hs-menu-wrapper>ul>li{line-height: 20px; /*I changed the line-height:48px !important; for another value. The change was made at 7th March */}
.header-container-wrapper .hs-menu-wrapper>ul>li.last {
    background: none transparent
}
.header-container-wrapper .hs-menu-wrapper>ul>li a {
    cursor: pointer
}

.header-container-wrapper .hs-menu-wrapper>ul>li:hover{
    color:#044879;
    background:transparent !important;/*background: #f8f8f8; The changes was made at 7th March. */
    border-bottom:2px solid #2d5c88; /*border-bottom:1px solid transparent; The changes was made at 7th March. - NEW CHANGES - 15-12-16. NOW THE BORDER IS 2PX SOLID #2d5c88*/
    font-size:14px;
    list-style:none;
    text-decoration:none;
    -webkit-box-shadow: none !important; /*-webkit-box-shadow: 1px 1px 1px #efefef; The change was made at 7th March. */
    -moz-box-shadow: none !important; /*-moz-box-shadow: 1px 1px 1px #efefef; The change was made at 7th March. */
    box-shadow: none !important;/*box-shadow: 1px 1px 1px #efefef; The change was made at 7th March. */
}

/*this is original code
/*.header-container-wrapper .hs-menu-wrapper>ul>li:hover {
    border-bottom:2px solid #2d5c88;
}*/
/*.header-container-wrapper .hs-menu-wrapper>ul>li.search-trigger:hover {
    border-bottom:2px solid transparent;*/
}
.header-container-wrapper .hs-menu-wrapper>ul>li.menu-trigger{
    display:block;
    position:relative;
}
.header-container-wrapper .hs-menu-wrapper>ul>li>a:hover {
    color: #0090D7;
    /* color: #000; old color for font */
    background: none transparent;
    box-shadow: none;
    /*box-shadow: 0 0 #fff inset;*/
}
.header-container-wrapper .hs-menu-wrapper>ul>li.active-branch{
    border-bottom:2px solid transparent; /* colour was changed. the last colour was #2d5c88 */
}
.header-container-wrapper .hs-menu-wrapper>ul>li.active-branch>a,
.header-container-wrapper .hs-menu-wrapper>ul>li.active-branch>a:hover,
.header-container-wrapper .hs-menu-wrapper>ul>li.active-branch>a:focus {
    color: #000;
    background: none transparent;
    box-shadow: 0 0 #fff inset;
}

/*.header-container-wrapper .hs-menu-wrapper>ul>li>ul {
    width: 220px;
    left: 0;
    margin:0px 0px 0px 0px;
    padding: 0px 0 0 0;
    list-style: none;
    z-index: 999;
    position: absolute;
    background: none no-repeat 0px 0 #fff;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity .4s;
    transition: opacity .4s ease-in-out;
    display: none;
    opacity: 0;
    border-top:2px solid #2d5c88;
    border-bottom:1px solid #e1e1e1;
}*/

/* 15-12-16 - It was add line-height and background white*/
.header-container-wrapper .hs-menu-wrapper>ul>li>ul {
    width: 222px; /* width: 220px; It was changed at 7th March */
    left: 0;
    margin:14px 0px 0px 0px;
    padding: 0px 0px 0px 0px; /*padding: 0px 0 0 0; It was changed at 7th March */
    list-style: none;
    z-index: 999;
    position: absolute;
    display: none;
    line-height:40px;
    opacity: 0;
    border-top:1px solid transparent !important; /* I put was important. The change was made at 7th March. */
    font-family: 'Open Sans', sans-serif;
    background: white !important; /*  background: #f8f8f8; The change was made at 7th March - NEW CHANGES - the background was transparent - 15-12-16 */
    border-bottom:transparent !important; /*border-radius: 0px 0px 2px 2px; The change was made at 7th March*/
    border-radius: none !important; /* I inserted it. The change was made at 7th March. */
    -moz-border-radius: none !important; /*-moz-border-radius: 0px 0px 2px 2px; The change was made at 7th March*/
    -webkit-border-radius: none !important; /* -webkit-border-radius: 0px 0px 2px 2px; The change was made at 7th March*/
    border: 2px solid white; /*border: 2px solid transparent; The change was made at 7th March*/
    -webkit-box-shadow: none !important; /*-webkit-box-shadow: 2px 1px 1px #efefef; The change was made at 7th March*/
    -moz-box-shadow: none !important; /* -moz-box-shadow: 2px 1px 1px #efefef; The change was made at 7th March*/
    box-shadow: none !important; /*box-shadow: 2px 1px 1px #efefef; The change was made at 7th March*/
}


.header-container-wrapper .hs-menu-wrapper>ul>li:hover>ul {
    opacity: 1;
    display: block;
}
/*.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    text-align: left;
    background-color: #fff;
    border-left:1px solid #e1e1e1;
    border-right:1px solid #e1e1e1;
}*/
/* ADDED height:40px; */
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li{
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    text-align: left;
    color:transparent;
    background:#173255 !important; /*background:#f8f8f8; I changed this background for another colour. all the changes was made at 7th March */
    display: block;
    height:40px;
    line-height: 15px;
    padding: 5px 10px;
    width: 100%!important;
    white-space: normal!important;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    border-radius:transparent;
    border-left:none;
    border-right:none;
    border-bottom: 1px solid white; /* New rule - border-bottom. - All the changes was made at 7th March */
}


.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li:hover,
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li.sfHover {
    display: block;
    background-color: #173255 !important; /* I inserted this rule. All the changes was made at 7th March */
    color:white; /* I inserted this rule. All the changes was made at 7th March */
    border-bottom: 1px solid white; /* I inserted this rule. All the changes was made at 7th March */
}
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li.hs-item-has-children {width:100%;} /* Inserted a width here. width:100%; It was inserted at 7th March. this line didn't have any rule */
/*.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li>a {
    color: #666;
    display: block;
    background-color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
    line-height: 20px;
    padding: 5px 10px;
    border-bottom: 0px solid #63addf;
    width: 100%!important;
    white-space: normal!important;
    box-shadow: 0 0 0 #e0e0e0 inset;
    -webkit-box-shadow: 0 0 0 #e0e0e0 inset;
    -moz-box-shadow: 0 0 0 #e0e0e0 inset;
    -o-box-shadow: 0 0 0 #e0e0e0 inset;
    max-width: 100% !important;
    text-overflow: inherit;
}*/

/* ADDED - height:30px; line-height:20px; - 15-12-16 - MARIANA */
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li>a {
    width: 100%!important;
    color: #0090D7; /* the colour was changed. 7th March. The color was #0090D7 */
    /* background: transparent; the background color was changed at 7th March */
    display: block;
    text-decoration: none;
    cursor: pointer;
    height:30px;
    line-height: 20px; /*line-height: 20px; I changed the line-height for 12px; 7th March. I PUT LINE HEIGHT BACK FOR 20PX*/
    padding: 5px 5px;
    width: 100%!important;
    white-space: normal!important;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;/*font-size:13px; It was changed at 7th March*/
    border-radius:transparent;
    box-shadow: 0 0 0 #fff; /* box-shadow: 0 0 0 #e0e0e0 inset; It was  changed at 7th March */
    -webkit-box-shadow: 0 0 0 #fff; /* -webkit-box-shadow: 0 0 0 #e0e0e0 inset; It was  changed at 7th March */
    -moz-box-shadow: 0 0 0 #fff; /*  -moz-box-shadow: 0 0 0 #e0e0e0 inset;  It was  changed at 7th March*/
    -o-box-shadow: 0 0 0 #fff; /* -o-box-shadow: 0 0 0 #e0e0e0 inset;  It was  changed at 7th March*/
    max-width: 100% !important;
    text-overflow: inherit;
    border-bottom: 1px solid transparent; /*border-bottom: 0px solid #63addf; It was  changed at 7th March*/
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children
 ul.hs-menu-children-wrapper li a{
     background: transparent;
     
 }

.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li>a:hover,
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li>a:focus {
    /*color: #1073bd; It was changed at 7th March. */
    color: #fff; /* I inserted a rule -> color. */
    text-decoration: none;
    background-color:transparent !important; /*background-color: #f9f9f9 !important; I changed it at 7th March. */
    border-bottom: 1px solid transparent; /* */
    padding:5px 5px; /*Inserted this rule at 7th March.*/
    width: 200px; /*Inserted this rule at 7th March.*/
}
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li.active-branch>a,
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li.active-branch>a:focus,
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li.active-branch>a:hover {
    color: #1073bd;
    text-decoration: none;
    font-weight:normal;
    background-color: transparent !important; /* I changed the background for transparent - background-color: #f3f3f3 !important; All the changes was made at 7th March*/
    box-shadow: transparent !important; /*box-shadow: 0 0 0 #e0e0e0 inset; */
    -webkit-box-shadow: transparent !important; /*I CHANGED IT FOR TRANSPARENT -webkit-box-shadow: 0 0 0 #e0e0e0 inset; All the changes was made at 7th March */
    -moz-box-shadow: transparent !important; /* I CHANGED IT FOR TRANSPARENT -moz-box-shadow: 0 0 0 #e0e0e0 inset; All the changes was made at 7th March */
    -o-box-shadow: transparent !important; /* I CHANGED IT FOR TRANSPARENT -o-box-shadow: 0 0 0 #e0e0e0 inset; */
    font-size:14px; /* I inserted this code. All the changes was made at 7th March*/
    cursor:pointer; /* I inserted this code. All the changes was made at 7th March*/
}

.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li.hs-item-has-children:hover>a,
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li.hs-item-has-children>a:hover,
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li.hs-item-has-children>a:focus{color:#fff;text-decoration:none;background-color:#173255 !important;
    background: url(//cdn2.hubspot.net/hubfs/219329/SYNX/menu-arrow.png) no-repeat right #173255 !important; font-family: 'Open Sans', sans-serif; width:222px;}
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li.hs-item-has-children.active-branch>a{
    background: url(//cdn2.hubspot.net/hubfs/219329/SYNX/menu-arrow.png) no-repeat right #173255 !important; font-family: 'Open Sans', sans-serif; width:222px;}
    
/*
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li.hs-item-has-children:hover>a,
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li.hs-item-has-children>a:hover,
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li.hs-item-has-children>a:focus{color:#1073bd;text-decoration:none;background-color:#f9f9f9!important;
    background: url(//cdn2.hubspot.net/hub/298916/file-402813845-png/simplex_core_images/parent-menu-arrow.png) no-repeat center right #f9f9f9 !important;}
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li.hs-item-has-children.active-branch>a{
    background: url(none) no-repeat center right #f3f3f3 !important;} It was changed at 7th of March*/
/* 15-12-16 - mariana - I modified the width for 220px instead of 200px and the left now is 210px instead of 219px */    
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li>ul {
    width: 220px!important;
    left: 219px!important;
    top:0px!important; /* I changed the value for another one. This is the last change -> top:-2px!important; */
    padding: 0;
    list-style: none;
    z-index: 999;
    position: absolute;
    background: none no-repeat 0px 0 #fff;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity .4s;
    transition: opacity .4s ease-in-out;
    display: none;
    opacity: 0;
    border-top:1px solid transparent; /*I changed the value for another one. This is the las change -> border-top:2px solid #4d7ba6;*/
    border-bottom:1px solid #e1e1e1;
}
/* Mariana - 15-12-16 - padding will be 19px 15px and 14px. padding: 19px 15px 12px; - old. */
.header-container-wrapper .hs-menu-wrapper>ul>li{
    margin-top:2px;
    padding: 19px 15px 14px;
    color:white;
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    border-radius:1px solid transparent;
    background: none transparent;
    font-size:15px;
}
/* was add new csss for it */
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li:hover>ul {
    opacity: 1;
    display: block;
}
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li>ul>li {
    margin: 0;
    padding: 0;
    display: block;
    width: 220px!important;
    position: relative;
    text-align: left;
    line-height:20px;
    border-bottom: 1px solid white;
    cursor: pointer;
}

/*
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li>ul>li {
    margin: 0;
    padding: 0;
    display: block;
    width: 200px!important;
    position: relative;
    text-align: left
}

the changes are above this code that was commented at 7th March.

*/
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li>ul>li:hover,
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li>ul>li.sfHover {
    display: block;
    cursor:pointer;
    border-bottom: 1px solid white;
    background-color:transparent !important;
    /* I inserted this lasts 3 lines above. 7th March */
}
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li>ul>li>a {
    color: #0090d7;
    display: block;
    background:#173255 !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    line-height: 28px; /* I added 28px now and before was 20px for line-height */
    padding: 5px 10px;
    width: 100% !important;
    white-space: normal !important;
    box-shadow: transparent !important;
    -webkit-box-shadow: transparent !important;
    -moz-box-shadow: transparent !important;
    -o-box-shadow:transparent !important;
    max-width: 100% !important;
    text-overflow: inherit;
    font-family: 'Open Sans', sans-serif;
   border-top:transparent !important;
    border-bottom:1px solid white;
}

/*
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li>ul>li>a {
    color: #666;
    display: block;
    background-color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
    line-height: 20px;
    padding: 5px 10px;
    border-bottom: 0px solid #63addf;
    width: 100%!important;
    white-space: normal!important;
    box-shadow: 0 0 0 #e0e0e0 inset;
    -webkit-box-shadow: 0 0 0 #e0e0e0 inset;
    -moz-box-shadow: 0 0 0 #e0e0e0 inset;
    -o-box-shadow: 0 0 0 #e0e0e0 inset;
    max-width: 100% !important;
    text-overflow: inherit;
}

It was changed at 7th of March. The code is above.
*/

.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li>ul>li:hover>a {
    color:white; /* #1073bd it was the color. 7th of March it was changed. */
    text-decoration: none;
    background-color: #f7f7f7; /* It was changed at 7th of March. #f7f7f7 was the color for background. */
}
.header-container-wrapper .hs-menu-wrapper>ul>li>ul>li>ul>li.active-branch>a {
    color: #1073bd;
    text-decoration: none;
    font-weight:normal;
    background-color: #f5f5f5;
    box-shadow: 0 0 0 #e0e0e0 inset;
    -webkit-box-shadow: 0 0 0 #e0e0e0 inset;
    -moz-box-shadow: 0 0 0 #e0e0e0 inset;
    -o-box-shadow: 0 0 0 #e0e0e0 inset;
}

/*.header-container-wrapper .hs-menu-wrapper>ul>li.search-trigger{cursor:pointer;width:35px;background:url(https://www.transpoco.com/hubfs/SYNX/header-search-icon.png) no-repeat center center transparent;padding-left:0px ;margin-left:0px;}
.header-container-wrapper .hs-menu-wrapper>ul>li.search-trigger:hover{background:url(https://www.transpoco.com/hubfs/SYNX/header-search-icon-hover.png) no-repeat center center transparent;} */
.header-container-wrapper .hs-menu-wrapper>ul>li.menu-trigger{cursor:pointer;width:55px;display:none;background:url(https://www.transpoco.com/hubfs/SYNX/menu-trigger.jpg) no-repeat center center transparent;}
.header-container-wrapper .hs-menu-wrapper>ul>li.menu-trigger:hover{background:url(https://www.transpoco.com/hubfs/SYNX/menu-trigger-over.jpg) no-repeat center center transparent;}

.header-container-wrapper .google-search{position:relative;display:none;}
.header-container-wrapper .google-search>div{position:absolute;background-color:#fff;border:1px solid #ccc;padding:15px;width:340px;right:0px;margin-top:20px;opacity:0;
    box-shadow: 1px 1px 8px #ccc;
    -webkit-box-shadow: 1px 1px 8px #ccc;
    -moz-box-shadow: 1px 1px 8px #ccc;
    -o-box-shadow: 1px 1px 8px #ccc;
    -webkit-border-radius: 4px!important;
    -moz-border-radius: 4px!important;
    -o-border-radius: 4px!important;
    border-radius: 4px!important
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;}
.header-container-wrapper .google-search>div.active{display:block;opacity:1;margin-top:10px;}
.header-container-wrapper .google-search form,
.header-container-wrapper .google-search .cell-wrapper{margin:0px;}
.header-container-wrapper .google-search form .field{position:relative;}
.header-container-wrapper .google-search form .field>label{display:none;}
.header-container-wrapper .google-search form input[type="text"]{
    position: relative;
    padding: 10px 45px 10px 5px;
    z-index: 1;
    margin: 0;
    box-shadow: none;
    background-color: #fff;
    border:1px solid #e1e1e1;
    color:#888;
    width:100%;   
    height: 39px!important; 
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    -o-border-radius: 0px!important;
    border-radius: 0px!important;
}
.header-container-wrapper .google-search form .hs-button.primary {
    height: 40px!important;
    padding: 0px!important;
    margin: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    -o-border-radius: 0px!important;
    border-radius: 0px!important;
    width: 40px!important;
    height: 39px!important;
    background-image:url(//cdn2.hubspot.net/hub/298916/file-359699086-png/Images/header-search-icon-submit.png) !important;
    background-repeat:no-repeat  !important;
    background-position:  center center  !important;
    overflow:hidden;
    text-indent:-999px;
    position:absolute;
    top:0px;
    right:0px;
    z-index: 2;
}

.hs-cta-wrapper a{margin-bottom:10px;}

.body-container-wrapper{padding-top:90px;background-color:#fff;} /* FIRST CODE: .BODY-CONTAINER-WRAPPER - padding-top:118px; now is 90px; */
.body-container-wrapper .container-fluid{padding:0px;}



.main-banner{position:relative;background: #455b77 no-repeat center top;margin-bottom:70px;border-bottom:1px solid #e1e1e1;opacity:0;}
.main-banner .banner-image{display:none !important;}
.main-banner .banner-description{margin:0px auto 0px auto !important;max-width:1150px;float:none;}
.main-banner .banner-description>div{margin:25px 0;padding:40px 20px 15px 40px;width:65%;}/* padding changed to 20px 20px 15px and 40px. Before was padding:40px 20px 15px 40px; - 26/04/17 */
.main-banner .banner-description h1{display: inline-block;color:#fff;margin-bottom:4px !important;background-color:rgba(0,0,0,0.55);padding:10px 8px;}
.main-banner .banner-description h2{display: inline-block;color:#fff;margin-bottom:4px !important;background-color:rgba(0,0,0,0.55);padding:10px 8px;}
.main-banner .banner-description ul{list-style:none;padding:0px;margin:0px 0px 4px 0px;display:inline-block;}
.main-banner .banner-description ul>li{display:block;float:none;clear:both;color:#fff;margin-bottom:4px !important;background-color:rgba(0,0,0,0.55);
                                                                    padding:6px 8px;font-size:15px;line-height: 20px;}
.main-banner .hs-cta-wrapper a{margin-bottom:4px;}

.widget-type-rss_listing .hs-rss-module{padding: 0!important;margin: 0 0 0 5px!important;border-bottom: 0px solid #e1e1e1;}
.widget-type-rss_listing .hs-rss-item {margin:0px 0px 20px 0px !important;}
.widget-type-rss_listing .hs-rss-item a {font-size: 17px!important;}



.page-breadcrumb{line-height:20px;color:#ffffff;background-color:#f3f3f3;font-weight:normal;padding:0px 0px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #f1f1f1;}
.page-breadcrumb:after{content:" ";display:block;height:0px;overflow:hidden;clear:both;}
.page-breadcrumb>div{max-width:1150px;margin:0 auto;}
.page-breadcrumb *{color:#666666;font-size:11px;text-align:right;min-height: 20px !important;line-height:28px;}
.page-breadcrumb .cell-wrapper{margin-bottom: 0px;}
.page-breadcrumb ul{margin:0px;padding:0px;float:right;}
.page-breadcrumb ul li{margin:0px 0px 0px 5px!important;padding:0px;}
.page-breadcrumb ul li.first-crumb{margin:0px;}
.page-breadcrumb ul li .hs-breadcrumb-menu-divider:before{padding:0px 0px 0px 5px!important;}

.page-title-block{border-bottom:1px solid #e1e1e1;padding:25px 0 10px 0px;}
.page-title-block>div{max-width:1000px;margin:0 auto;}
.page-title-block .cell-wrapper{margin-bottom: 0px;}
.page-title-block h1{text-align:center;margin-bottom:.5em !important;}
.page-title-block h2{text-align:center;}


.column-container{padding-top:40px !important;padding-bottom:40px !important;position:relative;}
.main-panel{padding-top:40px !important;padding-bottom:40px !important;}
.column-container,
.main-panel {padding-left:40px !important;padding-right:40px !important;}
.column-container.left-panel{border-right:1px solid #e1e1e1;left:1px;padding-left:0px !important;}
.column-container.right-panel{border-left:1px solid #e1e1e1;right:1px;padding-right:0px !important;}
.main-panel{border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
.main-panel .column-container.right-panel{padding-top:0px !important;padding-left:2% !important;}
.main-panel .column-container.left-panel{padding-top:0px !important;padding-right:2% !important;}
.column-container.no-border,
.main-panel.no-border{border:0 !important;}
.main-panel.no-border-left{border-left:0 !important;padding-left:0px;}
.main-panel.no-border-right{border-right:0 !important;padding-right:0px;}
.subcribe-to-blog{margin-top: -60px;}


.body-container-wrapper .row-fluid [class*="span"]:last-child.column-container.no-border,
.body-container-wrapper .row-fluid [class*="span"]:last-child.main-panel.no-border{padding-left:0px !important;}
.body-container-wrapper .row-fluid [class*="span"]:last-child.main-panel.no-border-right .column-container.no-border{padding-left:2.127659574% !important;}

.body-container-wrapper .hs-menu-wrapper>ul {padding: 0;margin: 0 0 20px 0;list-style: none;}
.body-container-wrapper .hs-menu-wrapper>ul>li {padding: 0;margin: 0;background: none transparent;}
.body-container-wrapper .hs-menu-wrapper>ul>li>a{display:block;text-decoration:none;border:0;padding:10px 10px 10px 10px;font-size:14px;line-height:1.2em;color:#666;position:relative;
                                                font-weight: normal;text-align:left;text-overflow:inherit;white-space:normal;border-bottom:1px solid #f5f5f5;width: 100% !important;
                                                -moz-box-sizing: content-box !important;
                                                -ms-box-sizing: content-box !important;
                                                box-sizing: content-box !important;}
.body-container-wrapper .hs-menu-wrapper>ul>li>a:hover,
.body-container-wrapper .hs-menu-wrapper>ul>li>a:focus {text-decoration: none;color: #1073bd;background: none transparent;}
.body-container-wrapper .hs-menu-wrapper>ul>li.active-branch>a,
.body-container-wrapper .hs-menu-wrapper>ul>li.active-branch>a:hover,
.body-container-wrapper .hs-menu-wrapper>ul>li.active-branch>a:focus{color:#000;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;background: #efefef;
                                                                box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
                                                                -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
                                                                -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
                                                                -o-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);}
.body-container-wrapper .hs-menu-wrapper>ul>li.hs-item-has-children.active-branch{background: #efefef;}

.body-container-wrapper .hs-menu-wrapper>ul>li>ul {position:static !important;padding: 0;margin: 0;list-style: none;display:block !important;opacity: 1 !important;visibility: visible !important;}
.body-container-wrapper .hs-menu-wrapper>ul>li>ul>li {padding: 0;margin: 0;background: none #fff;}
.body-container-wrapper .hs-menu-wrapper>ul>li>ul>li>a {display: block;text-decoration: none;border: 0;padding: 10px 10px 10px 20px;font-size: 13px;line-height: 1em;color: #909090;
                                                                                max-width:100%;text-align:right;background: none transparent;border-bottom:1px solid #f5f5f5;width: 100% !important;position:relative;
                                                                                            -moz-box-sizing: content-box !important;
                                                                                            -ms-box-sizing: content-box !important;
                                                                                            box-sizing: content-box !important;}
.body-container-wrapper .hs-menu-wrapper>ul>li>ul>li>a:hover,
.body-container-wrapper .hs-menu-wrapper>ul>li>ul>li>a:focus {text-decoration: none;color: #555;}
.body-container-wrapper .hs-menu-wrapper>ul>li>ul>li.active-branch>a {color:#000;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;background: #f9f7f9;
                                                                box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
                                                                -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
                                                                -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
                                                                -o-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);}
                                                                
.column-container.left-panel .hs-menu-wrapper>ul>li>a{padding:10px 40px 10px 10px;left:-10px;text-align:right;}
.column-container.left-panel .hs-menu-wrapper>ul>li>ul>li>a {padding: 10px 50px 10px 0;text-align:right;left:-10px;}
.column-container.right-panel .hs-menu-wrapper>ul>li>a{padding:10px 10px 10px 40px;right:40px;}
.column-container.right-panel .hs-menu-wrapper>ul>li>ul>li>a {padding: 10px 0px 10px 50px;text-align:left;right:40px;}

.column-container [class*="widget-type-"]{margin-bottom:30px;}




.blog-title-description{border-bottom:1px solid #e1e1e1;margin:0px;background-color:#325c96;text-align:center;padding:20px 0px;}
.blog-title-description .blog-title{text-align:center;margin:0 auto !important;max-width:1150px;font-size:30px;color:#fff;padding:0px 0px 10px 0px;line-height: 1.15!important;}
.blog-title-description .blog-title a{font-size:30px;color:#fff;font-family: 'Montserrat', sans-serif !important;}
.blog-title-description .blog-title a:hover,
.blog-title-description .blog-title a:focus{color:#ddd;text-decoration:none;}
.blog-title-description .blog-description{text-align:center;margin:0px auto !important;max-width:1150px;font-size:20px;color:#fff;padding:0px;line-height: 1.15!important;}
.blog-title-description .blog-description a{font-size:20px;color:#ddd;font-family: 'Montserrat', sans-serif !important;}
.blog-title-description .blog-description a:hover,
.blog-title-description .blog-description a:focus{color:#eee;text-decoration:none;}



body[class*="hs-blog-name-"] .blog-content{padding-right:3%;}
body[class*="hs-blog-name-"] .column-container .widget-span{}
body[class*="hs-blog-name-"] .column-container h3,
body[class*="hs-blog-name-"] .column-container .widget-type-google_search form label{font-size:15px;color:#444;font-weight:bold !important;text-transform: uppercase;margin-bottom: 0.5em !important;display:block;margin-bottom:10px;}
body[class*="hs-blog-name-"] .column-container h3 a{color:#444;font-weight:bold !important;text-transform: uppercase;}

body[class*="hs-blog-name-"] .column-container .widget-type-blog_subscribe{margin-bottom:20px;}

body[class*="hs-blog-name-"] .body-container-wrapper .column-container .blog-about-text {background-color:#f3f3f3;padding:15px 15px 5px 15px !important;margin-bottom:40px;}
body[class*="hs-blog-name-"] .body-container-wrapper .column-container .blog-about-text p{font-style:italic;}
body[class*="hs-blog-name-"] .body-container-wrapper .column-container .blog-about-text .cell-wrapper{margin-bottom:0px;}


.widget-type-google_search form input{width:87%;margin:0px 0px 10px 0px;padding:8px 2%;border:1px solid #e1e1e1;height:36px;background-color:#fafafa;font-size:16px;color:#454545;
                                                            float:left;border-right:0;
                                                            box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -webkit-box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -moz-box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -o-box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -webkit-border-radius: 0px!important;
                                                            -moz-border-radius: 0px!important;
                                                            -o-border-radius: 0px!important;
                                                            border-radius: 0px!important;}
.widget-type-google_search form  a{padding: 0!important;
                                                    margin: 0!important;
                                                    -webkit-border-radius: 0!important;
                                                    -moz-border-radius: 0!important;
                                                    -o-border-radius: 0!important;
                                                    border-radius: 0!important;
                                                    width: 40px!important;
                                                    height: 36px!important;
                                                    background-image: url(//cdn2.hubspot.net/hub/298916/file-359699086-png/Images/header-search-icon-submit.png)!important;
                                                    background-repeat: no-repeat!important;
                                                    background-position: center center!important;
                                                    overflow: hidden;
                                                    text-indent: -999px;}

.widget-type-blog_subscribe form{margin:0px;}
.widget-type-blog_subscribe form .hs-form-field{clear:both;}
.widget-type-blog_subscribe form .hs-form-field label{font-size:14px;}
.widget-type-blog_subscribe form .hs_email label{display:block;margin:0px 0px 10px 0px;padding:2px 0 0 0px;min-height:20px; no-repeat 0px 1px transparent;font-size:14px;color:#000;text-decoration:none;}
.widget-type-blog_subscribe form .hs_email{width:100%;float:left;}
.widget-type-blog_subscribe form .hs_email input{width:100%;margin:0px 0px 10px 0px;padding:8px 2%;border:1px solid #e1e1e1;height:36px;background-color:#fafafa;font-size:14px;color:#777777;
                                                            box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -webkit-box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -moz-box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -o-box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -webkit-border-radius: 0px!important;
                                                            -moz-border-radius: 0px!important;
                                                            -o-border-radius: 0px!important;
                                                            border-radius: 0px!important;}
.widget-type-blog_subscribe form ul.inputs-list{padding-left:0;}
.widget-type-blog_subscribe form ul.inputs-list li{float:left;width:45%;margin-bottom:0px;}
.widget-type-blog_subscribe form ul.inputs-list li label{color:#777777;font-size:13px;}
.widget-type-blog_subscribe form .hs_submit{width:auto;float:left;margin-top:10px;}
.widget-type-blog_subscribe form .hs_submit input{padding:0px 15px !important;height:45px !important;line-height:45px !important;
                                                                                -webkit-border-radius: 0px!important;
                                                                                -moz-border-radius: 0px!important;
                                                                                -o-border-radius: 0px!important;
                                                                                border-radius: 0px!important;}

.widget-type-post_filter ul{margin-top:0px;margin-left:0px;list-style:none;padding:0 !important;}
.widget-type-post_filter ul>li{color:#909090;margin-bottom:0px;}
.widget-type-post_filter ul>li>a{color:#909090;text-decoration:none;font-size:13px;}
.widget-type-post_filter ul>li>a:hover,
.widget-type-post_filter ul>li>a:focus{color:#444;text-decoration:underline;}
.widget-type-post_filter .filter-expand-link{color:#555;font-size:13px;}

body[class*="hs-blog-name-"] .column-container .blog-rss-link {display: block;margin: 0 0 40px 0;padding: 2px 0 0 37px;min-height: 25px;font-size: 15px;color: #434343;text-decoration: none;
                                                background: url(//cdn2.hubspot.net/hub/298916/file-394568839-jpg/Images/rss-icon.jpg) no-repeat 0 1px transparent;}
body[class*="hs-blog-name-"] .column-container .blog-rss-link:hover,
body[class*="hs-blog-name-"] .column-container .blog-rss-link:focus{color: #000;text-decoration: underline;}

body[class*="hs-blog-name-"] .blog-section .post-listing-simple .post-item{margin-bottom: 1em;padding-bottom: 1em;border-bottom: 1px solid #e2e2e2;}
body[class*="hs-blog-name-"] .blog-section .post-header h1,
body[class*="hs-blog-name-"] .blog-section .post-header h3,
body[class*="hs-blog-name-"] .blog-section .post-listing-simple .post-item h3{font-family:'Montserrat', sans-serif!important;font-size:24px;color:#333;font-weight: normal;margin-bottom:.5em !important;font-weight:bold!important;}
body[class*="hs-blog-name-"] .blog-section .post-header h1 a,
body[class*="hs-blog-name-"] .blog-section .post-header h3 a,
body[class*="hs-blog-name-"] .blog-section .post-header h1 a.hubspot-editable,
body[class*="hs-blog-name-"] .blog-section .post-header h3 a.hubspot-editable,
body[class*="hs-blog-name-"] .blog-section .post-listing-simple .post-item h3 a{color:#333;font-size:24px;float:none;font-weight:normal!important;}
body[class*="hs-blog-name-"] .blog-section .post-header h3:after,
body[class*="hs-blog-name-"] .blog-section .post-header h1:after,
body[class*="hs-blog-name-"] .blog-section .post-listing-simple .post-item h3:after{content:"";height:0px;display:block;clear:both;}
body[class*="hs-blog-name-"] .blog-section .post-header .hs-author-avatar{float: left;margin-right:5px !important;height:30px;}
body[class*="hs-blog-name-"] .blog-section .post-header .hs-author-avatar .avatar-wrapper{height:30px;width:30px;overflow:hidden;display:table-cell;text-align:center;background-color:#f1f2f4;
                                                                                -webkit-border-radius: 50%!important;
                                                                                -moz-border-radius: 50%!important;
                                                                                -o-border-radius: 50%!important;
                                                                                border-radius: 50%!important;}
body[class*="hs-blog-name-"] .blog-section .post-header .hs-author-avatar .avatar-wrapper img{height:30px;width:30px;display:inline;vertical-align: middle;line-height: 30px;}
body[class*="hs-blog-name-"] .blog-section .post-header p{color:#666;float: left;margin-right:5px !important;line-height:30px !important;}
body[class*="hs-blog-name-"] .blog-section .post-header .hubspot-editable a{}
body[class*="hs-blog-name-"] .blog-section .post-header .hubspot-editable a:hover,
body[class*="hs-blog-name-"] .blog-section .post-header .hubspot-editable a:focus{}

body[class*="hs-blog-name-"] .blog-section .post-header .social-sharing-widget-horizontal{height:auto;clear:both;margin:20px 0;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;padding:10px 0 0px 0;}
body[class*="hs-blog-name-"] .blog-section .post-header .social-sharing-widget-horizontal .hs-blog-social-share-list{margin:0;}
body[class*="hs-blog-name-"] .blog-section .post-header .social-sharing-widget-horizontal .IN-widget{line-height:0!important;display:inline-flex!important;vertical-align:top!important;}
body[class*="hs-blog-name-"] .blog-section .post-header .social-sharing-widget-horizontal .hs-blog-social-share{height:auto;}
body[class*="hs-blog-name-"] .blog-section .post-header .social-sharing-widget-horizontal ul{margin:0px !important;padding:0px !important;height: auto !important;}
body[class*="hs-blog-name-"] .blog-section .post-header .social-sharing-widget-horizontal ul li{padding-right:20px;vertical-align:top !important;height: 20px !important;margin-bottom:10px;}
body[class*="hs-blog-name-"] .blog-section .post-header .social-sharing-widget-horizontal .email-share{display:none;}
body[class*="hs-blog-name-"] .blog-section .post-header .social-sharing-widget-horizontal ul li .email-share{display:inline-block;}
body[class*="hs-blog-name-"] .blog-section .post-header .hs-author-social-section{display:none;}
body[class*="hs-blog-name-"] .blog-section .post-body{clear:both;margin:30px auto 15px auto;}
body[class*="hs-blog-name-"] .blog-section .hs-featured-image-wrapper .hs-featured-image{float:right;margin: 0 0 20px 5%;max-width:45%;max-height:300px;width: auto;}

body[class*="hs-blog-name-"] .blog-section .more-link{color:#fff;display:inline-block;text-decoration:none;font-weight:normal;float:right;width:17%;background-color:#52abff;line-height:38px;text-align:center;}
body[class*="hs-blog-name-"] .blog-section .more-link:hover,
body[class*="hs-blog-name-"] .blog-section .more-link:focus{background-color:#2d5c88;text-decoration:none;}

body[class*="hs-blog-name-"] .blog-section #hubspot-topic_data{padding:6px !important;font-size:14px;background-color:#e8e8e8;margin-bottom:20px;font-weight:bold;}
body[class*="hs-blog-name-"] .blog-section #hubspot-topic_data a{font-size:14px;color:#434343;text-decoration:none;font-weight:normal;}
body[class*="hs-blog-name-"] .blog-section #hubspot-topic_data a:hover,
body[class*="hs-blog-name-"] .blog-section #hubspot-topic_data a:focus{text-decoration:underline;}

body[class*="hs-blog-name-"] .blog-section .post-listing #hubspot-topic_data{margin-right:17%;width:83%;}
body[class*="hs-blog-name-"] .blog-section .post-listing .post-item{border-bottom:0px solid #e1e1e1;padding-bottom:0px;margin-bottom:60px;}

body[class*="hs-content-path-blogauthor"] .blog-section .post-listing .post-item{margin-bottom:30px;}
body[class*="hs-content-path-blogauthor"] .blog-section .post-listing #hubspot-topic_data{margin-right:0%;width:100%;}
body[class*="hs-content-path-blogauthor"] .hs-author-name{font-weight: normal;margin-bottom:.6em;}
body[class*="hs-content-path-blogauthor"] .hs-author-listing-header{margin: 35px 0 20px 0!important;height: 20px;line-height: 20px !important;border-top: 1px solid #e1e1e1;padding: 19px 0 !important;}
body[class*="hs-content-path-blogauthor"] .blog-section #hubspot-topic_data{padding:1px 6px;}

body[class*="hs-blog-name-"] .blog-section .blog-pagination{text-align:center;}
body[class*="hs-blog-name-"] .blog-section .blog-pagination a{color:#1073bd;display:inline-block;text-decoration:none;line-height:20px;text-align:center;font-weight:bold;}
body[class*="hs-blog-name-"] .blog-section .blog-pagination a:hover,
body[class*="hs-blog-name-"] .blog-section .blog-pagination a:focus{color:#138de9;text-decoration:underline;}
body[class*="hs-blog-name-"] .blog-section .blog-pagination a.previous-posts-link{float:left;background:url(//cdn2.hubspot.net/hub/298916/file-399877135-png/Images/blog-next-prev-icon.png) no-repeat left center;padding-left:17px;}
body[class*="hs-blog-name-"] .blog-section .blog-pagination a.next-posts-link{float:right;background:url(//cdn2.hubspot.net/hub/298916/file-399877135-png/Images/blog-next-prev-icon.png) no-repeat right center;padding-right:17px;}
body[class*="hs-blog-name-"] .blog-section .blog-pagination a.all-posts-link{}




body[class*="hs-blog-name-"] #comments-listing{margin:0px;border: 0px solid #b1b1b1;padding: 0px;}
body[class*="hs-blog-name-"] #comments-listing h4.comments-counter{margin:0px;color:#3598db;font-size:24px;background-color:transparent;position: relative;top:15px;}
body[class*="hs-blog-name-"] #comments-listing h4.comments-counter:after{height:0px;}
body[class*="hs-blog-name-"] #comments-listing .first-to-comment{margin:20px 0px;color:#666;font-size:14px;font-weight:bold;}
body[class*="hs-blog-name-"] #comments-listing .comment{border-top:0px;border-right:0px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: 0;position: relative;padding: 10px;}
body[class*="hs-blog-name-"] #comments-listing .comment.depth-0{margin-top: 30px;}
body[class*="hs-blog-name-"] #comments-listing .comment.depth-1{margin-left:1.5em !important;}
body[class*="hs-blog-name-"] #comments-listing .comment.depth-2{margin-left:3em !important;}
body[class*="hs-blog-name-"] #comments-listing .comment.depth-3{margin-left:4.5em !important;}
body[class*="hs-blog-name-"] #comments-listing .comment.depth-4{margin-left:6em !important;}
body[class*="hs-blog-name-"] #comments-listing .comment.depth-5{margin-left:7.5em !important;}
body[class*="hs-blog-name-"] #comments-listing .comment.depth-6{margin-left:9em !important;}
body[class*="hs-blog-name-"] #comments-listing .comment.depth-7{margin-left:10.5em !important;}
body[class*="hs-blog-name-"] #comments-listing .comment.depth-8{margin-left:12em !important;}
body[class*="hs-blog-name-"] #comments-listing .comment.depth-9{margin-left:13.5em !important;}
body[class*="hs-blog-name-"] #comments-listing .comment .comment-from{margin-bottom:0px;}
body[class*="hs-blog-name-"] #comments-listing .comment .comment-from h4{font-size:18px;margin:0px !important;padding:0px !important;background-color:transparent;display:block;clear:both;}
body[class*="hs-blog-name-"] #comments-listing .comment .comment-from h4:after{height:0px !important;}
body[class*="hs-blog-name-"] #comments-listing .comment .comment-from a{color:#222222;}
body[class*="hs-blog-name-"] #comments-listing .comment .comment-date{font-size:12px;color:#919191;font-style:normal;display:block;margin-bottom:5px;white-space:nowrap;}
body[class*="hs-blog-name-"] #comments-listing .comment .comment-body{clear:both;}
body[class*="hs-blog-name-"] #comments-listing .comment .comment-body p{margin:0 0 10px 0 !important;}
body[class*="hs-blog-name-"] #comments-listing .comment .hs-button,
body[class*="hs-blog-name-"] #comments-listing .comment .hs-button.primary{font-weight:bold !important;padding: 0px 0px 0px 10px !important;color:#3598db !important;cursor:pointer !important;
                                                                        height:22px !important;line-height:16px !important;font-size:12px !important;
                                                                        background:url(//cdn2.hubspot.net/hub/298916/file-422300788-png/simplex_core_images/reply-icon-blue.png) transparent no-repeat 0px 8px !important;}
body[class*="hs-blog-name-"] #comments-listing .comment .hs-button em,
body[class*="hs-blog-name-"] #comments-listing .comment .hs-button.primary em{font-style:normal!important;font-weight:bold !important;}

body[class*="hs-blog-name-"] #comment-form{margin:40px 0px 0px 0px;}
body[class*="hs-blog-name-"] #comment-form>h4{margin:0px;color:#3598db;font-size:24px;background-color:transparent;}
body[class*="hs-blog-name-"] #comment-form>h4:after{height:20px;}
body[class*="hs-blog-name-"] #comment-form .hs-form-field{clear:both;margin:0;}
body[class*="hs-blog-name-"] #comment-form .hs-form-field label{float:left;width:14%;font-size:14px;color:#000000;display:inline-block;padding-top:10px;}
body[class*="hs-blog-name-"] #comment-form .hs-form-field .input{float:left;width:70%;}
body[class*="hs-blog-name-"] #comment-form .hs-form-field .input input[type="text"],
body[class*="hs-blog-name-"] #comment-form .hs-form-field .input textarea{margin:0px 0px 30px 0px;padding:5px 10px;border:1px solid #e1e1e1;height:30px;background-color:#fff;font-size:14px;
                                                            box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -webkit-box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -moz-box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -o-box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -webkit-border-radius: 0px !important; 
                                                            -moz-border-radius: 0px !important; 
                                                            -o-border-radius: 0px !important; 
                                                            border-radius: 0px !important;}
body[class*="hs-blog-name-"] #comment-form .hs-form-field .input textarea{height:120px;}
body[class*="hs-blog-name-"] #comment-form .hs-form-field #captcha_wrapper{margin-left:14%;}
body[class*="hs-blog-name-"] #comment-form .hs-form-field label[for="id_follow_up"]{width:100%;display:block;clear:both;margin:0px 0px 30px 20%;}
body[class*="hs-blog-name-"] #comment-form .hs_submit{width:85%;text-align:left;margin-left:14%;clear:both;margin-top:20px;}


body[class*="hs-blog-name-"] .hs-author-profile{display:table;width:100%;}
body[class*="hs-blog-name-"] .hs-author-name{margin-bottom: .4em !important;font-size:20px;}
body[class*="hs-blog-name-"] .hs-author-name a{color:#444;font-size:20px;}
body[class*="hs-blog-name-"] .hs-author-bio a[href*="http://academy"]{float:left;width:29%;margin:0 1.5%;display:block;}
body[class*="hs-blog-name-"] .hs-author-social-section{clear:both;}
body[class*="hs-blog-name-"] .hs-author-listing-header{clear:both;padding: 20px 0px 0px 0px;font-size:20px;font-weight:bold;background-color:transparent;display:block !important;}
body[class*="hs-blog-name-"] .hs-author-listing-header:after{height:0px !important;}


body[class*="hs-blog-name-"] .filter-posts-by-author ul{list-style:none;padding:0px;margin:20px 0px 0px 0px;}
body[class*="hs-blog-name-"] .filter-posts-by-author ul li{float:left;text-align:center;width:31%;margin:2% 1% 2% 1%;}
body[class*="hs-blog-name-"] .filter-posts-by-author ul li.newrow{clear:both;}
body[class*="hs-blog-name-"] .filter-posts-by-author ul li a{font-size:14px;display:block;padding:60px 0 0 0;background:url(//cdn2.hubspot.net/hub/298916/file-394575039-jpg/Images/profile-pic.jpg) no-repeat top center;}


body[class*="hs-blog-name-"] .hs-author-profile.author-page .hs-author-avatar{float:left;margin:0 15px 10px 0px;}
body[class*="hs-blog-name-"] .hs-author-profile.author-page .hs-author-avatar img{width:120px;height:120px;
                                                                                                                -webkit-border-radius: 50% !important; 
                                                                                                                -moz-border-radius: 50% !important; 
                                                                                                                -o-border-radius: 50% !important; 
                                                                                                                border-radius: 50% !important;}
body[class*="hs-blog-name-"] .hs-author-profile.author-page .hs-author-bio{margin-bottom:20px;}
body[class*="hs-blog-name-"] .hs-author-profile.author-page .hs-author-bio:after{content:"";display:block;height:1px;line-height:1px;clear:both;}

body[class*="hs-blog-name-"] .hs-author-profile.list-all{padding-bottom:20px;margin-bottom:20px;border-bottom: 1px solid #e1e1e1;}
body[class*="hs-blog-name-"] .hs-author-profile.list-all .hs-author-avatar{float:left;margin:0 15px 10px 0px;}
body[class*="hs-blog-name-"] .hs-author-profile.list-all .hs-author-avatar img{width:80px;height:80px;
                                                                                            -webkit-border-radius: 50% !important; 
                                                                                            -moz-border-radius: 50% !important; 
                                                                                            -o-border-radius: 50% !important; 
                                                                                            border-radius: 50% !important;}
body[class*="hs-blog-name-"] .hs-author-profile.list-all .hs-author-bio{margin-bottom:0px;}
body[class*="hs-blog-name-"] .hs-author-profile.list-all .hs-author-bio:after{content:"";display:block;height:1px;line-height:1px;clear:both;}

body[class*="hs-blog-name-"] .hs-author-profile.single-post{padding:20px;margin-bottom:20px;border-bottom: 1px solid #e1e1e1;background-color:#f9f9f9;}
body[class*="hs-blog-name-"] .hs-author-profile.single-post>label{display:block;font-weight:normal;margin-bottom:10px;font-size: 18px;color: #777;}
body[class*="hs-blog-name-"] .hs-author-profile.single-post a.author-title{color:#333;margin-bottom:0px !important;display:block;font-size:16px;font-weight: bold;}
body[class*="hs-blog-name-"] .hs-author-profile.single-post .hs-author-avatar{float:left;margin:0 15px 10px 0px;clear:both;}
body[class*="hs-blog-name-"] .hs-author-profile.single-post .hs-author-avatar img{width:60px;height:60px;
                                                                                            -webkit-border-radius: 50% !important; 
                                                                                            -moz-border-radius: 50% !important; 
                                                                                            -o-border-radius: 50% !important; 
                                                                                            border-radius: 50% !important;}
body[class*="hs-blog-name-"] .hs-author-profile.single-post .hs-author-bio{margin-bottom:0px;}
body[class*="hs-blog-name-"] .hs-author-profile.single-post .hs-author-bio:after{content:"";display:block;height:1px;line-height:1px;clear:both;}



.widget-type-form{background-color: #ecf0f1;margin-top: 10px;}
.widget-type-form .cell-wrapper{margin-bottom:0px;}
.widget-type-form h3.form-title{font-size: 24px;font-weight: normal;line-height: 1.4;padding: 16px 15px;background-color: #014e84;color: #fff;margin:0 !important;}
.widget-type-form form{padding: 35px 20px 20px 20px;}
.widget-type-form form .hs_submit{text-align: center;}
.widget-type-form form .hs-button{margin-top: 20px!important;background-color:#325c96 !important;}
.widget-type-form form .hs-button:hover,
.widget-type-form form .hs-button:focus{background-color:#103160 !important;}
.widget-type-form form .hs-form-field{float: left;width: 100%;margin-bottom: 10px;}
.widget-type-form form label{font-weight: normal;position: relative;z-index: 999;font-size: 15px;padding: 0;display: block;}
.widget-type-form form div.input{position: relative;overflow: hidden;}
.widget-type-form form div.input textarea,
.widget-type-form form div.input input[type="text"],
.widget-type-form form div.input input[type="email"],
.widget-type-form form div.input input[type="number"], 
.widget-type-form form div.input input[type="tel"] /*Added by Rahmona Henry at HubSpot July 24th 2018 to ensure that the border on the telephone field has the same colour and width as all other input fields*/{
                                                            background: #fff;
                                                            color: #333;
                                                            font-size: 14px;
                                                            border-radius: 0;
                                                            border: 0;
                                                            box-shadow: none;
                                                            height: 34px;
                                                            line-height: 34px;
                                                            padding: 0 2%;
                                                            margin:0;
                                                            width: 100%;
                                                            border: 1px solid #8cabd3;
                                                            box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -webkit-box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -moz-box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -o-box-shadow: 0px 0px 0px #e0e0e0 !important;
                                                            -webkit-border-radius: 0px !important; 
                                                            -moz-border-radius: 0px !important; 
                                                            -o-border-radius: 0px !important; 
                                                            border-radius: 0px !important;}
.widget-type-form form div.input textarea{height: 120px;line-height: 1.2;}
.widget-type-form form div.input select{
                                            background: #fff;
                                            color: #333;
                                            font-size: 14px;
                                            border-radius: 0;
                                            border: 0;
                                            box-shadow: none;
                                            height: 34px;
                                            line-height: 34px;
                                            padding: 8px;
                                            width: 100%;
                                            border: 1px solid #8cabd3;}
                                            
.microcopy{visibility:hidden!important;height:0px;overflow:hidden;min-height: 0 !important;}
.widget-type-form .microcopy{visibility:visible!important;height:auto;margin-top:20px;font-style:italic;color:#666;line-height:1.3;text-align:center;}
                                                                                
.testimonials-list.symetric-list .testimonial-item.reversed .widget-type-linked_image{float:right;padding-right: 0% !important;padding-left: 2.127659574% !important;}
.testimonials-list.symetric-list .testimonial-item.reversed .widget-type-rich_text{padding-left: 0% !important;padding-right: 2.127659574% !important;}


.footer-container-wrapper{background-color: #173255; color:#fff;}

/*.hs-landing-page .footer-container-wrapper .footer-bottom {background-color: #ffffff;}*/ /*HUBSPOT SUPPORT 16/12/2015*/
/*.hs-landing-page .footer-container-wrapper {background-color: #ffffff;}*/ /*HUBSPOT SUPPORT 15/12/2015*/
/*.hs-landing-page  span.hs-footer-company-copyright {color:#173154;}*/ /*HUBSPOT SUPPORT 16/12/2015*/


.hs-landing-page .row-fluid-wrapper.row-depth-1.row-number-1 {background-color: #ffffff;} /*HUBSPOT SUPPORT 16/12/2015*/

.footer-container-wrapper .container-fluid{width:100%;max-width: 100%;}

.footer-container-wrapper .footer-top{margin:0px auto;padding:40px 0px 10px 0px;}
.footer-container-wrapper .footer-top *{color: #eee;font-size: 13px;}
.footer-container-wrapper .footer-top .footer-top-column{padding-bottom:20px !important;}
.footer-container-wrapper .footer-top .cell-wrapper{margin-bottom: 0px;}
.footer-container-wrapper .footer-top h3{color: #fff !important;font-weight:normal !important;text-transform:uppercase !important;letter-spacing:1px;font-size: 13px !important;position:relative;margin:0 !important;padding:0 !important; text-align:left;}
.footer-container-wrapper .footer-top .widget-type-post_filter h3{display:none;}
.footer-container-wrapper .footer-top .widget-type-post_filter ul{list-style:none;padding:0px;margin:5px 0px 0px 0px;}
.footer-container-wrapper .footer-top .widget-type-post_filter ul li{float: left;padding:0px;margin:0px;}
.footer-container-wrapper .footer-top .widget-type-post_filter ul li a{font-size: 12px !important;
                                                                                padding: 2px 8px;
                                                                                margin: 0 5px 5px 0;
                                                                                display: block;
                                                                                border:1px solid #444444;
                                                                                text-decoration: none;}
.footer-container-wrapper .footer-top .widget-type-post_filter ul li a:hover,
.footer-container-wrapper .footer-top .widget-type-post_filter ul li a:focus{text-decoration: underline;}

.footer-container-wrapper .footer-bottom{background-color:#173255;border-top:1px solid #fff;text-align:center;}
.footer-container-wrapper .footer-bottom .cell-wrapper{margin-bottom: 0px;padding: 12px 0;font-size:12px;color:#eee;}

.footer-container-wrapper .widget-type-follow_me{margin-top:10px;}

.footer-container-wrapper .hs-menu-wrapper>ul {list-style: none;padding: 0;margin: 0 0 0 0px!important;overflow:hidden;}
.footer-container-wrapper .hs-menu-wrapper>ul>li {padding: 0 0 5px 1px;position: relative;margin: 0;line-height: 18px;color: #ecf0f1;clear: both;}
.footer-container-wrapper .hs-menu-wrapper>ul>li.last {margin-right: 0;}
.footer-container-wrapper .hs-menu-wrapper>ul>li>a {color: #eee;font-size: 13px;padding: 0;font-weight: normal;text-decoration: none;display: inline;
                                                                    background: url(none) transparent;box-shadow: 0 0 #fff inset;}
.footer-container-wrapper .hs-menu-wrapper>ul>li>a:hover {color: #bbb;background: url(none) transparent;box-shadow: 0 0 #fff inset;text-decoration: underline;}
.footer-container-wrapper .hs-menu-wrapper>ul>ul>li.active-branch>a,
.footer-container-wrapper .hs-menu-wrapper>ul>li.active-branch>a:hover,
.footer-container-wrapper .hs-menu-wrapper>ul>li.active-branch>a:focus {color: #bbb;background: url(none) transparent;box-shadow: 0 0 #fff inset;}
.footer-container-wrapper .hs-menu-wrapper>ul>li>ul {padding: 10px 0;list-style: none;margin: 0 0px 0px 14px;display: block !important;visibility: visible !important;position: static !important;opacity: 1 !important;}
.footer-container-wrapper .hs-menu-wrapper>ul>li>ul>li {margin: 0;padding: 0 0 5px 0;text-align: left;line-height: 14px;}
.footer-container-wrapper .hs-menu-wrapper>ul>li>ul>li>a {color: #bababa;text-decoration: none;font-size: 12px;cursor: pointer;line-height: 16px;padding: 0;background: transparent;}
.footer-container-wrapper .hs-menu-wrapper>ul>li>ul>li:hover>a {color: #aaa;text-decoration: underline;}


    /* Header Main Menu */
    .mobile-menu{display:none;width:100% !important;position:absolute;background-color:#fff;top:0px;left:0px;overflow-x:hidden;overflow-y:auto;z-index:99999999;}
    .mobile-menu i.close-menu{width:30px;height:30px;float:right;margin:0;position:relative;top:15px;right:15px;background:url(//cdn2.hubspot.net/hub/298916/file-394561229-png/Images/close-mobile-menu.png) center center no-repeat #808080;
                    -webkit-border-radius: 30px!important;
                    -moz-border-radius: 30px!important;
                    -o-border-radius: 30px!important;
                    border-radius: 30px!important;}
    .mobile-menu i.close-menu:hover,
    .mobile-menu i.close-menu:active,
    .mobile-menu i.close-menu:focus{background:url(//cdn2.hubspot.net/hub/298916/file-394561229-png/Images/close-mobile-menu.png) center center no-repeat #52abff;}
    .mobile-menu>ul{clear:both;list-style:none;padding:16px 0 0 0;margin:0px;float:none !important;}
    .mobile-menu>ul>li{padding:0px;position:static;margin:0px;background:none transparent;height:auto;vertical-align:middle;text-align:left;float:none !important;width: 100%;border:0px !important;}
    .mobile-menu>ul>li:first-child{display:block;}
    .mobile-menu>ul>li.last{background:url(none) transparent;}
    .mobile-menu>ul>li>a{display: block;color:#000;font-size:15px;line-height:18px;height:auto;padding:7px 1% 6px 2%;height:auto;font-weight:normal;text-decoration:none;vertical-align:middle;text-align:left;
                                                                    font-weight:normal !important;margin: 0px;width:100% !important;max-width:100% !important;white-space: normal;border:0px !important;border-bottom:1px solid #f0f0f0 !important;}
    
    .mobile-menu>ul>li>a:hover{color:#2d5c88;}
    .mobile-menu>ul>li.active-branch>a,
    .mobile-menu>ul>li.active-branch>a:hover,
    .mobile-menu>ul>li.active-branch>a:focus{color:#2d5c88;}
    /* Superfish Menu */
    .mobile-menu>ul>li>ul{padding: 0px 0px 0px 0px;margin:0px;list-style:none;z-index:999;position:static !important;display:block !important;visibility:visible !important;opacity:1 !important;width:100% !important;float: none !important;
                                box-shadow: 0px 0px 0px #fff;
                                -webkit-box-shadow: 0px 0px 0px #fff;
                                -moz-box-shadow: 0px 0px 0px #fff;
                                -o-box-shadow: 0px 0px 0px #fff;}
    .mobile-menu>ul>li>ul>li{margin:0px;padding:0px;display:block;width:100% !important;position:static;text-align:left;border:0px !important;}
    .mobile-menu>ul>li>ul>li:hover,
    .mobile-menu>ul>li>ul>li.sfHover {display: block;}
    .mobile-menu>ul>li>ul>li>a{width:100% !important;max-width:100% !important;color:#000;display:block;background-color:#fff !important;text-decoration: none;font-size:14px;line-height:17px;height:auto;
                                font-weight:normal;cursor: pointer;line-height:18px;padding:7px 1% 6px 4%;border:0px !important;border-bottom:1px solid #f0f0f0 !important;}
    .mobile-menu>ul>li>ul>li:hover>a {color:#2d5c88;text-decoration: none;background-color:#fff;width:100% !important;max-width:100% !important;}
    .mobile-menu>ul>li>ul>li.active-branch>a {color:#2d5c88;text-decoration: none;background-color:#fff;}
    .mobile-menu>ul>li>ul>li:hover>ul{width:100% !important;}
    .mobile-menu>ul>li>ul>li>ul{width:100% !important;padding: 0px;margin:0px;list-style:none;position:static !important;display:block !important;visibility:visible !important;opacity:1 !important;float: none !important;
                                box-shadow: 0px 0px 0px #fff;
                                -webkit-box-shadow: 0px 0px 0px #fff;
                                -moz-box-shadow: 0px 0px 0px #fff;
                                -o-box-shadow: 0px 0px 0px #fff;}
    .mobile-menu>ul>li>ul>li>ul>li{margin:0px;padding:0px;display:block;width:100% !important;position:static;text-align:left;border:0px !important;}
    .mobile-menu>ul>li>ul>li>ul>li:hover,
    .mobile-menu>ul>li>ul>li>ul>li.sfHover {display: block;width:100% !important;}
    .mobile-menu>ul>li>ul>li>ul>li>a {width:100% !important;max-width:100% !important;color:#000;display:block;background-color:#fff;text-decoration: none;font-size:13px;line-height:16px;height:auto;
                                        font-weight:normal;cursor: pointer;line-height:18px;padding: 7px 1% 6px 6%;border:0px !important;border-bottom:1px solid #f0f0f0 !important;cursor:pointer;}
    .mobile-menu>ul>li>ul>li>ul>li:hover>a {color:#2d5c88;text-decoration: none;background-color:#fff;width:100% !important;max-width:93% !important;}
    .mobile-menu>ul>li>ul>li>ul>li.active-branch>a {color:#2d5c88;text-decoration: none;background-color:#fff;}
    
    
    .mobile-menu>ul>li>ul>li.active-branch>a,
    .mobile-menu>ul>li>ul>li.active-branch>a:hover,
    .mobile-menu>ul>li>ul>li.hs-item-has-children:hover>a,
    .mobile-menu>ul>li>ul>li.hs-item-has-children>a,
    .mobile-menu>ul>li>ul>li.hs-item-has-children:hover>a,
    .mobile-menu>ul>li>ul>li.hs-item-has-children.active-branch>a,
    .mobile-menu>ul>li>ul>li.hs-item-has-children.active-branch:hover>a{background-image:none !important;background-color:#fff !important;}
    /* Superfish Menu */
    /* End Header Main Menu */
    
    
.header-container-wrapper .hs-menu-wrapper>ul.landscape>li.menu-trigger{display:none !important;}
.header-container-wrapper .hs-menu-wrapper>ul.landscape{display:table-row !important;}
.header-container-wrapper .hs-menu-wrapper>ul.landscape>li{padding: 0 6px;display:table-cell!important;}
.header-container-wrapper .hs-menu-wrapper>ul.landscape li a{font-size:11px !important;}


@media (max-width: 1150px){
    .body-container-wrapper .row-fluid [class*="span"].page-breadcrumb{padding:0 1% !important;}
    .body-container-wrapper .container-fluid .content-wrapper.width1000{max-width: 100% !important;}
    .body-container-wrapper .container-fluid .content-wrapper.width800{max-width: 100% !important;}
}

@media(min-width:850px) and (max-width:1150px) {
    .header-container-wrapper .hs-menu-wrapper>ul>li{padding: 0 6px;}
    .header-container-wrapper .hs-menu-wrapper>ul>li>a{font-size:12px;}
}
@media(min-width:768px) and (max-width:1150px) {

    .column-container.left-panel{padding-right:20px !important;}
    .column-container.right-panel{padding-left:20px !important;}
        
    .column-container.left-panel .hs-menu-wrapper>ul>li>a{padding:10px 20px 10px 10px;}
    .column-container.left-panel .hs-menu-wrapper>ul>li>ul>li>a {padding: 10px 30px 10px 0;}
    .column-container.right-panel .hs-menu-wrapper>ul>li>a{padding:10px 10px 10px 20px;right:20px;}
    .column-container.right-panel .hs-menu-wrapper>ul>li>ul>li>a{padding:10px 0 10px 30px;right: 20px;}
    
    body[class*="hs-blog-name-"] .body-container-wrapper .row-fluid [class*="span"].main-panel,
    body[class*="hs-blog-name-"] .body-container-wrapper .row-fluid [class*="span"].column-container{padding-left: 50px !important;padding-right: 50px !important;}
    body[class*="hs-blog-name-"] .body-container-wrapper .container-fluid .content-wrapper{max-width:100%;}
}
@media (max-width:1150px){

    body[class*="hs-blog-name-"] .blog-title-description .blog-title,
    body[class*="hs-blog-name-"] .blog-title-description .blog-title a{font-size:24px;}
    body[class*="hs-blog-name-"] .blog-title-description .blog-description,
    body[class*="hs-blog-name-"] .blog-title-description .blog-description a{font-size:17px;}
    body[class*="hs-blog-name-"] .blog-section .post-header .social-sharing-widget table td{min-width:90px !important;vertical-align:top !important;display:inline-block;}
}

@media(max-width:1166px) {    
    .main-banner .banner-description{max-width:100%;}    
    body[class*="hs-blog-name-"] .blog-section .more-link{width:auto;padding:0 15px;float:right;line-height:30px;margin-bottom:10px;}
    body[class*="hs-blog-name-"] .blog-section .post-listing #hubspot-topic_data{clear:both;margin-right:0%;width:100%;}
}

@media (min-width: 850px) {
    .header-container-wrapper .widget-type-logo{width:18%;}
    .header-container-wrapper .header-right-content{width:79%;float:right;}
}
@media (width: 980px) {
    .header-container-wrapper{height:78px;}
    .body-container-wrapper {padding-top: 78px;}
    .header-container-wrapper #hs-link-logo,
    .header-container-wrapper .hs_cos_wrapper_type_logo a{height: 50px;line-height: 50px;}
    .header-container-wrapper .hs-menu-wrapper>ul>li{line-height: 50px;} /* I added 2px more for it. it was 48px and now is 50px */
    .header-container-wrapper #hs-link-logo, .header-container-wrapper .hs_cos_wrapper_type_logo a{line-height: 90px; height: 80px;}/* new class added for 980px 15-12-16 - and I added a height for it */
    .header-container-wrapper.scroll-resize #hs-link-logo, .header-container-wrapper.scroll-resize .hs_cos_wrapper_type_logo a{line-height: 90px; height: 80px;}
    .header-container-wrapper.scroll-resize{height: 78px;}
    .header-container-wrapper.scroll-resize .hs-menu-wrapper>ul>li{line-height: 50px !important;}/* new class added for 980px - 15-12-16 */
    .header-container-wrapper .container-fluid .content-wrapper{height:50px;min-height:50px;}
    .header-container-wrapper .container-fluid .content-wrapper:after{content:'';display:block;width:100%;clear:both;}
}
/* I took @media only screen and (max-width: 980px) from the code and just left width:980px as the doc in google drive - 16-12-16 */
@media (max-width: 850px){
    .header-container-wrapper .hs-menu-wrapper>ul>li{display:none; line-height: 48px; /* The line-height was inserted at 7th March */} 
    .header-container-wrapper.scroll-resize .hs-menu-wrapper>ul>li{line-height: 48px;}
    .header-container-wrapper .hs-menu-wrapper>ul>li.menu-trigger,
    .header-container-wrapper .hs-menu-wrapper>ul>li.search-trigger{display:table-cell;} /* Comments surrounding this removed HUBSPOT SUPPORT - 07/01/2016*/
    .mobile-menu{display:none;}
}

@media (max-width: 767px){
    .header-container-wrapper{position:relative;background-color: #fff;height: auto;}
    .header-container-wrapper:after{content:'';display:block;width:100%;clear:both;}
    .body-container-wrapper {padding-top: 0px;clear:both;}
    .header-container-wrapper .header-top *{text-align:center !important;}
    [class*="span"],
    .body-container-wrapper .row-fluid [class*="span"] {float: none !important;padding-left:0px;padding-right:0;}
    .header-container-wrapper .widget-type-logo{width: 46.928176794% !important;float:left !important;}
    .header-container-wrapper .header-main-menu{width: 50.30939226% !important;margin-left: 2.762430939% !important;float:right !important;}
    
    .header-container-wrapper .container-fluid .content-wrapper,
    .body-container-wrapper .container-fluid .content-wrapper,
    .footer-container-wrapper .container-fluid .content-wrapper{width:428px !important;}
    .body-container-wrapper .row-fluid [class*="span"].page-breadcrumb{min-height:18px !important;padding:2px 0px !important;}
    .page-breadcrumb>div{padding:0;max-width:428px;}
    .page-breadcrumb *{line-height:18px;min-height:18px !important;}
    .page-title-block>div{max-width:428px;}
    .main-banner .banner-description{max-width:428px;margin: 0 auto !important;}
    .main-banner .banner-description h1,
    .main-banner .banner-description h2,
    .main-banner .banner-description ul{display:block;}
    .header-container-wrapper .google-search>div{width:300px;}
    
    .column-container,
    .main-panel{padding-left:0 !important;padding-right:0 !important;}
    
    
    .main-panel{border:0px !important;padding-bottom:0 !important;}
    .column-container.left-panel{display:none !important;padding-bottom:0 !important;}
    .column-container.right-panel{padding-top:0 !important;}
    .column-container{width:100% !important;padding-left:0 !important;}
        
    .landing-page .column-container.left-panel{display:block !important;}
    
    .body-container-wrapper .main-banner{background-image:none !important;}
    .body-container-wrapper .main-banner .banner-description>div{margin:20px 0;padding:0px;width: 100%;}
    
    body[class*="hs-blog-name-"] .main-panel{width:100%;border:0px !important;padding:0px;}
    body[class*="hs-blog-name-"] .main-panel>div{margin-right:0 !important;}
    body[class*="hs-blog-name-"] .column-container{border:0px;padding:0px;border:0px;}
    body[class*="hs-blog-name-"] .widget-type-header{display:table;width:100%;}
    body[class*="hs-blog-name-"] .widget-type-header h1{margin:20px auto !important;font-size:35px;}
    
    
    body[class*="hs-blog-name-"] .blog-section .post-header .social-sharing-widget table td{min-width:90px !important;vertical-align:top !important;display:inline-block;}
    body[class*="hs-blog-name-"] #comment-form .hs-form-field label{float:none;width:100%;}
    body[class*="hs-blog-name-"] #comment-form .hs-form-field .input{float:none;width:100%;overflow: hidden;}
    body[class*="hs-blog-name-"] #comment-form .hs-form-field #captcha_wrapper{margin-left:0%;}
    body[class*="hs-blog-name-"] #comment-form .hs-form-field label[for="id_follow_up"]{margin-left:0%;}
    body[class*="hs-blog-name-"] #comment-form .hs_submit{width:100%;margin-left:0%;}
    body[class*="hs-blog-name-"] #comment-form .hs-form-field #captcha_wrapper{zoom:0.85;}
    
    body[class*="hs-blog-name-"] .blog-section .post-header .social-sharing-widget ul{height: auto !important;}
    
    .main-banner{margin-bottom:45px;}
    .widget-type-space.double-space .cell-wrapper{margin-bottom: 45px;}
    .widget-type-space.line-separator .cell-wrapper,
    .widget-type-space.shadow-separator .cell-wrapper{margin-bottom: 45px;}
    .widget-type-space.line-separator .cell-wrapper{height:25px;}
    .widget-type-space.shadow-separator .cell-wrapper{height:25px;}
    .gray-bg>div{padding:15px 20px!important;}
    .gray-bg-fullwidth>div{padding:15px 0px !important;}
    .gray-bg-fullwidth.medium-padding>div{padding:25px 0px !important;}
    .gray-bg-fullwidth.large-padding>div{padding:45px 0px !important;}
}

@media (width:600px){
    .header-container-wrapper{
    height: 95px;
    }    
}

@media (max-width: 568px){
    .header-container-wrapper .header-main-menu li{width:auto;}
    
    .hs-content-id-3995153984 iframe.wistia_embed{ height:154px !important; } /* HUBSPOT SUPPORT - added to remove blacka round video on lp - https://app.hubspot.com/content/219329/edit-beta/3995153984?__hstc=20305191.93cb9f38594e69703c3c58a478635ab2.1459847720698.1460108484243.1460367446285.6&__hssc=20305191.2.1460367446285&__hsfp=3226143676 */
}

@media (max-width: 480px){
    .header-container-wrapper{height: 95px;}/* New class - 15-12-16 */
    .header-container-wrapper .hs-menu-wrapper>ul >li{line-height: 85px;}/* New class - 15-12-16 */
    .header-container-wrapper.scroll-resize .hs-menu-wrapper>ul>li {line-height: 85px;}/* New class - 14-02-17 */
    .header-container-wrapper.scroll-resize {height: 95px;}/* New class - 14-02-17 */
    .header-container-wrapper .container-fluid .content-wrapper,
    .body-container-wrapper .container-fluid .content-wrapper,
    .footer-container-wrapper .container-fluid .content-wrapper{width:268px !important;}
    .page-breadcrumb>div{padding:0;max-width:268px;}
    .page-title-block>div{max-width:268px;}
    .header-container-wrapper .google-search>div{width:280px;}
    .main-banner .banner-description{max-width:280px;margin: 0 auto !important;}
    
    body[class*="hs-blog-name-"] .blog-section .hs-featured-image-wrapper{text-align:center;}
    body[class*="hs-blog-name-"] .blog-section .hs-featured-image-wrapper .hs-featured-image{float:none;margin: 0 0 20px 0;max-width:100%;max-height:130px;width: auto;}
    
    .header-container-wrapper .hs-menu-wrapper>ul>li {
        padding: 0px 0px 0px !important; /* HUBSPOT SUPPORT - 25/01/2016 */
    }
}

/* HUBSPOT SUPPORT - 26-02-2015 - To remove the padding on the left of the form of the LP - http://www.transpoco.com/synx-fleet-management-policy-manual-thank-you*/
.hs-content-id-3508856106 .span6.widget-span.widget-type-form {
    padding-left: 0;
}

/* HUBSPOT SUPPORT - 21-03-2015 - To remove the padding on the left of the form of the LP - https://app.hubspot.com/content/219329/edit-beta/3939115539*/
.hs-content-id-3939115539 .span6.widget-span.widget-type-form {
    padding-left: 0;
}

/* Mariana - 4th April - 04-04-2016 - to remove the padding on the left of the form of the LP - https://app.hubspot.com/content/219329/edit-beta/3988769479  */

/*.hs-content-id-3863424789 img.hs-image-widget{
    height:91px !important;
    line-height:91px !important;    
}*/

@media (max-width: 1150px){
    .body-container-wrapper .row-fluid [class*="span"].page-breadcrumb{padding:0 1% !important;}
    .body-container-wrapper .container-fluid .content-wrapper.width1000{max-width: 100% !important;}
    .body-container-wrapper .container-fluid .content-wrapper.width800{max-width: 100% !important;}
}

/* HUBSPOT SUPPORT - 1st July 2016 - To put the radio option on the same line on LP - https://app.hubspot.com/content/219329/edit-beta/4374773370 */

.hs-content-id-4374773370 ul.inputs-list.multi-container{
    display: inline-flex;
}

.hs-content-id-4374773370 label.hs-form-radio-display{
    padding-right: 40px;
}

.hs-content-id-4408804405 .hs-form fieldset.form-columns-1 .hs-input {   /* HUBSPOT SUPPORT - Change width and border color of form fields on LP - https://app.hubspot.com/content/219329/edit-beta/4408804405 */ 
    width: 100%;
    border-top-color: rgb(140, 171, 211);
    border-bottom-color: rgb(140, 171, 211);
    border-left-color: rgb(140, 171, 211);
    border-right-color: rgb(140, 171, 211);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

.hs_request_demo_quote.field.hs-form-field.smart-field{ /* HUBSPOT SUPPORT - Put option and lable of radio button on same line in form on LP - https://app.hubspot.com/content/219329/edit-beta/4374773370 */
    display: flex;
}

@-moz-document url-prefix() { 
  .hs-rss-item {
     padding-top: 5px !important;
  }
  
}
/* New media - width 320px - 15-12-16 */
@media (width:320px){
    
.header-container-wrapper {
    height: 95px;
    }
    
.header-container-wrapper .hs-menu-wrapper>ul >li {
    line-height: 80px;
    }
    
.header-container-wrapper.scroll-resize .hs-menu-wrapper>ul>li {line-height: 80px;}/* New class - 14-02-17 */
.header-container-wrapper.scroll-resize {height: 95px;}/* New class - 14-02-17 */    
    
}