/****************************************************************************/
/* Template Specific Styles.                   */
/****************************************************************************/

@font-face {
    font-family: 'BigNoodle';
    font-weight: normal;
    font-style: normal;

    src: url(//cdn2.hubspot.net/hub/308777/file-321418890-eot/fonts/big_noodle_titling-webfont.eot);
}


@font-face {
    font-family: 'BigNoodle';
    font-weight: normal;
    font-style: normal;

    src: url(//cdn2.hubspot.net/hub/308777/file-317677619-ttf/fonts/big_noodle_titling-webfont.ttf) format('truetype'),
    url(//cdn2.hubspot.net/hub/308777/file-320409867-woff/fonts/big_noodle_titling-webfont.woff) format('woff');
}

@import url(http://fonts.googleapis.com/css?family=Merriweather:400italic,400,700,700italic);

@import url(http://fonts.googleapis.com/css?family=Raleway:700,400);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
    *zoom: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Clearfix */

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

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

/* Responsive Visibilty Classes */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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




 /* HTML 5 Reset */

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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






/* ==========================================================================
   Start your style declarations here  
========================================================================== */

/**
 *
 * You can use this CSS file as a guide in building out
 * your HubSpot website. It contains the major elements needed
 * to create your own custom style.
 *
 * @start
 *
 * TODO: Must reconcile this style sheet and the 'Primary Styles' style sheet
 *
 */

/* Your website background color (background:#fff;) */

/* Migration Tech Name - Govind Jee */
/* Date:25 Sept 2013 */


body {
    font-family: 'Open Sans', Arial, Sans-Serif;
    font-size: 16px;
    line-height: 36px;

    margin: 0;

    color: #999;
}

a {
    transition: color .2s ease-in-out 0s;
    text-decoration: none;

    color: #69ac35;
}
a:hover,
a:focus {
    color: #ecb739;
}



/* ==========================================================================
   Typography
========================================================================== */


/* Basic Text
========================================================================== */



/* Headings
========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-family: 'BigNoodle';*/
    line-height: 1.3;

    margin: 0;

    color: #000;
}


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


/* mobile */
h1 {
    font-size: 38px;
    font-weight: normal;
    line-height: 1.3;
}

h2 {
    font-size: 35px;
    font-weight: normal;
    line-height: 1.3;
}

h3 {
    font-size: 26px;
    font-weight: normal;
    line-height: 1;
}

h4 {
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 18px;
}

/* lap */
@media (min-width: 768px) and (max-width: 1024px) {
    h1 {
        font-size: 42px;
        font-weight: normal;
        line-height: 1.3;
    }

    h2 {
        font-size: 38px;
        font-weight: normal;
        line-height: 1.3;
    }

    h3 {
        font-size: 32px;
        font-weight: normal;
        line-height: 1;
    }

    h4 {
        font-size: 26px;
        font-weight: normal;
        line-height: 1;
    }

    h5 {
        font-size: 22px;
    }

    h6 {
        font-size: 20px;
    }
}

/* desk */
@media (min-width: 1024px){
    h1 {
    font-size: 58px;
    font-weight: normal;
    line-height: 1.3;
    }

    h2 {
        font-size: 55px;
        font-weight: normal;
        line-height: 1.3;
    }

    h3 {
        font-size: 35px;
        font-weight: normal;
        line-height: 1;
    }

    h4 {
        font-size: 30px;
        font-weight: normal;
        line-height: 1;
    }

    h5 {
        font-size: 24px;
    }

    h6 {
        font-size: 18px;
    }
}



h3.form-title,
#comment-form h4 {
    font-size: 48px;
    font-weight: normal;

    margin: 0;
    padding: 20px;

    text-align: center;

    color: #fff !important;
    border-radius: 10px 10px 0 0;
    background: #1e1e1e;
}


.footer-container h2 {
    font-size: 30px;
    font-weight: normal;
    line-height: 1;
}



/* Lists
========================================================================== */


ul, ol {}
ul ul, ul ol, ol ol, ol ul {}

li {}

ul.unstyled, ol.unstyled {}

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

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

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

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

/* Address */
address {}




/* ==========================================================================
   Structure
========================================================================== */

/*
 * The outer wrappers of your website, if you wanted to set your website width
 * to a fixed size you could set a width or max-width of 960px for example.
 */


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

}

.header-container-wrapper {
    padding-bottom: 49px;

    background: url(//cdn2.hubspot.net/hub/308777/file-320088596-png/images/HeaderWrapper.png) no-repeat center bottom;
}


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

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

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

.container-fluid {
    max-width: 1200px ; 
    margin: 0 auto;
}


.body-container-wrapper .body-container > .row-fluid-wrapper,
.footer-container-wrapper .footer-container > .row-fluid-wrapper {
    width: 96%;
    margin: 1% 2%;
}


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

.header-container-wrapper {}
.header-container {
    position: relative;
}

/* .header-container:after{
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    width: 150px;
    height: 75px;
    background: url(http://www.designzillas.com/sites/all/themes/designzillas/images/layout/headerGoo.png) no-repeat;
} */

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {
    display: block;
    text-align: center;
    margin: 10px 0 0;
}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {
    height:auto !important;
}

.ebook-landing .header-container .hs_cos_wrapper_type_logo a {}
.ebook-landing .header-container .hs_cos_wrapper_type_logo a img {
    width: 260px!important;
}

.ebook-landing .header-container .column_980 {
    position: relative;
}

.ebook-landing .header-container .column_980 > .row-number-2 {
    position: absolute;
    top: 6px;
    left: 50%;
    margin-left: -110px;
}

.ebook-landing .header-container > .row-number-2 {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -130px;
}


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

.hs-menu-wrapper {}

/* Primary menu link text color */
.hs-menu-wrapper a {}
.hs-menu-wrapper a:hover {}

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

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

.hs-menu-wrapper {
    text-align:center;
    position: relative;
    height: 75px;
}

.ebook-landing .hs-menu-wrapper > ul > li {
    float: none;
    display: inline-block;
    margin-top: 10px;
}

.ebook-landing .hs-menu-wrapper > ul > li:nth-child(3) {
    margin-right: 400px;
}

.hs-menu-wrapper > ul > li > a{
    display:block !important;
    color: #ACABAB;
    font-family: "BigNoodle",Arial,Sans-Serif;
    font-size:22px;
    font-weight: normal;
    padding:5px 24px !important;
}

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

.hs-menu-wrapper ul ul {
    background:#000;
}

.hs-menu-wrapper ul ul li a{
    color: #ACABAB;
    font-family: "BigNoodle",Arial,Sans-Serif;
    font-size:18px;
    font-weight: normal;
    padding:5px 24px !important;
    text-align:left;
}

.hs-menu-wrapper ul ul li a:hover{
    color:#fff;
}

.body-container .hs-menu-flow-horizontal > ul > li > a {
    color: #69AC35;
}

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

.footer-container .hs-menu-flow-horizontal > ul {
    margin:0px;
}

.footer-container .hs-menu-flow-horizontal > ul > li > a {
    color:#999;
    font-family: "Open Sans",Arial,Sans-Serif;
    font-size:13px;
    font-weight: normal;
    padding:5px!important;
}

.footer-container .hs-menu-flow-horizontal > ul > li a:hover {
    color:#74BF3B;
}

.hs-menu-flow-vertical > ul {
    text-align:left;
}

.hs-menu-flow-vertical > ul > li > a {
    color: #69AC35;
    font-family: "Open Sans",Arial,Sans-Serif;
    font-size:16px;
    font-weight: normal;
    padding:6px 10px !important;
}

.hs-menu-flow-vertical > ul > li > a:hover {
    color: #ECB739;
}

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

/* ------ Slider ------*/
.slider_wrapper,
.widget-type-image_slider {
    display: none;
}


/* ------ 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 {}
.blog-listing-wrapper .post-listing .post-item .post-body {}

/* Blog comments and blog comment form */
#blog-comment-form  div.hs-form-field {
    margin:10px 0;
}

#blog-comment-form  div.hs-form-field label {
    color: #757575;
}

#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 {
    border-radius:8px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.7);
    color: #757575;
    padding:11px;
    border:none;
}

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

