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

/**
 * CSS @imports must be at the top of the file.      
 * Add them above this section.                             
 */ 
 
 
 
/* ==========================================================================
   Pocket Giants Boilerplate v1.0
   Based on HS COS Boilerplate v1.5.0                                
   ========================================================================== */

/* 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 ;
    }
}
/*  Global Variables and Macros*/


/*Only display in Hubspot editor not on actual page.*/
.editor-only{display:none;}
html.hs-inline-edit .editor-only{display:block;}
/*hide in editor*/
html.hs-inline-edit .editor-hide{display:none;}
 

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

img.alignRight{
    margin: 0 0 5px 15px;
}

img.alignLeft{
    margin: 0 15px 5px 0;
}

/* Reduces min-height on bootstrap structure */
/* .row-fluid [class*="span"] { min-height: 1px; } */

/* Blog Social Sharing */
.hs-blog-social-share .hs-blog-social-share-list {
  margin: 0;
  list-style: none !important;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
  height: 30px;
  list-style: none !important;
}
@media (max-width: 479px){
    .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
        float: none !important; /* Stack social icons into two rows on phones */
    }
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{
    vertical-align: top !important; /* Aligns Facebook icon with other social media icons */
}

/* Captcha */
#recaptcha_response_field {
    width: auto !important;
    display: inline-block !important;
}

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

/* Date Picker */
#calroot {
    width: 202px !important;
    line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
 
#calroot select {
    min-height: 0 !important;
    padding: 1px 2px !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
    font-size: 10px !important;
    line-height: 18px !important;
    font-weight: normal !important;
}
 
#caldays {
    margin-bottom: 4px;
}

/* Embed Container (iFrame, Object, Embed) */
iframe{max-width:100%;}
.hs-responsive-embed {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.hs-responsive-embed iframe, 
.hs-responsive-embed object, 
.hs-responsive-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    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: 56.25%;
}
.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^="//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 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* System Template Forms */
#email-prefs-form .email-edit {
    width: 100% !important;
    max-width: 507px !important;
}
#hs-pwd-widget-password {
    height: auto !important;
}

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

/* Horizontal Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
}
.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;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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;
}
.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;
}

/* Vertical Menu
   ========================================================================== */ 

.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;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 0;
}
.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.hs-item-has-children {
    position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > 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-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}


@media (max-width: 767px) {
    .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;
    }

    /* Stacking Horizontal Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
        padding: 0;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
        white-space: normal;
    }

    /* Stacking Vertical Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper  {
        position: static;
        opacity: 1;
        visibility: visible;
    }
}

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

/* Space Module */
.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */
.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");
}

/* Fix for CTA border box issue */
.hs-cta-wrapper a {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

/*
 * 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(//cdn2.hubspotqa.com/local/hub/124/file-52894-png/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(//cdn2.hubspotqa.com/local/hub/124/file-52894-png/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: black;
    position: static;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    top: 40%;
    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;
    }
}

.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;
}



.slick-arrow{
    background-image:url('https://2479702.fs1.hubspotusercontent-na1.net/hubfs/2479702/Template_Images/Icons/Arrow%20R.png');
    background-image:url('https://2479702.fs1.hubspotusercontent-na1.net/hubfs/2479702/Our%20Approach/Arrow%20R.svg');
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    width:15.5px;
    height:20px;
    
}
.slick-prev.slick-arrow {
    transform: rotateZ(180deg);
}

.slick-prev.slick-arrow:before,.slick-next.slick-arrow:before{
    color:transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background-image:url('https://2479702.fs1.hubspotusercontent-na1.net/hubfs/2479702/Our%20Approach/Arrow%20R.svg');
    color: transparent;
}



@media all and (max-width: 400px) {
/* beat recaptcha into being responsive, !importants and specificity are necessary */



#captcha_wrapper,
#recaptcha_area,
#recaptcha_area table#recaptcha_table,
#recaptcha_area table#recaptcha_table .recaptcha_r1_c1
{ width: auto !important; overflow: hidden; }
#recaptcha_area table#recaptcha_table .recaptcha_r4_c4
{ width: 67px !important; }
#recaptcha_area table#recaptcha_table #recaptcha_image
{ width:280px !important; }
}



/*Follow Me Widget FontAwesome*/
.widget-type-follow_me>div>span>div{
    text-align:center;
}

.fm_button span{
    background-image: none!important;
    
    /* font-family: fontawesome; */
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 21px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;px
    -moz-osx-font-smoothing: grayscale;
}
    .fm_button.fm_twitter span:after {
    content: "\f099";
    color:#00aced;
}
    .fm_button.fm_facebook span:after {
    content: "\f09a";
    color:#3b5998;
}
.fm_button.fm_rss span:after {
    content: "\f09e";
    
}
.fm_button.fm_googleplus span:after {
    content: "\f0d5";
}
 .fm_button.fm_youtube span:after {
    content: "\f16a";
}
 .fm_button.fm_linkedin span:after {
    content: "\f0e1";
    color:#007bb6;
}
 .fm_button.fm_pinterest span:after {
    content: "\f0d2";
}

/*End Follow Me Widget FontAwesome*/


/*header banner*/
.header-banner {
  min-height: 375px;
  background-size: cover;
  background-position: center;
  text-align: center;
  color: #fff;
  font-size: 15px;
  background-color: blue;
  padding-top:100px;
      text-shadow: 0 1px 7px black;
        margin-left:-1px;/*used to cause header banner to overlap border on interior pages*/
  margin-right:-1px;/*used to cause header banner to overlap border on interior pages*/
}
.header-banner h1 {
  font-family: "bebas-neue", arial, sans-serif;
  color: #fff;
  font-size: 72px;
  text-align: center;
  padding: 40px 20px 40px;
  background: rgba(2, 38, 82, 0.8);
  display: inline-block;

}
.header-banner .description {
  display: block;
  margin: 0 auto;
  width: 85%;
  max-width: 600px;
  
          padding-bottom: 28px;
}
@media (max-width:768px){
    
    .header-banner h1{
        font-size: 52px;
        margin:39px auto 25px;
    }
}


/*
 *employee slider on company about us page
 *if you want to change any styling for the slider, it may be easier to use the codepen for it. http://codepen.io/thewebtech/pen/qNzNQB
 * it has SCSS and auto-prefixing.
 */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.interior-padding.employee-slider-container {
    position: relative;
}
.employee-slider {
  position: relative;
}
.employee-slider a.slide {
  text-decoration: none;
  display: inline-block;
  padding: 0 5px;
  vertical-align: top;

}
.employee-slider a.slide .card {
  /*text-align: center;
text-decoration:none;*/
  /*margin: 0px 5px;*/
  padding: 10px;
  border-bottom: 3px solid white;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 150px;
    min-height:231px;
    
}
.employee-slider a.slide .card .photo {
  height: 130px;
  background-size: cover;
  background-position: top center;
  display: block;
  width: 100%;
}
.employee-slider a.slide .card h4.name {
  font-family: "bebas-neue", arial, sans-serif;
  text-transform: uppercase;
  /*font-size: 18px;*/
  font-size:22px;
  white-space:normal;
  margin-top: 10px;
  margin-bottom: 0;
  color: #1f292f;
  display: block;
  text-align: center;
  width: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.employee-slider a.slide .card h5.title {
  font-family: open-sans, arial, sans-serif;
  font-size: 11px;
  color: #1f292f;
  display: block;
  text-align: center;
  width: 100%;
  font-style: normal;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin: 0;
  white-space: normal;
  font-weight: normal;
  line-height:1.5em;
}
.employee-slider a.slide .card:hover {
  background: #f2f2f2;
  border-bottom: 3px solid #cccccc;
}
.employee-slider a.slide .card:hover h4.name {
  color: #00457c;
}
.employee-slider a.slide .card:hover h5.title {
  color: #00aeef;
}
.employee-slider a.slide .card.active {
  border-bottom: 3px solid #00aeef !important;
}
.employee-slider-container .slider-control {
/*
  position: absolute;
  top: 0;
  */
  height: 100%;
  color: #00aeef;
  font-size: 13px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  outline: transparent;
  -webkit-appearance: none;
  border: none;
  background-color: transparent;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  opacity: 1;
}
.employee-slider-container .slider-control.disabled {
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.employee-slider-container .slider-control:hover {
  color: #00457c;
  cursor: pointer;
}
.employee-slider-container .slider-control#prev {
    position: absolute;
    left: 10px;
    top: 0;
}
.employee-slider-container .slider-control#next {
    position: absolute;
    right: 10px;
    top: 0;
}
@media(max-width:767px){
    .employee-slider-container .slider-control#prev {
        left: 0px;
    }
    .employee-slider-container .slider-control#next {
        right: 0px;
    }    
}
/*end employee slider*/

/*Horizontal Rule module*/
hr.default {/*measurements based off of hr for project gallery*/
  
    border-top: 1px solid #dbdbdb;
    margin-top: 35.6px;
    margin-bottom: 24px;
    margin-top: 37px;

}
/*End Horizontal Rule Module*/


/*FW Rich Text 1 col*/
.fw-rich-text,.fw-2-col-rich-text,.fw-3-col-rich-text {
    padding-top: 53px;
    padding-bottom: 20px;
    position:relative;
    background-size:cover;
    background-repeat:no-repeat;
}



.fw-rich-text .breadcrumb{
        position: absolute;
    left: 20px;
    top: 20px;
        line-height: 1em;
}
.fw-rich-text .breadcrumb .home {
    width: 41px;
    float: left;
}

.fw-rich-text.case-study{
    min-height:400px;
}
.fw-rich-text.case-study .page-center {
    float: none;
    max-width: 1140px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.breadcrumb li.hs-breadcrumb-menu-item {
   padding: 0 0 0 4px;
}
.breadcrumb li.hs-breadcrumb-menu-item.first-crumb{display:none;}
.breadcrumb .hs-breadcrumb-menu-divider:before {
    content: "/";
    padding-left: 5px;
}
.breadcrumb .menu {
    float: left;
}

.breadcrumb, html .body-container .breadcrumb a {
    color: #b0b0b0;
    font-style: italic;
    font-size: 12px;
    border-bottom: transparent;
    text-decoration: none;
    box-shadow: none;
}

.fw-rich-text.slim{
    padding-top:0;
    padding-bottom:0;
}
.fw-rich-text.lp-gradient .content {
    max-width: 1170px;
    margin: 0 auto;
}

.fw-rich-text.header-only,.fw-rich-text. {padding-bottom:20px;}
/*End of FW Rich Text 1 col*/
/*fw 2 col 2 row rich text*/
.fw-2-col-2-row-rich-text{
    padding-top: 100px;
    padding-bottom: 100px;
}
.fw-2-col-2-row-rich-text .bg{
    
    background-repeat: no-repeat;
    
}

.fw-2-col-2-row-rich-text.target{padding-top:50px;}

@media(max-width:768px){
    .fw-2-col-2-row-rich-text .bg{

    background-image:none!important;
    }
}

.fw-2-col-2-row-rich-text .text-block{    margin-bottom: 40px;
    margin-top: 40px;}

/*end of fw 2 col 2 row rich text*/
.fw-rich-text, .fw-2-col-rich-text, .fw-3-col-rich-text {
    /*padding-top: 53px;*/
    padding-bottom: 53px;
    position: relative;
    background-size: cover;
    
}
@media(min-width:769px){
    

    .fw-rich-text.overflow, .fw-2-col-rich-text.overflow, .fw-3-col-rich-text.overflow,.statement-qualifications.overflow {
        width: calc(100% - -67px);
        -webkit-transform: translateX(-40px);
            -ms-transform: translateX(-40px);
                transform: translateX(-40px);
    }
}




/*Image and Text Module*/
.image-and-text-module.background .image{background-size:cover;}

.image-and-text-module.background .image img {
    width: 100%;
}
.image-and-text-module{margin:24.5px 0;}

@media (min-width:769px){
html.flexbox .image-and-text-module .row-fluid {
      display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
            flex-flow: row wrap;
    height: 100%;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
            align-items: stretch;
}
html.flexbox .image-and-text-module .span6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
    -webkit-align-items: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
}

html.flexbox .image-and-text-module .span6 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
}
html.flexbox .image-and-text-module .image {
    -webkit-box-flex:1;
    -webkit-flex:1;
        -ms-flex:1;
            flex:1;
}

html.flexbox .image-and-text-module.image-left .span6:first-child,html.flexbox .image-and-text-module.image-right .span6:last-child{
    align-items:stretch;
}

}
.image-and-text-module .image img {
    margin: 0 auto;
}

@media (max-width:768px){
.image-and-text-module .image{
    background:none!important;
    min-height:0!important;
}
.image-and-text-module .text{
    padding-top:15px;
     padding-bottom:15px;
}

html.flexbox .image-and-text-module.mobile-image-bottom.image-left .row-fluid,html.flexbox .image-and-text-module.mobile-image-top.image-right .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column-reverse wrap;
        -ms-flex-flow: column-reverse wrap;
            flex-flow: column-reverse wrap;
}


}

/*@media (max-width:768px){
    html.flexbox .image-and-text-module .row-fluid {
    -ms-flex-flow: column!important;
        flex-flow: column!important;
}
}*/



