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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.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. 
*/

/* ------ Custom fonts (http://www.google.com/fonts) ------ */

@font-face {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  src: url("//cdn2.hubspot.net/hubfs/1604661/script/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), 
  url("//cdn2.hubspot.net/hubfs/1604661/script/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), 
  url("//cdn2.hubspot.net/hubfs/1604661/script/fontawesome-webfont.woff?v=4.3.0") format("woff"), 
  url("//cdn2.hubspot.net/hubfs/1604661/script/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), 
  url("//cdn2.hubspot.net/hubfs/1604661/script/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}



/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */
 /* Used on '.sm-page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */
 /* Used on '.sm-page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */

.page-center {
    float: none;
    max-width: 1080px;
    margin: 0 auto;
    padding:0 20px;

}

.sm-page-center {
   float: none;
   max-width: ;
   margin: 0 auto; 
}

.xs-page-center {
   float: none;
   max-width: 580px;
   margin: 0 auto; 
}

/* Padding */
.padding100tb {
    padding: 100px 0px;
}
.padding80tb {
    padding: 80px 0px;
}
.padding60tb {
    padding: 60px 0px;
}
.padding50tb {
    padding: 50px 0px;
}
.latest-news.padding50tb {
    padding: 50px 0px 0px 0px;
}
.padding40tb {
    padding: 40px 0px;
}
    footer .padding40tb {
        padding: 40px 0px 0px 0px;
    }
.padding30tb {
    padding: 30px 0px;
}
.padding20tb {
    padding: 20px 0px;
}



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

body {
    margin: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}



a {
    color: #1D8CC2;
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: none;
    color: #135C7F;
}

img {}


/* ------ Typography ------ */
/* Basic text */
p{
    font-size: 15px;
    line-height: 25.5px;
    color: #777777;
}
small {}
strong {}
em {}
cite {}

/* Headings */
h1, h2, h3, h4, h5, h6 {}

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

h1 {
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #079C6A;
}
h2 {
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    color: #079C6A;
}
h3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #005D8E;
}
h4 {}
h5 {}
h6 {}

.container-fluid h3.form-title {}

/* Lists */
ul {
    list-style: square;
}

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 {
    background-color:#fff;
}
.body-container-wrapper {}
.footer-container-wrapper {
    background: #018e46; 
}

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

.header-container {}
.body-container {
    padding-top: 40px;
    padding-bottom: 20px;
}
.footer-container {
    padding-top: 15px;
    padding-bottom: 20px;
}

.footer-container .hs_cos_wrapper_type_page_footer footer {
    text-align: center;
}

.footer-container .hs-footer-company-copyright {
    font-size: 11px;
    font-weight: bold;
    color: #AAAAAA;
}


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


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

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {
    margin: 0px 0 25px -5px;
    max-width: 432px; 
}

 


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

.header-container .hs-menu-flow-horizontal > ul {
    background-color:#018e46;
    padding-left: 10px;
}

.header-container .hs-menu-flow-horizontal > ul > li > a {
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    padding: 6px 13px 18px 5px;
    color: #ffffff;
    /*margin: 3px auto 0px;*/
}

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

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

.header-container .hs-menu-flow-horizontal ul ul li a:hover {
    color: #1D527F;
}

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

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

.body-container .hs-menu-flow-horizontal > ul {
    background: url(//cdn2.hubspot.net/hub/301048/file-282824364-jpg/images/menu-bg.jpg) repeat top left;
    padding-left: 10px;
}

.body-container .hs-menu-flow-horizontal > ul > li > a {
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    padding: 6px 13px 18px 5px;
    text-transform: uppercase;
    color: #ffffff;
}

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

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

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

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

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

.footer-container .hs-menu-flow-horizontal > ul > li > a {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #CCCCCC;
}

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

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

.footer-container .hs-menu-flow-horizontal ul ul li a:hover {
    text-decoration: none;
    color: #1D527F;
}

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

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

.hs-menu-flow-vertical > ul > li > a {
    padding: 5px 0 !important;
    font-size: 15px;
    line-height: 25.5px;
}

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

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

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


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

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

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

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

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

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

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

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

.hs_submit {}

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

.blog-pagination {}

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


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

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

.field label {
    font-size: 15px;
    line-height: 25.5px;
    color: #777777;
}


/* ------ Buttons ------ */
.hs-button {
    margin: 10px 0;
    display: inline-block;
}
.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 {}


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

.custom-logo img {
    margin: 15px 0 21px 8px;
}

.custom-logo.without-menu {
    margin: 15px 0 50px 8px;
} 

.custom-header-links {
    padding: 2px 33px 0 40px;
    text-align: right;
    color: #555555;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    letter-spacing: -0.75px;
    line-height: 1.95em;
}

.custom-header-links a {
color: #222222;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10.5px;
    font-weight: bold;
    margin-left: 7px;
    text-decoration: none;
    text-transform: none;
}

.custom-header-links a:hover {
    color: #175181;
    letter-spacing: -0.75px;
    text-decoration: underline;
}

.custom-footer-address p {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 20px;
}

.custom-footer-address p a:hover,
.custom-footer-address p a {
    color: #FFFFFF;
    text-decoration: underline;
}

.custom-footer-menu p,
.custom-footer-menu p a {
    font-size: 12px;
    line-height: 20px;
    text-transform:uppercase;
    color: #CCCCCC;
}

.custom-footer-menu a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.custom-page-footer p.copyright {
    font-size: 11px;
    font-weight: bold;
    color: #AAAAAA;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.custom-page-footer p.text {
    color: #cccccc;
    font-size: 10px;
    line-height: 10.5px;
    font-weight: normal;
    display: block;
    text-align: left;
}

.hs-form-booleancheckbox {
    list-style: none;

}

form ul.inputs-list {
    padding-left: 0;
}


/*======header_top======*/ 
.row-fluid .header_top { padding-top: 25px; }
.row-fluid .header_top .left_logo img { max-width:390px; }
.row-fluid .feturnight-img img { max-width:110px;  }
.row-fluid .feturnight-img { margin-top: -9px; margin-left: -15px; }
.row-fluid .header_main { margin-bottom:11px; } 

.row-fluid .custom-menu-primary { position:relative; padding:0; }  
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(6) ul { right:0 !important; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5) ul { right:0 !important; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4) ul { right:0 !important; }
  
/*======footer_section===*/
.row-fluid .footer_section .custom-footer-address p { font-size: 15px; margin-top: 0; line-height: 1.7em; }
.row-fluid .footer_section .custom-page-footer { margin: 0 auto; max-width: 1000px; float: none;}




/* ------ Mobile ------ */
/* Large desktop */
@media (min-width: 1200px) {}
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .custom-header-links {
        padding: 49px 0px 0;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .page-center {
    float: none;
    max-width: 1080px;
    margin: 0 auto;
    padding:0 20px;
}

   .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;
    }
    
    
    .hs-menu-wrapper ul ul {
        left: 50% !important;
        width: auto;
    }
    .header-container .hs-menu-flow-horizontal > ul,
    .body-container .hs-menu-flow-horizontal > ul {
        padding: 0;
    }
    .custom-header-links {
        padding: 0;
    }
    .custom-header-links {
        text-align: center;
    }
    .custom-header-links a {
        font-size: 9px;
    }
}
     
/* Landscape phones and down */
@media (max-width: 480px) {
.page-center {
    float: none;
    max-width: 1080px;
    margin: 0 auto;
    padding:0 10px;
}
}

/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary {
    font-family: 'Open Sans', sans-serif;
    margin-left: 0 !important;
    padding:0px 15px;
    width: auto !important;
    margin-top: 3px;
}
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:;
  margin-bottom:-1px !important;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li:first-child > a {

}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
    padding: 0px 14px 0 20px;
    transition: all 0.15s ease-in-out 0s;
    color: #eeeeee;
    font-size: 12px;
    line-height: 1.3;
}

.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4) > a {
    font-weight: bold;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
    color: #333333;
    background-color:#009F4E;
    text-decoration: none;
}

.custom-menu-primary .hs-menu-wrapper > ul > li.active-branch > a {
      color: #fff;
    background-color:#009F4E;
    text-decoration: none;  
}

.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a {
    font-weight: bold;
    padding: 15px;
    /*padding-top:15px;
    padding-bottom:15px;*/
}
.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:after {
    content: "";
    display: inline-block;
    font: 100 12px/1 FontAwesome;
    margin: 0 0 0 7.5px;
    text-rendering: auto;
    transform: translate(0px, 0px);
    position: relative;
    top: -1.5px;   
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    background: #EBE7E0;
}

.custom-menu-primary .hs-menu-wrapper > ul ul ul{
   border: 0px solid #009f4e;
   box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
    background: #EBE7E0;
}

.custom-menu-primary .hs-menu-wrapper > ul ul:after {

}

 

.hs-menu-item .hs-menu-depth-4{
        text-indent: 0px;
    padding-left: 10px;
}


.custom-menu-primary .hs-menu-wrapper > ul ul li a{
    padding: 3px 15px;
    transition: all 0.15s ease-in-out 0s;
    color: #777777;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.3;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
    color: #009F4E;

    text-decoration: none;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a{
      overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
      overflow: visible !important;
  max-width: none !important;
  white-space: normal;
    width: 280px !important;
}

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

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:980px) {
      .custom-menu-primary .hs-menu-wrapper { 
          display:block !important;
      }
  }


@media (min-width: 981px) {
/* BIG SUBMENU */
.custom-menu-primary .hs-menu-wrapper > ul > li ul li ul {
    left: 0 !important;
    opacity: 1 !important;
    position: relative !important;
    visibility: visible !important;
    display: none !important;
}
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):hover ul li ul,
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):hover ul li ul,
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):hover ul li ul,
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4):hover ul li ul,
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5):hover ul li ul,
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(6):hover ul li ul{
    display: block !important;
}
.custom-menu-primary .hs-menu-wrapper > ul > li ul {
    /*width: 60% !important;*/
}
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1), 
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2),
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3),
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4),
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5),
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(6){
    position: static;
}