#blog-comment-form  .hs-button {
    background:url(//cdn2.hubspot.net/hub/308777/file-321487885-jpg/images/button.jpg) repeat center center;
    border-radius:3px;
    box-shadow: 0 24px 0 rgba(255, 255, 255, 0.1) inset;
    font-family: "BigNoodle",Arial,Sans-Serif;
    font-size:24px;
    padding:12px 24px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    border:none;
}

#blog-comment-form  .hs-button:hover {
    background:url(//cdn2.hubspot.net/hub/308777/file-321489470-jpg/images/button-h.jpg) repeat center center;
    color:#fff;
}

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

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

#comment-form,
.hs_cos_wrapper_type_form {
    display:block;
    background:#292929;
    border-radius:10px;
}

#blog-comment-form,
.hs_cos_wrapper_type_form form {
    padding: 0 5% 5% 5%;
}

.hs_submit {}

.hs_cos_wrapper_type_form form div.hs-form-field {
    margin:12px 0;
}

.hs_cos_wrapper_type_form form div.hs-form-field label {
    color: #757575;
}

.hs_cos_wrapper_type_form form div.hs-form-field input[type="text"],
.hs_cos_wrapper_type_form form input[type="email"],
.hs_cos_wrapper_type_form form div.hs-form-field textarea {
    border-radius:4px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.7);
    color: #757575;
    padding:11px;
    border:none;
}