/*Height is intended to be set.*/
/*.image-and-text-module { 
    min-height: 743px;
}
*/
/*special classes*/

html.backgroundblendmode .image-and-text-module.quote .text:before {
    content: "";
    background-image: url('//2479702.fs1.hubspotusercontent-na1.net/hubfs/2479702/Template_Images/Icons/doublequote.png');
    width: 43px;
    height: 33px;
    display: block;
    margin: 0 auto 22px;
    background-size: 100%;
    mix-blend-mode: multiply;
    /*opacity: .5;*/
}
html.no-backgroundblendmode .image-and-text-module.quote .text:before {
     content: "";
    background-image: url('//2479702.fs1.hubspotusercontent-na1.net/hubfs/2479702/Template_Images/Icons/double-quote-noblend.png');
    width: 43px;
    height: 33px;
    display: block;
    margin: 0 auto 22px;
    background-size: 100%;
    opacity: .5;
    
}
.testimonial-quote{
    text-align: center;
    font-size: 18px;
    line-height: 1.3;
    font-style: italic;
}
.testimonial-author {
    font-size: 13.4px;
    color: rgb(0, 69, 124);
    text-transform: uppercase;
}
.image-and-text-module .text {
    padding-right: 7.564103%;
    padding-left: 2%;
}


/*End of Image and Text Module*/
/*3 col img module*/
.image-three-up { 
   
}


.image-three-up .image-block {
    display: inline-block;
    width: 33.333333%;
    float: left;
    background-size: cover;
    height:390px;
    transition:height .3s ease;
    margin:10px 0;
}

.image-three-up .image-block.image-1{
    border-right:5px solid #fff;
}
.image-three-up .image-block.image-2{
    border-left:5px solid #fff;
    border-right:5px solid #fff;
}
.image-three-up .image-block.image-3{
    border-left:5px solid #fff;
}
@media (max-width:1290px){
    .image-three-up .image-block {
        height:318px;
    }
} 
@media (max-width:768px){
    .image-three-up .image-block {
        height:262px;
    }
} 
@media (max-width:600px){
    .image-three-up .image-block {
        height:180px;
    }
} 
@media (max-width:430px){
    .image-three-up .row-fluid .image-block {
        height:305px;
        width:100%;
        float:none;
        border-right:0;
        border-left:0;
    }
   
}   


/*End 3 col img module*/



/*case study header banner*/
.case-study-header-banner {
  /*height: 463px;*/
  background-size: cover;
  background-position: center;
  width: 100%;
  display: block;
  position: relative;
}
.case-study-header-banner button.play {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor:pointer;
  -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  -webkit-appearance: none;
  border: 0;
  background-color: transparent;
  background-image: url("//www.lamacchiagroup.com/hubfs/Template_Images/Icons/play_button.png");
  width: 128px;
  height: 128px;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: -webkit-filter .3s ease;
  transition: -webkit-filter .3s ease;
  transition: filter .3s ease;
  transition: filter .3s ease, -webkit-filter .3s ease;
}
.case-study-header-banner .title-box {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.case-study-header-banner .title-box .page-title {
  margin: 0;
  font-family: "bebas-neue", arial, sans-serif;
  color: #fff;
  background: #00aeef;
  padding: 20px 30px 10px 40px !important;
  font-size: 52px;
  line-height: 40px;
  display: block;
  margin: 0;
  padding-top: 50px;
  padding-bottom: 20px;
  font-family: "bebas-neue", arial, sans-serif;
  font-weight: 300;
}
.case-study-header-banner.video:hover button.play {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
          filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
}
.case-study-header-banner.video:hover{
    cursor:pointer;
}
.case-study-header-banner.video:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgba(250, 250, 250, 0.25);
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease;
  pointer-events:none;
}
.case-study-header-banner.video:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  
  background-color: rgba(250, 250, 250, 0);
}
.case-study-header-banner.video .video-embed {
    visibility:hidden;
    opacity:0;
     position:relative;
}

.case-study-header-banner.video.active{background-image:none;}
.case-study-header-banner.video.active .video-embed {
    display:block;
    visibility:visible;
    opacity:1;
    position:relative;
}
.case-study-header-banner.video.active .video-embed iframe{
    max-height:465px;
}
.case-study-header-banner.video.active:after {
 display:none;
}
.case-study-header-banner.video.active button.play {
    display:none;
}
.case-study-header-banner.video.wistia.active .video-embed iframe {
    max-height: 561px;
}
.case-study-header-banner.wistia {
    /*height: 561px;*/
}


/*end of case study header banner*/

/*Jump Menu*/
.jump-destination {
    display: block;
    margin-top: -48px;
    padding-top: 48px;
}
.jump-menu{
background-color:#f9f9f9;
}
.jump-menu ul {/*test in edge and IE*/
    margin: 0 auto !important;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block !important;
   
}
.jump-menu ul{/*check to see if you need html.flexbox for this*/
     display: -webkit-box!important;
     display: -webkit-flex!important;
     display: -ms-flexbox!important;
     display: flex!important;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}

.jump-menu ul li {
    border-left: 2px solid #fff;
    padding: 25px 18px;
    font-size: 16px;
}


.jump-menu ul li:last-child {
    border-right: 2px solid #fff;
}
.jump-menu ul li a {
    text-decoration: none;
    color: #00457c;
    text-transform: uppercase;
    font-weight: 600;
}

@media(max-width:767px){
    .jump-menu ul li{
           padding: 9px 5px;
           border-right:0;
           border-left:0;
    }
}
/*end of jump menu*/

/*Related Projects Module*/
.related-projects.horizontal{text-align:center;}
.related-projects.horizontal .project {
  width: 32.5%;
    padding: .45%;
  display: inline-block;
  vertical-align:top;
  text-align:center;
}
.related-projects.horizontal .project:nth-child(3n) {
  margin-right: 0;
}
.related-projects.horizontal .project .thumbnail {
  background-size: cover;
  background-position: center;
  height: 150px;
  width: 100%;
}
.related-projects a.project{text-decoration:none;}
.related-projects a.project h4.project-title{
        font-family: "bebas-neue",arial,sans-serif;
    color: #00457c;
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 0;
    text-transform: uppercase;
        text-align: center;
}
/*end related projects module*/

/*Account Team Module*/


.account-team{text-align:center;}
.account-team.horizontal .team-member {
  width: 32.4%;
  margin-right: .9%;
  display: inline-block;
  border: 1px solid #dbdbdb;
  text-decoration: none;
  text-align: center;
  vertical-align: top;
  position:relative;
  
}
.account-team.horizontal.template .team-member{
    width:100%;
}
.account-team.horizontal.template>span>div{
        width: 32.4%;
    margin-right: .9%;
    display: inline-block;
    
}

.account-team.horizontal:not(.template) .team-member:nth-child(3n) {
  margin-right: 0;
}
.account-team.horizontal.template >span>div:nth-child(3n){
    margin-right:0;
}


.account-team.horizontal .team-member .photo {
  background-size: cover;
  background-position: center;
  height: 130px;
  width: 130px;
  background-color: #dbdbdb;
  margin: 30px auto 0;
  border-radius: 100%;
}
.account-team.horizontal .team-member .team-member-info .name {
  color: #00447e;
  font-size: 24px;
  text-transform: uppercase;
  font-family: 'bebas-neue';
  margin-bottom: 12px;
  padding:0 10px;
}
.account-team.horizontal .team-member .team-member-info .title {
  font-size: 16px;
  color: #1f292f;
  margin-bottom: 26px;
  padding:0 10px;
}


.account-team.horizontal .team-member .team-member-info button.learn-more {
  -webkit-appearance: none;
  border: 0;
  background-color: transparent;
  color: #dbdbdb;
  text-align: center;
  width: 100%;
  border-top: 1px solid #dbdbdb;
  font-weight: bold;
  font-size: 14px;
  padding: 20px 5px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  cursor: pointer;
}
.account-team.horizontal .team-member .team-member-info button.learn-more:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transition: -webkit-transform .4s ease-in;
  transition: -webkit-transform .4s ease-in;
  transition: transform .4s ease-in;
  transition: transform .4s ease-in, -webkit-transform .4s ease-in;
  width: 1000px;
  height: 1000px;
  background-color: #00447e;
  z-index: -1;
  border-radius: 100%;
  pointer-events: none;
}
.account-team.horizontal .team-member .team-member-info button.learn-more:hover,.account-team.horizontal .team-member .team-member-info button.learn-more.active {
  color: #fff;
}
.account-team.horizontal .team-member .team-member-info button.learn-more:hover:after,.account-team.horizontal .team-member .team-member-info button.learn-more.active:after {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}


.account-team.horizontal .team-member .team-member-info .description {
    padding: 15px;
    text-align: left;
}
.account-team.horizontal .team-member .team-member-info button.learn-more span.plus-minus {
    font-family: monospace;
    font-size: 20px;
    position: relative;
    top: 2px;
    border: 1px solid;
    left: 9px;
    width: 21px;
    /* padding-bottom: 5px; */
    box-sizing: border-box;
    line-height: 1;
    height: 21px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
}

.team-member.team-lead:before {
    content: "Team Lead";
    position: absolute;
    left: 0;
    top:0;
     font-weight: 700;

    background-color: #00aeef;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    font-family: 'open sans', sans-serif;
    padding: 5px 8px;
}

a.team-member {
    position: relative;
}


@media (max-width: 768px) {
  .account-team.horizontal .team-member {
    width: 100%;
    margin-right: 0;
  }
}
/*Account Team module*/




/*two up images module*/
.two-up-images-module .image {
  height: 200px;
  /*width: 50%;*/
  background-position: center;
  background-size: cover;
  display: inline-block;
  position: relative;
  float:left;

}
@media (min-width: 320px) {
  .two-up-images-module .image {
    height: 240px;
  }
}
@media (min-width: 769px) {
  .two-up-images-module .image {
    height: 272px;
  }
}
.two-up-images-module .image:after {
  content: "";
  position: absolute;
  bottom: 17px;
  right: 17px;
  width: 26px;
  height: 26px;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  background-image: url("https://2479702.fs1.hubspotusercontent-na1.net/hubfs/2479702/Case%20Study%20Images/triangle%20icon.png");
}


/* one item */
.two-up-images-module .image:first-child:nth-last-child(1) {
    width: 100%;
}

/* two items */
.two-up-images-module .image:first-child:nth-last-child(2),
.two-up-images-module .image:first-child:nth-last-child(2) ~ .image {
    width: 50%;
}






.image-source-link {
    color: #98C3D1;
}


.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
/*two up images module*/

 




/*featured projects module*/
.featured-projects-module-header{
    font-size:152.33px;
    color:#f3f3f3;
    font-family:bebas neue, bebas-neue,"bebas-neue", arial, sans-serif;
    line-height:1;
    position:relative;
    
}
.featured-projects-module-header .subhead{
    font-size:50.98px;
    color:#737373;
    font-family:open-sans, open sans, arial, sans-serif;
    padding-left:188px;
    position:absolute;
    top:93px;
    font-weight:100;
        text-transform: uppercase;
        letter-spacing:11px;
}
@media(max-width:768px){
    .featured-projects-module-header{
        font-size:76.165px;
    }
    .featured-projects-module-header .subhead{
        font-size:25.49px;
        top:46.5px;
        padding-left:94px;
    }
    
    
    
}


.featured-projects-module {
  width: 100%;
  text-align: center;
}

  .featured-projects-module {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }

.featured-projects-module a.featured-project {
  position: relative;
  overflow: hidden;
  background-color: #197596;
  color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 300px;
          flex: 1 1 300px;
  text-align: center;
  min-height: 274px;
  width: 351px;
  position: relative;
  margin: 24px;
  padding:10px;
  display: inline-block;
  text-decoration:none;
}

  .featured-projects-module a.featured-project {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

.featured-projects-module a.featured-project:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(88, 208, 203, 0.59);
  z-index: 1;
}
.featured-projects-module a.featured-project .bg-img {
  z-index: 0;
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top:0; 
  left:0;
  background-size: cover;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}
.featured-projects-module a.featured-project:hover .bg-img {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}
.featured-projects-module a.featured-project .centered-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

  .featured-projects-module a.featured-project .centered-content {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }

.featured-projects-module a.featured-project .title {
  text-transform: uppercase;
  font-size: 35px;
  font-family: bebas neue, bebas-neue, "bebas-neue", arial, sans-serif;
  margin-bottom: 39px;
  line-height:1;
}
/*end featured projects module*/

