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

@import url(http://fonts.googleapis.com/css?family=Signika:400,300,600,700);
@import url('https://fonts.googleapis.com/css?family=Roboto');

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
    *zoom: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Clearfix */

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

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

/* Responsive Visibilty Classes */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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


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

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

body {
    color: #747474;
    font-family: 'Signika', sans-serif;
    margin: 0;
    font-size: 15px;
    font-weight: 300;
}

a {
    color: #1566A7;
    -moz-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
    text-decoration: underline;
}

a:hover {
    color: #3f3f3f;
}

a:focus {}

img {}

.img-framed img {
    width: 100% !important;
    height: 250px;
}

.img-framed {
    display: inline-block;
    position: relative;
}

.img-framed:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    box-shadow: inset 0 0 0 4px rgba(0,0,0,0.1);
    content: " ";
}


/* ------ Typography ------ */
/* Basic text */
p {
    line-height: 175%;
    -webkit-margin-before: 0;
}

p a { 
    color: #1566A7;
    text-decoration: underline;
}
small {}
strong {}
em {}
cite {}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #3f3f3f;
}

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

h1 {
    font-weight: 400;
}

h2 {
    color: #3f3f3f;
    font: 300 24px "Signika",sans-serif;
    margin: 0 0 0;
}

.home h2 {
    color: #3f3f3f;
    font: 300 24px "Signika",sans-serif;
    margin: 0 0 1.5em;
    border-bottom: 1px solid #dfdfdf;
}

.home span h2:first-child {
    display: inline-block;
    margin-bottom: -1px;
    padding: 10px 0;
    border-bottom: 2px solid #0e5daa;
}
h3 {
    font-weight: 400;
}

.homepage h3:first-child {
    display: inline-block;
    margin-bottom: -1px;
    padding: 10px 0;
    width: 100%;
}

h4 {}
h5 {}
h6 {}

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

.hs_cos_wrapper_type_form ul {
    list-style: none;
}

li {}

ul.unstyled, ol.unstyled {}

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

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

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

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

/* Address */
address {}


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

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

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

.header-container {
    position: relative;
    z-index: 50;
    background: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
}

section.top {
    position: relative;
    z-index: 20;
    min-height: 30px;
    margin: 0;
    box-shadow: inset 0 -2px 2px rgba(0,0,0,0.05);
    background: #747474;
    color: #fff;
    text-align: right;
}

section.top p {
    float: left;
    margin: 0;
    padding: 0;
    line-height: 30px;
    font-size: 11px;
}

section.top nav {
    display: inline-block;
}

section.top nav>ul {
    height: 30px;
    margin: 0;
    list-style: none;
    text-align: left;
}

section.top nav>ul>li {
    float: left;
    position: relative;
    margin: 0;
}

.header .top nav>ul>li>ul {
    width: 140px;
    font-size: 1.091em;
}

section.top nav>ul>li>a {
    display: inline-block;
    height: 30px;
    padding: 0 10px;
    color: #fff;
    line-height: 30px;
    font-size: 11px;
}