.hs_cos_wrapper_type_form form .hs-button {
    background:url(//cdn2.hubspot.net/hub/308777/file-321487885-jpg/images/button.jpg) repeat center center;
    border-radius:3px;
    box-shadow: 0 24px 0 rgba(255, 255, 255, 0.1) inset;
    font-family: "BigNoodle",Arial,Sans-Serif;
    font-size:24px;
    margin: 15px 0 0 0;
    padding:7px 24px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    border:none;
    color: #fff;
    display: inline-block;
}

.hs_cos_wrapper_type_form form .hs-button:hover {
    background:url(//cdn2.hubspot.net/hub/308777/file-321489470-jpg/images/button-h.jpg) repeat center center;
    color:#fff;
}

form ul{
    list-style:none !important;
}

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

.blog-pagination {}

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

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

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

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

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

#recaptcha_table td {
    line-height: 0;
}

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

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

.post-listing img{
    max-width:30%!important;
    float:right;
}

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

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

.field label {}


/* ------ Buttons ------ */
.hs-button {}
.hs-button:hover {}
.hs-button:focus {}
.hs-button:active {}

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


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

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

.footer-container .hs_cos_wrapper_type_page_footer footer {
    background:url(//cdn2.hubspot.net/hub/308777/file-318611433-png/images/footerScratch.png) no-repeat top center;
    padding-top:10px;
    text-align:center;
}

.footer-container .hs-footer-company-copyright {
    font-size: 14px;
    line-height: 36px;
}

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

.custom_body .header-container-wrapper{
    position: fixed;
    width: 100%;
}

.custom_body .body-container-wrapper {
    padding-top: 120px;
}

.custom_menu_left ul{
    float:right !important;
    margin: 0 -47px 0 0 !important;
}

.custom_logo{
    text-align:center;
    margin: 9px 0 2px;
}

.custom_menu_right ul{
    float:left !important;
    margin: 0 0 0 -34px!important;
}

.custom_menu_left ul ul,
.custom_menu_right ul ul{
    margin:0px !important;
}

.custom_phone{
    color: #ECB739;
    font-family: "BigNoodle",Arial,Sans-Serif;
    font-size:22px;
    font-weight:normal;
    cursor: pointer;
    white-space: nowrap;
}

.custom_social_icons{

}

.custom_contact{
    text-align:right;
}

.custom_designzillas{
    text-align:left;
}

.custom_contact p,
.custom_designzillas p{
    font-size:14px;
    line-height:normal;
}

.custom_footer_menu{

}

.custom_copyright{
    text-align:center;
    font-size:14px;
    line-height:normal;
    background:url(//cdn2.hubspot.net/hub/308777/file-318611433-png/images/footerScratch.png) no-repeat top center;
    padding-top:20px;
}

.custom_blog_module h3{
    font-size:30px;
    font-weight:normal;
    line-height:30px;
    color:#000 !important;
    padding:0;
    background:none;
    text-align:left;
    text-shadow:none;
}

/* ------ Mobile ------ */
/* Large desktop */
@media (min-width: 1200px) {}

/* Portrait tablet to landscape and desktop */

@media (min-width:979px) and (max-width: 1200px) {
    .header-container .custom_menu_left .hs-menu-flow-horizontal > ul > li > a,
    .header-container .custom_menu_right .hs-menu-flow-horizontal > ul > li > a{
        font-size:20px;
        padding: 5px 15px !important;
}

    .custom_phone{
        font-size:18px;
        margin: 5px 0 0 -8px !important;
}

.ebook-landing .hs-menu-wrapper > ul > li:nth-child(3) {
    margin-right: 300px;
}

.ebook-landing .hs-menu-wrapper > ul > li > a {
    padding: 5px 15px;
}


}


@media (min-width: 768px) and (max-width: 979px) {

    .custom_menu_left ul{
        margin: 0 -15px 0 0 !important;
}
    .custom_menu_right ul{
        margin: 0 0 0 -20px!important;
}

    .header-container .custom_menu_left .hs-menu-flow-horizontal > ul > li > a,
    .header-container .custom_menu_right .hs-menu-flow-horizontal > ul > li > a{
        font-size: 18px;
        padding: 5px 8px !important;
}
    .custom_phone{
        font-size:15px;
        margin: 5px 0 0 -8px !important;
}

.ebook-landing .hs-menu-wrapper > ul > li:nth-child(3) {
    margin-right: 220px;
}

.ebook-landing .hs-menu-wrapper > ul > li > a {
    padding: 0px;
}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 14px;
    }

h1 {
    font-size: 44px;
}

h2 {
    font-size: 34px;
}

h3 {
    font-size: 30px;
}

.header-container:after {
    display: none;
}

.hs-menu-wrapper {
    text-align:center;
    position: relative;
}

.ebook-landing .hs-menu-wrapper > ul > li {
    display: none;
}

    .header-container .hs-menu-flow-horizontal > ul > li,
    .body-container .hs-menu-flow-horizontal > ul > li{
        width:100%;
        text-align:center;
}
    .header-container .hs-menu-flow-horizontal > ul > li a,
    .body-container .hs-menu-flow-horizontal > ul > li a{
        max-width:none !important;
}
    .header-container .hs_cos_wrapper_type_logo{
        text-align:center;
}
    .hs-menu-flow-vertical ul ul {
        left:50% !important;
        width:auto;
}

    .footer-container .hs-menu-flow-horizontal > ul > li,
    .footer-container .hs-menu-flow-horizontal > ul > li > a {
        display:inline !important;
}

    .custom_menu_left ul,
    .custom_menu_right ul{
        float:none !important;
        margin: 0 !important;
}

    .custom_phone{
        text-align:center;
}

    .custom_contact{
        text-align:left;
}

    .custom_body .header-container-wrapper {
        position: relative;
}


}

/* Landscape phones and down */
@media (max-width: 480px) {

.ebook-landing .hs-menu-wrapper > ul > li {
    display: none;
}

}



/**
 * Description: Things used throughout.
 *
 *
 * $Colors:
 *    0. #69ac35
 *    1. #151515
 *    2. #e9e9e9  used for top border
 *    2. #959595 used on ghost form
 *    2. #bababa  used for footer link color
 *
 * $Media Queries:
 *    0. @media(max-width: 480px)
 *    1. @media(min-width: 768px) and (max-width:979px)
 *    2. @media(min-width: 979px) and (max-width:1200px)
 *
 * Check this file to reconcile against this file ::
 * https://app.hubspot.com/content/308777/template-builder/code/320389807
 */


/* ==========================================================================
   DZ Global Styles
========================================================================== */


/* Font imports */

@import url(http://fonts.googleapis.com/css?family=Merriweather:400italic,400,700,700italic);

@import url(http://fonts.googleapis.com/css?family=Raleway:700,400);

/* End Font imports */


html {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}


body {
    margin: 0;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700;
}


/* ==========================================================================
   END DZ Global Styles
========================================================================== */




/* ==========================================================================
   DZ Helper Styles
========================================================================== */

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.cf:before,
.cf:after,
.clearifx:before,
.clearfix:after {
    display: table; /* 2 */

    content: ' '; /* 1 */
}

.cf:after,
.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf,
.clearfix {
    *zoom: 1;
}


.center {
    text-align: center;
}

.fl,
.float-left {
    float: left;
}

.fr,
.float-right {
    float: right;
}

/* Font Colors */

.white {
    color: white;
}

.serif {
    font-family: 'Merriweather', sans-serif !important;
}

/* add yourself a border */
.border-top { border-top: 1px solid #e9e9e9; }
.border-bottom { border-bottom: 1px solid #e9e9e9; }

/*
 * DZ List style to be used with icon images in the list
 * <ul class="dz-list-image">
 *    <li><img> text is here </></>
 *    <li><img> text is here </></>
 *  </>
 */

.dz-list-image {
    padding-left: 12px;
    list-style-type: none;
    margin: 40px 0;
}

.dz-list-image li {
    font-weight: bold;
    margin-bottom: 30px;
    overflow: hidden;
    line-height: 1.7;
}

.dz-list-image img {
    margin: 0 25px 0 0 !important;
    float: left;
}

/* ==========================================================================
   END DZ Helper Styles
========================================================================== */


/* ==========================================================================
   DZ Objects
  ========================================================================== */

.btn {
    font-family: sans-serif;
    font-weight: bold;
    line-height: 1.5em;

    display: inline-block;

    padding: 6px 18px;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    color: rgb(255, 255, 255);
    border-radius: 6px;
    background-color: rgb(254,161,40);
    text-shadow: none;

    -webkit-font-smoothing: antialiased;
         -o-user-select: none;
}


/* ==========================================================================
   END DZ Objects
  ========================================================================== */




/* ==========================================================================
Layout
========================================================================== */

/**
* Must wrap each template section with this code
* This can be done by clicking the gear & down arrow to the right of the wrapping container of
* each section block in the template and then selecting "edit CSS declaration" then inserting
* the code below in the "Custom Wrapping HTML (advanced)" input
*
* <div class="dz-wrapper"><div class="dz-container cf"></div></div>
*
* Have to address issue where the row-fluid-wrapper class has a margin: 1% 2% and width: 96%
*
* @tag layout
*
* TODO: investigate if this fix works well or that we can leverage the hubspot grid better
* & get rid of hacky code below for the full width banner code...
*
*/

.dz-wrapper {
    position: relative;
    overflow: hidden; /* not used to clearfix -- use .cf or .clearfix for that */
    padding: 70px 0;
}

.dz-container {
    float: none; /* removes the existing float so we can center the content */
    margin: 0 auto;
    width: 100%;
}

@media (min-width: 480px) {
    .dz-container {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .dz-container {
        width: 768px;
    }
}

@media (min-width: 1024px) {
    .dz-container {
        width: 980px;
    }
}

@media (min-width: 1280px) {
    .dz-container {
        width: 1200px;
    }
}


/* ==========================================================================
   END Layout
  ========================================================================== */




/* ==========================================================================
  DZ header area
  ========================================================================== */

/* this is to override the header */

.header-container-wrapper {
    position: relative;
    z-index: 20;

    height: 60px !important;
    padding: 0 !important;

    background: none !important;
    background-color: #151515 !important;
    border-bottom: 1px solid #69ac35;
}


/* this is to override the logo */

.header-container .hs_cos_wrapper_type_logo {
    margin: 8px 0 0 0;
}

.hs_cos_wrapper_type_logo img {
    width: 215px !important;
    height: 31px !important;
}

/* ==========================================================================
   END DZ header area
  ========================================================================== */



/* ==========================================================================
   DZ Banner Container Styles
  ========================================================================== */


.widget-type-image_slider {
    overflow: hidden;
}

.widget-type-image_slider ul {
    margin: 0;
    padding: 0;

    list-style-type: none;
}


#banner-container {
    position: relative;
    z-index: 10;
    overflow: hidden;
}


@media (min-width: 768px) and (max-width: 1024px) {
    #banner-container {
        /* max-height: 375px; */ 
    }
}

@media (min-width: 1024px) {
    #banner-container {
        /* max-height: 515px; */
    }
}

#banner-container__text {
    padding: 20px 5% 20px;
    background: url('//cdn2.hubspot.net/hubfs/308777/images/banner-img-bg.jpg?t=1447426824209') top center no-repeat;
    background-size: cover;
}

@media (min-width: 768px) and (max-width: 1024px) {
    /*#banner-container__text {
        top: 82px;
        left: 50%;
        width: 750px;
        margin-left: -325px;
        text-align: left;
    }*/
}

@media (min-width: 768px) {
    
}

@media (min-width: 1024px) {
    #banner-container__text {
        position: absolute;
        z-index: 200;
        top: 55px;
        left: 50%;
        width: 1200px;
        margin-left: -600px;
        padding: 0px;
        background: none;
    }
}

#banner-container__text h2 {
    font-family: 'Montserrat', sans-serif!important;
    color: #66cf28;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1em;
    text-align: center;
}

#banner-container__text h3 {
    font-family: 'Montserrat', sans-serif!important;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1em;
    text-align: center;
}