/*La Macchia Text and Media Module*/
.text-and-media-module {
  padding: 15px 1.74129%;
  box-sizing: border-box;
  position: relative;
  
}

  .text-and-media-module {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

@media (max-width: 768px) {
  .text-and-media-module {
    display: block;
  }
}
.text-and-media-module * {
  box-sizing: border-box;
}
.text-and-media-module .text-col {
  /*padding: 56px;*/
  padding: 0 4.64344942%;
  width: 54.14594%;
  display: inline-block;
  position: relative;
  
}
@media (max-width: 768px) {
  .text-and-media-module .text-col {
    display: block;
    width: 100%;
  }
}
.text-and-media-module .text-col .vertical-centering {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.text-and-media-module .text-col .vertical-centering:before {
  /*css triangle*/
  content: "";
  
  position: absolute;
  height: 14px;
  width: 19.06px;
  top: 8px;
  left: -1.5%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 9.53px 0 9.53px;
  border-color: #09aeef transparent transparent transparent;
  line-height: 0px;
  -webkit-transform: rotate(360deg);
  /*transform is for better webkit anti-aliasing*/
  _border-color: #09aeef #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}


.text-and-media-module .text-col .vertical-centering:before {
 
  position: absolute;
 
  top: 8px;
  left: 0.5%;
  
}
@media(max-width:768px){
    .text-and-media-module .text-col .vertical-centering:before{
        left:-3.5%;
    }
}

  .text-and-media-module .text-col .vertical-centering {
    position: static;
    top: 0;
    -webkit-transform: none;
            transform: none;
  }

.text-and-media-module .text-col .heading {
  margin-top: 0;
  font-size: 26.67px;
  font-family: open-sans, open sans, arial, sans-serif;
  font-weight:400;
  color:#737373;
  line-height:24px;
}
.text-and-media-module .text-col .heading .ampersand {
  color: #c8c8c8;
  font-size: 28.26px;
  font-family: "Chronicle Display A","Chronicle Display B",sans-serif;
  font-style: normal;
  font-weight: 400;
}
.text-and-media-module .text-col .copy{
    color:#787878;
    font-size:16.67px;
}

.text-and-media-module .media-col {
  width: 40.38143%;
  margin-left: 1.82421%;
  display: inline-block;
  position: relative;
}
@media (max-width: 768px) {
  .text-and-media-module .media-col {
    display: block;
    width: 100%;
    margin-left:0;
  }

}
.text-and-media-module .media-col .vertical-centering {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

  .text-and-media-module .media-col .vertical-centering {
    position: relative;
    top: 0;
    -webkit-transform: none;
            transform: none;
  }

.text-and-media-module .media-col .bg-img {
  margin: 0 auto;
  display: block;
  height: 241px;
  width: 417px;
  max-width:100%;
  background-size: cover;
  background-position: center;
  /*width: 100%;*/
  background-repeat: no-repeat;
  position:relative;
  margin-bottom:15px;
}

.text-and-media-module .media-col a.play-video .bg-img:before {
    background-image: url(https://2479702.fs1.hubspotusercontent-na1.net/hubfs/2479702/Template_Images/Icons/play_button.png);
    height: 54.5px;
    width: 54.5px;
    background-size: contain;
    background-position: center;
    content: "";
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

/*responsive-image module*/
html.no-picture .responsive-image-picture{display:none;}

html.picture .responsive-image-picture{display:block;}
.responsive-image-picture.fullwidth,.responsive-image-picture .fullwidth{width:100%;}
html.picture .responsive-image-picture.editor-only{display:none;}

/*Text top image bottom module*/

.text-top-img-bottom {
    position: relative;
}
.text-top-img-bottom .image-row {
    position: absolute;
    bottom: 0;
    left:0; 
}
/*end text top image bottom module*/



/*text over background image module*/

  .text-over-bg-module{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
    padding:50px 0;
    min-height:250px;
}
.text-over-bg-module.text-left .text{margin:0 auto 0 0;}
.text-over-bg-module.text-right .text{margin:0 0 0 auto;}

@media(min-width:768px){
    .text-over-bg-module{
          padding:200px 0;
    }
}
@media(max-width:768px){
    .text-over-bg-module .mobile-img img{
        margin:0 auto;
        display:block;
        width:auto;
        max-width:100%;
    }
    .text-over-bg-module{background-image:none!important;
    min-height:auto!important;}
}
@media(min-width:769px){
  .text-over-bg-module .text{
      width:45%;
    }
  .text-over-bg-module .mobile-img{display:none;}
}

/*3d module*/
.three-d-module .thumb{cursor:pointer;}
.three-d-module .embed-code{display:none;}
.three-d-module.activated .embed-code{display:block;}
.three-d-module.activated .thumb{display:none;}

/*related resources module*/
.related-resources{
  background-color:#fbfbfb;
    padding:35px 0 63px;
    text-align:center;
}
.related-resources>.image{
  background-color:#ffffff;
  border:1px solid #e2e2e2;
}
.related-resources .head-text {
    text-align: center;
    margin-bottom: 22px;
    font-size: 18px;
    font-weight: 600;
    color: #9b9a9a;
}

.related-resources .image img {
    border: 1px solid #e2e2e2;
}
.related-resources .image {
    text-align: center; 
    width: 305px;
    max-width:100%;
    max-width: calc(100% - 28px);
    display: inline-block;
    margin:14px;
}

/* These includes are optional, but helpful. */
/* 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;} 





/* ==========================================================================
   Index:         
  1. BASE STYLES   
    - Variables
    - Macros
    - Base
    - Typography
  2. COS STRUCTURE
    - Structure
    - Header
    - Content
    - Footer
  3. MAIN NAVIGATION
    - Custom Menu Primary
    - Mobile Menu
  4. TEMPLATE MODULE CLASSES
    - Common Template Classes
    - Site Pages
    - Landing Pages
    - System Pages
  5. COS COMPONENTS
    - Blog
    - Forms
    - Buttons
  6. MISCELLANOUS
  7. MOBILE MEDIA QUERIES
   ========================================================================== */








/* ==========================================================================
   1. BASE STYLES                                             
   ========================================================================== */


/*  Global Variables and Macros*/




/* ==========================================================================
   Base                                                    
   ========================================================================== */


/** 
 * Box Sizing
 * 
 * Applies a natural box layout model to all elements so that width and padding 
 * are essentially combined, making responsive styles easier to manage.
 */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
} 

/* Website background color and default font styles */
body {
  background: #fff;
  color: #666;
  font-family: open-sans, arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
  /*LM1 font size changes: https://basecamp.com/2350525/projects/12703425/todos/278204033*/
    font-size: 16px;
    line-height: 24px;
  /*end LM changes*/
}


body{/*style copied from old site*/
    border-top: 5px solid #00aeef;
    -webkit-font-smoothing: antialiased;
}
/**
 * Page Center
 *
 * Apply .page-center to full-width modules.
 */

.container-fluid .row-fluid .page-center {
  float: none;
  width:90%;/*this layout is fully fluid*/
  max-width: none;
  margin: 0 auto;
      width: 90%;

    padding: 0;
}
.container-fluid .row-fluid .interior-page-center {
     margin: 0 auto;
     float: none;
     width:90%;
    max-width:1000px;/*homepage is fluid width interior pages are fixed max width.*/
}
@media(max-width:768px){
        
    .container-fluid .row-fluid .interior-page-center {
        width:100%;
    }
    
}



/*the page-centers on this site are a little different than normal,
there are sections that don't have a max width and sections that do.
The sections that do are mostly in the interior pages
use interior page-center for those sections.

*/


@media (max-width:none){
    .container-fluid .row-fluid .page-center{
        padding:0 15px;
	}
}


a { color: #00aeef; 
text-decoration:underline;
}
a:hover, a:focus { color: #000; }

hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background: #666;
  text-shadow: none;
}
::selection {
  color: #fff;
  background: #666;
  text-shadow: none;
}

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
    max-width: initial;
}



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


/* Basic text */
p {
margin-top:0;
} 
small {}
strong {}
em {}
cite {}
code {}
pre {}

sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
h1, h2, h3, h4 {
    font-weight: 300;
}

body.case-study h4 {
    font-family: bebas-neue;
    font-size: 20px;
    margin-bottom: 0;
}

/* Lists */
/* note avoid styling lists globally as it affects Hubspot's editor UI,
If we dont want to affect the editor UI but still use global styles, we need to set defaults for the editor to initial.
 */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
li {}



ul.unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.triangles{
    list-style-image: url('//www.lamacchiagroup.com/hubfs/Template_Images/Icons/triangle_bullet.png');
        padding-left: 21px;
    
}

/* Quotes */
blockquote {
        border-left: 3px solid #00aeef;
    padding: 0 20px;
    margin:0;
    
    
}
body.our-approach .sidebar blockquote{
    margin-top: 40px;
    color:#1f292f;
    font-weight: 900;
}
blockquote a {
    text-decoration: none;
    color: #1f292f;
}

blockquote h4 {
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    font-weight: 900!important;
    font-size: 14px;
    line-height: 22px;
    text-rendering:OptimizeSpeed;
    margin-bottom:0;
}

blockquote .attribution {
    display: block;
    margin-top: 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}
blockquote p {}
blockquote small {}
blockquote small:before {}

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








/* ==========================================================================
   2. COS STRUCTURE                                            
   ========================================================================== */





/* ==========================================================================
   Structure                                               
   ========================================================================== */
html body .header-container-wrapper .header-container .lm-header {
       min-height: 102px;
}


html.no-flexbox .header-logo {
    margin-top: 14px;
    margin-bottom: 30px;
}

html.flexbox .header-container-wrapper .header-container .header-logo {
    /* margin-top: auto; */
    /* margin-bottom: auto; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 102px;
}

@media (max-width:768px){
    .header-logo{text-align:center;}
    .header-logo img {
    margin: 0 auto;
    display: inline-block;
    /* width: 100%; */
}



}

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

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



/* ==========================================================================
   Header
   ========================================================================== */

.courtesy-nav {
    margin-top: 30px;
    -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


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




/* ==========================================================================
   Content                                                 
   ========================================================================== */


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


/* Unique Pages
   ========================================================================== */

/* Homepage */
body.homepage .homepage-slider{
   /* max-height:580px;*/
}

body.homepage .homepage-slider .caption.superimpose {
    position: absolute;
    right: 0;
    background-color: transparent;
    color: #fff;
    font-family: "bebas-neue",arial,sans-serif;
    font-size: 30px;
    line-height: 1;
    /* color: #fff !important; */
    text-shadow: 0 0 17px rgba(0,0,0,.5);
  
    text-align:right;
}

body.homepage .homepage-slider .caption.superimpose a{
    color:#fff;
text-decoration:none;
}
body.homepage .homepage-slider .caption.superimpose a:after {
    content: "►";
    font-size: 12px;
    color: #00aeef;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    top: -6px;
}

.homepage-slider{margin-bottom:38px;}
.homepage-slider .gallery-module:before {content: " ";
position: absolute;
display: block;
z-index: 10;/* width: 33%; */width: 33%;min-width: 320px;max-width: 380px;background: rgba(0,0,0,.6);height: 100%;top: 0;}

.homepage-slider.gallery-module {
    position: relative;
}
.homepage-slider .slick-slider{
    margin-bottom:0;
        padding: 0 0;
    
}
.homepage-slider .slick-slide{
    height:500px;
    background-color:#b2b2a1;
    background-position:center;
    background-size:cover;
    transition:height .3s ease-out;
    position:relative;
    }

.homepage-slider .slick-slide .slick-slide-inner-wrapper{
    max-width: 100%;
    width: 100%;
}
.homepage-slider ul.slick-dots {
    position: absolute;
    /* width: 33%; */
    width: 33%;
    min-width: 320px;
    max-width: 380px;
    z-index: 11;
    /* background: #fff; */
    left: 0;
    bottom:0px;
}

.homepage-slider .slick-dots li button:before {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 100%;
    color: transparent;
    height:15px;
    width:15px;
}
.homepage-slider .slick-dots li.slick-active button:before {
    background: #fff;
    
}
.homepage-slider button.slick-arrow {
    display: none!important;
}

.homepage-slider .homepage-slider .hs_cos_gallery_main,.homepage-slider .hs_cos_gallery_thumbnails,.homepage-slider .hs_cos_gallery_lightbox {
    padding: 0;
}

.homepage-slider .hs_cos_gallery_slide.slick-slide {
    /* width: 100%!important; */
}

.homepage-slider .info-pane {
    width: 33%;
    min-width: 320px;
    max-width: 380px;
    position: absolute;
    top: 0;
    z-index:11;
    text-align: center;
    padding: 0 30px;
    left: 0;
        color: #fff;
            font-size: 14px;
    line-height: 1.5;
    transition:font-size .2s ease, width:.2s ease, max-width .2s ease;
    
}

.homepage-slider .info-pane h2{
    color: #fff;
    font-family: "bebas-neue",arial,sans-serif;
    font-size: 3.571em;
      margin-top: 20px;
    line-height: 50px;
        margin-bottom: 0;
    }
    
.homepage-slider .info-pane h3 {
    color: #00aeef;
    font-family: "bebas-neue",arial,sans-serif;
    font-size: 1.429em;
    margin-top:0;
    margin-bottom: 20px;
}



body.homepage .news h3, body.homepage .testimonials h3{
    position: absolute;
    z-index: 0;
    font-family: "bebas-neue",arial,sans-serif;
    color: rgba(0,0,0,.1);
    /* color: #000; */
    font-size: 150px;
    margin-left: 10px;
    pointer-events: none;
    /* top: 50px; */
  left: 11px;
    top: 47px;
    /* line-height: 1em; */
    font-weight: normal;
    margin:0 0 0 10px;
    line-height:20px;
}
body.homepage .testimonials h3{
    font-size:110px;
               top: 36px;
            left:-36px;
}

@media (max-width:1319px){
    .homepage-slider .info-pane {
    font-size: 12.3px;
    }
    .homepage-slider .slick-slide{
        height:465px;
    }
    body.homepage .testimonials h3 {
        font-size: 98px;
        /*top: -66px;*/
         left: -19px;
    }
    body.homepage .news h3{
            /*left: 15px;*/
            font-size: 129px;
            /*top: -89px;*/

    }
}
@media (max-width:1173px){
    
    .homepage-slider .info-pane {
    font-size: 12px;
    }
    .homepage-slider .info-pane h2{font-size:3em;
    margin-top:0;}
    .homepage-slider .info-pane h3{
            margin-bottom: 0;
            
    }
    
    .homepage-slider .slick-slide{height:380px;}
   body.homepage .testimonials h3 {
            font-size: 84px;
    /*top: -56px;*/
    }
  
}
@media (max-width:1070px){
    .homepage-slider .info-pane {
            padding: 0 10px;
    width: 50%;
    max-width:50%;
    
    
    }
    .homepage-slider .slick-slide{height:300px;}
    .homepage-slider .gallery-module:before {
        
       width: 50%;
    max-width:50%;
    transition:width:.2s ease, max-width .2s ease;
        
    }
    .homepage-slider ul.slick-dots {
    position: absolute;
    /* width: 33%; */
     width: 50%;
    max-width:50%;
    transition:width:.2s ease, max-width .2s ease;
    z-index: 11;
    /* background: #fff; */
    left: 0;
    bottom:0px;
    }
    .homepage-slider .slick-dots li button:before{
          height: 10px;
    width: 10px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    }
    
    body.homepage .testimonials h3 {
                font-size: 77px;
    /*top: -51px;*/
    left:-26px;
    }
    body.homepage .news h3{
            left: 15px;
                font-size: 113px;
              /*  top: -75px;*/

    }
    
}

@media (max-width:919px){
    body.homepage .homepage-slider .info-pane {
       position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    background: rgba(0,0,0,.9);
    display: block;
    margin-bottom: 20px;
    padding: 20px 5%;
}
    .homepage-slider .gallery-module:before{
        display:none;
    }
    
    .homepage ul.slick-dots {
    width: 100%;
    max-width: 100%;
    bottom: -8px;
    /* z-index: 100000; */
    }
    body.homepage .homepage-slider .caption.superimpose {
    bottom: 20px;
    }
     body.homepage .testimonials h3 {
                    font-size: 56px;
    /*top: -37px;*/
    }
}



.homepage-slider .info-pane p{
    margin-bottom: 20px;
   
}

.homepage-slider .info-pane em {
    font-weight: 700;
    color: #00aeef;
}
.homepage-slider {
    position: relative;
}


body.homepage .homepage-callouts{
    margin-bottom:43px;
}

body.homepage .news,.homepage .testimonials{position:relative;}


body.homepage .testimonials .subhead{
        margin-top: 55px;
    display: block;
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    font-weight: 300;
    font-size: 26px;
    color: #00457c;
    margin-bottom: 10px;
    line-height: 26px;
    min-height: 4em;
    text-decoration: none;
}

body.homepage .news .hs-rss-byline {
    position: absolute;
    top: 22px;
    color: #00aeef;
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 13px;
    display: block;
    margin-left: 0!important;
}

body.homepage .news .hs-rss-description {
    /* margin-top: -42px; */
}

body.homepage .news a.hs-rss-title {
    margin-top: 56px;
    /* position: relative; */
    /* top: 17px; */
    display: block;
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    font-weight: 300;
    font-size: 26px;
    color: #00457c;
    margin-bottom: 10px;
    line-height: 26px;
    min-height: 4em;
    text-decoration: none;
    /* font-weight: 300; */
}


body.homepage .news {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 0 40px 30px 40px;
}
@media(max-width:768px){
    body.homepage .news{
       border-left:0;
       border-right:0;
       padding:0;
           margin-bottom: 83px;
    }
    
    body.homepage .news h3 {
    left: -25px;
    font-size: 113px;
    top: 0;
}
    
body.homepage .news a.hs-rss-title{
        position: relative;
    top: 32px;
}


body.homepage .testimonials h3 {
    font-size: 86px;
    top: -5px;
    /* margin-top: 89px; */
}
}

body.homepage .recent-work {
    text-align: center;
}
body.homepage .recent-work .title {
    font-family: "bebas-neue",arial,sans-serif;
    color: #00457c;
    font-size: 35px;
    text-align: center;
    margin: 20px 0 12px;
    line-height: .9;
}

body.homepage .recent-work-img {
    height: 150px;
    position: relative;
}

body.homepage .recent-work-img h3 {
    position: absolute;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    top: 50%;
    left: 50%;
    font-size: 64px;
    font-family: "bebas-neue",arial,sans-serif;
    color: rgba(255,255,255,.6);
    pointer-events: none;
    width: 100%;
    display: block;
    text-align: center;
    /* font-size: 60px; */
    white-space: normal;
    margin: 0;
    font-weight: 300;
    line-height: .8;
}

/* Our Approach*/
body.our-approach h2{
        font-family: "bebas-neue",arial,sans-serif;
    color: #999;
    font-size: 24px;
    margin-bottom: 15px;
    padding-top: 40px;
    border-top: 1px solid #ccc;
    margin-top: 40px;
}

body.our-approach .interior-page-content {
    padding-bottom:0;
}

body.our-approach .main-content img{
    max-width:50%;
    
}

.interior-page-content{
        border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 40px;
    background: #fff;

}

.header-nav{
        background: #00aeef;
        color:#fff;
}

.blog-content-module{
    
}

.interior-page-nav a {
    color: #fff;
    opacity: .6;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    text-decoration: none;
    font-family: "bebas-neue",arial,sans-serif;
    margin-left: 10px;
}

@media (max-width:768px){
    .interior-page-nav a{
        margin-left:0;
    }
}
.interior-page-nav a:hover {
    opacity: 1;
    /* font-family: "bebas-neue",arial,sans-serif; */
}

.interior-page-nav {
    text-align: right;
    /* margin-top: 19px; */
    text-transform: uppercase;
    font-size: 24px;
    padding: 20px 0 20px 20px;
}
.blog-content-module {
    padding-left: 40px;
}

@media(max-width:768px){
    .interior-page-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a, .interior-page-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .interior-page-nav .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;
    }
    .interior-page-nav li.hs-menu-item.hs-menu-depth-1 {
    display: inline-block;
    float: left;
    width: auto;
    text-align: center;
}
.header-nav .page-header {
    text-align: center;
    margin: 0 auto;
    display: block;
}
.interior-page-nav li.hs-menu-item.hs-menu-depth-1 {
    display: inline-block;
    float: left;
    width: auto;
    text-align: center;
}

.interior-page-nav ul {
    margin: 0 auto;
    display: block;
    /* float: none; */
    text-align: center;
}
.interior-page-nav {
    padding-top: 0;
    padding-left:0;
}


}


body.our-approach .sidebar blockquote h4{
    
    color: #1f292f;
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    font-weight: 900!important;
    font-size: 14px;
    line-height: 22px;

}

 .page-header h1, .page-header h2, .page-header h3{
    display: inline-block;
    font-family: "bebas-neue",arial,sans-serif;
    color: #fff;
    font-size: 30px;
    margin:0;
    padding: 22px 0 20px 0;
    
}

.main-content{
        padding-right: 27px;
    padding-left: 40px;
}
body.portfolio-post .body-container-wrapper h3,body.portfolio-listing .body-container-wrapper h3,body.our-approach .body-container-wrapper h3,body.case-studies .body-container-wrapper h3{
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    font-weight: 100;
    color: #00457c;
    font-size: 20px;
    line-height: 26px;
    margin: 40px 0 10px;
}
body.our-approach .body-container-wrapper h4, body.portfolio-post .body-container-wrapper h4{
        font-family: "bebas-neue",arial,sans-serif;
    color: #999;
    font-size: 24px;
    margin-bottom: 15px;
   /* padding-top: 40px;*/
   /* border-top: 1px solid #ccc;*/
    margin-top: 40px;
}

@media(max-width:768px){
    .main-content{padding: 0 5%!important;}
    .sidebar{padding: 0 5%!important;}
}
.main-content h3{
    font-family: "open-sans",arial,sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #00457c;
    font-size: 20px;
    line-height: 26px;
    margin: 40px 0 10px;
}
.content-footer{
background-color:#00457c;
color:#fff;
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
        margin-top: 40px;
            min-height: 60px;
}
.content-footer .next {
    text-align: right;
    padding: 20px;
}
.content-footer .previous{
    padding: 20px;
}
.content-footer a {
    text-decoration: none;
    color: #fff;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.content-footer a:hover {
    color: #00aeef;
}

.content-footer .footer-title{
        text-align: center;
    font-size: 30px;
    font-family: "bebas-neue",arial,sans-serif;
    font-weight: 100;
    text-transform:normal;
    padding:20px;
}
@media(max-width:768px){
    .content-footer .previous, .content-footer .footer-title, .content-footer .next {
        display: inline-block;
        float: left;
        /* margin: 0 auto; */
    }
    .content-footer{
        white-space:nowrap;
    }
    .content-footer .previous,.content-footer .next{
            width: 22.928176794%;
            
    }
    .content-footer .footer-title{
            width: 48.618784527%;
    }
}

@media(max-width:768px){
    .content-header-wrapper{display:none;}
}

.content-header{    height: 310px;
    border-bottom: 5px solid #00aeef;
    width: 100%;
    display: block;
    margin-bottom: -270px;
    background-image: -ms-linear-gradient(top,#0a3260 0%,#195789 100%);
    background-image: -moz-linear-gradient(top,#0a3260 0%,#195789 100%);
    background-image: -o-linear-gradient(top,#0a3260 0%,#195789 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#0a3260),color-stop(1,#195789));
    background-image: -webkit-linear-gradient(top,#0a3260 0%,#195789 100%);
    background-image: linear-gradient(to bottom,#0a3260 0%,#195789 100%);}
@media(max-width:768px){
    .content-header{
        display:none!important;
    }
    
}

/*Portfolio*/
blockquote.portfolio-quote{
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    font-weight: 100;
    color: #00457c;
    font-size: 20px;
    line-height: 26px;
    margin: 40px 0 10px;

    border-left: 0;
    padding: 0;
    margin: 0 0 10px;


}
.portfolio-quote-author {
    margin-bottom: 15px;
}
.portfolio-post-body{
        padding-right: 27px;
    padding-left: 40px;
    margin-top:44px;
}

.portfolio-post_divider{
    border-top: 3px solid #00aeef;
    padding-top: 0px;
    margin-top: 1px;
    margin-bottom:25px;
}

.portfolio-gallery .hs_cos_flex-slider{margin-bottom:0;}
.project-portfolio {
  text-align: center;
}
body.portfolio-listing .portfolio-pad,.interior-padding{
    padding-left:5%;
    padding-right:5%;
    
}
body.portfolio-listing .portfolio-list{
    margin-top: 36px;
}

.project-portfolio a.project {
  min-height: 200px;
  float: left;
  width: 24.5%;
  margin-right: 0.5%;
  text-align: center;
  margin-bottom: 20px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-decoration:none;
}
@media(max-width:768px){
    .project-portfolio a.project{
           width: 32%;
    margin-right: 1%;
        
    }
    
}
@media(max-width:480px){
    .project-portfolio a.project{
           width: 49%;
    margin-right: 1%;
        
    }
    
}


.project-portfolio .project:hover {
  background-color: #f2f2f2;
}
.project-portfolio .project .featured-img .img{
    -webkit-transform:scale(1);
        -ms-transform:scale(1);
            transform:scale(1);
      -webkit-transition:-webkit-transform .4s ease;
      transition:-webkit-transform .4s ease;
      transition:transform .4s ease;
      transition:transform .4s ease, -webkit-transform .4s ease;
          height: 100%;
    width: 100%;
    background-size: cover;
    background-position:center;
}

.project-portfolio .project:hover .featured-img .img{
  -webkit-transform:scale(1.3);
      -ms-transform:scale(1.3);
          transform:scale(1.3);
  -webkit-transition:-webkit-transform .4s ease;
  transition:-webkit-transform .4s ease;
  transition:transform .4s ease;
  transition:transform .4s ease, -webkit-transform .4s ease;
  

}
.project-portfolio .project .featured-img {
  display: block;
  width: 100%;
  height: 90.313px;
  overflow:hidden;
  border:1px solid transparent;
 
}
.project-portfolio .project h3.project-title {
  font-family: "bebas-neue", arial, sans-serif;
  margin-bottom: 2px;
  margin-top: 5px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font-size: 18px;
  line-height: 18px;
  padding: 0 5%;
  color:#00457c;
}
.project-portfolio .project .project-type {
  margin: 3px 0 8px;
  font-family: "open-sans", arial, sans-serif;
  font-style: normal !important;
  margin-top: -2px;
  color: #ccc;
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 20px;
}

.filters h4 {
    font-family: "bebas-neue",arial,sans-serif;
    color: #00aeef;
    font-size: 28px;
    margin-bottom: 10px;
}
.filters ul {
    list-style: none;
    padding-left: 0;
}
.filters input:checked+label{
    color:#00457c;
    font-weight:bold;
}
.filters label:hover{color:#00457c;
cursor:pointer;}
@media(min-width:320px) and (max-width:767px){
.project-type-filter, .feature-filter {
    width: 50%;
    float: left;
}
}
/*portfolio post template*/
.portfolio-gallery {
    width: calc(100% - -2px);
    margin-left: -1px;
    margin-top:-1px;
}
.post-gallery .slick-slider .slick-arrow,.portfolio-gallery .hs_cos_flex-direction-nav {
    position: absolute;
    top: 0px;
    right: 0;
    left: auto;
    z-index: 3;
    width: 26px;
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    font-size: 11px;
    text-transform: uppercase;
    /*background-color: rgba(0,0,0,.6);*/
    display: block;
    height: 24px;
    /* width: 200px; */
    min-width: 175px;
}
.portfolio-gallery .hs_cos_flex-slider:hover .hs_cos_flex-next{
    opacity:1;
    right:0;
}
.portfolio-gallery .hs_cos_flex-direction-nav li:nth-child(2){
    margin-left:65px;
        padding-right: 18px;
    
}
.portfolio-gallery .hs_cos_flex-direction-nav li:nth-child(2):before{
       content: "/6)";
    position: absolute;
    top: 0;
    right: 49px;
    color: #fff;
    opacity:.5;
}

.portfolio-gallery:hover .hs_cos_flex-direction-nav li:before,.portfolio-gallery:hover .hs_cos_flex-direction-nav li:after,.portfolio-gallery:hover .hs_cos_flex-direction-nav li:first-child:after,.portfolio-gallery:hover .hs_cos_flex-slide-main:before {
    opacity:1;
      -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.portfolio-gallery .hs_cos_flex-direction-nav a{
    position: relative;
    left: 0!important;
    color:#fff;
    text-decoration:none;
    display:inline;
    background:none;
}
.portfolio-gallery .hs_cos_flex-direction-nav li:first-child:after {
    content: "(image ";
    background: none;
    position: absolute;
    color: #fff;
        padding-left: 7px;
    opacity:.6;
}
.portfolio-gallery .hs_cos_flex-slide-main:before {
    content: counter(slide-num,decimal);
    position: absolute;
    top: 0;
    right: 48px;
    color: #fff;
    width: 65px;
    padding-left: 45px;
    font-size:11px;
    height: 20px;
    background-color: rgba(0,0,0,.6);
    z-index: 3;
}
.portfolio-gallery .hs_cos_flex-slide-main {
    counter-increment: slide-num;
    
}
.portfolio-gallery .hs_cos_flex-direction-nav a.hs_cos_flex-next {
    /*margin-left: 65px;*/
    
}

.portfolio-gallery .hs_cos_flex-direction-nav a.hs_cos_flex-prev {
    margin-left: 10px;
}
.portfolio-gallery .hs_cos_flex-direction-nav li {
    display: inline-block;
    background-color: rgba(0,0,0,.6);
}
.portfolio-gallery .hs_cos_flex-slider:hover .hs_cos_flex-prev{
    left:0;
    opacity:1;
}
.portfolio-gallery .hs_cos_flex-direction-nav a{opacity:.5;}
/*tweaks*/
.portfolio-gallery ul.hs_cos_flex-direction-nav {
    width: 190px;
    line-height:1.9;
}

.portfolio-gallery .hs_cos_flex-direction-nav li:nth-child(2) {
    margin-left: 80px;
}

.portfolio-gallery .hs_cos_flex-direction-nav li:nth-child(2):before {
    right: 56px;
}

.portfolio-gallery .hs_cos_flex-slide-main:before {
    width: 80px;
    padding-left: 49px;
    right: 48px;
}
/*end tweaks*/
@media (min-width:1138px){
    .portfolio-gallery{min-height:455px;}

}

.post-gallery .slick-slider .slick-arrow.slick-next:after {
    content: "next";
    color: #000;
    font-size: 11px;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    /* -webkit-transition: all .3s ease; */
    /* transition: all .3s ease; */
    display: inline-block;
    padding: 7px 7px;
    opacity: .5;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.post-gallery .slick-slider .slick-arrow.slick-next {
}
.post-gallery .slick-next:before{display:none;}
.post-gallery:after {
    content: "";
    /* background: rgba(0,0,0,.6); */
    height: 20px;
    width: 175px;
    display: block;
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
    position: absolute;
    min-width: 175px;
    top: 0;
    right: 0;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    font-size: 11px;
    text-transform: uppercase;
    z-index: 2;
}

.post-gallery {
    position: relative;
    margin-left: -1px;
    margin-right: -1px;
}
 
 .post-gallery .slick-slider button.slick-prev.slick-arrow {
    right: 132px;
}

.post-gallery .slick-slider button.slick-prev.slick-arrow:before {
    display:none;
}

.post-gallery .slick-slider button.slick-prev.slick-arrow:after {
    content: "prev";
    display: block;
    position: absolute;
    width: 26px;
    height: 24px;
    right: 0;
    top: 8px;
    z-index: 3;
    color: #fff;
}
.post-gallery .slick-slide {
    counter-increment: slide-num;
    
}
.post-gallery .slick-slider{
    margin-bottom:0;
}
.portfolio-gallery .hs_cos_flex-direction-nav li{
    background-color: rgba(0,0,0,.6);
}
.post-gallery .slick-slide:before{
content: counter(slide-num,decimal);
    position: absolute;
    top: 0;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background: #000;
    z-index: 3;
}
.post-gallery .hs_cos_gallery_main,.post-gallery .hs_cos_gallery_thumbnails,.post-gallery .hs_cos_gallery_lightbox{
    padding:0;
}
.slick-slide-inner-wrapper {
    max-width: 100%;
    width: 100%;
    height:100%;
}
body.portfolio-post h1.page-title {
    margin: 0;
   
    font-family: "bebas-neue",arial,sans-serif;
    color: #fff;
    background: #00aeef;
    padding: 20px 30px 10px 40px;
    margin: 0;
    font-size: 52px;
    line-height: 40px;
    /* width: auto; */
    display: inline-block;
}
@media (max-width: 767px){
body.portfolio-post h1.page-title {
    font-size: 40px;
    line-height: .77;
    padding: .4em 5% .3em;
}
}
@media (max-width: 480px){
    body.portfolio-post h1.page-title {
        font-size:30px;
    }
}
h1.page-title,h2.page-title,h3.page-title{
        margin: 0 40px;
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: "bebas-neue",arial,sans-serif;
    font-weight: 300;
    font-size: 62px;
    color: #00aeef;
    line-height: 65px;
    max-width: 920px;
}

@media (max-width: 767px){
h1.news-title, h1.page-title {
    font-size: 48px;
    line-height: 1;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 10%;
    }
}
@media (max-width: 480px){
h1.news-title, h1.page-title {
    font-size: 36px;
}
}


h1.page-title .page-title-slash,h2.page-title .page-title-slash,h3.page-title .page-title-slash{
   
    color: #ddd;

    
}
h1.page-title .page-title-after,h2.page-title .page-title-after,h3.page-title .page-title-after{
    color: #b7b7b7;
}
h1.newstitle{
    margin: 0 40px 10px 40px;
    padding-top: 100px;
    padding-bottom: 20px;
    font-family: "bebas-neue",arial,sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00aeef;
    border-bottom: 1px solid #ccc;
    line-height: 56px;
    max-width: 920px;
}

.project-headings {
    position: relative;
    /* top: -74px; */
        margin-top: -70px;
    width: fit-content;
        z-index: 2;
        margin-left:-1px;
        
}


@media(max-width:767px){
    .project-headings {
 
    margin-top: -58px;
}

    .sidebar h3.recent{
            border-top: 2px solid;
    padding-top: 22px;
    }
}

@media(max-width:480px){
    .project-headings{margin-top:0;
    margin-left:0;
    width:100%;}
    .project-headings .page-title,.project-headings .location{width:100%;}
}



.location {
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    color: #fff;
    display: inline-block;
    background: #00457c;
    font-size: 11px;
    text-transform: uppercase;
    margin-right: -4px;
    font-weight: 500;
    padding: 5px 25px;
    /* width: fit-content; */
    border-right: 1px solid rgba(255,255,255,.2);
}
.location span{
    /*LM1 font size changes: https://basecamp.com/2350525/projects/12703425/todos/278204033*/
    font-size: 16px;
 
  /*end LM changes*/
  }

body.portfolio-post .sidebar{
     margin-top: -28px;
}
@media (max-width:767px){
    body.portfolio-post .sidebar{
     margin-top: 0;
}
}
.related-projects {
    text-align: center;
  
}
body.portfolio-post .body-container-wrapper .related-projects h3 {
  background: #00457c;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-family: "bebas-neue", arial, sans-serif;
  margin: 0;
  font-size: 24px;
}
.related-projects a.project {
  text-decoration: none;
}
.related-projects a.project:hover .featured-img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
           
will-change:filter;
  transition:filter .3s ease;
will-change:filter;
  -webkit-transition:-webkit-filter .3s ease;
  transition:-webkit-filter .3s ease;
  transition:filter .3s ease;
  transition:filter .3s ease, -webkit-filter .3s ease;
}
.related-projects a.project .featured-img {
  height: 96px;
  background-color: darkgray;
  background-size: cover;
  background-position: center;
-webkit-filter: grayscale(0);
          filter: grayscale(0);
will-change:filter;
  -webkit-transition:-webkit-filter .3s ease;
  transition:-webkit-filter .3s ease;
  transition:filter .3s ease;
  transition:filter .3s ease, -webkit-filter .3s ease;
}
@media (min-width:769px){
        .related-projects {
    text-align: center;
    position: relative;
    top: -2px;
}
}
.related-projects a.project h4.project-title {
  font-family: "bebas-neue",arial,sans-serif;
  color: #00457c;
  font-size: 24px;
  margin-top: 5px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.related-projects a.project .project-type {
  color: #1f292f;
  font-family: "open-sans", arial, sans-serif;
  font-style: normal !important;
  font-size: 11px;
  text-transform: uppercase;
  margin-top: 3px;
  margin-bottom: 18px;
}


.recent-projects h3 {
    font-family: "bebas-neue",arial,sans-serif;
    color: #fff;
    font-size: 24px;
    position: relative;
    float: right;
}

.recent-projects:hover .feedreader_box {
  opacity:1;
  max-height:100vh;
  height:auto;
  
  transition:opacity .3s ease, max-height 1s ease,height 1s ease;
  
}

.recent-projects .hs-rss-item {
    /* position: absolute; */
    /* background: tan; */
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    font-size: 14px;
    padding: 7px 20px 7px 20px;
    color: #1f292f;
    background: #fff;
    margin-bottom:0;
}

.recent-projects {
    position: relative;
}

.recent-projects .feedreader_box {
      display: block;
    position: absolute;
    top: 100%;
    right: 0;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    height: auto;
    z-index:5;
    transition: opacity .3s ease,max-height 1s ease,height 1s ease;
}

.recent-projects .hs-rss-item {}

.recent-projects .hs-rss-item a {
    text-decoration: none;
}

.recent-projects .hs-rss-item:nth-child(even) {
    background: #f2f2f2;
}
.portfolio-features a.topic-link{
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    color: #999;
    display: inline-block;
    margin: 0 3px 5px;
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 13px;
    -moz-transition: All .2s ease;
    -o-transition: All .2s ease;
    -webkit-transition: All .2s ease;
    transition: All .2s ease;
    text-decoration:none;

}
.portfolio-features a.topic-link:hover{
        border-color: #00aeef;
    color: #00aeef;
    text-decoration: none;
}
.no-results-found {
    display:none;
}
#testimonial .testimonial-heading{
clear: both;
    background: #00457c;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-family: "bebas-neue",arial,sans-serif;

    font-size: 24px;
  
}
#testimonial img#testimonial_image {
    height: 180.188px;
    width: 100%;
    background: gray;
    text-align: center;
    color: #fff;
    border: 0;
}
#testimonial img#testimonial_image.img-loaded{
    height:auto;
    background:none;
}

#testimonial {
    margin-bottom: 15px
}

#testimonial .relatedlabel {
    margin-bottom: 0
}

#testimonial a {
    display: block;
    position: relative
}

#testimonial a span {
    position: absolute;
    background: rgba(0, 0, 0, .75);
    height: 60px;
    width: 60px;
    border-radius: 40px;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px
}

#testimonial a span:after {
    left: 50%;
    top: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-style: solid;
    border-width: 15px 0 15px 25px;
    margin: -15px 0 0 -8px;
    border-color: transparent transparent transparent #00aeef
}

#testimonial a:hover span:after {
    border-color: transparent transparent transparent #fff
}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 10000;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0
}

#overlay.on {
    opacity: 1
}