.header nav a {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.body-container {}

/* ----- Homepage Banner -----*/

.banner {
    padding: 25px 0 0px;
    background-size: 6px 8px;
    background-image: url('//cdn2.hubspot.net/hub/10240/file-529897479-png/theme/bannerpattern.png');
    background-color: #ebebeb;
}

.banner .widget-type-linked_image {
    padding-top: 50px;
}

.banner ul {
    color: #000;
    padding: 5px;
}

.banner li {
    padding-top: 10px;
}

.banner-form {
    background-image: url('//cdn2.hubspot.net/hub/10240/file-536977467-png/theme/footer.png');
    background-size: 6px 8px;
    z-index: 20;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    color: #fff;
    width: 300px !important;
    margin-top: 43px;
}

.banner h2 {
    color: #3f3f3f;
    margin: 0;
    font: 300 24px "Signika",sans-serif;
    border-bottom: none;
}

.banner-form h3 {
    margin: 0;
    margin-bottom: 20px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}

.banner-form .field label {
    font-size: 14px;
    color: #fff;
}

.banner-form .inputs-list {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0px;
    list-style-type: none;
    margin-top: -10px;
}

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

/* ------ MENU ------ */
.menu-trigger { display: none }

#menu-mobile { display: none }

/* ------ Punch Text ------ */

.punch-text {
    background-color: #0e5daa;
    overflow: auto;
    padding-top: 5px;
    padding-bottom: 15px;
    position: relative;
    z-index: 10;
    margin-bottom: 25px;
}

.punch-text h2 {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
}

.hs_cos_flex-slider {
    margin: 0 0 20px;
}

/* ----- Testimonials -----*/
.bx-wrapper .testimonials-thumbnail{ margin: 0px 0px 15px; }
.bx-wrapper .testimonials-title{ text-align: center;  margin: 25px 15px 3px; font-size: 24px; line-height: 1; }
.bx-wrapper .testimonials-carousel-thumbnail{ max-width: 35%; float: left; margin-right: 20px; }
.bx-wrapper .testimonials-carousel-thumbnail img{ display: block;   margin-right: 20px;width: 100px;}
.bx-wrapper .testimonials-carousel-context{ overflow: hidden; }
.bx-wrapper .testimonials-name{ font-size: 18px; margin-bottom: 15px; color:#ffffff; font-weight:400;}
.bx-wrapper span{ font-size: 11px; margin-left:10px; color:#aaa; font-family: Georgia, Arial, Helvetica, sans-serif; font-style:italic; }
.bx-wrapper {position: relative;margin: 30px auto;padding: 0;width:100%;*zoom: 1;}
.bx-wrapper .slide {padding:0;margin:0;display: block;}
.bx-wrapper .bx-viewport {padding:10px;margin-left:0;z-index:1;width:100%;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;display:none;bottom: -30px;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(//cdn2.hubspot.net/hub/10240/file-540894817-gif/theme/testimonials/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-next {position: absolute;top: 0;right: 0;width: 30px;border-left:1px solid #ddd;height: 30px;cursor: pointer;background: #0D5CA9 url(//cdn2.hubspot.net/hub/10240/file-541018622-png/theme/testimonials/caousel-next.png) no-repeat 0 0 ;}
.bx-wrapper .bx-prev {position: absolute;top: 0px;right: 30px;border-right:1px solid #ddd;width: 30px;height: 30px;cursor: pointer;background: #0D5CA9 url(//cdn2.hubspot.net/hub/10240/file-537562068-png/theme/testimonials/caousel-prev.png) no-repeat 0 0 ;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 0;margin-top: 0;margin-right: 0px;outline: 0;width: 30px;height: 30px;text-indent: -9999px;z-index: 20;}


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


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

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


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

.page-subhead {
    background-size: 6px 8px;
    background-image: url('//cdn2.hubspot.net/hub/10240/file-529897479-png/theme/bannerpattern.png');
    background-color: #ebebeb;
    margin-bottom: 50px;
}

.page-subhead h1 {
    font-weight: 700;
    font-size: 36px;
}

/* ----- Landing Page -----*/

.landing-page .section-header h1 {
    font-weight: 700;
    font-size: 22px;
}

.landing-page .secondary-header {
    font-weight: 400;
    font-size: 19px;
}

.landing-page .form {
    padding-top: 50px;
}

.landing-page li {
    padding-bottom: 20px;
}

.landing-page h3 {
    margin: 0;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 600;

}

.landing-page .field label {
    font-size: 14px;
}

.landing-page .inputs-list {
    -webkit-margin-after: 0;
    -webkit-padding-start: 0px;
    list-style-type: none;
}

.landing-page .inputs-list li {
    padding-bottom: 0px;
}

.landing-page .hs-field-desc {
    font-size: 12px;
}

.landing-page .footer-container {
    margin: 0 -7px;
    padding: 25px 7px 0;
    background-image: url('//cdn2.hubspot.net/hub/10240/file-536977467-png/theme/footer.png');
    background-size: 6px 8px;
    box-shadow: inset 0 3px 7px rgba(0,0,0,0.2);
    color: #aeaeae;
    font-size: 13px;
}

/* ------ Product Category ------ */

.product-name {
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 55px;
}

/* ------ Menu ------ */
/* 
 Change the alignment of your menu easily by using the text-align or float CSS properties. 
 For a full width centered menu, you could simply add text-align:center; below.
 */
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal {}
 
.header-container .hs-menu-wrapper {
    text-align: center;
    clear: right;
    margin: 2px 0 0;
}

/* Primary menu link text color */
.hs-menu-wrapper a {
    color: #3f3f3f;
}

.hs-menu-item .active a {
    background-color: #ebebeb;
    color: #3f3f3f;
}

/* Drop down background color */
.hs-menu-wrapper.hs-menu-flow-horizontal ul {}

.hs-menu-children-wrapper {
    top: 100%;
    background: #fff;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    font-weight: 300;
    text-align: left;
    font-size: 13px;
}

.hs-menu-children-wrapper li:hover>a {
    background-color: #ebebeb;
    color: #3f3f3f;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a{
    white-space: initial !important;
}

/* Menu link font family and basic padding including drop down links */
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {}

/* Side Menu */

.side-menu {
    max-width: 220px;
}

.side-menu li {
    border-top: 1px solid #e5e5e5;
    font: 300 15px "Signika",sans-serif;
}

.side-menu ul li {
    overflow: hidden;
    margin: 0;
    color: #747474;
}

.side-menu ul li a:hover {
    background: #f5f5f5; 
    color: #3f3f3f;
}

.side-menu ul li.active a {
    background: #0c5eaa;
    border-bottom: none;
    color: #ffffff;
}

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


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

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {
    overflow: hidden;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #dfdfdf;
}
.blog-listing-wrapper .post-listing .post-item .post-body {}

.hs-featured-image {
    margin: 0;
    float: left;
    width: 50%;
    max-width: 300px;
    margin-right: 3%;
}

.post-header p {
    margin: 0.5em 0 1.5em;
}

.post-footer {
    padding-bottom: 35px;
}

.hs-migrated-cms-post p:first-child {
    margin-top: 0;
}

.more-link {
    padding-left: 15px;
    background: url('//cdn2.hubspot.net/hub/10240/file-542251619-png/theme/more.png') 0 50% no-repeat;
    color: #3f3f3f;
    float: right;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
}

/* Blog comments and blog comment form */
.comment {}
.comments-listing {}
.comment-from {}
.comment-body {}
.comment-date {}

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

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

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

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

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

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

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

input[type="text"], input[type="email"], textarea, select {
    background: #fafafa;
    border: 1px solid #e2e2e2;
    border-top: 1px solid #d4d4d4;
    outline: none;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-bottom: 10px;
    font-size: 14px;
}

input[type="submit"] {
    background: #0e5daa;
    color: #fff; text-shadow: 0 -1px 0 #3687c0;
    font: 300 14px/32px 'Signika', sans-serif;
    text-transform: uppercase;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    margin-top: 15px;
    width: auto;
    cursor: pointer;
    border-radius: 3px;
}

input[type="submit"]:hover {
    background: #0e5daa;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1ODllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MmIzZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0e5daa 0%, #52b3f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e5daa), color-stop(100%,#52b3f2));
    background: -webkit-linear-gradient(top,  #0e5daa 0%,#52b3f2 100%);
    background: -o-linear-gradient(top,  #0e5daa 0%,#52b3f2 100%);
    background: -ms-linear-gradient(top,  #0e5daa 0%,#52b3f2 100%);
    background: linear-gradient(to bottom,  #0e5daa 0%,#52b3f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e5daa', endColorstr='#52b3f2',GradientType=0 );
    color: #fff;
}

.hs-form fieldset {
    padding-bottom: 15px !important;
}

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

.hs_submit {}

/* Pagination */
.post-header a {}
.post-header p {}

.post-header h2 {
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 0;
    border-bottom: 0;
}

.post-header h2 a {
    color: #0e5daa;
}

.blog-pagination {}

.pagination {
    margin-bottom: 60px;
    padding-top: 30px;
}

.centered {
    text-align: center;
    display: block;
    width: 100%;
}

.previous-posts-link {
    padding: 0 15px 0 20px;
    background: url('//cdn2.hubspot.net/hub/10240/file-557248099-png/theme/less.png') left center no-repeat;
}

.next-posts-link {
    padding: 0 15px 0 20px;
    background: url('//cdn2.hubspot.net/hub/10240/file-542251619-png/theme/more.png') right center no-repeat;
}

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


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

.hs-input {}
.hs-input:hover {}
.hs-input:focus {}

.field label {}


/* ------ Buttons ------ */
.hs-button {
    display: inline-block;
    height: 32px;
    padding: 0 20px;
    border: none;
}

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

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


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

/* Your basic footer container */
.footer-container {
    margin: 0 -7px;
    padding: 45px 7px 0;
    background-image: url('//cdn2.hubspot.net/hub/10240/file-536977467-png/theme/footer.png');
    background-size: 6px 8px;
    box-shadow: inset 0 3px 7px rgba(0,0,0,0.2);
    color: #aeaeae;
    font-size: 13px;
}

.footer h3 {
    color: #efefef;
    font-weight: 400;
    text-transform: uppercase;
}

.BBB {
    float: right;
}

.AuthorizeNetSeal {
    float: left;
}

.bottom {
    padding: 20px 0px 0px 0px;
    border-top: 1px solid #575757;
}

.copyright {
    float: left;
    margin: 0 0 1em;
    font-size: 11px;
}

.copyright a {
    color: #ebebeb;
}

.social a i {
    width: 2em;
    color: #aeaeae;
}

.social span {
    float: right;
}

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

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


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

@media (min-width: 768px){

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

}

@media (max-width: 767px){

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

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


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


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

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

  a.mobile-trigger:hover {
      text-decoration: none; /* Removes link text underline on button */
      color: #000000;
  }

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

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

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

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

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


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

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

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

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


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

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

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


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

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

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

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

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

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

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

/* ------ Mobile ------ */
/* Large desktop */
@media (min-width: 1200px) {}
     
@media screen and (max-width: 1024px) and (min-width: 767px) {     
section.top nav {
    display: none;
}

.body-container .page-center {
    padding: 20px!important;
}

.page-subhead {
    margin-bottom: 0px;
}

.page-subhead h1 {
    font-size: 32px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

    #menu { display: none }

    .menu-trigger {
        background: url(//cdn2.hubspot.net/hub/289315/file-572848737-png/palo-alto/ico_menu.png) no-repeat;
        cursor: pointer;
        display: block;
        height: 15px;
        position: absolute;
        right: 10px;
        top: 8px;
        width: 21px;
        z-index: 99;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
        background: #747474;
        font-family: 'Signika', sans-serif;
        font-size: 16px;
        left: 0;
        position: absolute;
        right: 0;
        top: 30px;
        z-index: 999;
    }

    .header-container .hs-menu-wrapper.hs-menu-flow-horizontal {
        float: none;
        height: 0;
        line-height: 0;
        position: inherit;
    }

    #menu-mobile li {
        border-bottom: 1px solid #747474;
        display: block;
    }

    #menu-mobile li a {
        color: #fff;
        display: block;
        padding: 15px 27px 16px;
        text-decoration: none;
        background: #747474;
    }
    
    #menu-mobile li a:hover {
        background: #fff;
        color: #000;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    
.cta-stripe-content-right p {
    line-height: 0.95em !important;
}
    
.body-container .page-center {
    padding: 20px!important;
}

    #menu { display: none }

    .menu-trigger {
        background: url(//cdn2.hubspot.net/hub/289315/file-572848737-png/palo-alto/ico_menu.png) no-repeat;
        cursor: pointer;
        display: block;
        height: 15px;
        position: absolute;
        right: 10px;
        top: 8px;
        width: 21px;
        z-index: 99;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
        background: #747474;
        font-family: 'Signika', sans-serif;
        font-size: 16px;
        left: 0;
        position: absolute;
        right: 0;
        top: 30px;
        z-index: 999;
    }

    .header-container .hs-menu-wrapper.hs-menu-flow-horizontal {
        float: none;
        height: 0;
        line-height: 0;
        position: inherit;
    }

    #menu-mobile li {
        border-bottom: 1px solid #747474;
        display: block;
    }

    #menu-mobile li a {
        color: #fff;
        display: block;
        padding: 15px 27px 16px;
        text-decoration: none;
        background: #747474;
    }
    
    #menu-mobile li a:hover {
        background: #fff;
        color: #000;
    }

    
.page-subhead {
    margin-bottom: 0px;
}

.page-subhead h1 {
    font-size: 32px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

.banner h1 {
    font-size: 24px;
}

.banner h2 {
    font-size: 18px;
    padding-bottom: 0px !important;
}

h2 {
    padding-bottom: 20px;
}
    
.sidebar {
    display: none !important;
}

.bx-wrapper {
    margin: 30px 30px 0px 0px;
}

.footer-container {
    padding: 45px 20px 0 20px;
}

}
.home.home-alt .footer h3 {
    color: #efefef;
    font-size: 1.17em;
    font-family: 'Signika', sans-serif;
}
     
/* Landscape phones and down */
@media (max-width: 480px) {

section.top nav {
    display: none;
}

section.top p {
    padding-left: 5px;
}

.banner-form {
    width: auto !important;
}

.page-subhead {
    margin-bottom: 0px;
}

.page-subhead h1 {
    font-size: 19px;
}

h2 {
    padding-bottom: 20px;
}

.sidebar {
    display: none !important;
}

.hs-featured-image {
    float: none;
    width: 100%;
}

.footer-container {
    padding: 45px 20px 0 20px;
}

.bx-wrapper .bx-viewport {
    padding: 0px;
}

.social span {
    float: none;
}

}


/* Updates for the new mobile nav 5.31.2016 */

.mobileHide { display: block;}
.mobileShow { display: none;}
   /* Smartphone Portrait and Landscape */
@media screen and (max-width: 767px) and (min-width: 320px) {
    .mobileHide { display: none;}
    .mobileShow { display: block;}     
}


/* Top Grey update 10.5.2016 */
@media screen and (max-width: 1010px) {
    .row-fluid .span6.site-top-nav-contact-details {
		max-width: 35%;
	}
	.row-fluid .span6.site-top-nav-links {
		width: 60%;
		max-width:60%;
	}
    section.top p {
        font-size: 10px;   
    }
    section.top nav>ul>li>a {
        font-size: 10px; 
    }
}

/* Updates for new homepage 10.14.2016 */


/*
.home-alt .banner-inner-container:before {
    background: url(//10240.fs1.hubspotusercontent-na1.net/hubfs/10240/images/home-page-salesperson.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height:630px;
}
*/
body.home.home-alt, body.landing-page-free-fence-quote {
    overflow-x:hidden;
}
.home-alt .banner-inner-container {
    min-height: 630px;
    max-height:630px;
}

.home.home-alt span h2:first-child {
    border-bottom:none;
    color:#000;
    font: 300 56px "Georgia",sans-serif;
}
.home-alt .industry-brands span h2:first-child {
    display: inline-block;
    margin-bottom: -1px;
    padding: 10px 0;
    border-bottom: 2px solid #0e5daa;
    font: 300 24px "Signika",sans-serif;
}
.home.home-alt span h2:first-child em {
    text-emphasis:italic;
}
.home.home-alt span h3 {
    color:#000;
    font: 300 36px "Georgia",sans-serif;
}
.home-alt .banner-inner-container:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    max-height:70%;
    z-index: -1;
    opacity: 0.8;
    background-image: url('https://10240.fs1.hubspotusercontent-na1.net/hubfs/10240/images/home-page-salesperson-farmer.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.cta-stripe:before {
    content: '';
    display:block;
    background-color: #0e5daa;
    width:100%;
    height: 165px;
    position:absolute;
    z-index:-1;
}
.wrap.cta-stripe .pad {
    margin:auto;
    max-width:1050px;
}
.banner-module-right {
    margin-top: 6em;
    margin-bottom: 6em;
}

.cta-stripe-content-left, .cta-stripe-content-right {
    max-width: 60%;
    float:left;
}
.cta-stripe-content-left {
    margin-left: 23%;
}
.cta-stripe-content-right {
    padding: 20px 0 20px 10px;
    font-family: 'Georgia','PT-Serif', serif;
}
.cta-stripe-content-right p {
    -webkit-font-smoothing: antialiased;
    font-size: x-large;
    line-height:0.5em;
}
.home.home-alt span .banner-module-right h2, .home.home-alt .banner-module-right span h3, .home.home-alt .banner-module-right span p {
    color:#000;
}
.home.home-alt .banner-module-right span p {
    font-family: 'Georgia','PT-Serif', serif;
    -webkit-font-smoothing: antialiased;
    color:#333;
}
.free-fence-copy, .free-fence-copy h2 {
    font-family: 'PT-Serif','Georgia', serif;
    -webkit-font-smoothing: antialiased;
    color: #000;
}
.free-fence-quote-form {
    background: #FFFFCC;
    border: 1px dashed #999;
    padding: 20px;
}
.free-fence-quote-form label {
}

.free-fence-quote-form li.hs-form-radio label {
    display:block;  
    color: #000;
    font-style:italic;
    font-family: 'Georgia', serif;
    -webkit-font-smoothing: antialiased;
}


.free-fence-quote-form h3 {
    font-family: 'Georgia', serif;
    -webkit-font-smoothing: antialiased;
    font-weight:bold;
}

.free-fence-quote-form input[type="text"], .free-fence-quote-form input[type="email"], .free-fence-quote-form input[type="number"], .free-fence-quote-form textarea, .free-fence-quote-form select, .free-fence-quote-form input[type="tel"] {
    background: #fafafa;
    border: 1px solid #e2e2e2;
    border-top: 1px solid #d4d4d4;
    outline: 0;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 12px 12px !important;
    color: #000;
    font-style:italic;
    font-family: 'Georgia', serif;
    -webkit-font-smoothing: antialiased;
}
.free-fence-quote-form .hs-form fieldset.form-columns-1 .hs-input {
    width: 100% !important; 
}
.free-fence-quote-form .hs-form fieldset.form-columns-1 input[type="radio"].hs-input {
    width: 20px !important;
}
.landing-page-free-fence-quote .free-fence-quote-form.form {
     padding-top: 20px;
}

.landing-page-free-fence-quote h1 {
    text-align: center;
    font-family: 'Georgia',serif;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 15px 0;
    margin-bottom: 30px;
    color:#000;
    font-size:3em;
}
.landing-page-free-fence-quote section.top p a {
    color: #fff;
}

.landing-page-free-fence-quote .header-container {
    box-shadow: none;
}

.free-fence-quote-form input[type="submit"] {
    background:#159136;
    border:none;
    border-top:none;
    background-image: none;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    text-shadow:none;
    font-weight:normal;
    font-family: 'Georgia',serif;
    font-size: 22px;
    height: 50px;
    min-height:50px;
    padding: 10px 50px;
    text-transform: inherit;
    width:100%;
}
.free-fence-quote-form .hs_submit .actions:after {
    top: -32px;
    left:80%;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #FFF;
    border-top: 8px solid transparent;
    position: relative;
    display: inline-block;
    margin: 0px 0 0 13px;
} 

.free-fence-quote-form input[type="submit"]:hover {
    opacity: 0.9;
}

@media screen and (max-width: 720px) {
    .cta-stripe-content-left {
        margin-left: 1%;
    }
    .cta-stripe-content-right {
        max-width: 50%;
    }
    .cta-stripe-content-right p {
        font-size: small;
        word-spacing: 1px;
    }
    a#cta_button_10240_348fe108-1a0e-46f0-822e-bc1b49a483b6 {
        font-size: 14px;
    }
}
.free-fence-quote-form .hs-form fieldset {
    max-width:100% !important;
}
.free-fence-quote-form .hs-form fieldset.form-columns-3 .hs-form-field {
    width: 33.1%;
    float: left;
}
.free-fence-quote-form {
    font-family: 'Georgia', serif;
    -webkit-font-smoothing: antialiased;
}
.free-fence-quote-form .select-target.select-theme-default {
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    border-radius: 2px;
    position: relative;
    background: #fafafa;
    border: 1px solid #e2e2e2;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    padding: 12px 12px !important;
    color: #000;
    font-style:italic;
    font-family: 'Georgia', serif;
    -webkit-font-smoothing: antialiased;
}
.mobile-site-search .gsc-control-cse, .widget-type-raw_html .gsc-control-cse {
    background: none !important;
    border: none !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
    background: none !important; 
}

.gsc-adBlock {
     display: none !important; 
}
.mobile-site-search input.gsc-search-button, 
.mobile-site-search input.gsc-search-button:hover, 
.mobile-site-search input.gsc-search-button:focus {
    border: 1px solid #5a8296;
    background: #006699;
}

.mobile-site-search {
    background: #006699;
    top: 2px;
    position: relative;
}
.google-search-container { display:none;top: -4px; position: relative; background: rgb(116, 116, 116); }
.google-search-container .gs-title {
    text-align:left;
}
.gsc-input {
    color: #000;
    font-style: italic;
    font-family: 'Georgia',serif;
    -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .google-search-container { top: 26px; }
}

@media screen and (max-width: 1000px) and (min-width: 768px) {
    .free-fence-quote-form .hs_submit .actions:after { display:none; }
}
@media screen and (max-width: 970px) and (min-width: 768px) {
    .cta-stripe-content-left {margin-left: 17%;}
    .cta-stripe:before {height: 170px;}
}
@media screen and (max-width: 767px) {
    .home-alt .banner-inner-container:before {
        opacity: 0.3;
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size:cover;
        background-position: 20% 0;
    }
    .home.home-alt span h2, .home.home-alt span h3, .home.home-alt span p {
        text-align:center;
    }
    .home.home-alt span h2:first-child {
        width: 100%;
    }
    .banner-module-right {
        margin-top: 2em;
        margin-bottom: 2em;
    }
}

/* Updates 3.27.2017 */

@media (max-width: 1056px) and (min-width: 768px) {
   .cta-stripe-content-right p {
    line-height: 1.25em !important;
    font-size:1.2em !important;
    } 
}

@media (max-width: 767px) and (min-width: 700px) {
    
.cta-stripe-content-right p {
    line-height: 0.95em !important;
    font-size:0.9em !important;
}

}


.free-fence-quote-form {
    background: #dbe9f1 !important;
}
    
.free-fence-quote-form input[type="submit"] {
    background:rgb(182,32,37);
    border:none;
    border-top:none;
    background-image: none;
    text-shadow:none;
    font-weight:normal;
    font-family: 'Georgia',serif;
    font-size: 22px;
    padding: 10px 30px;
    -webkit-box-shadow: -4px 4px 0px -1px rgba(0,0,0,0.8);
    -moz-box-shadow: -4px 4px 0px -1px rgba(0,0,0,0.8);
    box-shadow: -4px 4px 0px -1px rgba(0,0,0,0.8);
}

.free-fence-quote-form input[type="submit"]:hover {
    background:#7a1115;
    border:none;
    border-top:none;
    background-image: none;
    -webkit-box-shadow: -4px 4px 0px -1px rgba(0,0,0,0.8);
-moz-box-shadow: -4px 4px 0px -1px rgba(0,0,0,0.8);
box-shadow: -4px 4px 0px -1px rgba(0,0,0,0.8);
    opacity: 0.9;
}


/* Upates 10.9.2017 */
@media (max-width: 767px) {
    .xs-hidden, .mobile-hide {
        display:none !important;
    }
    .google-search-container { 
        display:none !important;   
    }
    .text-mobile-center {
        text-align: center !important;
    }
    .headerbanner p, .landing-page section.top p {
        width: 100% !important;
    }

}

.text-right {
    text-align:right;
}

.pad-top {
    margin-top: 1em;
}
.pad-top.x2 {
    margin-top:2em;
}
.pad-bottom {
    margin-bottom: 1em;
}
.pad-bottom.x2 {
    margin-bottom:2em;
}

.float-right {
    float: right;
}

.nav-links-version-two li {
    list-style-type: none !important;
    float: left;
    margin-right: 1em;
    font-family: Georgia, serif;
    font-size: 0.9em;
}
.nav-links-version-two li:last-child {
    margin-right: 0;   
}
.nav-links-version-two li a {
    color: #135c9e;
    text-decoration: none;
}
.site-top-nav-contact-details-version-two a {
    text-decoration: underline;
    color: #135c9e;
}

.google-search-container {
    background: transparent;
}
.google-search-container .gsc-control-cse {
    padding: 0;
}

.headerbanner, .landing-page section.top {
  color: #fff !important;
	background: linear-gradient(#d72131, #bf0a30) !important;
  font-family: Georgia, serif !important;
}

.headerbanner p, .landing-page section.top p {
    font-size: 0.8em !important;
}

@media screen and (max-width: 1024px) and (min-width: 767px) {
    .custom-menu-version-two .hs-menu-flow-horizontal>ul {
        background: #fff;
        font-family: 'Signika',sans-serif;
        font-size: .9em;
        left: 0;
        position: relative !important;
        right: 0;
        top: auto !important;
        z-index: 999;
        margin-bottom: 1em !important;
    }
    .logo-box {
        padding-top: 0 !important;
    }
}

.landing-page .header-container .top a {
    color: #fff !important;
}

.home-alt.home-alt-oct2017 .banner-inner-container:before {
    display: none;
}
.home-alt.home-alt-oct2017 #main-hero-container {
    margin-top:1em;
    background: url(https://10240.fs1.hubspotusercontent-na1.net/hubfs/10240/homepage-assets/homepage-hero-cows.jpg) center center no-repeat;
    background-size: cover;
}

.home-alt.home-alt-oct2017 #main-hero-container .homepage-hero-cta-rte, .home-alt.home-alt-oct2017 #main-hero-container .homepage-hero-cta-rte h1, 
.home-alt.home-alt-oct2017 #main-hero-container .homepage-hero-cta-rte h2,
.home-alt.home-alt-oct2017 #main-hero-container .homepage-hero-cta-rte p {
    color: #fff !important;
    font-family: Georgia, serif;
    text-shadow: 0px 3px 11px rgba(0, 0, 0, 1);
    text-align: center;
}
.home-alt.home-alt-oct2017 #main-hero-container .banner-module-right {
    margin-top: 0px;
    margin-bottom: 0px;
}
.home-alt.home-alt-oct2017 #main-hero-container .homepage-hero-cta-rte h1 {
    font-size: 3.5em;
    -webkit-font-smoothing: antialiased;
}
.home-alt.home-alt-oct2017 #main-hero-container .homepage-hero-cta-rte h2 {
    border-bottom: none !important;
    font-size: 2em;
    -webkit-font-smoothing: antialiased;
}
.home-alt.home-alt-oct2017 #main-hero-container .homepage-hero-cta-rte p, .home-alt.home-alt-oct2017 #main-hero-container .homepage-hero-cta-rte ul li {
    font-size: 1.1em;
}

a#cta_button_10240_decfb8a8-2790-4f81-8b04-e90793b4e9be { font-family: Georgia, serif !important;}
.header-container {
    box-shadow: none !important;
}
.home-alt.home-alt-oct2017 #main-hero-container .homepage-hero-cta-rte a.cta_button { text-decoration: none; }
.home-alt.home-alt-oct2017 .homepage-persona-section span h2, .home-alt.home-alt-oct2017 .homepage-persona-section span h2:first-child {
    font-size: 2.1em;
    padding: 0.5em 0 0 0;
    margin-bottom:0.5em;
    border-top: 4px solid #a2171b;
}

.home-alt.home-alt-oct2017 #homepage-personas .homepage-persona-section h2 {
    width: 95%;
}

.home-alt.home-alt-oct2017 #homepage-personas .homepage-persona-section.right h2 {
    width: 100% !important;
}
.home-alt.home-alt-oct2017 .homepage-persona-section .widget-type-rich_text {
    margin-bottom: 3em;
}
.home-alt.home-alt-oct2017 .homepage-persona-section span p, .home-alt.home-alt-oct2017 .homepage-persona-section span ul li  {
    font-family: Helvetica, arial, sans-serif !important;
    color: #000 !important;
    font-size: 1.3em;
}
.home-alt.home-alt-oct2017 #main-hero-container .homepage-hero-cta-rte a {
    font-size: 1.3em;
    color: #4f87c2;
    text-decoration:underline;
}
.home-alt.home-alt-oct2017 .cta-content-right, .home-alt.home-alt-oct2017 .cta-content-right h2,
.home-alt.home-alt-oct2017 .cta-content-right p,
.home.home-alt.home-alt-oct2017 span .cta-stripe-content-right h2:first-child  {
    color: #FFF !important;
}
.home.home-alt.home-alt-oct2017 span .cta-stripe-content-right h2:first-child {
    font-size: 2.1em !important;
    -webkit-font-smoothing: antialiased;
}
.home.home-alt.home-alt-oct2017 .cta-stripe-content-left, .home.home-alt.home-alt-oct2017 .cta-stripe-content-right {
    max-width: auto;
}
.home.home-alt.home-alt-oct2017 .cta-stripe-content-left {
    margin-left:3%;
    position:absolute;
}
.home.home-alt.home-alt-oct2017 .cta-stripe-content-left img {
    position:relative;
    top: -50px;
}
.home.home-alt.home-alt-oct2017 .cta-stripe-content-right {
    margin-left:26%;
}
.home.home-alt.home-alt-oct2017 .cta-stripe:before { display:none; }
.home.home-alt.home-alt-oct2017 .home-catalog-cta-alt {
    background-color:#0f5cac;
    margin-bottom: 4em;
    margin-top: 2em;
}
.home.home-alt.home-alt-oct2017 .banner-inner-container {
    min-height: auto;
    max-height: 100%;
    margin-bottom: 4em;
}
.home.home-alt.home-alt-oct2017 .special-underline {
    background: url(https://10240.fs1.hubspotusercontent-na1.net/hubfs/10240/homepage-assets/hubspot-homepage-underline-v1.png?t=1507742721598) no-repeat center bottom;
    background-size: contain;
    padding-bottom: 20px;
}
.home-alt.home-alt-jan2018 .homepage-persona-section .widget-type-rich_text .layout-widget-wrapper {
    margin-right: 1.5em;
}
.home-alt.home-alt-jan2018 .homepage-persona-section.right .widget-type-rich_text .layout-widget-wrapper {
    margin-right: 0em;
    margin-left:1.5em;
}

.home.home-alt.home-alt-jan2018 .blue-block {
    background-color: rgb(22,93,172) !important;
    color: #fff !important;
    font-family: 'Helvetica', sans-serif;
    padding: 10px 30px 20px 30px;
}
.home-alt.home-alt-jan2018 #homepage-personas .blue-block h2 {
    color: #fff !important;
    font-family: font-family: 'Roboto Condensed', 'Helvetica Neue', 'Helvetica', sans-serif !important;
    border-bottom: none !important;
    font-size:1.75em;
}

.home-alt.home-alt-jan2018 .homepage-persona-section span h2, .home-alt.home-alt-jan2018 .homepage-persona-section span h2:first-child {
    font-size: 2.1em;
    padding: 0.5em 0 0 0;
    margin-bottom: 0.5em;
    border-top: none;
}

.home-alt.home-alt-jan2018 #main-hero-container .homepage-hero-cta-rte {
    color:#000 !important;
    text-shadow: none;
}

.home-alt.home-alt-jan2018 #main-hero-container .homepage-hero-cta-rte h1 {
    font-size: 6em;
    -webkit-font-smoothing: antialiased;
}