#banner-container .banner-image-container img {
    width: auto!important;
    max-height: 150px;
    margin: 0 auto 20px;
    display: block;
}

.banner-pre-headline {
    font-family: 'Merriweather', sans-serif !important;
    font-style: italic;
    font-size: 24px;
    font-weight: lighter;
    color: #fff;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    #banner-container img {
        width: 100%!important;
    }
    #banner-container__text h2 {
        font-size: 34px;
        margin-bottom: 10px;
        text-align: left;
    }
    #banner-container__text h3 {
        margin-bottom: 30px;
        text-align: left;
    }
    #banner-container .banner-image-container img {
        max-height: initial;
        margin: 0 0 20px;
    }
}

@media (min-width: 1024px) {
    #banner-container__text h2 {
        font-size: 55px;
        line-height: 56px;
    }
}

#banner-container:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;

    width: 2000px;
    height: 100%;
    margin-left: -1000px;

    content: '';
}

/* add the green arrow shaped bottom banner thing here */
#banner-container:after {
    /*content: '';
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    height: 100px;
    width: 2000px;
    margin-left: -1000px;
    background: url('//cdn2.hubspot.net/hub/308777/file-1852380991-png/Pinktober_2014/drips-pink.png') repeat-x center top/contain;*/
}

.banner-bg-img-container {
    display: none!important;
}