#modal {
    position: absolute;
    width: 640px;
    left: 50%;
    padding: 20px;
    background: #fff;
    margin-left: -320px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .5);
    z-index: 11000;
    opacity: 0;
    top: 100px;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

#modal.on {
    opacity: 1;
    top: 200px
}

#modalClose {
    font-family: bebas-neue;
    height: 30px;
    width: 30px;
    position: absolute;
    top: -15px;
    right: -15px;
    border-radius: 40px;
    border: 2px solid #fff;
    background: #00aeef;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
    text-align: center;
    line-height: 32px;
    font-size: 20px
}

#modalClose:hover {
    background: #019dd7
}

#modalClose:active {
    box-shadow: 0 0 0 transparent;
    top: -13px
}



/**/


/* Contact Us */

/* About Us */
body.company-about-us h4.employee-name{
        font-family: "bebas-neue",arial,sans-serif;
    color: #00457c;
    font-size: 48px;
    margin-bottom: 0;
    line-height: 48px;
    margin-top: 35px;
    margin-bottom:0;
}
body.company-about-us h5.employee-title{
        font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    color: #00aeef;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 10px;
    margin-bottom:0;
    margin-top:0;
}
hr.employee{
    margin-bottom:40px;
}
.about-us-text p:first-child{margin-top:0;}