.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):hover, 
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):hover,
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):hover,
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4):hover,
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5):hover,
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(6):hover{
    background:#009F4E;
}

.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):hover a, 
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):hover a,
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):hover a,
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4):hover a,
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5):hover a,
.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(6):hover a{
    color: #333;
}

.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4) ul{
    right:400px;
}

.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5) ul{
    right:294px;
}

.custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(6) ul{
    right:141px;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > ul > li {
    color: #777777 !important;
    float: left;
    font-size: 12px;
    font-weight: 700;
    padding: 0 80px 0 20px;
    text-align: left;
    vertical-align: top;
    width: 33%;
    margin: 10px 2px;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > ul > li a{
    color: #777777 !important;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > a {
    border-bottom: 0px;
    padding: 150x 0;
    color: #777777;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > ul > li a:hover,
.custom-menu-primary .hs-menu-wrapper > ul > li > ul > li.active-branch > a {
    color:#018e46 !important;
    text-decoration: none;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul {
    border: 0;
    margin-top: 10px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li > a {
    line-height: 1.3;
    padding-left: 0;
    padding-right: 0;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li > ul > li > a {
    padding-left: 0;
    padding-right: 0;
    font-weight:500;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li > ul > li > ul > li > a {
    font-weight:500;
    padding-left: 40px;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li > ul > li > a:before {
        content: '\f0da';
    display: inline-block;
    font: 100 12px/1 FontAwesome;
    margin: 0px 2px 0 5px;
    color: #018e46;
}

.custom-menu-primary .hs-menu-wrapper > ul > li ul:after {
    display: none;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a {
    position: relative;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:before {

}
.custom-menu-primary .hs-menu-wrapper > ul > li:hover > a:before {
    display: block;
}

.hs-menu-wrapper ul{
        padding-left: 10px;
    }

}



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


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


@media (min-width: 981px) and (max-width: 1240px){ 
    
    .row-fluid .header_top .left_logo img { max-width:350px; }
    .row-fluid .header_top .custom-header-links { padding:2px 30px 0 0;}
    
}

@media (min-width: 768px) and (max-width: 980px){ 
    
    .row-fluid .header_top .left_logo { width:100%; text-align:center;}
    .row-fluid .header_top .header_right {width:100%;} 
    .row-fluid .header_top .custom-header-links { padding:0; }  
    .row-fluid .header_top .feturnight-img { padding:0; }  
    
    .menu_top .custom-menu-primary.js-enabled .hs-menu-wrapper { width:300px; left:-300px; }
    .row-fluid .menu_top .custom-menu-primary .hs-menu-wrapper .child-triggerm { min-width:50px !important; padding:10px !important; height: 53px !important; border:0; }
    .mobile-open .menu_top a.mobile-trigger { left:300px;}
    .row-fluid .header_top .header_main .custom-header-links a { margin-bottom:0; }
    
    .row-fluid .blank_space { display:none; }
    .row-fluid .footer_box { width:33.33%; float:left; margin-left:0;}
    .footerimg_1 img { max-width:150px;}
    .footerimg_2 img { max-width:150px;}
     
    
}

@media (min-width: 30px) and (max-width: 767px){ 
    
    .footerimg_1 img { max-width:150px;}
    .footerimg_2 img { max-width:150px;}
    .row-fluid .blank_space { display: none; }
    .row-fluid .footer_box { width:33.33%; float:left;padding-right:15px; } 
    .row-fluid .feturnight-img { margin-top: 0; margin-left: 0; }
    
    
}

@media (max-width: 590px){
    
        .row-fluid .footer_box { width:100%; float:left;  padding-right:0;} 
}
 
@media (min-width: 981px){

.custom-menu-primary .hs-menu-wrapper ul li .child-triggerm { display: none !important; }  
.custom-menu-primary .hs-menu-wrapper ul li .mobile-trigger { display: none !important; }
    
  
}
 
@media (max-width: 980px){
    
    .row-fluid .header_top {padding-top:60px; padding-left:0;  padding-right:0; }
    .row-fluid .header_top .left_logo { text-align:center; }
    .row-fluid .header_top .left_logo img { max-width:282px;}
    .row-fluid .header_top .custom-header-links a {  font-size:10.5px; margin-bottom: 4px; float: none; display: inline-block;}
    .row-fluid .header_top .follow_box { padding-right:0 !important; }
    .row-fluid .feturnight-img { text-align:center; padding-top:20px; }
    .row-fluid .feturnight-img img { float:none; display:inline-block; }
    
    .row-fluid .menu_top { position:fixed; top:0; left:0; width:100%; margin:0 !important;}
    .row-fluid .menu_top .page-center { padding:0; }
    .row-fluid .menu_top .custom-menu-primary { margin:0; }
    .row-fluid .menu_top .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a { font-weight: 400; text-transform: uppercase;font-size: 13px; text-indent: 0; color: #eee; padding: 15px 55px 15px 20px; white-space: normal; line-height: 1.6em;}
    .row-fluid .menu_top .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { display:none; }
    .row-fluid .menu_top .custom-menu-primary .hs-menu-wrapper > ul li.hs-item-has-children a { border-bottom: 1px solid #111; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  border-top: 1px solid #313131; border-top-color: rgb(49, 49, 49); text-shadow: 0 1px 1px rgba(0,0,0,.5); }
    
    .row-fluid .menu_top .custom-menu-primary .hs-menu-wrapper > ul li.hs-item-has-children a:empty { display:none;}
    .row-fluid .menu_top .custom-menu-primary .hs-menu-wrapper > ul li.hs-item-has-children.active_child > a { background:#009F4E; border-bottom:0; }
    .row-fluid .menu_top .custom-menu-primary .hs-menu-wrapper > ul li.hs-item-has-children.active_child .child-triggerm { background:#26262B;  display:block;}
    
    
    .row-fluid .menu_top .custom-menu-primary .hs-menu-wrapper > ul ul li a { font-weight: 400; text-transform: uppercase;font-size: 13px; text-indent: 0; color: #eee; padding: 15px 25px; line-height: 1.6em; text-shadow: 0 1px 1px rgba(0,0,0,.5); }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width:100% !important; text-indent: 0;}
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { background:#009F4E; }
    
    .row-fluid .custom-menu-primary .hs-menu-wrapper > ul ul ul { display:block; }
    
    .mobile-open .custom-menu-primary.js-enabled .hs-menu-wrapper { left:0; transition:all .6s ease;  }
    .custom-menu-primary.js-enabled .hs-menu-wrapper { left:-265px; top:0; transition:all .6s ease;}
    .mobile-open a.mobile-trigger {  transition:all .6s ease; left:260px; }
    
    .row-fluid .menu_top .custom-menu-primary .hs-menu-wrapper .child-triggerm { background:#26262B;  padding: 12px ; text-align:center;  width:auto !important;}
    .row-fluid .menu_top .custom-menu-primary .hs-menu-wrapper .child-triggerm i { font-size: 24px;}
    .row-fluid .menu_top .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { left:0 !important;}
    .row-fluid .menu_top .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:empty { display:none;}    
    
    
    .google-search-bar { text-align:center; }
    .google-search-bar #header_icons {  float: none; display: inline-block;}
    
    .row-fluid .menu_top .custom-menu-primary .hs-menu-wrapper .child-triggerm.child-open i { transform: rotate(180deg); transition: all .6s ease; }
    .row-fluid .menu_top .custom-menu-primary .hs-menu-wrapper .child-triggerm i { transition: all .6s ease;  }
    

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

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

  /* 
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }


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

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

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

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

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

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

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

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


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

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


  
  .row-fluid .menu_top .custom-menu-primary a.child-triggerm {
      display: block ; /* Hide button on Desktop */
      align-items:center;
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute !important;
      top: 0px;
      right: 0px !important;
      width: 50px !important; /* Button width */
      min-width: 50px !important;
      height: 100% !important; /* Button height */  
      padding: 15px 0 !important; 
  }
  
  a.child-triggerm:hover {
      text-decoration: none;
  }


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

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

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
     
   .custom-menu-primary.js-enabled{
       position: relative;
       padding-top: 44px; /* Makes room for button */
       margin: 10px 0 10px 0;
   }
 

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

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 265px;
    background:#1D1D20;
    overflow-y: scroll;
    height:100%;
    position: fixed; /**************************************************************/
         /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#000000; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

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

  /* Level 1 and Higher Menu List Styles */
 
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: #26262B;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

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

#searchform #s{
border: thin solid #ccc;
    color: #999;
    font-size: 10px;
    margin: 0;
    padding: 0 5px 1px 5px;
    position: relative;
    width: 126px;
    height: 20px;
    left: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

#searchsubmit {
    background: rgba(0, 0, 0, 0) url("https://optometriceducation.org/wp-content/themes/smashing/css/images/search-20px.png") no-repeat scroll left top;
    border: medium none;
    height: 20px;
    left: 0px;
    position: relative;
    text-indent: -2000px;
    text-shadow: none;
    top: 2px;
    margin-right: 8px;
    width: 20px;
}

#header_icons{float:right;}

#header_icons a img{padding-left:3px;}

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

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ position:relative; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:before{ position:absolute;top:50%;transform:translateY(-50%);left:-20px; }