.banner-bg-img-container img {
    min-height: 700px;
}

@media (min-width: 1024px) {
    .banner-bg-img-container {
        display: block!important;
        max-height: 700px;
        overflow: hidden;
    }
}

/* ==========================================================================
   END DZ Banner Container Styles
  ========================================================================== */





/* ==========================================================================
   Body Sections
  ========================================================================== */


.body-container-wrapper {
    padding: 20px 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .body-container-wrapper {
        padding: 40px 0;
    }
}

@media (min-width: 1024px) {
    .body-container-wrapper {
        padding: 75px 0;
    }
}

/* 100% width banner code
 ========================================================================== */

/*
 * this is hacky to make the banner region full width but the body section
 * constrained. Consider alternate method for doing this.
 *
 * if you are creating a full width banner page - add .full-width-banner-page
 * class to the body of the templae
 *
 * 1. need to remove the padding of the .body-container-wrapper for this
 * special layout with full width banner
 */

.full-width-banner-page .body-container-wrapper {
    padding: 0; /* 1 */
}

.full-width-banner-page .body-container-wrapper .row-number-1 {
    margin: 0 auto !important;
}

.full-width-banner-page .body-container > .row-number-1 {
    width: 100% !important;
}


@media (min-width: 768px) {
    .full-width-banner-page .container-fluid {
        max-width: 100%;
        margin: 0 auto;
    }
}


@media (min-width: 1024px) {
    .full-width-banner-page .body-container > div:nth-child(2) > div.row-fluid {
        width: 1200px;
        margin: 0 auto;
    }
}


.full-width-banner-page .body-container-wrapper .body-container > div:nth-child(2) {
    padding: 0 20px;
}

@media (min-width: 768px) {
    .full-width-banner-page .body-container-wrapper .body-container > div:nth-child(2) {
        margin: 70px auto 50px auto !important;
    }
}



/*
 * this is styled for layouts with two columns and content left
 * .full-width-banner - consider making this code less specific
 * relies on putting a class .body-content--left on the section
 */
 
.body-container-fluid {
    padding-top: 20px;
}

.body-container-fluid h2 {
    font-family: 'Merriweather', serif!important;
    font-size: 20px;
    color: #66cf28;
    font-weight: 400;
    font-style: italic;
    text-align: center;
    line-height: 1.2;
    margin: 0 0 20px 0;
}

.body-container-fluid ul {
    list-style: none;
}

.body-container-fluid ul li {
    position: relative;
}

.body-container-fluid ul li:before {
    position: absolute;
    content:'•';
    color: #66cf28;
    left: -15px;
    font-size: 24px;
}

.body-container-fluid p {
    font-size: 16px;
    line-height: 1.8;
}

.body-container-fluid img {
    margin: 40px 0;
}

@media (min-width: 979px) {
    .body-container-fluid img {
        margin-bottom: 0;
    }
}


@media (min-width: 768px) {
    .body-container-fluid {
        padding-top: 0px;
    }
    .body-container-fluid h2 {
        font-size: 34px;
        text-align: left;
    }
}

/* End of 100% width banner code
 ========================================================================== */

/* Banner Form
 ========================================================================== */
 
 .hs_cos_wrapper_type_form {
    display: block;
    background: url('//cdn2.hubspot.net/hubfs/308777/images/bg-form-pattern.png?t=1447426823992') top left repeat;
    border-radius: 0;
}

#blog-comment-form, .hs_cos_wrapper_type_form form {
    padding: 0px 25px 20px;
}

h3.form-title {
    font-family: 'Montserrat', sans-serif!important;
    font-size: 18px;
    background: #66cf28;
    border-radius: 0px;
    text-transform: uppercase;
    position: relative;
    font-weight: 700!important;
    padding: 12px;
    text-align: center!important;
}