body.careers h3{
        font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    font-weight: 100;
    color: #00457c;
    font-size: 20px;
    line-height: 26px;
    margin:40px 0 10px;
}
body.careers-post h3{
        margin-top: 0;
}
body.careers .job-type{margin: 0 0 8px 0;
    color: #999;
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    text-transform: uppercase;
    font-size: 11px;
    display: block;
}

body.careers .sidebar-benefits .content{
        background-color: #00aeef;
    color: #fff;
    padding: 10px 15px 10px;
}
body.careers .sidebar-benefits .content ul{padding-left:18px;}
body.careers .sidebar-benefits .content ul li{margin:1em 0;}
body.careers .sidebar h6{
        font-family: "bebas-neue",arial,sans-serif;
    font-size: 26px;
   
    display: block;
    margin: 0 auto 0;
   font-weight:normal;
    text-align: left;
    text-transform: uppercase;
    line-height: 1;
        background: transparent;
    padding: 0;
    color: #00457c;
}
body.careers .sidebar .sidebar-benefits h6{

font-family: "bebas-neue",arial,sans-serif;
    font-size: 26px;
    background-color: #00457c;
    color: #fff;
    display: block;
    margin: 0 auto 0;
    padding: 15px 15px 10px;
    text-align: left;
    text-transform: uppercase;
    line-height: 1;
}