.home-alt.home-alt-jan2018 #main-hero-container {
    margin-top: 1em;
    background: #fff;
    background-size: cover;
}

.home-alt.home-alt-jan2018 #main-hero-container .homepage-hero-cta-rte, 
.home-alt.home-alt-jan2018 #main-hero-container .homepage-hero-cta-rte h1,
.home-alt.home-alt-jan2018 #main-hero-container .homepage-hero-cta-rte h2,
.home-alt.home-alt-jan2018 #main-hero-container .homepage-hero-cta-rte p {
    color: #000 !important;
    font-family: Georgia, serif;
    text-shadow: none;
    text-align: center;
}

.home-alt.home-alt-jan2018 #main-hero-container a#cta_button_10240_4066d61d-1d72-408d-b6cc-d1e9d17b2fa2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#701011+0,dd1627+100 */
    background: #701011; /* Old browsers */
    background: -moz-linear-gradient(top,  #701011 0%, #dd1627 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #701011 0%,#dd1627 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #701011 0%,#dd1627 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#701011', endColorstr='#dd1627',GradientType=0 ); /* IE6-9 */
    min-width:40%;

}

.home-alt.home-alt-jan2018 .homepage-persona-section span p, .home-alt.home-alt-jan2018 .homepage-persona-section span ul li {
    font-family: 'Roboto Condensed', 'Helvetica Neue', 'Helvetica', sans-serif !important;
    font-size: 1.3em;
    font-weight: 100;
}
.home-alt.home-alt-jan2018 .homepage-persona-section span ul li a { color: #fff;}

.home-alt.home-alt-jan2018 .homepage-persona-section span p, .home-alt.home-alt-jan2018 .homepage-persona-section span ul li { color: #fff !important; line-height: 1.5em; }
.home.home-alt.home-alt-jan2018 .banner-inner-container {
    margin-bottom: 1em;
}


.show-xs-only { display: none;}
.top.headerbanner .page-center p a, .headerbanner-text p a, .landing-page .top p a, .landing-page .header-container .top p a { color: #fff; text-decoration: none !important;}
@media (max-width: 767px) {
    .home-alt.home-alt-jan2018 #main-hero-container .homepage-hero-cta-rte h1 {
        font-size: 3.5em;
        -webkit-font-smoothing: antialiased;
    }
    .home-alt.home-alt-jan2018 #main-hero-container .homepage-hero-cta-rte h2 {
        margin-bottom: 0.5em;
    }
    .home-alt.home-alt-jan2018 .homepage-persona-section .widget-type-rich_text {
        margin-bottom: 1em;
    }
    .show-xs-only { display: block;}
    .home.home-alt.home-alt-oct2017 .cta-stripe-content-left { display: none;}
    .home.home-alt.home-alt-oct2017 .cta-stripe-content-right {
        margin-left: 0;
        max-width: 100%;
        float: none;
    }
    .home-alt.home-alt-jan2018 .homepage-persona-section .widget-type-rich_text .layout-widget-wrapper {
        margin-right: 0;
    }
    .home-alt.home-alt-jan2018 .homepage-persona-section.right .widget-type-rich_text .layout-widget-wrapper {
        margin-right: 0;
        margin-left:0;
    }

}
@media (min-width: 768px ) {
    .homepage-persona-section .hs_cos_wrapper p {
        padding-right: 5px;
    }
}


/* Product Template Styles January 2018  */
.blue-gauge-block {
    background-color: #006699;
    color: #fff;
    font-family: Georgia, serif;
    padding-bottom: 20px;
    margin-bottom:30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.blue-gauge-block h2 {
    padding: 15px 15px 10px 15px;
    color: #fff;
    font-family: Georgia, serif;
    font-weight:bold;
}
.blue-gauge-block p {
    padding: 0px 15px;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 1.25em;
    line-height:1.25em;
}
.blue-gauge-block a {
    color: #fff !important;
}
.blue-gauge-block sup {
    font-size: 0.6em;
    position: relative;
    top: 1px;
}
.blue-gauge-block img {
    max-width:66%;
    margin-bottom: 15px;
}
.product-main-jan-2018 .page-main-header .widget-type-section_header h1 {
    font-size: 3.75em;
    margin-bottom:0.25em;
}
.product-main-jan-2018 .page-main-header .widget-type-section_header p.secondary-header {
    font-size: 2.85em;
    font-style: italic;
    color: #006699;
}
.product-main-jan-2018 .choosing-the-best-wire .widget-type-rich_text {
    padding: 50px 80px 50px 150px;
    color: #333 !important;
}
.product-main-jan-2018 .choosing-the-best-wire .widget-type-rich_text h2 {
    font-size: 2.5em;
    margin-bottom: 0.5em;
}
.product-main-jan-2018 .choosing-the-best-wire .widget-type-rich_text p, .product-main-jan-2018 .choosing-the-best-wire .widget-type-rich_text ul li  {
    font-size: 1.25em;
    line-height:2em;
}
.left-side-copy {
    font-size: 1.25em;
}
.left-side-copy .widget-type-rich_text {
    padding-right:30px;
}
.left-side-copy .widget-type-rich_text ul li {
    line-height:2em;
}
.left-side-copy small i {
    margin-right: 0.4em;
}
.product-main-jan-2018 .right-side-slider-cta .hs_cos_flex-slides.hs_cos_flex-slides-thumb, .product-main-jan-2018 .right-side-slider-cta .hs_cos_flex_thumbnavs-direction-nav {
    display:none;
}
.text-georgia {
    font-family: Georgia, 'palatino', serif !important;
}
.slider-container { color: #333 !important;}
.product-main-jan-2018 .slick-slider .caption { font-size: 1.25em; margin-top: 1em; margin-bottom:1.5em; max-width: 80%; }
.slider-direction-arrows { 
    position: relative;
    float: right;
    top: -70px;
}
.slider-caret-left:after {
    content:"";
    width: 0; 
    height: 0; 
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent; 
    border-right:12px solid #333; 
    position: relative;
    display: inline-block;
    margin-right: 1em;
}
.slider-caret-right:after {
    content:"";   
    width: 0; 
    height: 0; 
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent; 
    border-left:12px solid #333; 
    position:relative;
    display: inline-block;
}
.mega-menu-footer {
    padding: 2.5em 0 15em 0;
}
.mega-menu-footer, .mega-menu-footer .widget-type-raw_html {
    background: #006699;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mega-menu-footer h3, .mega-menu-footer h2, .mega-menu-footer h4, .mega-menu-footer ul li a, .mega-menu-footer ul li {
    font-family: Georgia, serif;
    color: #ffffff;
}
.mega-menu-footer h3 {
    font-size: 1.4em;
    margin-bottom:0.35em;
}
.mega-menu-footer h4 {
    margin-top: 0;
    font-weight: bold;
}
.mega-menu-footer .bordered-right {
    border-right:1px dotted #fff;   
}
.mega-menu-footer .one-fifth {
    width: 18% !important;
    margin-left:2% !important;
    margin-top: 1em;
}
.mega-menu-footer .two-fifth {
    margin-top: 1em;
    width: 38% !important;
    margin-left:2% !important
}
.mega-menu-footer ul {
    line-height: 2em;
}
.mega-menu-footer ul.half-width {
    float:left;
    max-width:50%;
    -webkit-padding-start: 24px;
}
.product-main-jan-2018 .footer-container {
    padding: 0;
    box-shadow:none;
    margin:0;
}
.product-main-jan-2018 .footer-container .bottom {
    border-top:none;
}

.product-main-jan-2018 .industry-brands h2 {
    border-bottom: 1px solid #dadada;
    padding-bottom: 1em;
}
.product-main-jan-2018 .industry-brands h2:after {
    content: "";
    background: #006699;
    width: 33%;
    height: 5px;
    display: block;
    position: relative;
    margin-top: 1em;
}
.mega-menu-footer ul.half-width, .mega-menu-footer ul  { list-style-type: none; }
a.text-underline, .text-underline { text-decoration: underline;}
.mobile-show { display:none; }
.text-roboto-condensed { font-family: 'Roboto Condensed', 'Helvetica Neue', 'Helvetica', sans-serif !important;}
.desktop-show { display:block;}
.mobile-show { display: none;}
@media (max-width: 767px) {
    .mobile-show { display: block;}
    .product-main-jan-2018 .page-main-header .widget-type-section_header h1, .product-main-jan-2018 .page-main-header .widget-type-section_header p.secondary-header {
        text-align:center;
    }
    .product-main-jan-2018 .choosing-the-best-wire .widget-type-rich_text {
        padding: 20px 10px 20px 10px;
    }
    .mega-menu-footer .one-fifth {
        width: 100% !important;
        margin-left:0% !important;
        margin-top: 1em;
        clear:both;
    }
    .mega-menu-footer .two-fifth {
        margin-top: 1em;
        width: 100% !important;
        margin-left:0% !important;
        clear:both;
    }
    .mega-menu-footer .bordered-right {
        border-right: none;
    }
    .mega-menu-footer h3 {
        text-align:center;
    }
    .mega-menu-footer h4 {
        text-align: center;
    }
    .mega-menu-footer ul {
        line-height: 1.75em;
        text-align:center;
        list-style-type: none;
        left: -20px;
        position: relative;
    }
    .mega-menu-footer ul.half-width {
        float: none;
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }
    .header-container-wrapper .mobile-toggle {
        background: #2e3031;
        font-size:1.75em;
        letter-spacing:0.5px;
    }
    .mobile-toggle>div { padding: 10px 20px !important; }
    .mobile-toggle>div strong { margin-left: 50px; }
    a.mobile-trigger {
        right: auto;
        left: 10px;
    }
    a.mobile-trigger i {
        top: 6px;
    }
    a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after {
        width: 30px;
        height: 3px;
    }
    a.mobile-trigger i:before {
        margin-top: -8px;
    }
    a.mobile-trigger i:after {
        margin-top: 8px;
    }
    .custom-menu-version-two .hs-menu-wrapper.active-branch.flyouts.hs-menu-flow-horizontal>ul {
        top: 24px !important;
    }
    .custom-menu-version-two ul li.hs-menu-depth-1 {
        background: #2e3031 !important;
    }
    .custom-menu-primary .hs-menu-flow-horizontal>ul ul li {
        background-color: #616567 !important;
    }
    .home-alt.home-alt-jan2018 #main-hero-container {
        background: #ddd;
    }
    .headerbanner p.text-roboto-condensed { font-size: 1.25em !important;}
    .top.headerbanner .page-center p a.text-underline { text-decoration: underline !important;}
    section.top p.headerbanner-text { font-family: 'Roboto Condensed', 'Helvetica Neue', 'Helvetica', sans-serif !important; }
    .desktop-show { display:none;}
    .mobile-show { display: block;}
}
@media  (max-width:450px) {
    .header-container-wrapper .mobile-toggle { font-size: 1.25em;}
    .headerbanner p.text-roboto-condensed { font-size: 1em !important;}
}

/* BLOG CTA */
.text-center { text-align: center;}
.blog-footer-cta.blue-block { color: #fff; background-color: #005490; text-align: center; padding: 0.5em 15px 0.5em 15px; font-family: 'Roboto Condensed', 'Helvetica Neue', 'Helvetica', sans-serif !important; margin-bottom: 1em; }
.blog-footer-cta.blue-block h1 { font-family: 'Georgia', serif; color: #fff; font-size: 2.5em; margin-bottom: 0; font-weight: 600;}
.blog-footer-cta.blue-block h3 { font-family: 'Georgia', serif; color: #fff; font-size: 1.5em;}
.btn-red {     
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: #ac1c20;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    font-size: 1.5em;
    padding: 15px 70px;
    
}
@media  (max-width:500px) {
    .btn-red {  padding: 15px; }
    .blog-footer-cta.blue-block h1 {
        font-size: 2em;
    }
    .blog-footer-cta.blue-block h3 {
        font-size: 1.1em;
    }
    .blog-footer-cta.blue-block p {
        font-size:0.8em;
    }
}
/* catalog download page */
.landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .section-header h1 {
    font-weight: normal;
    font-size: 3.5em;
    border-bottom: none;
    margin-bottom: 0px;
}
.landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .section-header .secondary-header {
    color: #003966;
    font-style: italic;
    font-size: 2.25em;
    border-bottom: 1px solid #dedede;
    padding-bottom: 20px;
}
.landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .page-subhead-free-fence-quote .hs_cos_wrapper_type_rich_text  {
    color: #000;
    font-family: Georgia,serif;
    font-size: 2em;
}
.landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .page-subhead-free-fence-quote .hs_cos_wrapper_type_rich_text p {
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    padding: 20px 0;
}
.landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .free-fence-quote-form {
    border:none !important;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
}
.landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .free-fence-quote-form h3 {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    text-align: right;
}
.landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .free-fence-quote-form input[type="text"], 
.landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .free-fence-quote-form input[type="email"], 
.landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .free-fence-quote-form input[type="number"], 
.landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .free-fence-quote-form textarea, 
.landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .free-fence-quote-form select, 
.landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .free-fence-quote-form input[type="tel"] {
    font-size: 18px;
    color: #000;
    font-style: normal;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;

}
.landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .blue-box-ul ul {
    padding-left:0;
}
.landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .blue-box-ul li {
    color: #000;
    font-size: 18px;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
    list-style: none;
    background: url(https://10240.fs1.hubspotusercontent-na1.net/hubfs/10240/images/catalog-download-check-sm.jpg) no-repeat left center;
    padding: 10px 0 2px 30px;
    line-height: 1.8em;
}
.landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .free-fence-quote-form select {
    height: 50px !important;
    border-radius:0 !important;
    -moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
    -o-border-radius:0 !important;
}
@media  (max-width:767px) { 
    .landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .headerbanner p, 
    .landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 section.top p {
        max-width: 100% !important;
        width: auto !important;
    }
    .landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .text-mobile-center {
        text-align: center !important;
    }
    div.footer-cookie-alert p {
        margin: 0 10px;
    }
    div.footer-cookie-alert .btn.btn-danger, div.footer-cookie-alert .btn.btn-primary {
        margin: 5px;    
    }
}
@media  (max-width:450px) {
    .landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .section-header h1 {
        font-size: 2.5em;
    }
    .landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .section-header .secondary-header, .landing-page.landing-page-free-fence-quote.landing-page-free-fence-quote-2018 .page-subhead-free-fence-quote .hs_cos_wrapper_type_rich_text {
        font-size: 1.35em;
    }
}
div.footer-cookie-alert {
	color: #fff;
    background-color: #182e49;
    border-color: #182e49;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 20px 0;
    -webkit-font-smoothing: antialiased;
    font-family: Georgia, serif;     
}
div.footer-cookie-alert .btn.btn-danger, div.footer-cookie-alert .btn.btn-primary {
	-moz-border-radius:0;
  	-webkit-border-radius:0;
  	-o-border-radius:0;
  	border-radius: 0;
  	background-color: #990000;
  	border-color: #990000;
  	color: #fff;
  	font-family: Georgia, serif;
}

/* SHYLAVA ADDITIONS 2023 */
a.cta_button, button.cta_button { background: linear-gradient(#d72131, #bf0a30) !important; border-radius: unset !important; border: none !important; box-shadow: unset !important; }