h3.form-title:before {
    position: absolute;
    content: '';
    width: 36px;
    height: 36px;
    background: #66cf28;
    bottom: -18px;
    left: 50%;
    margin-left: -18px;
    transform: rotate(45deg);
    border-radius: 50px 0 0 0;
}

.hs_cos_wrapper_type_form form div.hs-form-field label {
    color: #ffffff;
}

.hs_cos_wrapper_type_form form div.hs-form-field input[type="text"],
.hs_cos_wrapper_type_form form input[type="email"],
.hs_cos_wrapper_type_form form input[type="tel"],
.hs_cos_wrapper_type_form form div.hs-form-field textarea {
    border-radius: 0px;
    box-shadow: none;
    padding: 8px 11px;
    border: 2px solid #d4d4d4;
    font-size: 18px;
}

.hs_cos_wrapper_type_form form .hs-button {
    font-family: 'Montserrat', sans-serif!important;
    background: #66cf28;
    color: #fff;
    border-radius: 0px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 400;
    padding: 20px 24px;
    text-transform: uppercase;
    margin: 30px auto 0;
    display: block;
}

.hs_cos_wrapper_type_form form .hs-button:hover {
    background: #66cf28;
}

@media (min-width: 768px) {
        h3.form-title {
        padding: 20px;
    }
    #blog-comment-form, .hs_cos_wrapper_type_form form {
        padding: 15px 50px 30px;
    }
    .hs_cos_wrapper_type_form form div.hs-form-field input[type="text"],
    .hs_cos_wrapper_type_form form input[type="email"],
    .hs_cos_wrapper_type_form form input[type="tel"],
    .hs_cos_wrapper_type_form form div.hs-form-field textarea {
        padding: 14px 11px;
    }
}


@media (min-width: 1024px) {
    
}


/* Share Container
 ========================================================================== */

.share-container {
    background: #222321;
    text-align: center;
    padding: 0 15px 15px;
}

.hs_cos_wrapper_type_social_sharing {
    position: relative;
    margin-left: 130px;
}

.hs_cos_wrapper_type_social_sharing:before {
    position: absolute;
    content: 'Share This Page';
    font-family: 'Montserrat', sans-serif!important;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    top: 0px;
    left: -125px;
}

.hs_cos_wrapper_type_social_sharing a {
    margin-right: 5px;
}

.hs_cos_wrapper_type_social_sharing a:nth-child(5),
.hs_cos_wrapper_type_social_sharing a:nth-child(6) {
    display: none;
}

@media (min-width: 768px) {

}


@media (min-width: 1024px) {
    
}



/* ==========================================================================
   END Body Sections
========================================================================== */




/* ==========================================================================
   Page Specific
========================================================================== */


/* Webinar Template Specific Markup
========================================================================== */

.webinar--content__wrapper {
    margin-bottom: 40px;
}

@media (min-width: 480px) {
    .webinar--content__wrapper {
        margin-bottom: 0;
    }
}

.webinar--content__hostname-date {
    margin-bottom: 30px;

    text-align: center;

    border-bottom: 1px solid #e9e9e9;
}

@media (min-width: 480px) {
    .webinar--content__hostname-date {
        text-align: left;
    }
}

.webinar--content__hostname-date .row-number-11,
.webinar--content__hostname-date .row-number-12 {
    float: none;
}

/* elminate the float so the content middle aligns in mobile */

@media (min-width: 480px) {
    .webinar--content__hostname-date .row-number-11,
    .webinar--content__hostname-date .row-number-12 {
        float: left;
    }
}

.webinar__host-image img {
    margin: 0 40px 0 0;
}

.webinar__host-name {
    font-size: 22px;
    font-weight: 700;

    color: #151515;
}

.webinar__host-title {
    font-size: 18px;
}

.webinar__date-time--wrapper {
    margin-top: 10px;
    padding: 10px 0;
    /*border-bottom: 1px solid #e9e9e9;*/

    color: #151515;
    border-top: 1px solid #e9e9e9;
}

.webinar__host-name-date-time {
    margin-top: 20px;
}