body.careers .sidebar .sidebar-benefits h6 {margin-top:35px;}
body.careers .apply{
        padding: 25px 0 20px 15px;
}

body.careers .job-posting h2{
        font-size: 32px;
    color: #00aeef;
    font-family: "bebas-neue",arial,sans-serif;
    margin-bottom: 0;
    line-height: 30px;
    margin-top: 15px;
    text-decoration:none;
}
body.careers .about-us-text h3{
    margin: 0 40px 10px;
}


body.careers .job-posting a{
    text-decoration:none;
}

body.careers .date{    color: #999;
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    text-transform: uppercase;
    font-size: 11px;
    display: block;
    margin-left: 40px;
    margin-bottom: 40px;}

body.careers.careers-post .blog-content-module ul{ margin-bottom: 20px;
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    font-size: 13px;
    color: #1f292f;
    line-height: 20px;
    list-style: square;
    padding-left: 20px;
}
body.careers h1.newstitle{
       margin: 0 40px 10px 40px;
    padding-top: 100px;
    padding-bottom: 20px;
    font-family: "bebas-neue",arial,sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #00aeef;
    border-bottom: 1px solid #ccc;
    line-height: 56px;
    max-width: 920px;
}

/*case studys*/

body.case-study h2 {
    font-family: "bebas-neue",arial,sans-serif;
    font-size: 50px;
    color: #00aeef;
    text-align: center;
    line-height: 1;
    margin-bottom: 4px;
}
body.case-study .text-white h2{
    color:#fff;
}

/* Modular & Reusable Components
   ========================================================================== */

/* Callouts */

/* Social Media Custom Icons */

/* Additional Menus aside from the Main Nav */


/* widget styling from old site */

.widget {
    margin-top: 40px;
}
.portfolio-widget.widget{margin-top:0;}
.widget .featured {
    background: #00457c;
}
.widget .featured h5 {
    font-family: "bebas-neue",arial,sans-serif;
    font-size: 28px;
    color: #00aeef;
    display: block;
    margin: 20px auto 0;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
}
.widget .featured p {
    text-align: center;
    margin: 8px auto;
    display: block;
    padding: 0 20px;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
}
.widget .featured .widgetframe {
    border-top: 1px solid #1e5582;
    width: 100%;
    padding: 20px 0;
    margin-top: 20px;
}
.widget .featured .buttonwrapper {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.widget .featured .button {
    background-color: #fff;
}
.widget .featured .button:hover {
    background-color: #00aeef;
    color: #fff;
    margin: 0 auto;
}
/* end widget styling from old site */


/* ==========================================================================
   Footer
   ========================================================================== */


.footer-container-wrapper {margin-top:40px;}
.footer-container {}
.footer-logo{ 
/* default container for footer logo, centers logo img, 
use HS image Module with class .footer-logo */
    text-align:center;
}
.footer-logo img{
    display:inline-block;
    margin:0 auto;
    }

.tagline{
    font-family: "bebas-neue",arial,sans-serif;
    color: #00aeef;
    font-size: 28px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 25px 0 23px;
}

.copyright{    
    font-family: "bebas-neue",arial,sans-serif;
    font-size: 24px;
    margin: 25px 0 5px;
    color: #666;}
    
    .copyright sup{
       
    font-size: 50%;

    }
.footer-nav{
    
}
/* ==========================================================================
   3. MAIN NAVIGATION                                            
   ========================================================================== */
   
    html.flexbox .courtesy-nav{margin-top:0;}
   
  html.flexbox .courtesy-nav >div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 102px;
    margin-top: 0;
    margin-bottom: 0;
}
   
   
    @media (min-width:768px){
        
   .courtesy-nav li{
           font-family: "open-sans",arial,sans-serif;
    font-style: normal !important;
    margin: 0 5px;
    font-size: 17px;
    color: #00457c;
       z-index:800;
   }
   .courtesy-nav li a{
           
           padding: 5px 5px;
           color:#00457c;
           text-decoration:none;
           font-family:open-sans, arial, sans-serif;

   }
   .courtesy-nav li.hs-menu-depth-1 a:hover{color: #00aeef;}
   
   html .header-container-wrapper .header-container .courtesy-nav ul.hs-menu-children-wrapper {
  z-index: 9999;
  position: absolute !important;
  margin-left: 0;
  padding-top: 15px;
  border-bottom: 2px solid #00aeef;
  /* visibility: hidden; */
  /* opacity: 0; */
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  margin-top: -5px;
  left: 0 !important;
  /* width: 100%; */
}

.courtesy-nav li.hs-menu-item.hs-menu-depth-2 {
  background: #1f292f;
  display: block;
  margin: 0;
  padding: 9px 80px 9px 20px;
}

.courtesy-nav li.hs-menu-item.hs-menu-depth-2:nth-child(even) {
  background: #263239;
}

.courtesy-nav li.hs-menu-depth-2 a {
  color: #fff;
  font-size: 17px;
  white-space: nowrap;
}
}
@media (max-width:888px){
    .courtesy-nav li {
       font-size: 12px;
    }
}
@media (max-width:767px){
    .courtesy-nav {
    left: -270px; 
    width: 240px!important;
    height: 100%;
    background: #00aeef;
    color: #fff;
    position: fixed;
    
    /* opacity: 0; */
    top: 0;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 1;
    z-index: 10000;
    box-shadow: 2px 0 10px rgba(0,0,0,.33);
    overflow-y: auto;
    -moz-transition: left .25s cubic-bezier(.19,1,.22,1) , opacity .25s cubic-bezier(.19,1,.22,1);
    -o-transition: left .25s cubic-bezier(.19,1,.22,1) , opacity .25s cubic-bezier(.19,1,.22,1);
    -webkit-transition: left .25s cubic-bezier(.19,1,.22,1) , opacity .25s cubic-bezier(.19,1,.22,1);
    transition: left .25s cubic-bezier(.19,1,.22,1) , opacity .25s cubic-bezier(.19,1,.22,1);
    }
    .courtesy-nav div span div>ul{
        position:absolute;
        top:0;
    }
    .courtesy-nav ul.hs-menu-children-wrapper {
    display: none;
}
    .courtesy-nav li{
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        list-style: none;
        
        font-family: "open-sans",arial,sans-serif;
        font-style: normal;
       
        font-size: 17px;
        color: #00457c;color: #fff!important;
    display: block;
   
    border-bottom: 1px solid rgba(255,255,255,.2);

    }
    .courtesy-nav li a{color: #fff!important;
    display: inline-block!important;
    width: auto;
    padding: 1em 17px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    text-decoration:none;
    cursor:pointer;
    }
 

.courtesy-nav li.hs-menu-item.hs-menu-depth-2 {
    background: #00457c!important;
    box-shadow: 0 3px 6px rgba(0,0,0,.1) inset;
    border-bottom-color: rgba(255,255,255,.1);
    /* border-bottom-color: rgba(255,255,255,.1); */
}

.courtesy-nav li.hs-menu-depth-2 a {
    border-bottom-color: rgba(255,255,255,.1);
}
.courtesy-nav li.hs-menu-item.hs-item-has-children:after {
    content: "▼";
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    position: absolute;
    right: 10px;
    -webkit-transition: rotate .3s ease;
    transition:rotate .3s ease;
    top: 17px;
}
.courtesy-nav li.hs-menu-item.hs-item-has-children.nav-active:after {
    -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
            transform:rotate(0deg);
    -webkit-transition: rotate .3s ease;
    transition:rotate .3s ease;
    
}
.hamburger .burger-button {
  -webkit-transition: left 0.25s cubic-bezier(0.19, 1, 0.22, 1), margin-left 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  transition: left 0.25s cubic-bezier(0.19, 1, 0.22, 1), margin-left 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  position: absolute;
  left: 0;
  top: 41px;
  -webkit-appearance: none;
  border: 0;
  background: 0;
  margin-left: 5%;
  color: #00aeef;
 
}
.hamburger .burger-button:focus {
  outline: 0;
}

body.off-canvas-nav-active{
    overflow:hidden;
}
body.off-canvas-nav-active .burger-button {
  color: #fff;
  left: 270px;
  z-index: 10001;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}





body.off-canvas-nav-active:before {
    height: 100%;
    width: 100%;
    display: block;
    position: fixed;
    background: rgba(0,0,0,.7);
    top: 0;
    left: 0;
    content: "";
    z-index: 998;
}

body.off-canvas-nav-active .courtesy-nav{
    left: -250px; 
    left: 0;
}

}

.main-nav{
        background: #00aeef;
        
}
.main-nav .hs-menu-depth-1 a {
  width: 100%;
}
.main-nav .hs-menu-depth-1 a:hover{
  background: rgba(0,0,0,.1);
}
html.no-flexbox .main-nav ul{text-align:center;}
html.no-flexbox .main-nav li.hs-menu-depth-1 {
  width: 20%;/*set width to 100% / number_of_nav_items  to properly support IE 8*/

  /* display: block; */
}
@media (max-width:800px){
    html.no-flexbox .main-nav li.hs-menu-depth-1 {
      width: 15%;/*to accomodate old IE bug*/
    
      /* display: block; */
    }
}

html.no-flexbox .main-nav ul {
  width: 100%;
}

  

html.flexbox .main-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

html.flexbox .main-nav li.hs-menu-item.hs-menu-depth-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}






.main-nav{
    -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.main-nav ul{} /* If menu is aligned right against page-center float right*/
.main-nav ul li a{    padding: 15px 0 13px;
    display: block;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-family:"bebas-neue", bebas-neue, bebas neue, arial, sans-serif;
   font-size:24;
   font-weight:normal;
    color: #fff;
    text-decoration: none;
    
}

.main-nav ul li{font-family: "bebas-neue",arial,sans-serif;
    color: #fff;
    font-size: 24px;
    text-align: center;
    text-decoration:none;} /* default spacing between main menu links */
.main-nav ul > li:first-child{padding-left:0;}/* kill left padding for first item in main nav */
.main-nav ul>li>ul li:first-child {
    padding: 0 12px;
}


.main-nav ul li:last-child{padding-right:0;} 

.footer-nav{text-align:center;}
.footer-nav ul li a{
  text-decoration:none; 
     
    color: #666;
}
.footer-nav ul li:before{ /* display | divider in footer menu by default */
    content:"|";
    color:#fff;
    padding: 0 10px 0 7px;
}
.footer-nav ul li:first-child:before{ /* display | divider only between links */
  content:"";
  padding:0; 
}

@media(max-width:767px){
    .footer-nav .hs-menu-wrapper ul> li.hs-menu-depth-1 {
    /* float: left; */
    width: auto;
    padding: 2px 2%;
    /* height: auto; */
    margin-bottom:10px;
}
}

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


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

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color:;
}



/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.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;
  width: auto !important;
}

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




/* ==========================================================================
   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.                     
 */

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

@media (max-width: 767px){

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li{display:inline-block;}
  /* 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
     ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 0px;          /* Position Button at right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 7px 10px 8px 10px;
    background: #ffffff; /* Background color */
    border: 1px solid #000000;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000000; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }


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

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #000000; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
      background-color: #ffffff; /* Icon color */
  }


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

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;
  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

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

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

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

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    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{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-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: rgba(255, 255, 255, .08);
  }
  .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 */
  }
}








/* ==========================================================================
   4. TEMPLATE MODULE SELECTORS                                         
   ========================================================================== */





/* Common Template Selectors                                             
   ========================================================================== */

body.one-column {}
body.two-column {}
body.three-column {}
.content-wrapper {}
.main-content {}
.sidebar{}
.sidebar.right{}
.sidebar.left{}

/* Common One Column Selectors */
body.site-page.one-column, 
body.landing-page.one-column, 
body.error-template.one-column, 
body.password-template.one-column, 
body.subscription-template.one-column {}

body.site-page.one-column .main-content, 
body.landing-page.one-column .main-content, 
body.error-template .main-content, 
body.password-template .main-content, 
body.subscription-template .main-content {}

/* Common Two Column Selectors */
body.site-page.two-column, 
body.landing-page.two-column, 
body.blog {}  

body.site-page.two-column .main-content, 
body.landing-page.two-column .main-content, 
body.blog .blog-content {}

/* Common Three Column Selectors */
body.site-page.three-column, 
body.landing-page.three-column {}

body.site-page.three-column .main-content, 
body.landing-page.three-column .main-content {}


/* Site Pages                                            
   ========================================================================== */

/* One Column Template */
body.site-page.one-column {}
body.site-page.one-column .content-wrapper {}
body.site-page.one-column .main-content {}

/* Two Column Template */
body.site-page.two-column {}
body.site-page.two-column .content-wrapper {}
body.site-page.two-column .main-content {}
body.site-page.two-column .sidebar.right {}

/* Three Column Template */
body.site-page.three-column {}
body.site-page.three-column .content-wrapper {}
body.site-page.three-column .main-content {}

body.contact .sidebar h3{
    margin-top: 0!important;
    font-size:13px;
    font-weight:300;
    }

body.contact .sidebar p{
        margin: 3px 0 8px;
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
}
.widget-no-marg .widget {
    margin-top: 0;
}

/* Landing Pages                                           
   ========================================================================== */

/* One Column Template */
body.landing-page.one-column {}
body.landing-page.one-column .content-wrapper {}
body.landing-page.one-column .main-content {}

/* Two Column Template */
body.landing-page.two-column {}
body.landing-page.two-column .content-wrapper {}
body.landing-page.two-column .main-content {}
body.landing-page.two-column .sidebar.right {}

/* Three Column Template */
body.landing-page.three-column {}
body.landing-page.three-column .content-wrapper {}
body.landing-page.three-column .main-content {}


/* System Pages                                          
   ========================================================================== */

/* Error Templates 404, 500 */
body.error-template.one-column {}
body.error-template.one-column .content-wrapper {}
body.error-template.one-column .main-content {}
body.error-404 h1{
    font-family: "bebas-neue",arial,sans-serif;
    font-size: 115px;
    color: #00aeef;
    margin-bottom: 40px;
}
/* Password template */
body.password-template.one-column {}
body.password-template.one-column .content-wrapper {}
body.password-template.one-column .main-content {}

/* Email Subscribition templates */
body.subscription-template.one-column {}
body.subscription-template.one-column .content-wrapper {}
body.subscription-template.one-column .main-content {}








/* ==========================================================================
   5. COS COMPONENTS                                        
   ========================================================================== */





/* ==========================================================================
   Blog                                         
   ========================================================================== */


/* Blog Post and Listing Body Class */
body.blog {}

/* Blog Post */
body.hs-blog-post {}

/* Blog Listing */
body.hs-blog-listing {}

/* Blog Columns Wrapper */
.blog .content-wrapper {}


/* Blog Content Column
   ========================================================================== */

.blog .blog-content {}

/* Use this to style the main wrapper for the blog listing pages */
.blog-listing-wrapper {}

/* Use this to style the main wrapper for the blog post pages */
.blog-post-wrapper {}

/* Blog Title */
.hs-blog-header h1 {}
.hs-blog-header h1 a{}

/* Blog Post Title */
.post-header h2 {}
.post-header h2 a {}

/* Blog Author and Avatar */
#hubspot-author_data {}
#hubspot-author_data a.author-link {}
#hubspot-author_data .hs-author-avatar {}
#hubspot-author_data .hs-author-avatar img { display:none;} /* hidden to avoid author always displaying by default */

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

/* Post Featured Image on Listings Page */
.hs-featured-image-wrapper {}
.hs-featured-image-wrapper .hs-featured-image-link {}
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
  border-width: 0;
  max-height: 170px;
  max-width: 210px;
  height: auto;
  width: auto;
  display: inline-block !important;
  float: right;
  margin: 20px 0 20px 20px;
}

/* Read More Link */
a.more-link {}

/* Blog Topics List */
#hubspot-topic_data {}
#hubspot-topic_data a.topic-link {}

/** 
 * Blog Social Sharing icons
 *
 * Overrides defaults to better align icons and prevent overlapping 
 */

.hs-blog-social-share {
  padding: 10px 0 0 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  height: auto;
}

/** 
 * Blog Commments 
 *
 * Custom styles are listed below, as the COS does not provide default styles.
 */

#comments-listing {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  margin-top: 30px;
}
.comment {
  margin: 10px 0;
  border-top: 1px solid #ccc;
  padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }

/* Pagination */
.blog-pagination {}
.blog-pagination a {}
.blog-pagination a.previous-posts-link {}
.blog-pagination a.all-posts-link {}
.blog-pagination a.next-posts-link {}

/** 
 * Blog Author Page 
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */

.hs-author-profile {}
.hs-author-profile h2.hs-author-name {}
.hs-author-profile .hs-author-bio {}
.hs-author-profile .hs-author-avatar {}
.hs-author-profile .hs-author-avatar img {}
h3.hs-author-listing-header {}

/** 
 * Blog All Posts Page
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */

body.hs-content-path-blog-all {}
div.post-listing-simple {}
div.post-listing-simple .post-item {}
h2.post-listing-simple {}
h2.post-listing-simple a {}



.social-widget {
    margin-left: 40px;
    margin-right: 40px;
}

.social-widget .hs-blog-social-share {
    border-top: 0;
    border-bottom: 0;
    padding-top: 0;
    margin-bottom: 10px;
}

span.date {}

span.date {
    margin-bottom: 10px!important;
}

/* Blog Sidebar
   ========================================================================== */

.blog .blog-sidebar {}

/* Blog Modules */
.blog .blog-sidebar .widget-span {}




/* ==========================================================================
   Forms
   ========================================================================== */

/* Hide Label text on Hubspot Forms (uncomment to activate), use polyfill to support ie
https://bitbucket.org/spingary/hubspot-repo/wiki/Polyfills%20and%20other%20things%20to%20make%20IE%20not%20ruin%20your%20day
*/
/*
form.hs-form label span {
    display: none;
}

form.hs-form label.hs-form-radio-display span {
    display: inline-block;
}
*/


.hs-form-required{display:none;}

/* end hide labels */

/* All Global Forms
   ========================================================================== */

/* Form Field */
body .hs-form-field {}

/* Descriptions */
body .hs-field-desc {}

/* Labels */
body label {}
body .hs-form-field > label {}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
  width: 100%;
  font-family: open-sans, arial, sans-serif;
  font-size: 13px;
}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {}

/* Separate Styles for Multiple Line Inputs */
body textarea {padding:6px;
    min-height: 74px;}
body textarea:focus {}

/* Separate Styles for Drop Downs */
body select {}
body select:focus {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}

/* Required */
body input:focus:required:invalid, 
body textarea:focus:required:invalid, 
body select:focus:required:invalid {}

body input:focus:required:invalid:focus, 
body textarea:focus:required:invalid:focus, 
body select:focus:required:invalid:focus {}

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
   /* color: #555;
   opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
   /* color: #555;
   opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
   /* color: #555;
   opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
   /* color: #555;
   opacity: 1; */
}

body form.hs-form input{
    padding: 8px;
    width: 70%;
    display: inline;
}

body form.hs-form fieldset {
    max-width: none;
    margin-bottom: 20px;
}

/* Form Module
   ========================================================================== */

/* Form Field */
.hs_cos_wrapper_type_form .hs-form-field {}

/* Descriptions */
.hs_cos_wrapper_type_form .hs-field-desc {}

/* Labels */
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form input[type="file"],
.hs_cos_wrapper_type_form textarea,
.hs_cos_wrapper_type_form select {}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus, 
.hs_cos_wrapper_type_form input[type="date"]:focus, 
.hs_cos_wrapper_type_form input[type="month"]:focus, 
.hs_cos_wrapper_type_form input[type="time"]:focus, 
.hs_cos_wrapper_type_form input[type="week"]:focus, 
.hs_cos_wrapper_type_form input[type="number"]:focus, 
.hs_cos_wrapper_type_form input[type="email"]:focus, 
.hs_cos_wrapper_type_form input[type="url"]:focus, 
.hs_cos_wrapper_type_form input[type="search"]:focus, 
.hs_cos_wrapper_type_form input[type="tel"]:focus, 
.hs_cos_wrapper_type_form input[type="color"]:focus,
.hs_cos_wrapper_type_form input[type="file"]:focus,
.hs_cos_wrapper_type_form textarea:focus,
.hs_cos_wrapper_type_form select:focus {}

/* Separate Styles for Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {}
.hs_cos_wrapper_type_form textarea:focus {}

/* Separate Styles for Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}

li.hs-form-radio input {
    width: 22px!important;
    height: 15px;
    float: left;
}
/* Blog Comment Form
   ========================================================================== */

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}

/* Inputs */
#comment-form input[type="text"] {}
#comment-form input[type="text"]:focus {}

#comment-form textarea {}
#comment-form textarea:focus {}

#comment-form input[type="checkbox"] {}

/* Error */
body .hs-common-error-message {}


/* Blog Subscription Form
   ========================================================================== */

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {}
#hs_form_target_blog_subscription input[type="email"]:focus {}

#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
width: auto;
margin-right: 10px;
}


/* Google Search Form
   ========================================================================== */

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}

#courtesy-search-form #cq{
    padding: 8px 8px 8px 21px;
    border: 1px solid #ccc;
    font-size:11px;
 
}
#courtesy-search-form .btn-search{
        background: url('//2479702.fs1.hubspotusercontent-na1.net/hubfs/2479702/Template_Images/Icons/icon_search.png') no-repeat 0 0;
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    text-indent: -9999px;
}
.header-search{    
   
    position: relative;
        margin-top: 30px;
      
        width: 80%;
    float: right;
    }

/* Multi Column Form
   ========================================================================== */

body .hs-form fieldset.form-columns-1 {}
body .hs-form fieldset.form-columns-1 .hs-form-field {}

body .hs-form fieldset.form-columns-2 {}
body .hs-form fieldset.form-columns-2 .hs-form-field {}

body .hs-form fieldset.form-columns-3 {}
body .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}
body form.hs-form fieldset { max-width: none; }
body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; }
body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }

@media (max-width: 400px) {
  body form.hs-form fieldset .hs-form-field { padding: 0; }
  body form.hs-form fieldset.form-columns-3 .hs-form-field,
  body form.hs-form .form-columns-2 .hs-form-field .hs-input, 
  body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
  body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
}




/* ==========================================================================
   Buttons                                              
   ========================================================================== */
/* 
   default button styles 
   when declaring a button add both the .btn class and the specific button class 
   Note: default btn class was pulled from Bootstrap btn;
*/
.btn{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px;
}
/* Default clicked state of button, also allows you to trigger "pressed" state with active class */
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}


body.homepage .homepage-slider .button {
    color: #fff;
    display: inline-block;
    margin-top: 10px;
    box-shadow: 0 0 3px rgba(255,255,255,.8);
    
}
.button,.news .hs-rss-description a {
    text-align: left;
    border-radius: 2px;
    background: transparent;
    box-shadow: 0 0 3px rgba(0,0,0,.4);
    padding: 5px 30px 5px 8px;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    color: #1f292f;
    
    text-decoration:none;
    position:relative;
}
.button:after, .news .hs-rss-description a:after,input[type="button"]:after {
    content: "▶";
    padding-left: 5px;
    position: absolute;
    font-size: 9px;
    right: 8px;
    top: 50%;
    color: #03abf2;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.button:hover,.news .hs-rss-description a:hover,input[type="button"]:hover {
    background: #00aeef;
   
    background-repeat: no-repeat;
    background-position: right center;
    color: #fff;
    box-shadow: none;
}
input[type="submit"]:hover{
    background-image:url('//2479702.fs1.hubspotusercontent-na1.net/hubfs/2479702/Template_Images/Icons/arrow-w.png');
}
.button:hover:after,.news .hs-rss-description a:hover:after,input[type="submit"]:hover:after,input[type="button"]:hover:after{
    color:#fff;
}



.news .hs-rss-description a {
    margin-top:15px;
    text-align: left;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.4);
    padding: 5px 30px 5px 8px;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    color: #1f292f;
    /* background: url(/content/public/images/arrow.png) no-repeat; */
    /* background-position: right center; */
    display: block;
    text-decoration: none;
    width: 173px;
}