.webinar__date {
    background: url(//cdn2.hubspot.net/hub/308777/file-2030109526-png/images/icons--webinar-date.png) no-repeat 115px center transparent;
}


.webinar__time {
    background: url(//cdn2.hubspot.net/hub/308777/file-2027606053-png/images/icons--webinar-time.png) no-repeat 115px center transparent;
}

@media (min-width: 480px) {
    .webinar__date,
    .webinar__time {
        padding-left: 30px;

        background-position: left center;
    }
}


.webinar__benefits-list li {
    margin-bottom: 20px;
}

.webinar__benefits-list li:last-child {
    margin-bottom: 0;
}


/* END Webinar Template specific styles
========================================================================== */



/* thanks you page [eBook]
========================================================================== */

/*
 * ebook dl - main offer section
 */

.ebook-download__ebook--img {
    position: relative;
    top: 40px;
    left: 20px;
}



.ebook-download__main--header h1 {
    font-size: 35px;
    line-height: 1.3;
}

/* lap */
@media (min-width: 768px) and (max-width: 1024px) {
    .ebook-download__main--header h1 {
        font-size: 45px;
    }
}

/* desk */
@media (min-width: 1024px) {
    .ebook-download__main--header h1 {
        font-size: 55px;
    }
}



.cta__back--text {
    font-size: 14px;

    display: block;

    margin: 10px 0 30px;
}


/*
 * ebook CTA button styling - this shouldn't exist - need it to use default
 * style but for now it is here
 */

.ebook--down-load {
    font-size: 24px !important;
    font-weight: 700 !important;

    margin-top: 20px;
    padding: 10px 40px !important;
}


/*
 * additional resources section - bottom of main offer
 */

.section__additional-resources {
    margin-top: 90px;
    padding-top: 50px;

    border-top: 1px solid #e9e9e9;
}

@media (min-width: 768px) {
   .section__additional-resources {
        margin-top: 40px;
        padding-top: 60px;

        border-top: 1px solid #e9e9e9;
    }
}


/*
 * each book listing block
 */
.section__additional-resources .widget-type-cell {
    margin-bottom: 50px;
}

/* remove the mobile styling */
@media (min-width: 768px) {
    .section__additional-resources .widget-type-cell {
        margin-bottom: 0;
    }
}


/*
 * each book image link
 */
.additional-resources--ebook-img  a {
    display: block;

    margin-bottom: 20px;

    text-align: center;
}



.section__additional-resources div {
    position: relative;
}

.section__additional-resources .section__header {
    line-height: 1;

    margin-bottom: 60px;

    text-align: center;
}

.section__additional-resources .section__header h2 {
    font-size: 45px !important;
}

.additional-resources--ebook-title {
    font-weight: bold;

    text-align: center;
    text-transform: capitalize;

    color: #000;
}


.additional-resources--ebook-img {
    position: relative;
    top: 0;

    max-height: 320px;

    -webkit-transition: all .4s ease;
       -moz-transition: all .4s ease;
         -o-transition: all .4s ease;
            transition: all .4s ease;
}


.additional-resources--ebook-img:hover {
    top: -5px;
}



/* eBook Extended Design (with video in the banner) * need to refactor all code above
   ========================================================================== */

/*

@media (min-width: 480px) {
}

@media (min-width: 768px) {
}

@media (min-width: 1024px) {
}

@media (min-width: 1280px) {
}

*/

/*
 * This is to overwrite code from earlier that needs to be removed once i can address
 * the templages currently using it (ebook -regular / webinar) and change the markup
 * of the form section to use the <div class="dz-wrapper"><div class="dz-container"></></>
 */

.ebook-extended-page.full-width-banner-page .body-container-wrapper .body-container > div:nth-child(2) {
    margin: 0 !important;
}



/*
 * This is to fix a style that is universal but shouldn't be and this template is picking it up
 */

.ebook-extended-page.full-width-banner-page .body-content--left img {
    margin: 0;
}


/* general / basic container layout */
.interior-banner {
    padding: 40px 0;
    background-color: #eb903f;
}

@media (min-width: 1024px) {
    .interior-banner {
        padding: 80px 0;
    }
}

/* make the image a pseduo background image */
.interior-banner--bg-image img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    min-height: 100%;
    min-width: 100%;
}

/* content */
@media (min-width: 768px) {
    .interior-banner--content {
        width: 50% !important;
        margin: 0 auto !important;
        float: none !important;
    }
}

.interior-banner--content.white h2 {
    color: #fff;
    margin-bottom: 30px;
}


/* use of !important is to override an id selector that hubspot is using!! */
.interior-banner .btn-ghost--white,
.ghost-btn-white {
    text-transform: capitalize !important;
    padding: 15px 30px 10px 30px !important;
    line-height: 30px !important;
    background-color: transparent;
    border: 1px solid #fff;
    transition: all 0.5s;
}

.interior-banner .btn-ghost--white:hover,
.ghost-btn-white:hover {
    background: #fff !important;
    border-color: #fff !important;
    color: #69ac35 !important;
}

.interior-banner .btn-ghost--white span,
.ghost-btn-white {
    font-size: 28px !important;
    font-weight: 800 !important;
}

.interior-banner h2 {
    font-family: 'Merriweather', sans-serif !important;
    font-style: italic;
}


/* partner logos */


.partner-logos--wrapper {
    padding: 60px 0;
}

.partner-logos .hs_cos_wrapper_type_linked_image {
    text-align: center;
}



@media (min-width: 480px) {
    .partner-logos {
        margin: 0 auto !important;
        width: 97% !important;
        float: none !important;
    }
}


.partner-logos img {
    margin: 1.4%;
}

@media (min-width: 480px) {
    .partner-logos img {
        width: 79px !important;
        float: left;
    }
}

@media (min-width: 768px) {
    .partner-logos img {
        width: 125px !important;
    }
}

@media (min-width: 1024px) {
    .partner-logos img {
        width: 168px !important;
    }
}

@media (min-width: 1280px) {
    .partner-logos img {
        width: 200px !important;
    }
}


/*
 * this is a hack to remove the padding that the row-fluid-container gives to all elments
 * on the page! Have to target just this template for now so i can address other templates
 * using the same css sheet later
 */

@media (min-width: 480px) {
    .ebook-extended-page .body-container-wrapper .body-container > .row-fluid-wrapper {
        width: 100%;
        margin: 0;
    }
}


/* this is here cause it relates a little but needs to be evaluated to see... */
.ebook-extended-page .footer-container-wrapper .footer-container > .row-fluid-wrapper {
    margin: 0 auto !important;
}


/* rebuild the full width banner !!!
   ========================================================================== */


.banner-wrap .dz-wrapper {
    background-color: #eb903f;
}

.ebook-extended-page .banner-wrap h2 {
    font-family: 'Merriweather', sans-serif !important;
    font-size: 26px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.2;

    margin-bottom: 20px;

    color: #fff;
}

.banner-content-left,
.banner-content-right {
    z-index: 10;
    position: relative;
}

.banner-content-left {
    margin-bottom: 20px;
}

.banner-content-left .banner-cta .cta_button {
    background: transparent;
    border: 1px solid #fff;
    padding: 13px 51px;
    color: white;
    transition: all 0.5s;
    font-size: 28px;
    font-weight: bold;
}

.banner-content-left .banner-cta .cta_button:hover {
    background: #fff;
    color: #69ac35;
}

.banner-pre-headline {
    font-family: 'Merriweather', sans-serif !important;
    font-style: italic;
    font-size: 24px;
    font-weight: lighter;
    color: #fff;
    margin-bottom: 20px;
}



/* position the image */

.banner-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.banner-image img {
    display: none;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
}


@media (min-width: 480px) {
    .banner-image img {
        display: block;
    }
}


@media (min-width: 768px) {
    .banner-wrap .dz-wrapper {
        padding: 90px;
    }
}


@media (min-width: 1024px) {
    .ebook-extended-page .banner-wrap h2 {
        font-size: 55px;
    }
}


@media (min-width: 1280px) {
}


/* this is page specific content for the child care layout template ebook
   ========================================================================== */

@media (min-width: 768px) {
    .ebook-ex--ebook-content--wrap #hs_cos_wrapper_module_14249682748906073 img {
        margin-top: 16%;
    }
}