.news .hs-rss-description{

    margin-top: 46px;

}

.btn-primary{}
.btn-primary.active,.btn-primary:active{} /* clicked/pressed state */

.btn-secondary{}
.btn-secondary.active,.btn-secondary:active{}

.btn-alt1{}
.btn-alt1.active,.btn-alt1:active{}

.btn-alt2{}
.btn-alt2.active,.btn-alt2:active{}

.btn-alt3{}
.btn-alt3.active,.btn-alt3:active{}

.btn-alt4{}
.btn-alt4.active,.btn-alt4:active{}


/* All Global Buttons (Excluding CTAs)
   ========================================================================== */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
  cursor: pointer;
  -webkit-appearance: none;
  font-family: open-sans, arial, sans-serif;
  font-size: 13px;
  text-decoration: none !important;
 
    width: auto;
    
    border: none;
    margin-top: 20px;

    padding: 8px;
    padding-right: 28px;
 
    display: inline;
    text-align: left;
    border-radius: 2px;
   
    box-shadow: 0 0 3px rgba(0,0,0,.4);
 
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-family: "open-sans",arial,sans-serif;
    font-style: normal!important;
    color: #1f292f;
    background: url('//2479702.fs1.hubspotusercontent-na1.net/hubfs/2479702/Template_Images/Icons/arrow.png') no-repeat;
    background-position: right center;
}


body .text-white .hs-button.primary {
    border-color: #fff;
    box-shadow: 0 0 3px rgba(250,250,250,1);
    background-color: #fff;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {}


/* Form Module Button
   ========================================================================== */

.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}


/* Blog Comment Button
   ========================================================================== */
#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}


/* Blog Subscription Button
   ========================================================================== */
#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}


/* Google Search Button
   ========================================================================== */
.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


/* CTA Buttons
   ========================================================================== */

/** 
 * Override global CTA styles by wrapping the CTA module in a module group 
 * that has an ID, and use that ID to prefix your CTA selector. Example shown below.
 *
 * All overriding properties require !important tags. 
*/
#module-group-ID .cta_button {}
#module-group-ID .cta_button:hover {}
#module-group-ID .cta_button:focus {}


.text-white{color:#fff;}

/* Bootstrap 4 based image classes - there are slight tweaks.
   ========================================================================== */
.img-rounded {
    border-radius: 0.6rem;
}
.img-circle {
    border-radius: 50%;
}
.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: .25rem;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.widget-type-global_widget.center-block img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.center-block.widget-type-linked_image .cell-wrapper img.hs-image-widget { /* enables .center-block to be used on template builder images */
    display: block;
    margin: 0 auto;
}

.center-block.widget-type-linked_image{/*prevents the effects of center block from happening on the container element of the COS image widget*/
      display: initial;
      margin-right: initial;
      margin-left: initial;
}

/* Hide on screen sizes
   ========================================================================== */


@media (max-width: 767px){
    .hidden-xs{display:none!important;}
    }

@media (max-width: 991px) and (min-width: 768px) {
        .hidden-sm{display:none!important;}
    }
@media (max-width: 1199px) and (min-width: 992px){
        .hidden-md{display:none!important;}
    }
@media (min-width: 1200px){
    .hidden-lg{display:none!important;}
        }

/* Responsive Text alignment
   ========================================================================== */

.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}

/* Push & Pull Bootstrap 3 style
   ========================================================================== 
   works exactly the same as bootstrap 3, with exception it sets position:relative; when pushing or pulling. 
 */


.col-xs-pull-12 {
  right: 100%;
  position:relative;
	margin-left: 0!important;
}
.col-xs-pull-11 {
  right: 91.66666667%;
  position:relative;
	margin-left: 0!important;
}
.col-xs-pull-10 {
  right: 83.33333333%;
  position:relative;
	margin-left: 0!important;
}
.col-xs-pull-9 {
  right: 75%;
  position:relative;
	margin-left: 0!important;
}
.col-xs-pull-8 {
  right: 66.66666667%;
  position:relative;
	margin-left: 0!important;
}
.col-xs-pull-7 {
  right: 58.33333333%;
  position:relative;
	margin-left: 0!important;
}
.col-xs-pull-6 {
  right: 50%;
  position:relative;
	margin-left: 0!important;
}
.col-xs-pull-5 {
  right: 41.66666667%;
  position:relative;
	margin-left: 0!important;
}
.col-xs-pull-4 {
  right: 33.33333333%;
  position:relative;
	margin-left: 0!important;
}

.col-xs-pull-3 {
  right: 25%;
  position:relative;
	margin-left: 0!important;
}
.col-xs-pull-2 {
  right: 16.66666667%;
  position:relative;
	margin-left: 0!important;
}
.col-xs-pull-1 {
  right: 8.33333333%;
  position:relative;
	margin-left: 0!important;
}
.col-xs-pull-0 {
  right: auto;
  position:relative;
	margin-left: 0!important;
}
.col-xs-push-12 {
  left: 100%;
  position:relative;
}
.col-xs-push-11 {
  left: 91.66666667%;
  position:relative;
}
.col-xs-push-10 {
  left: 83.33333333%;
  position:relative;
}
.col-xs-push-9 {
  left: 75%;
  position:relative;
}
.col-xs-push-8 {
  left: 66.66666667%;
  position:relative;
}
.col-xs-push-7 {
  left: 58.33333333%;
  position:relative;
}
.col-xs-push-6 {
  left: 50%;
  position:relative;
}
.col-xs-push-5 {
  left: 41.66666667%;
  position:relative;
}
.col-xs-push-4 {
  left: 33.33333333%;
  position:relative;
}
.col-xs-push-3 {
  left: 25%;
  position:relative;
}
.col-xs-push-2 {
  left: 16.66666667%;
  position:relative;
}
.col-xs-push-1 {
  left: 8.33333333%;
  position:relative;
}
.col-xs-push-0 {
  left: auto;
  position:relative;
}
@media (min-width: 768px) {
      .col-sm-pull-12 {
    right: 100%;
    position:relative;
				margin-left: 0!important;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
    position:relative;
		margin-left: 0!important;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
    position:relative;
		margin-left: 0!important;
  }
  .col-sm-pull-9 {
    right: 75%;
    position:relative;
		margin-left: 0!important;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
    position:relative;
		margin-left: 0!important;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
    position:relative;
		margin-left: 0!important;
  }
  .col-sm-pull-6 {
    right: 50%;
    position:relative;
		margin-left: 0!important;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
    position:relative;
		margin-left: 0!important;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
    position:relative;
		margin-left: 0!important;
  }
  .col-sm-pull-3 {
    right: 25%;
    position:relative;
		margin-left: 0!important;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
    position:relative;
		margin-left: 0!important;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
    position:relative;
		margin-left: 0!important;
  }
  .col-sm-pull-0 {
    right: auto;
    position:relative;
		margin-left: 0!important;
  }
  .col-sm-push-12 {
    left: 100%;
    position:relative;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
    position:relative;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
    position:relative;
  }
  .col-sm-push-9 {
    left: 75%;
    position:relative;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
    position:relative;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
    position:relative;
  }
  .col-sm-push-6 {
    left: 50%;
    position:relative;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
    position:relative;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
    position:relative;
  }
  .col-sm-push-3 {
    left: 25%;
    position:relative;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
    position:relative;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
    position:relative;
  }
  .col-sm-push-0 {
    left: auto;
    position:relative;
  }


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




 .col-md-pull-12 {
    right: 100%;
    position:relative;
	 margin-left: 0!important;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
    position:relative;
		margin-left: 0!important;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
    position:relative;
		margin-left: 0!important;
  }
  .col-md-pull-9 {
    right: 75%;
    position:relative;
		margin-left: 0!important;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
    position:relative;
		margin-left: 0!important;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
    position:relative;
		margin-left: 0!important;
  }
  .col-md-pull-6 {
    right: 50%;
    position:relative;
		margin-left: 0!important;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
    position:relative;
		margin-left: 0!important;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
    position:relative;
		margin-left: 0!important;
  }
  .col-md-pull-3 {
    right: 25%;
    position:relative;
		margin-left: 0!important;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
    position:relative;
		margin-left: 0!important;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
    position:relative;
		margin-left: 0!important;
  }
  .col-md-pull-0 {
    right: auto;
    position:relative;
		margin-left: 0!important;
  }
  .col-md-push-12 {
    left: 100%;
    position:relative;
  }
  .col-md-push-11 {
    left: 91.66666667%;
    position:relative;
  }
  .col-md-push-10 {
    left: 83.33333333%;
    position:relative;
  }
  .col-md-push-9 {
    left: 75%;
    position:relative;
  }
  .col-md-push-8 {
    left: 66.66666667%;
    position:relative;
  }
  .col-md-push-7 {
    left: 58.33333333%;
    position:relative;
  }
  .col-md-push-6 {
    left: 50%;
    position:relative;
  }
  .col-md-push-5 {
    left: 41.66666667%;
    position:relative;
  }
  .col-md-push-4 {
    left: 33.33333333%;
    position:relative;
  }
  .col-md-push-3 {
    left: 25%;
    position:relative;
  }
  .col-md-push-2 {
    left: 16.66666667%;
    position:relative;
  }
  .col-md-push-1 {
    left: 8.33333333%;
    position:relative;
  }
  .col-md-push-0 {
    left: auto;
    position:relative;
  }
}

@media (min-width: 1200px) {
     .col-lg-pull-12 {
    right: 100%;
    position:relative;
			 margin-left: 0!important;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
    position:relative;
		margin-left: 0!important;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
    position:relative;
		margin-left: 0!important;
  }
  .col-lg-pull-9 {
    right: 75%;
    position:relative;
		margin-left: 0!important;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
    position:relative;
		margin-left: 0!important;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
    position:relative;
		margin-left: 0!important;
  }
  .col-lg-pull-6 {
    right: 50%;
    position:relative;
		margin-left: 0!important;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
    position:relative;
		margin-left: 0!important;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
    position:relative;
		margin-left: 0!important;
  }
  .col-lg-pull-3 {
    right: 25%;
    position:relative;
		margin-left: 0!important;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
    position:relative;
		margin-left: 0!important;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
    position:relative;
		margin-left: 0!important;
  }
  .col-lg-pull-0 {
    right: auto;
    position:relative;
		margin-left: 0!important;
  }
  .col-lg-push-12 {
    left: 100%;
    position:relative;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
    position:relative;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
    position:relative;
  }
  .col-lg-push-9 {
    left: 75%;
    position:relative;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
    position:relative;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
    position:relative;
  }
  .col-lg-push-6 {
    left: 50%;
    position:relative;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
    position:relative;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
    position:relative;
  }
  .col-lg-push-3 {
    left: 25%;
    position:relative;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
    position:relative;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
    position:relative;
  }
  .col-lg-push-0 {
    left: auto;
    position:relative;
  }
}




/* ==========================================================================
   6. MISCELLANOUS                                        
   ========================================================================== */
/* telephone links by default should not be underlined unless specified. */
a[href^="tel:"]{text-decoration: none;} 

/* to hide search input un-comment display none */
#hs-search-module form input.hs-input {
    /*display: none;*/
}



/** 
 * Styles that do not fit into available sections above can go here.
 * For example, one would place 3rd party plugin overriding styles here.
 *
 * This section is NOT for 'Custom' styles.  All custom styles must go in the
 * proper sections above.
 *
 * For instance, custom header and footer styles must go in the HEADER and 
 * FOOTER sections.  Custom styles for anything in-between the header and footer 
 * (such as, styles that are unique to the HOMEPAGE only), must go in the 
 * CONTENT section.
*/ 


.pdf:after {
    content: "";
    background-image: url(//2479702.fs1.hubspotusercontent-na1.net/hubfs/2479702/Template_Images/Icons/PDF_icon.png?t=1476291243123);
    background-size: contain;
    height: 32px;
    width: 30px;
    display: inline-block;
    top: -5px;
    margin-left: 5px;
    position: absolute;
}
a.pdf {
    margin-top: 15px;
    display: inline-block;
    color: #00457c;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    text-decoration: none;
        margin-bottom: 14px;
}
a.pdf{ color: #00457c;  text-decoration: none;}
.pdf {
    margin-top: 15px;
    display: inline-block;
    color: #00457c;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    text-decoration: none;
}

.statement-qualifications {
    background-color: #f9f9f9;
    padding: 8px 15px 26px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}
.statement-qualifications span.download {
    font-weight: normal;
}
.statement-qualifications span.file-name {
    font-weight: 800;
    /* padding-right: 10px; */
    margin-right: 10px;
}



.statement-qualifications a {
    text-decoration: none;
    color: #00457c;
}

.statement-qualifications span.file-name:after {content: "|";padding-left: 10px;}




/* ==========================================================================
   7. MOBILE MEDIA QUERIES                              
   ========================================================================== */



   

/* Screen sizes smaller than site maxWidth (.page-center)
   ========================================================================== */

@media (max-width: none) {}


/* Landscape tablet and smaller devices
   ========================================================================== */

@media (max-width: 767px) {}
     

/* Landscape phones and smaller devices
   ========================================================================== */

@media (max-width: 479px) {}