/* ==========================================================================
   END Page Specific
========================================================================== */



/* ==========================================================================
   DZ footer :: custom module
   ========================================================================== */

/* @media() chanage footer contact info display
 *
 * 1. remove the margin top on large displays
 */

.dz_footer {
    margin: 20px 0 0 0;
    padding: 40px 0 0 0;

    text-align: center;

    border-top: 1px solid #e9e9e9; ;
}

@media (min-width: 768px) {
    .dz_footer {
        margin: 0; /* 1 */
    }
}



/* footer site links menu section
========================================================================== */

.footer__social-media {
    margin: 20px 0;
}

.footer__social-media a {
    margin: 0 10px 0 0;
}



/* contact information section
========================================================================== */

.footer__contact-link {
    margin-top: 20px;
}

@media (min-width: 1024px) {
    .footer__contact-link {
        margin-top: 0;
    }
}

.footer__contact-link a {
    display: block;

    padding: 5px;
}

/* @media() chanage footer contact info display
 *
 * 1. make inline-block so info moves to flow next to each other
 * 2. add padding and margin for layout and borders / dividers
 * 3. add borders to the left as dividers between content
 * 4. remove the extra padding and margins
 * 5. remove the extra borders for non mobile displays on last item
 */

@media (min-width: 768px) {
    .footer__contact-link a {
        display: inline-block; /* 1 */

        margin: 0; /* 2 */
        padding: 0 10px 0 0;

        border-top: 0; /* 3 */
        border-right: 1px solid #e9e9e7;
        border-bottom: 0;
    }

    .footer-contact-info__link:last-child {
        margin-right: 0; /* 4 */
        padding-right: 0; /* 4 */

        border: none; /* 5*/
    }
}



/* footer site links menu section
========================================================================== */

.footer-site-links {
    margin-top: 20px;
}

.footer-site-links ul {
    list-style: none;
}

.footer-site-links .menu {
    margin: 0;
    padding: 0;
}

.footer-site-links .leaf {
    display: block;

    margin: 0;
    padding: 10px;

    border-top: 1px solid #e9e9e9;
    border-right: none;
    border-left: none;
}

.footer-site-links .leaf.last {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

/* @media() chanage footer menu display
 *
 * 1. make inline-block so info moves to flow next to each other
 * 2. add padding and margin for layout and borders / dividers
 * 3. add borders to the left as dividers between content
 * 4. remove the extra borders for non mobile displays on last item
 */

@media (min-width: 768px) {
    .footer-site-links .leaf {
        display: inline-block; /* 1 */

        margin: 10px 10px 10px 0; /* 2 */
        padding: 0 10px 0 0; /* 2 */

        border-top: 0; /* 3 */
        border-right: 1px solid #e9e9e7;
        border-bottom: 0;
    }

    .footer-site-links .leaf.last {
        border: none; /* 4*/
    }
}

.footer-site-links .last {
    margin-right: 0;

    border: none;
}

.footer-site-links li a {
    font-size: 14px;

    color: #bababa;
}

.footer-site-links li a:hover {
    color: #69ac32;
}



/* copyright / dz link section
========================================================================== */

/* @media() copyright section
 *
 * 1. control the width of the divider and make it reponsive
 * 2. add hr
 */

.copyright-info {
    font-size: 12px;
    line-height: 1.6;

    margin: 20px auto 0 auto;

    color: #bababa;
}


@media (min-width: 768px) {
    .copyright-info {
        max-width: 90%; /* 1 */
        padding: 40px 0 0 0;

        border-top: 1px solid #e9e9e9; /* 2 */
    }
}


.copyright-info .footer-copyright {
    margin: 0 0 20px 0;
}

/* ==========================================================================
   END DZ footer :: custom module
   ========================================================================== */








/*****************************************************************************************************************************************************************************************
SPECIFIC OVER-RIDES
*****************************************************************************************************************************************************************************************/

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

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

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

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




/* Full Width Content Container */