@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,600;0,700;0,800;1,600;1,700&display=swap');
/***********************************************/

/* Images */

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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



/* =====================================
   Index:         
  1. BASE STYLES   
    1a. Hubl Variables
    1b. Hubl Macros
    1c. CSS Resets
    1d. Base
    1e. Typography
    1f. Buttons
    1g. Forms
  2. FLUID FRAMEWORK
  3. CONTENT
    3b. Homepage
  4. HEADER
    4a. Header Structure
    4b. Main Navigation
    4c. Mobile Menu
    4d. Sticky Header
  5. FOOTER
    4a. Footer Structure
  6. BLOG
    5a. Blog Structure
    5b. Blog Listing
    5c. Blog Post
    5d. Blog Subscribe Form
  7. MISCELLANOUS
    7a. CTA Overrides
   ===================================== */

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

/* =====================================
   1a. Hubl Variables                                               
   ===================================== */

/*** Base Font Settings (applies to body and non-heading tags)***/




 /* Keep value unitless for easy responsiveness */
 /* This will also be the minimum spacing for headings */





/*** Heading Font Settings ***/





/* Heading sizes in pixels */






/* Super */








/* h1 */






/* h2 */






/* h3 */






/* h4 */






/* h5 */






/*** Extra Font Settings ***/















/*** Base Site Settings ***/





/*** Color Palette ***/
 /* rgba(40, 77, 121, 1) */ 
 /* rgba(67, 144, 188, 1) */ 
 /* rgba(232, 187, 59, 1) */
 /* rgba(207, 90, 81, 1) */











/*** Site Width Containers ***/



   

/* =====================================
   1b. Hubl Macros                                             
   ===================================== */

/* Border Radius  */


/* Box Shadow  */


/* Transition  */


/* Transform  */


/** Shorthand Compatibality-Minded Flex Box Styles **/















/* =====================================
   1c. CSS Resets (If Needed)                                       
   ===================================== */
.home .body-container > .row-fluid-wrapper:nth-child(n+4) {
	content-visibility: visible;
}

@media (min-width: 767px) {
  html.sr .main-banner-wrapper .fadeInLeft,
  html.sr .main-banner-wrapper .fadeInRight,
  html.sr .main-banner-wrapper .fadeIn {
      visibility: hidden;
  }
  html.sr .main-banner-wrapper .partner-card.animate,
  html.sr .tidbit.animate {
    visibility: hidden; 
  }
}
html.sr .afterType {
    visibility: hidden;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
	display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
	-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
	-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;
	padding: 25px 15px 25px !important;
	background: transparent !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording,
div#hs-eu-cookie-confirmation p,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
	margin: 0 !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p{
  text-align:center !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a {
	color: #4390bc !important;
}
div#hs-eu-cookie-confirmation p {
	font-family: 'Open Sans',sans-serif !important;
	font-size: 12px !important;
	line-height: normal !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording {
	margin-top: 5px !important;
	/*flex: 1 1;*/
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
	flex: 0 1 87px;
}
div#hs-eu-cookie-confirmation {
	background: rgba(255,255,255,1) !important;
}
div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom {
	box-shadow: none !important;
	border: 0 !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
	color: #fff !important;
}

/* =====================================
   1d. Base                                          
   ===================================== */

*, *: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;
} 
body {
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background: #FFFFFF;
  font-weight: 400;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1.675;
  letter-spacing: 0.6px;
}
a { 
  color: #389cd5;
}
a:hover, a:focus { 
  color: #389cd5;
}
hr {
  color: #C4C4C4;
  background-color: #C4C4C4;
  height: 1px;
  border: none;
}

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

/*** Highlighted Text ***/
::-moz-selection {}
::selection {}

/*** Website Width ***/
.row-fluid .page-center,
.page-center {
  max-width: 1120px;
  float: none;
  margin: 0 auto !important;
  padding: 0 20px;
}
.row-fluid .page-center.wide,
.page-center.wide {
  max-width: 1244px;
}
.row-fluid .page-center.widest,
.page-center.wide,
.listing-header-wrapper .listing-header {
  max-width: 1404px;
}
.row-fluid .page-center.lean,
.page-center.lean {
  max-width: 880px;
}
.row-fluid .page-center.header,
.page-center.header {
  max-width: 1304px; 
}

@media (max-width: 767px) {
  .row-fluid [class*="span"] {
    width: 100%; 
  }
  /** Add margin to divs after HubSpot wrap **/
  .page-center > .row-fluid-wrapper > .row-fluid > div {
    margin-bottom: 40px;
  }
  .page-center > .row-fluid-wrapper > .row-fluid > div.section-title {
    margin-bottom: 0;
  }
  .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div:last-of-type {
    margin-bottom: 0;
  }
  /** Don't add margin to divs after HubSpot wrap **/
  .page-center.noMbMargin > .row-fluid-wrapper > .row-fluid > div,
  .clean-divide .page-center > .row-fluid-wrapper > .row-fluid > div {
    margin-bottom: 0;
  }
  /** Finesse image modules after HubSpot wrap **/
  .page-center .widget-type-linked_image {
    text-align: center; 
  }
  .page-center .widget-type-linked_image img {
    max-width: 85%;
  }
  .page-center .imgWidth {
    margin-top: 40px; 
  }
  .page-center .imgWidth .widget-type-linked_image img {
    max-width: 100%;
    width: 275px !important;
    height: auto !important;
  }
}

/* =====================================
   1e. Typography                                          
   ===================================== */

/*** Headings ***/
h1, h2, h3, h4, h5, h6 {
  font-family: 'Merriweather Sans', sans-serif;
  font-weight: 700;
  letter-spacing: 0.020em;
  letter-spacing: max(0.6px, 0.020em);
  margin: 0 0 1em;
}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
  font-weight: inherit;
  color: #389cd5;
}
/* Super */
h1.sizeUp, .sizeUp h1,
h2.superSize, .superSize h2 {
  font-size: 63.25px;
  font-weight: 800;
  line-height: 1.25;
  margin: 0;
}
/* h1 */
h1,
h2.sizeUp, .sizeUp h2,
h3.superSize, .superSize h3 {
  font-size: 46px;
  font-weight: 800;
  line-height: 1.25;
  margin: 0;
}
/* h2 */
h2,
h1.sizeDown, .sizeDown h1,
h3.sizeUp, .sizeUp h3,
h4.superSize, .superSize h4 {
  font-size: 40px;
  line-height: 1.25;
  margin-bottom: .55em;
}
/* h3 */
h3,
h2.sizeDown, .sizeDown h2,
h4.sizeUp, .sizeUp h4,
h5.superSize, .superSize h5,
.post-body h2 {
  font-size: 36px;
  line-height: 1.25;
  margin-bottom: .75em;
}
/* h4 */
h4,
h3.sizeDown, .sizeDown h3,
h5.sizeUp, .sizeUp h5,
h6.superSize, .superSize h6,
p.superSize, .superSize p,
span.superSize, .superSize span, 
.superSize li,
.post-body h3 {
  font-size: 24px;
  line-height: 1.25;
}
p.superSize, .superSize p,
span.superSize, .superSize span, 
.superSize li {
  line-height: 1.675; 
}
/* h5 */
h5,
h4.sizeDown, .sizeDown h4,
h6.sizeUp, .sizeUp h6,
p.sizeUp, .sizeUp p,
span.sizeUp, .sizeUp span, 
.sizeUp li,
.post-body h4 {
  font-size: 20px;
  line-height: 1.675;
}
p.sizeUp, .sizeUp p,
span.sizeUp, .sizeUp span, 
.sizeUp li {
  line-height: 1.675; 
}
/* h6 */
h6,
h5.sizeDown, .sizeDown h5 {
  font-size: 16px;
  line-height: 1.675;
}
/* Small */
h6.sizeDown, .sizeDown h6,
p.sizeDown, .sizeDown p, 
span.sizeDown, .sizeDown span,
.sizeDown li {
  font-size: .875em;
}
/* Mini */
h6.pintSize, .pintSize h6,
p.pintSize, .pintSize p, 
span.pintSize, .pintSize span,
.pintSize li {
  font-size: .75em;
}
h6.fineSize, .fineSize h6,
p.fineSize, .fineSize p, 
span.fineSize, .fineSize span,
.fineSize li {
  font-size: 12px !important;
}
@media (max-width: 1366px) and (min-width: 1025px) {
  h1.sizeUp, .sizeUp h1,
  h2.superSize, .superSize h2 {
    font-size: 56.925000000000004px;
  }
}
@media (max-width: 1024px) and (min-width: 901px) {
  h1.sizeUp, .sizeUp h1,
  h2.superSize, .superSize h2 {
    font-size: 53.762499999999996px;
  }
  h1,
  h2.sizeUp, .sizeUp h2,
  h3.superSize, .superSize h3 {
    font-size: 41.4px;
  }
  h2,
  h1.sizeDown, .sizeDown h1,
  h3.sizeUp, .sizeUp h3,
  h4.superSize, .superSize h4 {
    font-size: 38.0px;
  }
  h3,
  h2.sizeDown, .sizeDown h2,
  h4.sizeUp, .sizeUp h4,
  h5.superSize, .superSize h5,
  .post-body h2 {
    font-size: 36px;
  }
  h4,
  h3.sizeDown, .sizeDown h3,
  h5.sizeUp, .sizeUp h5,
  h6.superSize, .superSize h6,
  p.superSize, .superSize p,
  span.superSize, .superSize span, 
  .superSize li,
  .post-body h3 {
    font-size: 24px;
  }
  h5,
  h4.sizeDown, .sizeDown h4,
  h6.sizeUp, .sizeUp h6,
  p.sizeUp, .sizeUp p,
  span.sizeUp, .sizeUp span, 
  .sizeUp li,
  .post-body h4 {
    font-size: 20px;
  }
}
@media (max-width: 900px) and (min-width: 768px) {
  h1.sizeUp, .sizeUp h1,
  h2.superSize, .superSize h2 {
    font-size: 50.6px;
  }
  h1,
  h2.sizeUp, .sizeUp h2,
  h3.superSize, .superSize h3 {
    font-size: 39.1px;
  }
  h2,
  h1.sizeDown, .sizeDown h1,
  h3.sizeUp, .sizeUp h3,
  h4.superSize, .superSize h4 {
    font-size: 36.0px;
  }
  h3,
  h2.sizeDown, .sizeDown h2,
  h4.sizeUp, .sizeUp h4,
  h5.superSize, .superSize h5,
  .post-body h2 {
    font-size: 34.199999999999996px;
  }
  h4,
  h3.sizeDown, .sizeDown h3,
  h5.sizeUp, .sizeUp h5,
  h6.superSize, .superSize h6,
  p.superSize, .superSize p,
  span.superSize, .superSize span, 
  .superSize li,
  .post-body h3 {
    font-size: 24px;
  }
  h5,
  h4.sizeDown, .sizeDown h4,
  h6.sizeUp, .sizeUp h6,
  p.sizeUp, .sizeUp p,
  span.sizeUp, .sizeUp span, 
  .sizeUp li,
  .post-body h4 {
    font-size: 20px;
  }
}
@media (max-width: 767px) and (min-width: 480px) {
  h1.sizeUp, .sizeUp h1,
  h2.superSize, .superSize h2 {
    font-size: 44.275px;
  }
  h1,
  h2.sizeUp, .sizeUp h2,
  h3.superSize, .superSize h3 {
    font-size: 36.800000000000004px;
  }
  h2,
  h1.sizeDown, .sizeDown h1,
  h3.sizeUp, .sizeUp h3,
  h4.superSize, .superSize h4 {
    font-size: 34.0px;
  }
  h3,
  h2.sizeDown, .sizeDown h2,
  h4.sizeUp, .sizeUp h4,
  h5.superSize, .superSize h5,
  .post-body h2 {
    font-size: 32.4px;
  }
  h4,
  h3.sizeDown, .sizeDown h3,
  h5.sizeUp, .sizeUp h5,
  h6.superSize, .superSize h6,
  p.superSize, .superSize p,
  span.superSize, .superSize span, 
  .superSize li,
  .post-body h3 {
    font-size: 22.799999999999997px;
  }
  h5,
  h4.sizeDown, .sizeDown h4,
  h6.sizeUp, .sizeUp h6,
  p.sizeUp, .sizeUp p,
  span.sizeUp, .sizeUp span, 
  .sizeUp li,
  .post-body h4 {
    font-size: 20px;
  }
}
@media (max-width: 479px) and (min-width: 375px) {
  h1.sizeUp, .sizeUp h1,
  h2.superSize, .superSize h2 {
    font-size: 41.112500000000004px;
  }
  h1,
  h2.sizeUp, .sizeUp h2,
  h3.superSize, .superSize h3 {
    font-size: 34.5px;
  }
  h2,
  h1.sizeDown, .sizeDown h1,
  h3.sizeUp, .sizeUp h3,
  h4.superSize, .superSize h4 {
    font-size: 32.0px;
  }
  h3,
  h2.sizeDown, .sizeDown h2,
  h4.sizeUp, .sizeUp h4,
  h5.superSize, .superSize h5,
  .post-body h2 {
    font-size: 30.599999999999998px;
  }
  h4,
  h3.sizeDown, .sizeDown h3,
  h5.sizeUp, .sizeUp h5,
  h6.superSize, .superSize h6,
  p.superSize, .superSize p,
  span.superSize, .superSize span, 
  .superSize li,
  .post-body h3 {
    font-size: 21.6px;
  }
  h5,
  h4.sizeDown, .sizeDown h4,
  h6.sizeUp, .sizeUp h6,
  p.sizeUp, .sizeUp p,
  span.sizeUp, .sizeUp span, 
  .sizeUp li,
  .post-body h4 {
    font-size: 19.0px;
  }
}
@media (max-width: 374px) {
  h1.sizeUp, .sizeUp h1,
  h2.superSize, .superSize h2 {
    font-size: 37.949999999999996px;
  }
  h1,
  h2.sizeUp, .sizeUp h2,
  h3.superSize, .superSize h3 {
    font-size: 32.199999999999996px;
  }
  h2,
  h1.sizeDown, .sizeDown h1,
  h3.sizeUp, .sizeUp h3,
  h4.superSize, .superSize h4 {
    font-size: 30.0px;
  }
  h3,
  h2.sizeDown, .sizeDown h2,
  h4.sizeUp, .sizeUp h4,
  h5.superSize, .superSize h5,
  .post-body h2 {
    font-size: 28.8px;
  }
  h4,
  h3.sizeDown, .sizeDown h3,
  h5.sizeUp, .sizeUp h5,
  h6.superSize, .superSize h6,
  p.superSize, .superSize p,
  span.superSize, .superSize span, 
  .superSize li,
  .post-body h3 {
    font-size: 20.4px;
  }
  h5,
  h4.sizeDown, .sizeDown h4,
  h6.sizeUp, .sizeUp h6,
  p.sizeUp, .sizeUp p,
  span.sizeUp, .sizeUp span, 
  .sizeUp li,
  .post-body h4 {
    font-size: 18.0px;
  }
}

sup {
	font-size: .65em;
	vertical-align: text-top;
}

/** Strong tag in Heading **/
h1 strong, h2 strong, h3 strong {
  font-weight: 800;
}

/*** Section Titles ***/
.section-title h1, h1.section-title,
.section-title h2, h2.section-title,
.section-title h3, h3.section-title,
.section-title h4, h4.section-title {
  position: relative;
  padding-bottom: 30px;
}
.section-title h1:after, h1.section-title:after,
.section-title h2:after, h2.section-title:after,
.section-title h3:after, h3.section-title:after,
.section-title h4:after, h4.section-title:after {
  content: " ";
  position: absolute;
  height: 4px;
  left: 0;
  width: 82px;
  bottom: 0;
  border-radius: 4px;
  background: #df5659;
}
@media (max-width: 767px) {
  .section-title h1, h1.section-title,
  .section-title h2, h2.section-title,
  .section-title h3, h3.section-title,
  .section-title h4, h4.section-title {
    padding-bottom: 25px;
  }  
}
/* Style when aligned center */
.textCenter .section-title h1:after, .textCenter h1.section-title:after, .section-title.textCenter h1:after, h1.section-title.textCenter:after, 
.textCenter .section-title h2:after, .textCenter h2.section-title:after, .section-title.textCenter h2:after, h2.section-title.textCenter:after,
.textCenter .section-title h3:after, .textCenter h3.section-title:after, .section-title.textCenter h3:after, h3.section-title.textCenter:after,
.textCenter .section-title h4:after, .textCenter h4.section-title:after, .section-title.textCenter h4:after, h4.section-title.textCenter:after {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}
/* Style when aligned right */
.textRight .section-title h1:after, .textRight h1.section-title:after, .section-title.textRight h1:after, h1.section-title.textRight:after, 
.textRight .section-title h2:after, .textRight h2.section-title:after, .section-title.textRight h2:after, h2.section-title.textRight:after,
.textRight .section-title h3:after, .textRight h3.section-title:after, .section-title.textRight h3:after, h3.section-title.textRight:after,
.textRight .section-title h4:after, .textRight h4.section-title:after, .section-title.textRight h4:after, h4.section-title.textRight:after {
  left: initial;
  right: 0;
}
/* Alternate style */
.section-title.alt h1:after, h1.section-title:.altafter,
.section-title.alt h2:after, h2.section-title.alt:after,
.section-title.alt h3:after, h3.section-title.alt:after,
.section-title.alt h4:after, h4.section-title.alt:after { }

/*** Extra Heading Styles ***/
h1.eBold, h2.eBold, h3.eBold, h4.eBold, h5.eBold, h6.eBold,
.eBold h1, .eBold h2, .eBold h3, .eBold h4, .eBold h5, .eBold h6 {
  font-weight: 800;
}
h1.semiBold, h2.semiBold, h3.semiBold, h4.semiBold, h5.semiBold, h6.semiBold,
.semiBold h1, .semiBold h2, .semiBold h3, .semiBold h4, .semiBold h5, .semiBold h6 {
  font-weight: 600;
}
h1.baseWeight, h2.baseWeight, h3.baseWeight, h4.baseWeight, h5.baseWeight, h6.baseWeight,
.baseWeight h1, .baseWeight h2, .baseWeight h3, .baseWeight h4, .baseWeight h5, .baseWeight h6 {
  font-weight: 400;
}

/*** Advanced Header Module Styles ***/
span.headline-preface {
  font-family: 'Merriweather Sans', sans-serif;
  font-size: 20px;
  font-weight: 700;
  display: block;
  line-height: normal;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 0.89rem;
}
span.headline-subhead {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 20px;
  font-size: max(20px, .40em);
  letter-spacing: 0.6px;
  letter-spacing: max(0.6px, 0.020em);
  display: block;
  width: 100%;
  padding-top: 1em;
  padding-bottom: .20em;
  line-height: 1.675;
}
.noMargin span.headline-subhead {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  span.headline-preface {
    font-size: 20px;
  }
  span.headline-subhead {
    font-size: 20px;
    font-size: max(20px, .40em);
  }
}

/*** Paragraphs and Related Styles ***/
p {
  margin: 0;
}
.textBold p, .textBold span, .textBold li, strong, b, .textBold a {
  font-weight: 700;
}
.textSemiBold p, .textSemiBold span, .textSemiBold li, b, .textSemiBold a {
  font-weight: 600;
}
.textSemiBold strong {
  font-weight: 800; 
}
.textUppercase h1, .textUppercase h2, .textUppercase h3, .textUppercase h4, .textUppercase h5, .textUppercase h6,
.textUppercase p, .textUppercase span, .textUppercase li, .textUppercase a {
  text-transform: uppercase; 
}
.lineHeightNormal, .lineHeightNormal p, .lineHeightNormal span {
  line-height: normal;
}
/** Add letter spacing **/
.letterSpacing h1, .letterSpacing h2, .letterSpacing h3, .letterSpacing h4, .letterSpacing h5, .letterSpacing h6,
.letterSpacing p, .letterSpacing span, .letterSpacing li, .letterSpacing a {
  letter-spacing: .05em;
}
@media (max-width: 768px) {
  .letterSpacing h1, .letterSpacing h2, .letterSpacing h3, .letterSpacing h4, .letterSpacing h5, .letterSpacing h6, 
  .letterSpacing p, .letterSpacing span, .letterSpacing li, .letterSpacing a {
    letter-spacing: .035em; 
  }
}

/*** Context Dependent Margins ***/
h1 + h2, h2 + h2, h3 + h2, h4 + h2, h5 + h2, h6 + h2, ul + h2, ol + h2, h2 + h2, a + h2, span + h2, p + h2 {
  margin-top: .67em; 
}
span.headline-preface + h2 {
  margin-top: 0;
}
h1 + h3, h2 + h3, h3 + h3, h4 + h3, h5 + h3, h6 + h3, ul + h3, ol + h3, h3 + h3, a + h3, span + h3, p + h3 {
  margin-top: .83em; 
}
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, ul + p, p + p, a + p, span + p,
h1 + h4, h2 + h4, h3 + h4, h4 + h4, h5 + h4, h6 + h4, ul + h4, ol + h4, h4 + h4, a + h4, span + h4,
h1 + h5, h2 + h5, h3 + h5, h4 + h5, h5 + h5, h6 + h5, ul + h5, ol + h5, h4 + h5, a + h5, span + h5,
h1 + h6, h2 + h6, h3 + h6, h4 + h6, h5 + h6, h6 + h6, ul + h6, ol + h6, h4 + h6, a + h6, span + h6 {
  margin-top: 1em;
}
ol + h1, ol + h2, ol + h3, ol + h4,
ul + h1, ul + h2, ul + h3, ul + h4 {
  margin-top: 0;
}
h2 + ol, h3 + ol, h4 + ol,
h2 + ul, h3 + ul, h4 + ul {
  margin-top: 0;
}

/*** Lists ***/
.page-center:not(.unstyleLists) ul,
.page-center:not(.unstyleLists) ol {
  display: inline-block;
}
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
li {}
.page-center ul li, 
.page-center ol li {
  margin-bottom: .75em;
}
.page-center .closeknitList ul li, 
.page-center .closeknitList ol li {
  margin-bottom: .25em;
}
.page-center p+ ul li:last-of-type, 
.page-center p+ ol li:last-of-type {
  margin-bottom: 1.5em;
}
.page-center p + ul,  
.page-center p + ol {
  margin-top: 1.5em;
}
ul.unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}
/** Two column list **/
@media (min-width: 601px) {
  .two-column-list ul,
  ul.two-column-list {
    display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
    -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
    -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
  }
  .two-column-list ul li,
  ul.two-column-list li {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
  }
}
/** Checkmark List **/
.checkmark-list ul,
ul.checkmark-list {
  list-style: none;
  display: inline-block;
  padding-left: 0;
  text-align: left;
}
.checkmark-list ul li,
ul.checkmark-list li {
  margin-bottom: 1.5em;
  position: relative;
  font-size: 18px;
  padding-left: 2em;
}
.checkmark-list.sameSize ul li,
ul.checkmark-list.sameSize li {
	font-size: initial;
}
.checkmark-list ul li:before,
ul.checkmark-list li:before {
  content: "";
  left: 0;
  top: 3px;
  position: absolute;
  vertical-align: middle;
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/blue-checkmark.svg');
  background-size: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  height: 1.5em;
  width: 1.5em;
}
/* Alt color scheme */
.checkmark-list.alt ul li:before,
ul.checkmark-list.alt li:before,
.bgBlue .checkmark-list ul li:before,
.bgBlue ul.checkmark-list li:before,
.bgYellow .checkmark-list ul li:before,
.bgYellow ul.checkmark-list li:before {
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/checkmark-icon-placeholder.svg');
}
.bgWhiteBox .checkmark-list ul li:before {
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/blue-checkmark.svg');
}
.sizeUp.checkmark-list ul li,
.sizeUp .checkmark-list ul li,
.sizeUp ul.checkmark-list li {
  padding-left: 2.5em;
  margin-bottom: 1em;
}
.sizeUp.checkmark-list ul li:before,
.sizeUp .checkmark-list ul li:before,
.sizeUp ul.checkmark-list li:before {
  height: 1.75em;
  width: 1.75em;
  top: 0;
}
.superSize.checkmark-list ul li,
.superSize .checkmark-list ul li,
.superSize ul.checkmark-list li {
  padding-left: 1.5em;
  margin-bottom: 1em;
}
.superSize.checkmark-list ul li:before,
.superSize .checkmark-list ul li:before,
.superSize ul.checkmark-list li:before {
  height: 1em;
  width: 1em;
}

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

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


/* =====================================
   1f. Buttons                                        
   ===================================== */

/* Default margin */
.btnSolid,
.btnFill {
   margin-top: 25px;
}

/* General Button Styles */
.hs-button.primary,
input[type="submit"],
input[type="button"],
.btnSolid a.cta_button,
.btnFill a.cta_button,
.btnSolid a,
.btnSolid .btn,
.btnFill a,
a.btnSolid,
a.btnFill,
a.interactive-button,
.header-container .desktop-nav .hs-menu-wrapper > ul > li:last-of-type a,
.wp-block-button a {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2px;
  cursor: pointer;
  -webkit-appearance: none;
  text-transform: uppercase;
  font-style: normal;
  display: inline-block;
  text-decoration: none !important;
  min-width: 200px;
  padding: 17px 30px;
  text-align: center;
  vertical-align: middle;
}

/*** Solid Button Styles ***/
.hs-button.primary,
input[type="submit"],
.btnSolid a.cta_button,
.btnSolid .btn,
.btnSolid a,
a.btnSolid {
  -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;;
  /*background: #389cd5;
  border: 2px solid #389cd5;
  color: #fff;*/
  background: #df5659;
  border: 2px solid #df5659;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,.25);
  border-radius: 30px;
}
.hs-button.primary:hover,
input[type="submit"]:hover,
.btnSolid a.cta_button:hover,
.btnSolid a:hover,
a.btnSolid:hover,
.wp-block-button a:hover {
  -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -o-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
}
/** Alternate Colors **/
.btnSolid.colorBlue a.cta_button,
.btnSolid.colorBlue a,
.btnSolid.colorBlue .btn,
a.btnSolid.colorBlue {
  /*background: #004877;
  border: 2px solid #004877;
  color: #fff;*/
  background: #df5659;
  border: 2px solid #df5659;
  color: #fff;
}
.btnSolid.colorRed a.cta_button,
.btnSolid.colorRed a,
.btnSolid.colorRed .btn,
a.btnSolid.colorRed {
  background: #df5659;
  border: 2px solid #df5659;
  color: #fff;
}
#register .hs-button.primary,
#register input[type="submit"],
.btnSolid.colorYellow a.cta_button,
.btnSolid.colorYellow a,
.btnSolid.colorYellow .btn,
a.btnSolid.colorYellow {
  /*background: #f7c32f;
  border: 2px solid #f7c32f;
  color: #000000;*/
  background: #df5659;
  border: 2px solid #df5659;
  color: #fff;
  text-shadow: none;
}
.btnSolid.colorZift a.cta_button,
.btnSolid.colorZift a,
a.btnSolid.colorZift {
  /*background: #FFAB00;
  border: 2px solid #FFAB00;
  color: #000000;*/
  background: #df5659;
  border: 2px solid #df5659;
  color: #fff;
  text-shadow: none;
}

/*** Fill Button Styles ***/
.btnFill a.cta_button,
.btnFill a,
a.btnFill,
.header-container .desktop-nav .hs-menu-wrapper > ul > li:last-of-type a {
  -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;;
  /*color: #004877;
  border: 2px solid #004877;*/
  color: #df5659;
  border: 2px solid #df5659;
  background: transparent;
  border-radius: 30px;
}
.btnFill a.cta_button:hover, .btnFill a.cta_button:focus,
.btnFill a:hover, .btnFill a:focus,
a.btnFill:hover, a.btnFill:focus {
  /*background: #004877;*/
  background: #df5659;
  color: #fff; 
  text-shadow: 1px 1px 1px rgba(0,0,0,.25);
}
/* Alternate Color */
.btnFill.colorBlue a.cta_button,
.btnFill.colorBlue a,
a.btnFill.colorBlue {
  /*color: #389cd5;
  border: 2px solid #389cd5;*/
  color: #df5659;
  border: 2px solid #df5659;
}
.btnFill.colorBlue a.cta_button:hover, .btnFill.colorBlue a.cta_button:focus,
.btnFill.colorBlue a:hover, .btnFill.colorBlue a:focus,
a.btnFill.colorBlue:hover, a.btnFill.colorBlue:focus {
  /*background: #389cd5;*/
  background: #df5659;
  color: #fff;
}
.header-container .desktop-nav .hs-menu-wrapper > ul > li:last-of-type a {
  /*color: #f7c32f;
  border: 2px solid #f7c32f;*/
  color: #df5659;
  border: 2px solid #df5659;
}
.header-container .desktop-nav .hs-menu-wrapper > ul > li:last-of-type a:hover, 
.header-container .desktop-nav .hs-menu-wrapper > ul > li:last-of-type a:focus {
  /*background: #f7c32f;
  color: #004877;*/
  background: #df5659;
  color: #df5659;
}

/* Center buttons on mobile */
@media (max-width: 600px) {
  .btnSolid, .btnFill {
    text-align: center; 
  }
}

/*** Form Specific Button Styles ***/
.hs-button.primary,
input[type="submit"] {
  margin: 5px auto 20px;
  display: block;
  max-width: 310px;
  white-space: normal;
  box-shadow: none !important;
}

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

/** Other **/
#register .hs-button.primary,
#register input[type="submit"] {
	margin-bottom: 0;
}
.wp-block-button {
  margin-top: 30px;
  text-align: center; 
}
.wp-block-button a {
  /*background-color: #389cd5 !important;*/
  background-color: #df5659 !important;
}

/*** Double CTA Wrapper ***/
.double-cta-wrapper .btnSolid a,
.double-cta-wrapper a.btnSolid {
  margin-top: 0;
}
@media (min-width: 901px) {
  .double-cta-wrapper .btnSolid a {
    min-width: 0;
  }
  .double-cta-wrapper > .row-fluid-wrapper > .row-fluid {
    display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
    -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  }
  .double-cta-wrapper.textCenter > .row-fluid-wrapper > .row-fluid {
    -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; 
  }
}
@media (min-width: 769px) {
  .double-cta-wrapper > .row-fluid-wrapper > .row-fluid {
    display: inline-block;
    width: auto;
  }
  .double-cta-wrapper div.span6 {
    margin-top: 20px;
    display: inline-block;
    width: auto !important;
  }
  .double-cta-wrapper div.span6 > div {
    display: inline-block;
    margin: 15px 0;
  }
  .double-cta-wrapper div.span6:first-of-type {
    margin-right: 20px !important; 
  }
  .double-cta-wrapper div.span6:last-of-type {
    margin-left: 0 !important; 
  }
}
@media (max-width: 768px) {
  .double-cta-wrapper {
    margin-top: 25px;
    text-align: center; 
  }
  .double-cta-wrapper div.span6:first-of-type {
    margin-bottom: 20px; 
  }
  .double-cta-wrapper .btnSolid a,
  .double-cta-wrapper a.btnSolid {
    width: 100% !important;
    max-width: 300px !important;
  }
}

/* =====================================
   1g. Forms                                    
   ===================================== */


/* Remove style from ul on forms */
body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}

/*** Form Wrapper Styling ***/
.widget-type-form {
  max-width: 800px;
  margin: 0 auto;
  border-radius: 8px;
  padding: 60px 30px;
  box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
.form-wrapper {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  max-width: 800px;
  border-radius: 8px;
  padding: 60px 30px;
  box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
.form-wrapper.slim .widget-type-form {
  max-width: unset; 
}
.form-wrapper.slim {
  padding: 40px 30px 10px;
  max-width: unset;
}
.form-wrapper > div,
.widget-type-form form {
  max-width: 600px;
  margin: 0 auto;
}
.form-wrapper.slim .widget-type-form form {
  max-width: 700px; 
}
.form-wrapper.slim > div {
  max-width: unset; 
}
.absoluteForm {
  position: relative;
}
.absoluteForm .widget-type-form,
.absoluteForm .form-wrapper {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .absoluteForm .widget-type-form {
    padding: 30px;
  }
  .absoluteForm .form-wrapper,
  .absoluteForm .main-form {
    padding: 30px;
  }
  /* form button condensed fix */
  .span6 .hs-button.primary,
  .span5 .hs-button.primary,
  .span4 .hs-button.primary,
  .span3 .hs-button.primary,
  .span2 .hs-button.primary,
  .span1 .hs-button.primary {
    width: 100%;
    min-width: 0 !important
  }
}
@media (max-width: 767px) {
  .widget-type-form {
    padding: 30px;
    min-width: 100%;
  }
  .form-wrapper,
  .main-form {
    padding: 30px;
  }
  .absoluteForm {
    margin-top: -20px; 
  }
  .absoluteForm .widget-type-form,
  .absoluteForm .form-wrapper {
    position: static;
    margin-bottom: 20px;
  }
}
.form-wrapper .widget-type-form,
.wrapperless .widget-type-form {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  padding: 0;
  box-shadow: none;
}
.wrapperless .widget-type-form {
  max-width: 635px; 
}
.wrapperless .widget-type-form form {
  max-width: 100%; 
}
/* Alternate Form BG */
.bgAlt .widget-type-form,
.form-wrapper.bgAlt {
  background-color: #fff;
}

.bgAlt.stretch {
  position: relative;
}

.bgAlt.stretch:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  background-color: #F5F6F7;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}

.widget-type-form p,
.form-wrapper p {
  color: #000000 !important;
}

/** Full width form **/
.fullWidthForm {
  padding: 30px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
  background-color: rgba(246,246,246,0.5);
}
.fullWidthForm .widget-type-form {
  max-width: 800px;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background-color: none !important;
}
.fullWidthForm h3, .fullWidthForm p {
  text-align: center; 
}

/*** Form Field Label Styling ***/
.hs-form .hs-form-field {
  position: relative;
  padding-bottom: 10px;
}
.hs-form-field > label {
 position: relative;
 color: #000000;
 font-size: 14px;
}
.hs-form-field > label > span:first-of-type {
  font-size: 14px;
  color: #000000;
  display: inline-block;
  margin-bottom: 5px;
  font-weight: normal;
  line-height: normal;
	padding-left: 13px;
}
.hs-form-field > label > span:not(.hs-form-required):last-of-type {
	padding-left: 0;
}
.hs-form .hs-field-desc {
  display: none;
}
.hs-form span.hs-form-required {
  background: #df5659;
  position: absolute;
  color: transparent;
  width: 6px;
  left: 0;
  margin-left: 0;
  top: 8px;
  border-radius: 50%;
  height: 6px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
.hs-form .hs-richtext {
  margin: 20px 0 30px; 
}
/*
.hs-form input,
.hs-form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
*/

/*** Form Inputs Styling  ***/
.hs-form input.hs-input,
.hs-form textarea,
.hs-form select,
.widget-type-password_prompt input[type="password"] {
  -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;;
  font-size: 15px;
  color: #000000;
  margin-top: 2px;
  border-radius: 5px;
  margin-bottom: 15px;
  background-color: #F5F6F7;
  border: 0;
  border: 1px solid rgba(68, 73, 73, 0.3);
  font-weight: normal;
  font-style: normal;
  text-align: left;
  padding: 15px 25px 15px 18px;
}
.hs-form input.hs-input:focus,
.hs-form textarea:focus,
.hs-form select:focus,
.widget-type-password_prompt input[type="password"]:focus {
  background-color: #fff;
}
::placeholder {
  color: #000000;
}
:-ms-input-placeholder {
  color: #000000;
}
::-ms-input-placeholder {
  color: #000000;
}
::-moz-placeholder {
  color: #000000;
}

/** Checkbox fix **/
.hs-form input[type="checkbox"] {
  width: auto !important;
  margin-bottom: 20px;
  margin-right: 6px;
}
.hs-form .inputs-list {
  margin-top: 0; 
}
.hs-form .inputs-list span {
  vertical-align: middle; 
}
.hs-form ul li, .hs-form ol li {
  margin-bottom: initial; 
}

/* Legal consent fix */
.legal-consent-container .hs-form-field {
  padding-bottom: 0 !important;
}
.legal-consent-container,
.legal-consent-container span:not(.hs-form-required) {
  font-size: 12px;
  color: #000000 !important;
}
.hs-form-booleancheckbox-display {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.hs-form-booleancheckbox-display:has(.hs-form-required) {
  padding-left: 13px;
}
.hs-form-booleancheckbox-display input {
  margin: 0 !important;
}
.legal-consent-container .hs-form-booleancheckbox-display p {
  font-size: 12px;
  display: block !important;
  margin-top: -3px !important;
  line-height: normal;
}
.legal-consent-container .hs-form-booleancheckbox-display > span {
  display: block;
  margin-left: 6px !important;
}
.legal-consent-container .hs-rich-text {
  font-size: 10px;
}
.legal-consent-container .hs-form-booleancheckbox-display input {
  margin-top: 4px !important;
}
.legal-consent-container > div:not(:last-child) {
  margin: 0 0 15px !important;
}

/* reCaptcha */
.hs-form .grecaptcha-badge {
  margin: 0 auto 20px; 
}

/* Upload file fix */
.hs-form input[type="file"] {
  border: 0;
  padding: 0;
  background: transparent;
}

/* Fix button spacing */
.hs-form .hs-button.primary {
  margin-bottom: 0 !important;
}

/* Multi-line inputs */
.hs-form textarea {
  min-width: 100%;
  max-height: 300px;
  min-height: 100px;
  max-width: 100%;
}

.hs-fieldtype-textarea.hs-input {
  font-family: inherit;
}

/** Dropdowns **/
.hs-form select {
  cursor: pointer;
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none; 
  background: url('https://3836852.fs1.hubspotusercontent-na1.net/hubfs/3836852/nav-down-arrow-darksvg.svg') 95% 52% no-repeat #fff;
  background-size: 12px;
}
.hs-form select::-ms-expand { 
  display: none; /* hide the default arrow in ie10 and ie11 */
}
@media screen and (min-width:0\0) {
  .hs-form select {
    background: none !important;
  }
}

.hs-form .hs-richtext {
  margin-top: 0;
  font-size: 12px !important;  
  color: #000000;
}

/** Multi-select (selectors for multi-select fields) **/
.hs-form form.hs-form .hs-form-field ul.inputs-list {}

.hs-form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs-form input[type="radio"] {}
.hs-form input[type="checkbox"] {}

/** Required (selectors for fields, when they do not pass validation) **/
.hs-form input.invalid, 
.hs-form textarea.invalid, 
.hs-form select.invalid {
  -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;;
  border: 1px solid #df5659;
  background: #fff;
}
.hs-form input.invalid ::placeholder,
.hs-form textarea.invalid ::placeholder, 
.hs-form select.invalid ::placeholder {
  color: #df5659;
}
.hs-form input.invalid :-ms-input-placeholder,
.hs-form textarea.invalid :-ms-input-placeholder, 
.hs-form select.invalid :-ms-input-placeholder {
  color: #df5659;
}
.hs-form input.invalid ::-ms-input-placeholder
.hs-form textarea.invalid ::-ms-input-placeholder, 
.hs-form select.invalid ::-ms-input-placeholder {
  color: #df5659;
}
.hs-form input.invalid ::-moz-placeholder,
.hs-form textarea.invalid ::-moz-placeholder, 
.hs-form select.invalid ::-moz-placeholder {
  color: #df5659;
}

/** Error message (selector for validation messages) **/
.hs-form .hs-error-msgs label{
  color: #df5659 !important;
}
.hs-form ul.hs-error-msgs.inputs-list {
  line-height: normal;
  color: #df5659;
  font-size: 12px;
  margin: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.hs-form .hs_error_rollup {
    display: none !important;
}

/*** Multi Column Form (selectors for fieldsets and field wrappers) ***/
.hs-form fieldset {
    max-width: none !important;
}
.hs-form .hs-input {
    width: 100% !important;
}
.hs-form .hs-form fieldset.form-columns-1 {}
.hs-form fieldset.form-columns-1 .hs-form-field {
    padding: 0 0 10px !important;
    width: 100%;
}
.hs-form .hs-form fieldset.form-columns-2 {}
.hs-form fieldset.form-columns-2 .hs-form-field {
    padding: 0 0 10px;
    width: 49% !important;
    margin-right: 1%;
}
.hs-form fieldset.form-columns-2 .hs-form-field:last-of-type {
    margin-right: 0;
    margin-left: 1%;
}
.hs-form .hs-form fieldset.form-columns-3 {}
.hs-form fieldset.form-columns-3 .hs-form-field {
    padding: 0 0 10px !important;
    width: 32.33% !important;
    margin-right: .5%;
    margin-left: .5%;
}
.hs-form fieldset.form-columns-3 .hs-form-field:first-of-type {
    margin-right: 1%;
    margin-left: 0;
}
.hs-form fieldset.form-columns-3 .hs-form-field:last-of-type {
    margin-left: 1%;
    margin-right: 0;
}
@media (max-width: 600px) {
    .hs-form fieldset.form-columns-2 .hs-form-field {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .hs-form fieldset.form-columns-3 .hs-form-field {
        width: 100% !important;
        margin-right: 0% !important;
        margin-left: 0% !important;
    }
}

/*** Forms Without Labels  ***/
.noLabels .hs-form-field > label {
  float: left;
  width: 100%;
}
.noLabels .hs-form span.hs-form-required {
  left: initial;
  right: 10px;
  top: 15px;
}
.noLabels .hs-form-field > label > span:first-of-type {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}
.noLabels .hs-form input.hs-input,
.noLabels .hs-form select {
  border-radius: 0;
  border: 0;
  font-weight: 600;
  background-color: transparent;
  border-bottom: 4px solid transparent;
  box-shadow: 0 2px 0px -1px rgba(68,73,73,.5);
  font-size: 17px;
  letter-spacing: .25px;
  padding: 8px 25px 4px 0px;
}
.noLabels .hs-form input.hs-input:focus,
.noLabels .hs-form select:focus {
  outline: none;
  padding: 8px 25px 4px 0px;
  border: 0 !important;
  box-shadow: none;
  border-bottom: 4px solid #389cd5 !important;
}
.noLabels ::placeholder {
  letter-spacing: 0;
  color: #000000;
  opacity: .75;
  font-weight: normal;
}
.noLabels :-ms-input-placeholder {
  letter-spacing: 0;
  color: #000000;
  opacity: .75;
  font-weight: normal;
}
.noLabels ::-ms-input-placeholder {
  letter-spacing: 0;
  color: #000000;
  opacity: .75;
  font-weight: normal;
}
.noLabels::-moz-placeholder {
  letter-spacing: 0;
  color: #000000;
  opacity: .75;
  font-weight: normal;
}
.noLabels .hs-form ul.hs-error-msgs.inputs-list {
  letter-spacing: 0; 
}
@media (max-width: 600px) {
  .noLabels .hs-form input.hs-input,
  .noLabels .hs-form select {
    font-size: 16px;
  }  
}

/*** Horizontal Banner Forms ***/
.horizontalForm .widget-type-form {
  max-width: 1024px;
  margin: 0 auto;
  border-radius: 8px;
  padding: 60px 30px 30px;
  box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.16);
  background-color: rgba(255,255,255,.85);
}
.horizontalForm .widget-type-form form {
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 981px) {
  .horizontalForm.oneLineForm .widget-type-form form {
    display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
    -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;
  }
  .horizontalForm.oneLineForm .hs-form ul.hs-error-msgs.inputs-list {
    bottom: -15px;
  }
}
.horizontalForm.oneLineForm .hs-button.primary, .horizontalForm.oneLineForm input[type="submit"] {
  padding: 12px 10px;
  margin-bottom: 23px;
}
.horizontalForm.oneLineForm .hs-button.primary:hover, .horizontalForm.oneLineForm input[type="submit"]:hover {
  -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);;
}
.horizontalForm h3.form-title {
  font-size: 30px; 
}

/** Form Corrections **/

h3.form-title {
  text-align: center;
  margin-bottom: 30px;
}
.bgDark h3.form-title, .bgBlue h3.form-title, .bgLtBlue h3.form-title, .bgDark h3.form-title {
  color: #000000;
  text-align: center;
}
.bgBlue .form-wrapper *,
.bgBlue .widget-type-form {
  color: #000000; 
}
.bgBlue .widget-type-form input[type="submit"] {
  color: #ffffff;
}
.widget-type-custom_widget.form-spacer {
  min-height: 600px !important; 
}
@media (max-width: 767px) {
  .form-spacer {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  h3.form-title {
    margin-top: -20px;
    margin-bottom: 30px;
  }
  h3.form-title {
    font-size: 30px;
  }
}


/* ==========================================================================
   2. FLUID FRAMEWORK (Easy to use classes to keep the amount of specific code needed for templates minimal)                                 
   ========================================================================== */

.legibleShadow {
  text-shadow: 0 2px 5px rgb(0 0 0 / 20%); 
}

/** Text Alignment Styles **/
.textCenter {
  text-align: center; 
}
.textCenter li{
  text-align: left; 
}
.textCenter .hs-button.primary {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.textRight {
  text-align: right; 
}
.textLeft {
  text-align: left !important; 
}

/** Relative Positioning **/
.pRel {
  position: relative; 
  z-index: 1;
}
.zIndex {
  position: relative;
  z-index: 2;
}

/** Waves **/
.wave-container {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  left: 0;
  width: 100%;
}
.wave-container.pTop {
  top: 0; 
}
.wave-container.pBottom {
  bottom: 0; 
}

/* No Margins */
.noMargin,
.noMargin * {
  margin: 0 !important;
}

/* Set a max-width on an individual element */
.maxWidth {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

/* Set a temp max-width that disables */
@media (max-width: 767px) {
  .tempMaxWidth {
    max-width: 100% !important; 
  }
}


/* Set border radius on an image module */

.borderRadius img {
  border-radius: 8px;
}

/*** Hide or Show Content ***/
@media (min-width: 1025px) {
  .showTablet {
    display: none !important 
  }
}
@media (max-width: 1024px) {
  .hideTablet {
    display: none !important 
  }
}
@media (max-width: 900px) {
  .hide900 {
    display: none !important; 
  }
}
@media (min-width: 768px) {
  .showMobile {
    display: none !important 
  }
}
@media (max-width: 767px) {
  .hideMobile {
    display: none !important 
  }
}

/* =====================================
   2a. Wrapper Background Classes                                    
   ===================================== */

.bgWhiteBox {
  position: relative;
  background-color: #fff;
  border-radius: 6px;
  padding-left: 30px !important;
  padding-right: 30px !important;
  box-shadow: 1px 8px 15px rgba(0,0,0,0.15);
}
.bgSubtle {
background: #eacda3;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #d6ae7b, #eacda3), background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/plaster-pattern.png');  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #d6ae7b, #eacda3), background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/plaster-pattern.png'); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bgYellow {
  background-color: #f7c32f;
}
.bgYellow, .bgYellow h1, .bgYellow h2, .bgYellow h3, .bgYellow h4, .bgYellow h5, .bgYellow p, .bgYellow li, .bgYellow span {
  color: #202121;
}
.bgWhite {
  background: #ffffff; 
}
.bgBlue {
  background-color: #004877; 
}
.bgLtBlue {
  background-color: #389cd5; 
}
.bgAlt {
  background-color: #F5F6F7;
}
.bgDark {
  background-color: #172B4D;
  color: #fff;
}
.bgDark h1, .bgDark h2, .bgDark h3,
.bgBlue h1, .bgBlue h2, .bgBlue h3,
.bgLtBlue h1, .bgLtBlue h2, .bgLtBlue h3,
.textWhite h1, .textWhite h2, .textWhite h3 {
  font-weight: 600;
}
.bgDark, .bgDark h1, .bgDark h2, .bgDark h3, .bgDark h4, .bgDark h5, .bgDark p, .bgDark li, .bgDark span,
.bgBlue, .bgBlue h1, .bgBlue h2, .bgBlue h3, .bgBlue h4, .bgBlue h5, .bgBlue p, .bgBlue li, .bgBlue span,
.bgLtBlue, .bgLtBlue h1, .bgLtBlue h2, .bgLtBlue h3, .bgLtBlue h4, .bgLtBlue h5, .bgLtBlue p, .bgLtBlue li, .bgLtBlue span,
.textWhite, .textWhite h1, .textWhite h2, .textWhite h3, .textWhite h4, .textWhite h5, .textWhite p, .textWhite li, .textWhite span {
  color: #fff;
}
.bgWhiteBox, .bgWhiteBox h1, .bgWhiteBox h2, .bgWhiteBox h3, .bgWhiteBox h4, .bgWhiteBox h5, .bgWhiteBox p, .bgWhiteBox li, .bgWhiteBox span,
.textDefault, .textDefault h1, .textDefault h2, .textDefault h3, .textDefault h4, .textDefault h5, .textDefault p, .textDefault li, .textDefault span {
  color: #000000;
}
.bgPattern1 {
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/subtle-bg-pattern-subscribe.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}
.bgPattern1.bgBlue {
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/subtle-bg-pattern-subscribe.svg'), -moz-linear-gradient(0deg, rgba(0,72,119,1) 25%, rgba(11,95,143,1) 100%);
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/subtle-bg-pattern-subscribe.svg'), -webkit-linear-gradient(0deg, rgba(0,72,119,1) 25%, rgba(11,95,143,1) 100%);
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/subtle-bg-pattern-subscribe.svg'), linear-gradient(0deg, rgba(0,72,119,1) 25%, rgba(11,95,143,1) 100%);
}
.bgPattern1.bgBlue.flat {
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/subtle-bg-pattern-subscribe.svg');
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/subtle-bg-pattern-subscribe.svg');
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/subtle-bg-pattern-subscribe.svg');
}
.bgPattern2 {
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/wave-pattern.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}
.bgPattern2.bgBlue {
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/wave-pattern.svg'), -moz-linear-gradient(0deg, rgba(0,72,119,1) 25%, rgba(11,95,143,1) 100%);
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/wave-pattern.svg'), -webkit-linear-gradient(0deg, rgba(0,72,119,1) 25%, rgba(11,95,143,1) 100%);
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/wave-pattern.svg'), linear-gradient(0deg, rgba(0,72,119,1) 25%, rgba(11,95,143,1) 100%);
}

.bgWhiteBox .award-badge {
  text-align: right;
  display: inline-block;
  position: absolute;
  top: -40px;
  width: 150px;
  height: 150px;
  right: -40px;
}
@media (max-width: 600px) {
  .bgWhiteBox .award-badge {
    top: -30px;
    width: 100px;
    height: 100px;
    right: -10px;
  }
}


/* =====================================
   2b. Flex Box Classes                                  
   ===================================== */

/** Enable flex on a HubSpot row (use class within a template on an outermost wrapper) **/
.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
/* No wrapping until mobile (fixes Safari flex bug) */
@media (min-width: 768px) {
  .hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid {
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid {
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  }
}
/* Shorthand to reference for specific styling  */


/** Enable flex (use within a template on an inner wrapper) **/
.simple-flex > .row-fluid-wrapper > .row-fluid {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
}
/* Shorthand to reference for specific styling */


/** Specific single style classes to quickly fine-tune .hs-flex and .simple-flex **/
.flexAlignStart.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid,
.flexAlignStart.simple-flex > .row-fluid-wrapper > .row-fluid {
  -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
}
.flexAlignCenter.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid,
.flexAlignCenter.simple-flex > .row-fluid-wrapper > .row-fluid {
  -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.flexAlignStretch.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid,
.flexAlignStretch.simple-flex > .row-fluid-wrapper > .row-fluid {
    -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch
}
.flexJustifyCenter.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid,
.flexJustifyCenter.simple-flex > .row-fluid-wrapper > .row-fluid {
  -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
.flexJustifyEvenly.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid,
.flexJustifyEvenly.simple-flex > .row-fluid-wrapper > .row-fluid {
  -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly;
}
.flexJustifyBetween.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid,
.flexJustifyBetween.simple-flex > .row-fluid-wrapper > .row-fluid {
  -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
}
.flexJustifyStart.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid,
.flexJustifyStart.simple-flex > .row-fluid-wrapper > .row-fluid {
  -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
}
.flexJustifyEnd.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid,
.flexJustifyEnd.simple-flex > .row-fluid-wrapper > .row-fluid {
  -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;
}

@media (min-width: 981px) {
  .four-column.simple-flex > .row-fluid-wrapper > .row-fluid {
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; 
  }
  .four-column.flexWrap.simple-flex > .row-fluid-wrapper > .row-fluid {
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
  }
  .five-column.simple-flex > .row-fluid-wrapper > .row-fluid {
    -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
    -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  }
  .five-column.simple-flex > .row-fluid-wrapper > .row-fluid > div {
    width: 18% !important;
    margin: 0 1% 30px !important;
  }
  .four-column.flexWrap.simple-flex > .row-fluid-wrapper > .row-fluid > div {
    width: 23% !important;
    margin: 0 1% 30px !important;
  }
}
@media (max-width: 980px) and (min-width: 601px) {
  .five-column.simple-flex > .row-fluid-wrapper > .row-fluid > div {
    width: 31.33% !important;
    margin: 0 1% 30px !important
  }
  .four-column.simple-flex > .row-fluid-wrapper > .row-fluid > div {
    width: 47% !important;
    margin: 0 1% 30px !important
  }
  .four-column.simple-flex > .row-fluid-wrapper > .row-fluid > div:nth-of-type(n+3) {
    margin: 0 1% !important;
  }
}
@media (max-width: 600px) {
  .four-column.simple-flex > .row-fluid-wrapper > .row-fluid > div {
    width: 100% !important;
    margin: 0 0 30px;
  }
  .four-column.simple-flex > .row-fluid-wrapper > .row-fluid > div:last-of-type {
    margin-bottom: 0 !important;
  }
}


/* =====================================
   2c. Margin Quick Classes                                  
   ===================================== */

/*** Top Margins ***/
.mgTop-120 { margin-top: -120px!important; }
.mgTop-110 { margin-top: -110px!important; }
.mgTop-100 { margin-top: -100px!important; }
.mgTop-90 {  margin-top: -90px!important; }
.mgTop-80 {  margin-top: -80px!important; }
.mgTop-70 {  margin-top: -70px!important; }
.mgTop-60 {  margin-top: -60px!important; }
.mgTop-50 {  margin-top: -50px!important; }
.mgTop-40 {  margin-top: -40px!important; }
.mgTop-30 {  margin-top: -30px!important; }
.mgTop-20 {  margin-top: -20px!important; }
.mgTop-10 {  margin-top: -10px!important; }
.mgTop0 {  margin-top: 0!important; }
.mgTop10 {  margin-top: 10px!important; }
.mgTop20 {  margin-top: 20px!important; }
.mgTop30 {  margin-top: 30px!important; }
.mgTop40 {  margin-top: 40px!important; }
.mgTop50 {  margin-top: 50px!important; }
.mgTop60 {  margin-top: 60px!important; }
.mgTop70 {  margin-top: 70px!important; }
.mgTop80 {  margin-top: 80px!important; }
.mgTop90 {  margin-top: 90px!important; }
.mgTop100 { margin-top: 100px!important; }
.mgTop110 { margin-top: 110px!important; }
.mgTop120 { margin-top: 120px!important; }

@media (max-width: 1024px) and (min-width: 769px) {
  .mgTop-120 { margin-top: -102.0px!important; }
  .mgTop-110 { margin-top: -93.5px!important; }
  .mgTop-100 { margin-top: -85.0px!important; }
  .mgTop-90 {  margin-top: -76.5px!important; }
  .mgTop-80 {  margin-top: -68.0px!important; }
  .mgTop-70 {  margin-top: -59.5px!important; }
  .mgTop-60 {  margin-top: -51.0px!important; }
  .mgTop60 {  margin-top: 51.0px!important; }
  .mgTop70 {  margin-top: 59.5px!important; }
  .mgTop80 {  margin-top: 68.0px!important; }
  .mgTop90 {  margin-top: 76.5px!important; }
  .mgTop100 { margin-top: 85.0px!important; }
  .mgTop110 { margin-top: 93.5px!important; }
  .mgTop120 { margin-top: 102.0px!important; }
}
@media (max-width: 768px) and (min-width: 481px) {
  .mgTop-120 { margin-top: -90.0px!important; }
  .mgTop-110 { margin-top: -82.5px!important; }
  .mgTop-100 { margin-top: -75.0px!important; }
  .mgTop-90 {  margin-top: -67.5px!important; }
  .mgTop-80 {  margin-top: -60.0px!important; }
  .mgTop-70 {  margin-top: -52.5px!important; }
  .mgTop-60 {  margin-top: -48.0px!important; }
  .mgTop-50 {  margin-top: -42.5px!important; }
  .mgTop-40 {  margin-top: -38.0px!important; }
  .mgTop-30 {  margin-top: -28.5px!important; }
  .mgTop30 {  margin-top: 28.5px!important; }
  .mgTop40 {  margin-top: 38.0px!important; }
  .mgTop50 {  margin-top: 42.5px!important; }
  .mgTop60 {  margin-top: 48.0px!important; }
  .mgTop70 {  margin-top: 52.5px!important; }
  .mgTop80 {  margin-top: 60.0px!important; }
  .mgTop90 {  margin-top: 67.5px!important; }
  .mgTop100 { margin-top: 75.0px!important; }
  .mgTop110 { margin-top: 82.5px!important; }
  .mgTop120 { margin-top: 90.0px!important; }
}
@media (max-width: 480px) {
  .mgTop-120 { margin-top: -78.0px!important; }
  .mgTop-110 { margin-top: -71.5px!important; }
  .mgTop-100 { margin-top: -68.0px!important; }
  .mgTop-90 {  margin-top: -62.99999999999999px!important; }
  .mgTop-80 {  margin-top: -56.0px!important; }
  .mgTop-70 {  margin-top: -49.0px!important; }
  .mgTop-60 {  margin-top: -45.0px!important; }
  .mgTop-50 {  margin-top: -42.5px!important; }
  .mgTop-40 {  margin-top: -38.0px!important; }
  .mgTop-30 {  margin-top: -28.5px!important; }
  .mgTop30 {  margin-top: 28.5px!important; }
  .mgTop40 {  margin-top: 38.0px!important; }
  .mgTop50 {  margin-top: 42.5px!important; }
  .mgTop60 {  margin-top: 45.0px!important; }
  .mgTop70 {  margin-top: 49.0px!important; }
  .mgTop80 {  margin-top: 56.0px!important; }
  .mgTop90 {  margin-top: 62.99999999999999px!important; }
  .mgTop100 { margin-top: 68.0px!important; }
  .mgTop110 { margin-top: 71.5px!important; }
  .mgTop120 { margin-top: 78.0px!important; }
}

/*** Bottom Margins ***/
.mgBottom-120 { margin-bottom: -120px !important; }
.mgBottom-110 { margin-bottom: -110px!important; }
.mgBottom-100 { margin-bottom: -100px!important; }
.mgBottom-90 {  margin-bottom: -90px!important; }
.mgBottom-80 {  margin-bottom: -80px!important; }
.mgBottom-70 {  margin-bottom: -70px!important; }
.mgBottom-60 {  margin-bottom: -60px!important; }
.mgBottom-50 {  margin-bottom: -50px!important; }
.mgBottom-40 {  margin-bottom: -40px!important; }
.mgBottom-30 {  margin-bottom: -30px!important; }
.mgBottom-20 {  margin-bottom: -20px!important; }
.mgBottom-10 {  margin-bottom: -10px!important; }
.mgBottom0 {  margin-bottom: 0!important; }
.mgBottom10 {  margin-bottom: 10px!important; }
.mgBottom20 {  margin-bottom: 20px!important; }
.mgBottom30 {  margin-bottom: 30px!important; }
.mgBottom40 {  margin-bottom: 40px!important; }
.mgBottom50 {  margin-bottom: 50px!important; }
.mgBottom60 {  margin-bottom: 60px!important; }
.mgBottom70 {  margin-bottom: 70px!important; }
.mgBottom80 {  margin-bottom: 80px!important; }
.mgBottom90 {  margin-bottom: 90px!important; }
.mgBottom100 { margin-bottom: 100px!important; }
.mgBottom110 { margin-bottom: 110px!important; }
.mgBottom120 { margin-bottom: 120px!important; }

@media (max-width: 1024px) and (min-width: 769px) {
  .mgBottom-120 { margin-bottom: -102.0px!important; }
  .mgBottom-110 { margin-bottom: -93.5px!important; }
  .mgBottom-100 { margin-bottom: -85.0px!important; }
  .mgBottom-90 {  margin-bottom: -76.5px!important; }
  .mgBottom-80 {  margin-bottom: -68.0px!important; }
  .mgBottom-70 {  margin-bottom: -59.5px!important; }
  .mgBottom-60 {  margin-bottom: -51.0px!important; }
  .mgBottom60 {  margin-bottom: 51.0px!important; }
  .mgBottom70 {  margin-bottom: 59.5px!important; }
  .mgBottom80 {  margin-bottom: 68.0px!important; }
  .mgBottom90 {  margin-bottom: 76.5px!important; }
  .mgBottom100 { margin-bottom: 85.0px!important; }
  .mgBottom110 { margin-bottom: 93.5px!important; }
  .mgBottom120 { margin-bottom: 102.0px!important; }
}
@media (max-width: 768px) and (min-width: 481px) {
  .mgBottom-120 { margin-bottom: -90.0px!important; }
  .mgBottom-110 { margin-bottom: -82.5px!important; }
  .mgBottom-100 { margin-bottom: -75.0px!important; }
  .mgBottom-90 {  margin-bottom: -67.5px!important; }
  .mgBottom-80 {  margin-bottom: -60.0px!important; }
  .mgBottom-70 {  margin-bottom: -52.5px!important; }
  .mgBottom-60 {  margin-bottom: -48.0px!important; }
  .mgBottom-50 {  margin-bottom: -42.5px!important; }
  .mgBottom-40 {  margin-bottom: -38.0px!important; }
  .mgBottom-30 {  margin-bottom: -28.5px!important; }
  .mgBottom30 {  margin-bottom: 28.5px!important; }
  .mgBottom40 {  margin-bottom: 38.0px!important; }
  .mgBottom50 {  margin-bottom: 42.5px!important; }
  .mgBottom60 {  margin-bottom: 48.0px!important; }
  .mgBottom70 {  margin-bottom: 52.5px!important; }
  .mgBottom80 {  margin-bottom: 60.0px!important; }
  .mgBottom90 {  margin-bottom: 67.5px!important; }
  .mgBottom100 { margin-bottom: 75.0px!important; }
  .mgBottom110 { margin-bottom: 82.5px!important; }
  .mgBottom120 { margin-bottom: 90.0px!important; }
}
@media (max-width: 480px) {
  .mgBottom-120 { margin-bottom: -78.0px!important; }
  .mgBottom-110 { margin-bottom: -71.5px!important; }
  .mgBottom-100 { margin-bottom: -68.0px!important; }
  .mgBottom-90 {  margin-bottom: -62.99999999999999px!important; }
  .mgBottom-80 {  margin-bottom: -56.0px!important; }
  .mgBottom-70 {  margin-bottom: -49.0px!important; }
  .mgBottom-60 {  margin-bottom: -45.0px!important; }
  .mgBottom-50 {  margin-bottom: -42.5px!important; }
  .mgBottom-40 {  margin-bottom: -38.0px!important; }
  .mgBottom-30 {  margin-bottom: -28.5px!important; }
  .mgBottom30 {  margin-bottom: 28.5px!important; }
  .mgBottom40 {  margin-bottom: 38.0px!important; }
  .mgBottom50 {  margin-bottom: 42.5px!important; }
  .mgBottom60 {  margin-bottom: 45.0px!important; }
  .mgBottom70 {  margin-bottom: 49.0px!important; }
  .mgBottom80 {  margin-bottom: 56.0px!important; }
  .mgBottom90 {  margin-bottom: 62.99999999999999px!important; }
  .mgBottom100 { margin-bottom: 68.0px!important; }
  .mgBottom110 { margin-bottom: 71.5px!important; }
  .mgBottom120 { margin-bottom: 78.0px!important; }
}


/* =====================================
   2d. Padding Quick Classes                                  
   ===================================== */

.pd10 {  padding: 10px 0; }
.pd20 {  padding: 20px 0; }
.pd30 {  padding: 30px 0; }
.pd40 {  padding: 40px 0; }
.pd50 {  padding: 50px 0; }
.pd60 {  padding: 60px 0; }
.pd70 {  padding: 70px 0; }
.pd80 {  padding: 80px 0; }
.pd90 {  padding: 90px 0; }
.pd100 { padding: 100px 0; }
.pd110 { padding: 110px 0; }
.pd120 { padding: 120px 0; }
.pd130 { padding: 130px 0; }
.pd140 { padding: 140px 0; }
.pd150 { padding: 150px 0; }
.pd160 { padding: 160px 0; }
.pd170 { padding: 170px 0; }
.pd180 { padding: 180px 0; }
.pd190 { padding: 190px 0; }
.pd200 { padding: 200px 0; }
.pd210 { padding: 210px 0; }
.pd220 { padding: 220px 0; }

@media (max-width: 1024px) and (min-width: 769px) {
  .pd60 {  padding: 51.0px 0; }
  .pd70 {  padding: 59.5px 0; }
  .pd80 {  padding: 68.0px 0; }
  .pd90 {  padding: 76.5px 0; }
  .pd100 { padding: 85.0px 0; }
  .pd110 { padding: 93.5px 0; }
  .pd120 { padding: 102.0px 0; }
  .pd130 { padding: 110.5px 0; }
  .pd140 { padding: 119.0px 0; }
  .pd150 { padding: 127.5px 0; }
  .pd160 { padding: 136.0px 0; }
  .pd170 { padding: 144.5px 0; }
  .pd180 { padding: 153.0px 0; }
  .pd190 { padding: 161.5px 0; }
  .pd200 { padding: 170.0px 0; }
  .pd210 { padding: 178.5px 0; }
  .pd220 { padding: 187.0px 0; }
}
@media (max-width: 768px) and (min-width: 481px) {
  .pd30 {  padding: 28.5px 0; }
  .pd40 {  padding: 38.0px 0; }
  .pd50 {  padding: 42.5px 0; }
  .pd60 {  padding: 48.0px 0; }
  .pd70 {  padding: 52.5px 0; }
  .pd80 {  padding: 60.0px 0; }
  .pd90 {  padding: 67.5px 0; }
  .pd100 { padding: 75.0px 0; }
  .pd110 { padding: 82.5px 0; }
  .pd120 { padding: 90.0px 0; }
  .pd130 { padding: 97.5px 0; }
  .pd140 { padding: 105.0px 0; }
  .pd150 { padding: 112.5px 0; }
  .pd160 { padding: 120.0px 0; }
  .pd170 { padding: 127.5px 0; }
  .pd180 { padding: 135.0px 0; }
  .pd190 { padding: 142.5px 0; }
  .pd200 { padding: 150.0px 0; }
  .pd210 { padding: 157.5px 0; }
  .pd220 { padding: 165.0px 0; }
}
@media (max-width: 480px) {
  .pd30 {  padding: 28.5px 0; }
  .pd40 {  padding: 38.0px 0; }
  .pd50 {  padding: 42.5px 0; }
  .pd60 {  padding: 45.0px 0; }
  .pd70 {  padding: 49.0px 0; }
  .pd80 {  padding: 56.0px 0; }
  .pd90 {  padding: 62.99999999999999px 0; }
  .pd100 { padding: 68.0px 0; }
  .pd110 { padding: 71.5px 0; }
  .pd120 { padding: 78.0px 0; }
  .pd130 { padding: 84.5px 0; }
  .pd140 { padding: 91.0px 0; }
  .pd150 { padding: 97.5px 0; }
  .pd160 { padding: 104.0px 0; }
  .pd170 { padding: 110.5px 0; }
  .pd180 { padding: 117.0px 0; }
  .pd190 { padding: 123.5px 0; }
  .pd200 { padding: 130.0px 0; }
  .pd210 { padding: 126.0px 0; }
  .pd220 { padding: 132.0px 0; }
}

/*** Padding Top Override (Set regular pd class first [ex: pd200] then override with these to fine-tune) ***/
.pdTop0 { padding-top: 0; }
.pdTop10 {  padding-top: 10px; }
.pdTop20 {  padding-top: 20px; }
.pdTop30 {  padding-top: 30px; }
.pdTop40 {  padding-top: 40px; }
.pdTop50 {  padding-top: 50px; }
.pdTop60 {  padding-top: 60px; }
.pdTop70 {  padding-top: 70px; }
.pdTop80 {  padding-top: 80px; }
.pdTop90 {  padding-top: 90px; }
.pdTop100 { padding-top: 100px; }
.pdTop110 { padding-top: 110px; }
.pdTop120 { padding-top: 120px; }

@media (max-width: 1024px) and (min-width: 769px) {
  .pdTop60 {  padding-top: 51.0px; }
  .pdTop70 {  padding-top: 59.5px; }
  .pdTop80 {  padding-top: 68.0px; }
  .pdTop90 {  padding-top: 76.5px; }
  .pdTop100 { padding-top: 85.0px; }
  .pdTop110 { padding-top: 93.5px; }
  .pdTop120 { padding-top: 102.0px; }
}
@media (max-width: 768px) and (min-width: 481px) {
  .pdTop30 {  padding-top: 28.5px; }
  .pdTop40 {  padding-top: 38.0px; }
  .pdTop50 {  padding-top: 42.5px; }
  .pdTop60 {  padding-top: 48.0px; }
  .pdTop70 {  padding-top: 52.5px; }
  .pdTop80 {  padding-top: 60.0px; }
  .pdTop90 {  padding-top: 67.5px; }
  .pdTop100 { padding-top: 75.0px; }
  .pdTop110 { padding-top: 82.5px; }
  .pdTop120 { padding-top: 90.0px; }
}
@media (max-width: 480px) {
  .pdTop30 {  padding-top: 28.5px; }
  .pdTop40 {  padding-top: 38.0px; }
  .pdTop50 {  padding-top: 42.5px; }
  .pdTop60 {  padding-top: 45.0px; }
  .pdTop70 {  padding-top: 49.0px; }
  .pdTop80 {  padding-top: 56.0px; }
  .pdTop90 {  padding-top: 62.99999999999999px; }
  .pdTop100 { padding-top: 68.0px; }
  .pdTop110 { padding-top: 71.5px; }
  .pdTop120 { padding-top: 78.0px; }
}

/*** Padding Bottom Override (Set regular pd class first [ex: pd200] then override with these to fine-tune) ***/
.pdBottom0 { padding-bottom: 0; }
.pdBottom10 {  padding-bottom: 10px; }
.pdBottom20 {  padding-bottom: 20px; }
.pdBottom30 {  padding-bottom: 30px; }
.pdBottom40 {  padding-bottom: 40px; }
.pdBottom50 {  padding-bottom: 50px; }
.pdBottom60 {  padding-bottom: 60px; }
.pdBottom70 {  padding-bottom: 70px; }
.pdBottom80 {  padding-bottom: 80px; }
.pdBottom90 {  padding-bottom: 90px; }
.pdBottom100 { padding-bottom: 100px; }
.pdBottom110 { padding-bottom: 110px; }
.pdBottom120 { padding-bottom: 120px; }

@media (max-width: 1024px) and (min-width: 769px) {
  .pdBottom60 {  padding-bottom: 51.0px; }
  .pdBottom70 {  padding-bottom: 59.5px; }
  .pdBottom80 {  padding-bottom: 68.0px; }
  .pdBottom90 {  padding-bottom: 76.5px; }
  .pdBottom100 { padding-bottom: 85.0px; }
  .pdBottom110 { padding-bottom: 93.5px; }
  .pdBottom120 { padding-bottom: 102.0px; }
}
@media (max-width: 768px) and (min-width: 481px) {
  .pdBottom30 {  padding-bottom: 28.5px; }
  .pdBottom40 {  padding-bottom: 38.0px; }
  .pdBottom50 {  padding-bottom: 42.5px; }
  .pdBottom60 {  padding-bottom: 48.0px; }
  .pdBottom70 {  padding-bottom: 52.5px; }
  .pdBottom80 {  padding-bottom: 60.0px; }
  .pdBottom90 {  padding-bottom: 67.5px; }
  .pdBottom100 { padding-bottom: 75.0px; }
  .pdBottom110 { padding-bottom: 82.5px; }
  .pdBottom120 { padding-bottom: 90.0px; }
}
@media (max-width: 480px) {
  .pdBottom30 {  padding-bottom: 28.5px; }
  .pdBottom40 {  padding-bottom: 38.0px; }
  .pdBottom50 {  padding-bottom: 42.5px; }
  .pdBottom60 {  padding-bottom: 45.0px; }
  .pdBottom70 {  padding-bottom: 49.0px; }
  .pdBottom80 {  padding-bottom: 56.0px; }
  .pdBottom90 {  padding-bottom: 62.99999999999999px; }
  .pdBottom100 { padding-bottom: 68.0px; }
  .pdBottom110 { padding-bottom: 71.5px; }
  .pdBottom120 { padding-bottom: 78.0px; }
}

/*** Left-Right Desktop Padding ***/
@media (min-width: 769px) {
  .pdRight10 { padding-right: 10px; }
  .pdRight20 { padding-right: 20px; }
  .pdRight30 { padding-right: 30px; }
  .pdRight40 { padding-right: 40px; }
  .pdRight50 { padding-right: 50px; }
  .pdLeft10 { padding-left: 10px; }
  .pdLeft20 { padding-left: 20px; }
  .pdLeft30 { padding-left: 30px; }
  .pdLeft40 { padding-left: 40px; }
  .pdLeft50 { padding-left: 50px; }
}


/* =====================================
   2e. Clean Divide Sections                               
   ===================================== */







@media (min-width: 1661px) {
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img.span8 > div {
    width: 59.31% !important;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img.span7 > div {
    width: 53.559999999999995% !important;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img.span5 > div {
    width: 43.870000000000005% !important;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img.span4 > div {
    width: 38.120000000000005% !important;
  }
}
@media (max-width: 1660px) and (min-width: 1367px) {
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img.span8 > div {
    width: 63.31% !important;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img.span7 > div {
    width: 55.36% !important;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img.span5 > div {
    width: 42.07% !important;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img.span4 > div {
    width: 34.120000000000005% !important;
  }
}
@media (max-width: 1366px) and (min-width: 1025px) {
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img.span8 > div {
    width: 63.93% !important;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img.span7 > div {
    width: 56.281% !important;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img.span5 > div {
    width: 41.149% !important;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img.span4 > div {
    width: 33.5% !important;
  }
}
@media (min-width: 901px) {
  /* 50% and 50% */
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img.span6,
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img.span6 > div {
    width: 50% !important;
  }
  /* 75% and 25% */ 
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-text.span9 {
    width: 75% !important;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img.span3 {
    width: 25% !important;
  }
}
@media (min-width: 901px) {
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid {
      -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; 
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img {
    overflow: hidden; 
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img > div {
    position: absolute;
    height: 100%;
    width: inherit;
    background: inherit;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img:first-of-type > div {
    left: 0;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img:last-of-type > div {
    right: 0;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img img {
    object-fit: cover;
    object-position: 70% 0%;
    height: 100% !important;
    width: 100%;
  }
}
@media (max-width: 900px) {
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .clean-divide .clean-text .tempMaxWidth,
  .clean-divide .clean-text.tempMaxWidth {
    max-width: 100% !important; 
  }
  .clean-divide .clean-text {
    text-align: center; 
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid {
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; 
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-text {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-text {
    padding: 70px 0 !important;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img {
    height: 300px;
    width: 100% !important;
    overflow: hidden;
    margin: 0 -20px !important;
  }
  .clean-divide.altOrder.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-text {
-webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
        order: 2;
  }
  .clean-divide.altOrder.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img {
-webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
        order: 1;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img > div {
    position: absolute;
    width: inherit;
    height: inherit;
    background: inherit;
  }
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img img {
    max-width: 100%;
    width: 100% !important;
    height: 100% !important;
    object-position: 50% 50%;
    object-fit: cover;    
  }
}
@media (max-width: 767px) {
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-text {
    padding: 60px 0 !important;
  } 
}
@media (max-width: 480px) {
  .clean-divide.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div.clean-img {
    height: 250px; 
  }
}

.main-banner-wrapper.circle-hero .banner-img img {
  pointer-events: none; 
}
@media (min-width: 1921px) {
  .main-banner-wrapper.circle-hero .banner-img img {
    width: 40% !important; 
  }
}
@media (min-width: 1025px) {
  .main-banner-wrapper.circle-hero {
    position: relative;
    overflow: hidden;
  }
  .main-banner-wrapper.circle-hero.showOverflow {
    position: static;
    overflow: visible;
  }
  .main-banner-wrapper.circle-hero .banner-text {
    padding-right: 30px; 
  }
  .main-banner-wrapper.circle-hero .banner-img {
    position: static; 
  }
  .main-banner-wrapper.circle-hero.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid {
      -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; 
  }
  .main-banner-wrapper.circle-hero .banner-img * {
    display: block;
    height: 100%;
  }
  .main-banner-wrapper.circle-hero .banner-img img {
    position: absolute;
    border-radius: 50% 0 0 50%;
    right: 0;
    max-width: none !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);;
  }
  .bgAltTransition {
    background: #F5F6F7;
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,246,247,1) 40%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,246,247,1) 40%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,246,247,1) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f5f6f7",GradientType=1); 
  }
}
@media (max-width: 1920px) and (min-width: 1025px) {
  .main-banner-wrapper.circle-hero .banner-img {
    position: relative; 
  }
  .main-banner-wrapper.circle-hero .banner-img img {
    left: 0;
    right: initial;
  }
}
@media (max-width: 1445px) and (min-width: 1025px) {
  .main-banner-wrapper.circle-hero .banner-img img {
    object-fit: cover;
    object-position: -10vw 50%;
  }
}
@media (max-width: 1024px) {
  .main-banner-wrapper.circle-hero .banner-img img {
    border-radius: 50%;
    max-width: 500px !important;
    width: 100% !important;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .main-banner-wrapper.circle-hero.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid {
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  }
  .main-banner-wrapper.circle-hero {
    text-align: center; 
  }
  .main-banner-wrapper.circle-hero.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div {
    width: 100% !important;
    margin: 0 !important;
  }
  .main-banner-wrapper.circle-hero.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div:last-of-type {
    margin-top: 50px !important;
  }
  .main-banner-wrapper.circle-hero .tempMaxWidth {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .main-banner-wrapper.circle-hero .badge-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid {
    -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; 
  }
}

/* ==========================================================================
   3. CONTENT                                            
   ========================================================================== */

.body-container-wrapper {
  overflow-x: hidden;
}
.showOverflow .body-container-wrapper {
  overflow-x: initial; 
}

.banner-cta-wrapper {
  background-image: -webkit-linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0, 72, 119,.2) 50%), url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/maximize-your-atlassian-investment-e7-footer-bg.jpg');
  background-image: -o-linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0, 72, 119,.2) 50%), url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/maximize-your-atlassian-investment-e7-footer-bg.jpg');
  background-image: linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0, 72, 119,.2) 50%), url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/maximize-your-atlassian-investment-e7-footer-bg.jpg');
  background-size: cover;
  background-position: 50% 45%;
  background-repeat: no-repeat;
}
.banner-cta-wrapper * {
  color: #fff; 
}
.banner-cta-wrapper h2, .banner-cta-wrapper h3, .banner-cta-wrapper h4, .banner-cta-wrapper .widget-type-text {
  text-shadow: 1px 1px 3px rgba(48,50,50,0.75);
}

/* =====================================
   3a. Homepage                                            
   ===================================== */

.video-banner {
  overflow: hidden; 
}
.video-banner .cover-video {
  position: absolute;
  height: 100%;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%); 
}
.video-banner video {
  position: relative;
  height: 100%;
  min-width: 100%;
  max-width: none !important;
  min-height: 56.25vw;
  background-size: cover!important;
  background-repeat: no-repeat !important;
}
@media (max-width: 1600px) {
  .video-banner .cover-video {
    height: 120%;
  }
}
.video-banner:before {
  content: "";
  width: 100%;
  height: 100%;
  opacity: .25;
  position: absolute;
  z-index: 2;
  background: rgb(56,156,213);
  background: -moz-linear-gradient(131deg, rgba(56,156,213,1) 0%, rgba(56,156,213,1) 50%);
  background: -webkit-linear-gradient(131deg, rgba(56,156,213,1) 0%, rgba(56,156,213,1) 50%);
  background: linear-gradient(131deg, rgba(56,156,213,1) 0%, rgba(56,156,213,1) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#389cd5",endColorstr="#389cd5",GradientType=1); 
}
.video-banner .page-center {
  position: relative;
  z-index: 3;
}
.video-banner .headline-bullet {
  display: block;
  text-decoration: none;
  padding: 40px 15px;
  border-radius: 4px;
  background: rgba(0,44,73,0.25);
  -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    -ms-transition: background .2s ease;
    transition: background .2s ease;;
}
.video-banner .headline-bullet:hover {
  background: rgba(0,44,73,1);
}

.partner-card .hs_cos_wrapper_type_linked_image,
.partner-card .badge-wrapper {
  display: inline-block;
  width: auto !important;
  padding: 20px 30px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 12px 32px rgb(0 0 0 / 16%);
  box-shadow: 0px 12px 32px rgb(0 0 0 / 16%);
}
.partner-card .badge-wrapper .hs_cos_wrapper_type_linked_image {
  padding: 0;
  background: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.partner-card .badge-wrapper {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}
.partner-card .badge-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid {
  -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
.badge-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid > div {
  width: auto !important;
}
.badge-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid > div:last-of-type {
  margin-top: 30px;
}
.badge-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid > div.partner-badges.simple-flex > .row-fluid-wrapper > .row-fluid {
  -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap
}
.badge-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid > div.partner-badges.simple-flex > .row-fluid-wrapper > .row-fluid > div {
  width: 50%;
  flex: 1 1 50%;
}
/* .badge-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid > div.partner-badges.simple-flex > .row-fluid-wrapper > .row-fluid > div:first-of-type {
  margin-right: 5px;
} */
/* .badge-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid > div.partner-badges.simple-flex > .row-fluid-wrapper > .row-fluid > div:last-of-type {
  margin-left: 5px;
} */
@media (min-width: 480px) {
  .badge-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid {
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
  }
  .badge-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid > div:last-of-type {
    margin-left: 30px;
    margin-top: 0;
  }
}
@media (max-width: 479px) {
  .badge-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid {
    -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  }
  .badge-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid > div {
    width: 100%;
  }
}


.badge-card .hs_cos_wrapper_type_linked_image {
  display: inline-block;
  width: auto;
  padding: 15px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0px 12px 32px rgb(0 0 0 / 16%);
  box-shadow: 0px 12px 32px rgb(0 0 0 / 16%);
}
.badge-card-group.simple-flex > .row-fluid-wrapper > .row-fluid {
  -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;
  -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
  -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
}
.badge-card-group.simple-flex > .row-fluid-wrapper > .row-fluid > div {
  width: auto;
}
@media (max-width: 767px) {
  .badge-card-group.simple-flex > .row-fluid-wrapper > .row-fluid {
    -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
    -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  }
  .badge-card-group.simple-flex > .row-fluid-wrapper > .row-fluid > div {
    width: auto;
  }
  .badge-card-group.simple-flex > .row-fluid-wrapper > .row-fluid > div:last-of-type {
    margin-left: 20px;
  }
  .badge-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid > div.partner-badges.simple-flex > .row-fluid-wrapper > .row-fluid > div {
  width: 50%;
  flex: 1 1 50%;
  margin:0 3px;
}
  .partner-card .hs_cos_wrapper_type_linked_image, .partner-card .badge-wrapper{
    padding:20px 15px;
  }
}

@media (max-width: 901px) and (min-width: 769px) {
  .video-banner .headline-bullet span {
    font-size: 18px !important;
  }
}
@media (max-width: 900px) {
  .after-video-wrapper {
    margin-top: 0 !important;
    padding-top: 67.5px !important;
  }
  .processes-banner-wrapper {
    margin-top: 15px !important;
    padding-bottom: 0 !important;
    background: #ffffff !important; 
  }
}
@media (max-width: 768px) {
  .video-banner .headline-bullet span {
    font-size: 20px !important;
  }
  .break768 > .row-fluid-wrapper > .row-fluid > div {
    width: 100% !important;
    margin: 0 0 30px !important;
  }
  .break768 > .row-fluid-wrapper > .row-fluid > div:last-of-type {
    width: 100% !important;
    margin: 0 !important;
  }
  .video-banner .headline-bullet {
    max-width: 320px;
    margin: 0 auto;
    padding: 25px 15px;
  }
}

.proof-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid {
  -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;
}
@media (min-width: 1025px) {
  .proof-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid > div:first-of-type {
    text-align: left; 
  }
  .proof-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid > div:last-of-type {
    text-align: right; 
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .proof-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid > div {
    text-align: center;
    width: auto;
  }
}
@media (max-width: 767px) {
  .proof-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid > div:first-of-type {
    margin-bottom: 30px;
  }
  .proof-wrapper.simple-flex > .row-fluid-wrapper > .row-fluid {
    text-align: center;
  }
}

.bgBlock {
  display: block;
  padding: 40px 15px;
  border-radius: 4px;
  background: rgba(0,44,73,0.25);
  -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    -ms-transition: background .2s ease;
    transition: background .2s ease;;
}
@media (max-width: 768px) {
  .bgBlock {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 15px;
  }
}


.headline-bullet.mgTop10 {
  margin-top: 15px !important; 
}

@media (min-width: 420px) {
  .minHeight h1 {
    min-height: 120px !important;
  }
}

@media (min-width: 1025px) {
  .mission-statement h2 {
    line-height: 1.375em;
  }
}

.info-modules-wrapper {
  display: block;
  float: left;
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
    -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;
  -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
.info-modules-wrapper .info-hover-module h3 {
  padding-bottom: 15px;
  margin-bottom: 15px !important;
  border-bottom: 2px solid #dfe1e5 
}
@media (min-width: 901px) {
  .info-modules-wrapper {
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
  }
  .info-modules-wrapper .info-hover-module {
    width: 33.33%;
    margin-right: 2%;
  }
  .info-modules-wrapper .info-hover-module:last-of-type {
    margin-right: 0; 
  }
}
@media (max-width: 900px) {
  .info-modules-wrapper {
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  }
  .info-modules-wrapper .info-hover-module {
    width: 100%;
    max-width: 600px;
    margin-bottom: 40px;
  }
  .info-modules-wrapper .info-hover-module .ihm-content p:first-of-type {
    margin-top: 10px;
    font-size: 20px; 
  }
  .info-modules-wrapper .info-hover-module:last-of-type {
    margin-bottom: 0; 
  }
}

.info-hover-module {
  color: #fff;
  text-align: center;
  background-color: #004877;
  background: -moz-linear-gradient(0deg, rgba(0,72,119,1) 25%, rgba(11,95,143,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,72,119,1) 25%, rgba(11,95,143,1) 100%);
  background: linear-gradient(0deg, rgba(0,72,119,1) 25%, rgba(11,95,143,1) 100%);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  box-shadow: 1px 8px 15px rgba(0,0,0,0.15);
  width: 100%;
  border-radius: 8px;
  padding: 50px 20px;
  float: left;
  position: relative;
}
.info-hover-module > div {
  width: 100%;
  float: left; 
}
.info-hover-module .ihm-content p {
  text-align: left;
  display: block;
}
@media (min-width: 768px) {
  .info-hover-module h3 {
    font-size: 30px; 
  }
}

@media (max-width: 767px) {
  .atlassian-experts-wrapper .btnSolid,
  .nobody-better-wrapper .btnSolid {
    text-align: center; 
  }
}

.awards-module > div {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
  -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;
  margin: 12px 0;
}
.awards-module > div > * {
  display: inline-block;
  vertical-align: middle;
}
.awards-module > div > h4 {
  font-weight: 600;
  margin: 0 20px 0 0;
}
@media (max-width: 480px) {
  .awards-module > div > * {
    display: block;
  }
  .awards-module > div > h4 {
    flex: 1 1;
  }
  .awards-module img {
    flex-basis: 146px;
    height: auto !important;
  }
}

@media (min-width: 1025px) {
  .home-slider {
    margin-bottom: -24%; 
  }
  .after-home-slider {
    padding-top: 220px;
  }
}

@media (max-width: 980px) {
  /* center buttons */
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > .page-width-panel .btnSolid,
  .secondary-banner-wrapper .banner-text .btnSolid {
    text-align: center;
  }
}
@media (min-width: 901px) {
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid {
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
      -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;
  }
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > div {
    width: 50% !important;
    margin: 0 !important;
  }
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > .full-width-panel {
    min-height: 680px;
    text-align: center;
  }
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > .full-width-panel > .row-fluid-wrapper {
    width: 100%;
    height: 100%;
  }
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > .full-width-panel > .row-fluid-wrapper > .row-fluid {
    display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
    -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
    -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;
    width: 100%;
    height: 100%;
  }
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > .full-width-panel img {
    max-width: 400px !important;
    padding: 40px;
    height: auto;
  }
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > .page-width-panel {
    display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
    -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
    -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
    padding-left: 20px;
    padding-right: 50px;
  }
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > div.span6 + .page-width-panel {
    padding-right: 20px;
    padding-left: 50px;
  }
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > .page-width-panel > .row-fluid-wrapper {
    width: 100%;
  }
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > .page-width-panel > .row-fluid-wrapper > .row-fluid {
    display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
    -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
    -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;
    width: 100%;
  }
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > div.span6 + .page-width-panel > .row-fluid-wrapper > .row-fluid {
    -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start
  }
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > .page-width-panel > .row-fluid-wrapper > .row-fluid > div {
    max-width: 500px;
  }
}
@media (max-width: 900px) {
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > .page-width-panel {
    width: 100% !important;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 20px;
    padding-right: 20px;
  }
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > .full-width-panel {
    width: 100%;
    height: 45vw;
    min-height: 200px !important;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .large-panels-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > .full-width-panel img {
    display: none !important;
  }
  .large-panels-wrapper .full-width-panel.panel-one,
  .large-panels-wrapper .full-width-panel.panel-two {
    display: none !important;
  }
  .large-panels-wrapper > .row-fluid-wrapper > .row-fluid > div > div:last-of-type .page-width-panel {
    background: #F5F6F7; 
  }
}


/* =====================================
   3b. Contact                                        
   ===================================== */

.contact-call {
  text-decoration: none;
  color: #f7c32f;
  padding-left: 28px;
  position: relative;
}
.contact-call:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 1em;
  height: 1em;
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/footer-icon-phone-yellow.svg');
  background-size: 100%;
}
.contact-call:hover,
.contact-call:focus {
  text-decoration: underline;
  color: #f7c32f;
}
.simple-contact-wrapper .simple-contact {
  margin-top: -210px; 
}
/* prevent flicker on hubspot form load */
.simple-contact-wrapper .widget-type-form {
  min-height: 750px; 
}
/** Rules to keep things consistent with padding resizes **/
@media (max-width: 1024px) and (min-width: 769px) {
  .simple-contact-wrapper .simple-contact {
    margin-top: -170px; 
  }
}
@media (max-width: 768px) and (min-width: 481px) {
  .simple-contact-wrapper .simple-contact {
    margin-top: -150px; 
  }
}
@media (max-width: 480px) {
  .simple-contact-wrapper .simple-contact {
    margin-top: -134px; 
  }
}


/* =====================================
   3c. About                                    
   ===================================== */

.team-members-wrapper .page-center > span {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
    -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;
  -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
.team-members-wrapper .page-center > span > div {
  -webkit-flex: 0 1 18%;
  flex: 0 1 18%;
  margin: 1%;
}
.team-member-card {
  overflow: hidden;
  border-radius: 12px;
  position: relative;
  border: 1px solid #e2e2e2;
}
.team-member-card > div {
  width: 100%;
  float: left;
}
.team-member-card .team-member-image {
  position: relative; 
}
.team-member-card .team-member-image img {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: 50% 30%;
  height: 400px;
}
/* fix colleen's image */
.team-members-wrapper .page-center > span > div:last-of-type .team-member-card .team-member-image img {
  object-position: 50% 12%;
}
.team-member-desc-wrapper {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
  -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
  padding: 15px;
  background: #fff;
}
.team-member-desc-wrapper > div:first-of-type {
  width: 100%;
}
.team-member-desc-wrapper > div:last-of-type {
  position: absolute;
  right: 15px;
  width: 15%;
}
.team-member-desc-wrapper span {
  display: block;
  line-height: normal;
}
.team-member-desc-wrapper span.member-title {
  margin: 0 0 0;
  min-height: 44px;
  letter-spacing: normal;
}
.team-member-desc-wrapper h4.member-name {
  line-height: normal;
  letter-spacing: normal;
  font-size: 18px;
  margin: 0 0 5px;
}
.team-member-desc-wrapper a.social-icon {
  display: inline-block;
  margin-bottom: 5px;
	padding: 10px;
	height: 48px;
	width: 48px;
}
.team-member-desc-wrapper a.social-icon img {
  width: 22px;
  height: auto;
}
.team-member-overlay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  height: 100%;
  overflow: hidden;
  color: #fff;
  padding: 20px 20px;
  z-index: 3;
  position: absolute;
  background-color: rgb(56, 156, 213, .95);
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.team-member-card:hover .team-member-overlay {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.team-member-overlay .overlay-qa {
  padding-top: 15px;
  padding-bottom: 10px;
}
.team-member-overlay span {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  font-weight: normal;
}
.team-member-overlay span.question {
  font-size: 17px;
  line-height: normal;
  font-weight: bold;
  margin-bottom: 10px;
}
.team-member-overlay span.question:first-of-type {
  margin-top: 0;
}
.team-member-overlay span.answer {
  margin-top: 5px;
  font-weight: 400;
}
.team-member-desc-wrapper {
  text-align: center;
  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.team-member-desc-wrapper > div:first-of-type {
  width: 100%;
}
.team-member-desc-wrapper > div:last-of-type {
  margin-top: 5px;
  position: static;
  width: 100%;
} 
@media (min-width: 1025px) {
 .flex-break {
    display: none !important;
  } 
}
@media (max-width: 1024px) {
  .team-members-wrapper .page-center > span {
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; 
  }
  .team-members-wrapper .page-center > span > div {
    -webkit-flex: 0 1 31.33%;
    flex: 0 1 31.33%;
    margin: 1%;
  }
  .flex-break {
    flex: 0 !important;
    height: 0;
  }
}
@media (max-width: 768px) {
  .flex-break {
    display: none !important;
  }
  .team-member-overlay {
    z-index: -1 !important;
    display: none !important;
  }
}
@media (max-width: 768px) and (min-width: 414px) {
  .team-members-wrapper .page-center > span > div {
    -webkit-flex: 0 1 48%;
    flex: 0 1 48%;
    margin-bottom: 2%;
  }
  .team-member-card .team-member-image img {
    height: 300px; 
  }
}
@media (max-width: 480px) {
  .team-member-card .team-member-image img {
    height: 250px; 
  }
}
@media (max-width: 413px) {
  .team-members-wrapper .page-center > span > div {
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
    margin: 0 0 30px;
  }
  .team-members-wrapper .page-center > span > div:last-of-type {
    margin: 0;
  }
}

/* Core Values Section */
.core-value-wrapper {
  -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;;
  border: 1px solid #e2e2e2;
  max-width: 350px;
  border-radius: 8px;
  color: #fff;
  padding: 27px 14px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.core-value-wrapper .core-value img {
  opacity: .95; 
}
.core-value-wrapper:hover,
.core-value-wrapper:focus {
  -webkit-transform: translateY(-12px);
  transform: translateY(-12px);
}

/*** Company Photos Section ***/
.company-photos-wrapper .page-center > span {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
  -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
}
.company-photos-wrapper img {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 8px;
  height: 295px !important;
  width: 100%;
}
@media (min-width: 769px) {
  .company-photos-wrapper .page-center > span > div {
    -webkit-flex: 1 1 31.33%;
    flex: 1 1 31.33%;
    margin: 1%;
  }
  .company-photos-wrapper .page-center > span > div:nth-child(4) {
    -webkit-flex: 1 1 64.66%;
    flex: 1 1 64.66%;
  }
  /* fix fourth image crop */
  .company-photos-wrapper .page-center > span > div:nth-child(4) img {
    object-position: 50% 25%;  
  }
}
@media (max-width: 768px) {
  .company-photos-wrapper .page-center > span > div {
    -webkit-flex: 48%;
    flex: 1 1 48%;
    margin: 1%;
  }
  .company-photos-wrapper .page-center > span > div:nth-child(3) {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  /* fix last image crop */
  .company-photos-wrapper .page-center > span > div:last-of-type img {
    object-position: 50% 15%; 
  }
}
@media (max-width: 600px) and (min-width: 415px) {
  .company-photos-wrapper img {
    height: 200px !important;
  }
}
@media (max-width: 414px) {
  .company-photos-wrapper img {
    height: 150px !important;
  }
}


/* =====================================
   3d. License Management                                          
   ===================================== */

@media (max-width: 1024px) and (min-width: 768px) {
  .package-wrapper {
    padding: 20px 20px 70px;
  }  
}
@media (max-width: 1024px) and (min-width: 768px) {
  .package-tiers-wrapper.lift-off .simple-flex > .row-fluid-wrapper > .row-fluid {
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap !important;
    -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  }
  .package-tiers-wrapper.lift-off .simple-flex > .row-fluid-wrapper > .row-fluid > div {
    margin: 0 0 40px !important;
  }
  .package-tiers-wrapper.lift-off .simple-flex > .row-fluid-wrapper > .row-fluid > div:last-of-type {
    margin: 0 !important;
  }
}
@media (min-width: 768px) {
  .package-tiers-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid {
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
  }
  .package-wrapper .btnSolid {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);;
  }
  .package-wrapper .btnSolid a {
    margin: 0 10px;
  }
}
.package-wrapper {
  background: #fff;
  width: 100% !important;
  max-width: 475px;
  border-radius: 4px;
  box-shadow: 1px 8px 15px rgba(0,0,0,0.15);
  padding: 40px 30px 80px;
  position: relative;
}
.package-wrapper {
	color: #000000;
}
.course-options-wrapper .package-wrapper {
	padding-bottom: 30px;
}
.package-wrapper span, .package-wrapper p, .package-wrapper h3, .package-wrapper li, .package-wrapper h4, .package-wrapper h5, .package-wrapper h6 {
  color: #000000; 
}
.package-wrapper h3 {
  padding-bottom: 20px;
  border-bottom: 2px solid #DFE1E5;
}
/*
.package-wrapper p, .package-wrapper span, .package-wrapper li {
  font-size: 14px; 
}
*/
@media (max-width: 767px) {
  .package-tiers-wrapper .simple-flex.mgBottom-70 {
    margin-bottom: -20px !important; 
  }
  .package-tiers-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > div {
    margin: 0 auto 50px;
  }
  .package-tiers-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > div:last-of-type {
    margin: 0 auto 0;
  }
  .package-wrapper {
    padding: 40px 30px 40px;
  }
	.course-options-wrapper .package-wrapper {
		padding-bottom: 40px;
	}
  .package-wrapper .btnSolid {
    margin-top: 0 !important;
  }
	.course-options-wrapper .package-wrapper .btnSolid,
	.course-options-wrapper .package-wrapper .course-register-button {
		margin-top: 30px !important;
	}
	.course-options-wrapper .package-wrapper .course-register-button .btnSolid {
		margin-top: 0 !important;
	}
	.course-options-wrapper .package-wrapper:first-child {
		margin-bottom: 30px !important;
	}
}



.responsive-table-wrapper {
  width: 100%;
  float: left;
  border-radius: 8px; 
  background: #fff;
  padding-bottom: 40px;
  overflow: hidden;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}
.responsive-table-wrapper div {
}
.responsive-table-wrapper .responsive-table-row {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;
  -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
  padding: 0 35px;
}
.responsive-table-wrapper .responsive-table-row .responsive-table-th {
  -webkit-flex: 1 1 150px;
  flex: 1 1 150px;
  text-align: center;
}
.responsive-table-wrapper .responsive-table-row .responsive-table-th.feature,
.responsive-table-wrapper .responsive-table-row.title-row > div:first-child {
  -webkit-flex: 1 1 660px;
  flex: 1 1 660px;
  text-align: left;
}
.responsive-table-wrapper .responsive-table-row.title-row h4, .responsive-table-wrapper .responsive-table-row.title-row h5 {
  text-transform: uppercase;
  margin: 0;
}
.responsive-table-wrapper .responsive-table-row.title-row .responsive-table-th {
  padding: 20px 5px; 
  border: none;
}
.responsive-table-wrapper .responsive-table-row .responsive-table-th.basic,
.responsive-table-wrapper .responsive-table-row .responsive-table-th.standard,
.responsive-table-wrapper .responsive-table-row .responsive-table-th.enhanced {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -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;
  border-right: 1px solid #E2E2E2;
}
.responsive-table-wrapper .responsive-table-row .responsive-table-th {
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
}
.responsive-table-wrapper .responsive-table-row .responsive-table-th.feature {
  padding: 20px 20px 20px 0;
}
.responsive-table-wrapper .responsive-table-row:nth-child(2) .responsive-table-th.feature {
  padding-top: 35px; 
}
.responsive-table-wrapper .responsive-table-row .responsive-table-th.standard {
  border-right: none;
}
.responsive-table-wrapper .responsive-table-row .responsive-table-th.enhanced {
  border-right: none;
  background-color: rgb(56, 156, 213, .1); 
  border-left: 1px solid #389cd5;
  border-right: 1px solid #389cd5;
}
.responsive-table-wrapper .responsive-table-row .responsive-table-th.standard,
.responsive-table-wrapper .responsive-table-row .responsive-table-th.enhanced {
  font-size: 14px;
}
.accordion__item {
  outline: none !important; 
}
@media (max-width: 1024px) and (min-width: 768px) {
  .responsive-table-wrapper .responsive-table-row.title-row h4, .responsive-table-wrapper .responsive-table-row.title-row h5 {
    font-size: 14px;
  }
}
@media (min-width: 769px) {
  .responsive-table-wrapper .responsive-table-row .responsive-table-th.feature {
    border-right: none;
  }
}
@media (max-width: 768px) {
  .responsive-table-wrapper .responsive-table-row .responsive-table-th.feature {
    padding: 15px 10px 15px 0;
    position: relative;
  }
  .responsive-table-wrapper .responsive-table-row {
    padding: 0 10px;
  }
  .accordion__item h3, .accordion__item h4 {
    margin-bottom: 0;
  }
  .accordion__item {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;;
  }
  .accordion-header {
    position: relative;
    padding-right: 25px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;;
  }
  .accordion-body {
    padding-top: 10px;
    display: none;
  }
  .accordion-body p {
    font-size: 14px;
  }
  .accordion-body__contents {
    padding: 5px 0 0;
  }
  .accordion__item > .accordion-header:after {
    content: "+";
    font-weight: 800;
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline;
    font-size: 36px;
    line-height: 17px;
    position: absolute;
    right: 0;
    opacity: .85;
    top: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);;
  }
  .accordion__item.active > .accordion-header:after {
    top: 4px;
    right: -3px;
    content: "–";
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);;
  }
}
@media (max-width: 767px) {
  .accordion-body p.included-with {
    font-weight: 700;
    display: inline-block !important;
  }
  .responsive-table-wrapper .responsive-table-row .responsive-table-th {
    border-right: none; 
  }
  .responsive-table-wrapper .responsive-table-row .responsive-table-th.feature {
    padding: 20px 10px 20px 10px;
    position: relative;
    border-right: none;
  }
  .responsive-table-wrapper .responsive-table-row.title-row .responsive-table-th:first-child h4, 
  .responsive-table-wrapper .responsive-table-row.title-row .responsive-table-th:first-child h5 {
    display: block !important;
    text-align: center;
  }
  .responsive-table-wrapper .responsive-table-row.title-row .responsive-table-th:nth-child(1n+2) {
    display: none !important; 
  }
  .responsive-table-wrapper .responsive-table-row .responsive-table-th.basic,
  .responsive-table-wrapper .responsive-table-row .responsive-table-th.standard,
  .responsive-table-wrapper .responsive-table-row .responsive-table-th.enhanced {
    display: none !important;
  }
  .responsive-table-wrapper .responsive-table-row .responsive-table-th.feature {
    display: block;
  }
}

.simple-table .responsive-table-wrapper .responsive-table-row > div:nth-child(n+2) {
  display: none !important;
}

.simple-table .responsive-table-wrapper .responsive-table-row.title-row {
  background: #004877 !important;
}

.simple-table .title-row h5 {
  color: #fff !important;
}

.simple-table .accordion-body p.included-with {
  display: none !important;
}

/* =====================================
   3e. Leveraging Atlassian                                     
   ===================================== */

.atlassian-tools-module ul {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
  -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  list-style: none;
  padding-left: 0;
  text-align: center;
}
.flexJustifyEvenly .atlassian-tools-module ul {
  -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly;
}
.atlassian-tools-module ul li {
  max-width: 110px;
  margin-left: 10px;
  margin-right: 10px;
}
.atlassian-tools-module ul li .icon-wrapper {
  padding: 19px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 14px;
}
.atlassian-tools-module ul li h5 {
  line-height: normal; 
}


/* =====================================
   3f. Software Dev                                           
   ===================================== */

@media (min-width: 768px) {
  .sw-dev-column > div {
    max-width: 325px;
    margin: 0 auto !important;
  }
  .sw-dev-column .mgBottom20 {
    margin-bottom: 15px !important; 
  }
}
@media (max-width: 767px) {
  .sw-dev-column {
    margin-bottom: 48px;  
  } 
  .sw-dev-column:last-of-type {
    margin-bottom: 0;  
  } 
  .sw-dev-column .widget-type-linked_image {
    text-align: left;
  } 
  .sw-dev-column h3 br {
    display: none !important;
  } 
}


/* =====================================
   3g. Cloud Migration                                       
   ===================================== */

.wac-module-wrapper {
  display: block;
  float: left;
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
    -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;
  -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
.wac-module-wrapper .wac-inner-wrapper h3 {
  padding-bottom: 15px;
  margin-bottom: 15px !important;
  border-bottom: 2px solid #dfe1e5 
}
@media (min-width: 901px) {
  .wac-module-wrapper {
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
  }
  .wac-module-wrapper .wac-inner-wrapper {
    width: 33.33%;
    margin-right: 2%;
  }
  .wac-module-wrapper .wac-inner-wrapper:last-of-type {
    margin-right: 0; 
  }
}
@media (max-width: 900px) {
  .wac-module-wrapper {
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  }
  .wac-module-wrapper .wac-inner-wrapper {
    width: 100%;
    max-width: 600px;
    margin-bottom: 24px;
  }
  .wac-module-wrapper:not(#case-study-highlights) .wac-inner-wrapper .wac-content p:first-of-type {
    margin-top: 10px;
    font-size: 20px; 
  }
  .wac-module-wrapper .wac-inner-wrapper:last-of-type {
    margin-bottom: 0; 
  }
}

.wac-inner-wrapper {
  text-align: center;
  background-color: #ffffff;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  box-shadow: 1px 8px 15px rgba(0,0,0,0.15);
  width: 100%;
  border-radius: 8px;
  padding: 50px 20px;
  float: left;
  position: relative;
}
.wac-inner-wrapper > div {
  width: 100%;
  float: left; 
}
.wac-img-wrapper {
  margin-bottom: 20px;
}
.wac-img-wrapper .wac-inner-img {
  width: 125px;
  height: 125px;
  padding: 25px;
  background: #e9f0f8;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
}
.wac-img-wrapper img {
  height: 100% !important;
  width: 100% !important;
  object-fit: contain;
  object-position: 50%;
}
.wac-inner-wrapper .wac-content p {
  text-align: left;
  display: block;
}
.wac-inner-wrapper .wac-result {
  font-weight: bold;
  padding-top: 20px;
}
@media (min-width: 768px) {
  .wac-module-wrapper:not(#case-study-highlights) .wac-inner-wrapper h3 {
    font-size: 30px; 
  }
}
@media (max-width: 767px) {
  .wac-img-wrapper .wac-inner-img {
    width: 90px;
    height: 90px;
    padding: 15px;
  }
}

.quote-head span.headline-preface {
  margin-bottom: 8px;
}
.quote-head span.headline-subhead {
  padding-top: 5px;
  font-size: 16px;
}

@media (max-width: 1024px) {
   .box-wrapper h4 {
    min-height: 0 !important; 
  } 
}
@media (max-width: 1024px) and (min-width: 768px) {
  .box-wrapper {
    padding: 20px 20px 70px;
  }
  .white-boxes-wrapper .btnSolid a {
     margin-top: 40px !important;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .white-boxes-wrapper.three-column .simple-flex > .row-fluid-wrapper > .row-fluid {
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap !important;
    -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  }
  .white-boxes-wrapper.three-column .simple-flex > .row-fluid-wrapper > .row-fluid > div {
    margin: 0 0 40px !important;
  }
  .white-boxes-wrapper.three-column .simple-flex > .row-fluid-wrapper > .row-fluid > div:last-of-type {
    margin: 0 !important;
  }
  .white-boxes-wrapper.four-column .simple-flex > .row-fluid-wrapper > .row-fluid {
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap !important;
    -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  }
  .white-boxes-wrapper.four-column .simple-flex > .row-fluid-wrapper > .row-fluid > div {
    margin: 0 0 40px !important;
  }
  .white-boxes-wrapper.four-column .simple-flex > .row-fluid-wrapper > .row-fluid > div:last-of-type {
    margin: 0 !important;
  }
}
@media (min-width: 768px) {
  .white-boxes-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid {
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
  }
  .box-wrapper .btnSolid {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);;
  }
  .box-wrapper .btnSolid a {
    margin: 0 10px;
  }
}
.box-wrapper {
  background: #fff;
  width: 100% !important;
  max-width: 475px;
  border-radius: 4px;
  box-shadow: 1px 8px 15px rgba(0,0,0,0.15);
  padding: 40px 30px 80px;
  position: relative;
}
.box-wrapper.pdSame {
  padding: 40px 30px 40px;
}
.box-wrapper span, .box-wrapper p, .box-wrapper h3, .box-wrapper li {
  color: #000000; 
}
.box-wrapper h4 {
  padding-bottom: 20px;
  line-height: normal;
  border-bottom: 2px solid #DFE1E5;
}
.box-wrapper h4 span {
  display: block;
  width: 100%;
  margin: 4px 0;
  font-size: 16px;
}
.white-boxes-wrapper.four-column .box-wrapper {
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-shadow: none !important;
  border-right: 2px solid #DFE1E5;
}
.white-boxes-wrapper.four-column .box-wrapper p {
  text-align: left;
}
@media (max-width: 767px) {
  .white-boxes-wrapper .simple-flex.mgBottom-70 {
    margin-bottom: -30px !important; 
  }
  .white-boxes-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > div {
    margin: 0 auto 50px;
  }
  .white-boxes-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > div:last-of-type {
    margin: 0 auto 0;
  }
  .box-wrapper {
    padding: 40px 30px 40px;
  }
  .box-wrapper .btnSolid {
    margin-top: 0 !important;
  }
}

.hs-tabs__item {
  -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    transition: opacity 1s ease;;
  z-index: -1;
  height: 0;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  opacity: 0;
  overflow: hidden;
}
.hs-tabs__item--active{
  display: block;
  width: auto;
  height: auto;
  min-height: 120px;
  z-index: 3;
  opacity: 1;
}
.hs-tabs__item img{ 
 	/* Protect images from overflowing the tab */ 
  max-width: 100%;
  height: auto;
}
.hs-tabs__item p {
  line-height: 1.675; 
}
.hs-tabs__nav{
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: -1px;
}
.hs-tabs__nav:before {
  -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);;
  content: "";
  z-index: -1;
  left: 51%;
  width: 79.5%;
  position: absolute;
  height: 2px;
  top: 16px;
  background: #202121;
}
.hs-tabs.noClick .hs-tabs__nav:hover h3,
.hs-tabs.noClick .hs-tabs__nav:focus h3,
.hs-tabs.noClick .hs-tabs__nav:hover span,
.hs-tabs.noClick .hs-tabs__nav:focus span {
  color: initial !important;
}
.hs-tabs.noClick .hs-tabs__nav a {
  cursor: default !important;
}
.hs-tabs.noClick .hs-tabs__nav:before {
  left: 49.5%;
  width: 85.5%; 
}
.hs-tabs__nav li{
  display: inline-block;
}
.hs-tabs__nav {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
  -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
  -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
  text-align: center;
}
.hs-tabs__nav li {
  margin: 0 1%; 
}
.hs-tabs__navitem {
  text-decoration: none; 
  text-align: center;
}
.hs-tabs__navitem .phase-circle {
  -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;;
  padding-top: 3px;
  font-weight: 800;
  margin: 0 auto 12px;
  color: #fff;
  vertical-align: middle;
  font-size: 16px;
  background: #202121;
  border-radius: 50%;
  height: 34px;
  width: 34px;
  text-align: center;
}
.hs-tabs__navitem h3 {
  text-decoration: none;
  display: block;
  border-radius: 50px;
  padding: 15px 30px;
}
.hs-tabs__navitem:hover h3,
.hs-tabs__navitem:focus h3,
.hs-tabs__navitem:hover span,
.hs-tabs__navitem:focus span {
  color: #389cd5;
}
.hs-tabs__navitem h3 {
  font-size: 18px;
  margin: 0;
  font-weight: 800;
  text-transform: uppercase;
}
.hs-tabs__navitem h3 span {
  display: block;
  width: 100%;
  font-size: 20px;
  text-transform: none;
  margin-bottom: 5px;
  font-weight: 600;
}
.hs-tabs__navitem--active h3 span {
  color: #389cd5; 
}
.hs-tabs__navitem--active .phase-circle {
  background: #389cd5; 
}
.hs-tabs__navitem--active h3 {
  color: #389cd5; 
}
/* fix for hubspot injected div */
.hs-tabs__navitem *{
  pointer-events: none;
}
@media (max-width: 980px) {
  .hs-tabs__navitem a {
    pointer-events: none !important; 
  }
  .hs-tabs__navitem--active .phase-circle {
    background: #202121; 
  }
  .hs-tabs__navitem--active h3 {
    color: initial;
  }
  .hs-tabs__navitem--active h3 span {
    color: initial; 
  }
  .hs-tabs__navitem {
    pointer-events: default !important;   
  }
  .hs-tabs__nav {
    display: block !important; 
  }
  .hs-tabs__nav .tabless-content {
    display: block !important;
    text-align: left;
  }
  .hs-tabs__nav:before {
    display: none !important; 
  }
  .hs-tabs__item p {
    font-size: 16px; 
  }
  .hs-tabs__nav li {
    width: 100%;
    margin: 0 0 10px;
  }
  .hs-tabs__navitem {
    text-align: center;
    padding: 15px 5px;
  }
  .hs-tabs__navitem .phase-circle {
    display: inline-block;
    margin: 0 0 8px;
  }
  .hs-tabs__navitem h3 {
    padding: 0; 
  }
}


/* =====================================
   3g. Video LP                                       
   ===================================== */

.video-title-wrapper a {
  color: #f7c32f; 
}
.video-lp-wrapper .video-wrapper {
  margin-top: -210px; 
}
/* prevent flicker on hubspot form load */
.video-lp-wrapper .widget-type-form {
  min-height: 750px; 
}
/** Rules to keep things consistent with padding resizes **/
@media (max-width: 1024px) and (min-width: 769px) {
  .video-lp-wrapper .video-wrapper {
    margin-top: -170px; 
  }
}
@media (max-width: 768px) and (min-width: 481px) {
  .video-lp-wrapper .video-wrapper {
    margin-top: -150px; 
  }
}
@media (max-width: 480px) {
  .video-lp-wrapper .video-wrapper {
    margin-top: -134px; 
  }
}

.presenter-box .presenter-img img {
  border-radius: 50%;
  object-fit: cover;
  width: 150px !important;
  height: 150px !important;
  object-position: 50% 50%;
  border: 3px solid #004877 !important;
}
.presenter-box {
  max-width: 450px;
  background: #fff;
  padding: 30px 20px;
  border-radius: 8px;
  box-shadow: 1px 8px 15px rgba(0,0,0,0.15);
}
@media (max-width: 767px) {
  .presenter-box:first-of-type {
    margin-bottom: 50px; 
  }
  .webinar-presenters-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid {
    -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center !important; 
  }
}

/* =====================================
   3g. Adwords LP                                      
   ===================================== */

.main-banner-wrapper.awd-lp .partner-logo {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto !important;
  display: inline-block !important;
}

.main-banner-wrapper.awd-lp .cloud-award {
  position: absolute;
  bottom: -10px;
  right: 0;
  width: auto !important;
  display: inline-block !important;
}

.main-banner-wrapper.awd-lp .banner-text {
  
}

.video-module p {
  display: none !important; 
}

.icon-text-module {
  text-align: center; 
}
.icon-text-module:not(.col) img {
  height: 64px;
  width: 64px;
  object-fit: contain;
  object-position: 50% 0;
}


/* =====================================
   3g. Jira Service Management                                  
   ===================================== */

.jsm-statistic h3 {
  font-size: 72px; 
  text-align: center;
}
.jsm-statistic h3 span {
  font-size: 40px;
  margin-left: 7px;
  letter-spacing: 0;
}
.jsm-statistic h3 span:last-of-type {
  display: block;
  width: 100%;
  margin-left: 0;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0;
}

.icon-text-horizontal-module > div {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
  -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
.icon-text-horizontal-module img {
  width: 100% !important;
  height: auto !important;
  max-width: 150px;
  max-height: 150px;
  margin-right: 30px;
}
.icon-text-horizontal-module h3 {
  margin-bottom: 15px;
}



.perfect-process-section .simple-flex > .row-fluid-wrapper > .row-fluid {
  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; 
}
.perfect-process-section .simple-flex > .row-fluid-wrapper > .row-fluid > div {
  width: 31.33% !important;
  margin: 1% !important; 
  padding: 15px 15px 45px;
  background: #fff;
  border-radius: 8px;
}
.perfect-process-section h3 {
  padding-bottom: 15px;
  margin-bottom: 15px !important;
  border-bottom: 2px solid #dfe1e5; 
}
.perfect-process-section .simple-flex > .row-fluid-wrapper > .row-fluid .icon-text-module {
  text-align: left;
}

.perfect-process-section .simple-flex > .row-fluid-wrapper > .row-fluid .icon-text-module img {
  width: 40px;
  height: 40px;
  margin: 5px 0px 5px 7px;
}
@media(max-width: 1024px) and (min-width: 768px) {
  .perfect-process-section .simple-flex > .row-fluid-wrapper > .row-fluid > div {
    width: 48% !important;
    margin: 0% 1% 30px !important;
  } 
  .perfect-process-section .simple-flex > .row-fluid-wrapper > .row-fluid > div:nth-of-type(n+5) {
    margin-bottom: 0% !important;
  } 
}
@media(max-width: 767px){
  .perfect-process-section .simple-flex > .row-fluid-wrapper > .row-fluid > div {
    width: 100% !important;
    margin: 0% 0% 40px !important;
  } 
  .perfect-process-section .simple-flex > .row-fluid-wrapper > .row-fluid > div:last-of-type {
    width: 100% !important;
    margin: 0% !important;
  } 
}

/* =====================================
   3. Partner Page                                           
   ===================================== */

.partners-wrapper {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;
  -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
}
.partners-wrapper .partner-item {
  position: relative;
  width: 48%;
  flex: 0 1 48%;
  background: #ffffff;
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 4%;
  box-shadow: 1px 8px 15px rgb(0,0,0,0.15);
}
a.partner-item {
	text-decoration: none;
	color: inherit;
  -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    -ms-transition: transform .3s;
    transition: transform .3s;;
}
a.partner-item:hover {
  -webkit-transform: scale(.975);
    -moz-transform: scale(.975);
    -o-transform: scale(.975);
    -ms-transform: scale(.975);
    transform: scale(.975);;
}
.partners-wrapper .partner-item:before {
  position: absolute;
  right: 30px;
  top: 30px;
  content: "";
  width: 25px;
  height: 25px;
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/partner-star-badge.svg');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  display: block;
}
.courses-listing-module .partners-wrapper .partner-item:before {
	display: none;
}
.partners-wrapper .partner-item:nth-child(even) {
  margin-left: 2%;
}
.partners-wrapper .partner-item:nth-child(odd) {
  margin-right: 2%;
}
.partners-wrapper .partner-item .partner-logo {
  margin-bottom: 20px;
}
.partners-wrapper .partner-item .partner-logo img {
  object-fit: contain;
  height: 125px;
  width: 100%;
  max-width: 225px;
  object-position: 50% 50%;
}
.partners-wrapper .partner-item .partner-name {
  margin: 0;
}
.partners-wrapper .partner-item .company-desc {
  display: inline-block;
  width: 100%;
  font-style: italic;
}
.partners-wrapper .partner-item .partner-info {
  margin-top: 25px; 
}
.hs-logo-carousel .slick-slide img {
  -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    -ms-transition: transform .3s;
    transition: transform .3s;;
}
.hs-logo-carousel .slick-slide img:hover {
  -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -o-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);;
}
@media (max-width: 767px) {
  .partner-logo-scroll {
    display: none !important;
  }
  .partners-wrapper .partner-item {
    width: 100%;
    flex: 1 1 100%;
    margin: 0 0 40px !important;
  }
  .partners-wrapper .partner-item .partner-logo img {
    height: 100px;
    max-width: 175px;
  }
}

.courses-listing-module .training-badges {
	position: absolute;
  right: 20px;
  top: 20px;
}

.minh-full {
  min-height: 100vh !important;
}

.nm-full {
  margin-top: -100vh !important;
}


/* =====================================
   3. Courses                                         
   ===================================== */

#courses-banner .checkmark-list ul li {
	font-size: 16px;
}

#course-main-section.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid {
  -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
  -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
	-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
}
#course-main-section.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div:last-of-type {
  max-width: 430px;
  flex: 0 1 430px;
}
@media (min-width: 1025px) {
  #course-main-section.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div:first-of-type {
    width: 55% !important;
    flex: 0 1 700px;
  }
  #course-main-section.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div:last-of-type {
    width: 45% !important;
    flex: 0 1 430px;
  }
  #course-main-section.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div:last-of-type .tax-fraud-card {
    float: right;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  #course-main-section {
    padding-bottom: 40px !important; 
  }
  #course-main-section.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div:first-of-type {
    width: 100% !important;
		text-align: center;
  }
	#course-main-section .tempMaxWidth,
	#course-main-section .course-details-module {
		margin-left: auto !important;
		margin-right: auto !important;
		float: none;
	} 
  #course-main-section.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div {
    margin-left: 0 !important;
    padding: 0 !important;
  }
}
@media (max-width: 1024px) {
  #course-main-section.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid {
    -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
		-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  }
  #course-main-section.hs-flex .page-center > .row-fluid-wrapper:last-of-type > .row-fluid > div:first-of-type {
    margin-bottom: 30px !important;
  }
}

.course-details-module {
	max-width: 600px;
  margin-top: 40px;
	width: auto;
	background: #F5F6F7;
	padding: 10px;
	border-radius: 8px;
	width: 100%;
	display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
	-webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
	-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;
}
.course-details-module > div {
	width: 50.0%;
	flex: 1 1 50.0%;
	padding: 0 5px;
	text-align: center;
	display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
	-webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
	-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
	-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
	;
}
.course-details-module > div > * {
	float: left;
	display: block;
	vertical-align: middle;
}
.course-details-module > div > img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	object-position: 50%;
	margin-right: 10px;
}
@media (max-width: 767px) {
	.course-details-module > div {
		justify-content: center;
	}
	.course-details-module > div {
		flex: 1 1 100%;
		width: 100%;
		padding: 10px;
		text-align: center;
	}
}
.register-by {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: normal;
	line-height: normal;
}

@media (max-width: 1024px) and (min-width: 768px) {
  .course-options-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > div {
    margin: 0 0 40px !important;
  }
  .course-options-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid > div:last-of-type {
    margin: 0 !important;
  }
}
@media (min-width: 768px) {
  .course-options-wrapper .simple-flex > .row-fluid-wrapper > .row-fluid {
		-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
  }
	.course-options-wrapper .date-time {
		padding-bottom: 80px;
	}
  .course-options-wrapper .btnSolid,
	.course-options-wrapper .course-register-button {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);;
  }
	.course-options-wrapper .course-register-button {
		width: 100%;
	}
	.course-options-wrapper .course-register-button .btnSolid {
		position: static;
		transform: none;
		left: initial;
		bottom: initial;
	}
  .course-options-wrapper .btnSolid a {
    margin: 0 10px;
  }
}

.instructor-avatar img {
	border-radius: 50%;
	object-fit: cover;
	object-position: 50%;
	max-height: 200px !important;
	max-width: 200px !important;
	width: 100% !important;
	height: 100% !important;
	border: 4px solid #fff;
	box-shadow: 0px 2px 12px 3px rgba(0, 0, 0, 0.10);
}

.course-agenda-wrapper ul {
	margin-top: 0;
}

.course-days-module {
	display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
	-webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
	-webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
}
@media (min-width: 601px) {
	.course-days-module > div {
		-webkit-box-flex: 1;
				-ms-flex: 1 1 31.33%;
						flex: 1 1 31.33%;
		margin: 1%;
	}
	.course-days-module.max-2 > div {
		-webkit-box-flex: 1;
				-ms-flex: 1 1 46%;
						flex: 1 1 46%;
		margin: 0 2% 20px;
	}
	.course-days-module.max-1 > div {
		-webkit-box-flex: 1;
				-ms-flex: 1 1 100%;
						flex: 1 1 100%;
		margin: 0 0 20px;
	}
}
@media (max-width: 1024px) and (min-width: 601px) {
	.course-days-module:not(.max-1) > div {
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 46%;
		        flex: 1 1 46%;
		margin: 2%;
	}
}
@media (max-width: 600px) {
	.course-days-module > div {
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 100%;
		        flex: 1 1 100%;
		margin: 0 0 20px;
	}
}

/* ==========================================================================
   4. HEADER & MAIN NAVIGATION                                        
   ========================================================================== */

/* =====================================
   4a. Header Structure                                         
   ===================================== */

.header-container-wrapper {
  -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    -ms-transition: background .2s ease;
    transition: background .2s ease;;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.6px;
  background: #004877;
  padding: 15px 0 10px;
  position: absolute;
}
.header-container-inner {
  max-width: 1344px !important;
  margin: 0 auto !important;
  float: none !important;
  padding: 0 20px;
}
.has-announcement .header-container-inner {
  -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;;
  padding-top: 15px;
  padding-bottom: 10px;
}
.header-container .simple-flex > .row-fluid-wrapper > .row-fluid {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -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;
}
.header-container .header-logo img {
  width: 84px !important;
  height: auto;
}
.header-container .header-logo {
  -webkit-flex: 1 1 195px;
  flex 1 1 195px; 
}
.header-container .header-logo .bg-logo {
  -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;;
  display: inline-block;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 195px;
  height: 40px;
}
.header-container .header-menu .desktop-nav {
  text-align: right;
}

/** Responsive styles **/
.header-container .simple-flex > .row-fluid-wrapper > .row-fluid {
  -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; 
}
@media (max-width: 1024px) {
  .header-container .simple-flex > .row-fluid-wrapper > .row-fluid > div {
    width: 100% !important;
  }
  .header-container .header-menu {
    text-align: right;
  }
}
@media (max-width: 768px) and (min-width: 481px) {
  .header-container-wrapper,
  .has-announcement .header-container-inner {
    padding-top: 15px;
    padding-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .header-container-wrapper,
  .has-announcement .header-container-inner {
    padding-top: 15px;
    padding-bottom: 10px;
  }
}

/***Absolute Header***/

.transparentHeader .header-container-wrapper {
  background: transparent; 
}
.transparentHeader.home .header-container-wrapper {
  background: -moz-linear-gradient(0deg, rgba(0,44,73,0) 0%, rgba(0,44,73,0.15) 40%, rgba(0,44,73,0.25) 60%);
  background: -webkit-linear-gradient(0deg, rgba(0,44,73,0) 0%, rgba(0,44,73,0.15) 40%, rgba(0,44,73,0.25) 60%);
  background: linear-gradient(0deg, rgba(0,44,73,0) 0%, rgba(0,44,73,0.15) 40%, rgba(0,44,73,0.25) 60%);
}
.cost-breakdown .header-container-wrapper {
	background: transparent;
  background: -moz-linear-gradient(0deg, rgba(108,166,208,0) 0%, rgba(108,166,208,0.15) 40%, rgba(108,166,208,0.25) 60%);
  background: -webkit-linear-gradient(0deg, rgba(108,166,208,0) 0%, rgba(108,166,208,0.15) 40%, rgba(108,166,208,0.25) 60%);
  background: linear-gradient(0deg, rgba(108,166,208,0) 0%, rgba(108,166,208,0.15) 40%, rgba(108,166,208,0.25) 60%);
}

/*** Announcement Banner ***/
.announcement-banner-wrapper {
  display: none;
}
.has-announcement:not(.hideAnnouncement) .announcement-banner-wrapper {
  display: block !important; 
}
.hideAnnouncement .announcement-banner-wrapper {
	display: none !important;
}
.has-announcement .header-container-wrapper {
  padding: 0 !important;
}
.header-container .announcement-banner {
  text-align: center;
  padding: 15px 20px;
  font-size: 16px;
}
.header-container .announcement-banner a {
  color: #ffffff;
}
@media (max-width: 480px) {
  .header-container .announcement-banner {
    font-size: 14px;
    line-height: normal;
  }
}

/* =====================================
   4b. Main Menu                                   
   ===================================== */

/*** PARENT LIST ***/
.header-container .hs-menu-wrapper > ul li a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  white-space: normal !important;
  text-transform: uppercase;
  padding: 10px 10px;
  white-space: normal;
  max-width: none;
  width: auto !important;
  text-overflow: initial;
  position: relative;
  overflow: visible !important;
}
.header-container-wrapper .desktop-nav {
  color: #ffffff;
}
.header-container .desktop-nav .hs-menu-wrapper > ul > li {
  margin: 10px;
}
/* No padding on last menu item */
.header-container .desktop-nav li.hs-menu-item.hs-menu-depth-1:last-of-type,
.header-container .desktop-nav li.hs-menu-item.hs-menu-depth-1:last-of-type > a {
  margin-right: 0;
  /*padding-right: 0; */
}
/** Caret **/
.header-container .desktop-nav li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > a {
  padding-right: 15px;
}
.header-container .desktop-nav li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > a:after {
  content: "";
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/white-caret.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 18px;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-left: 6px;
}
/* Hover effect */
.header-container .hs-menu-wrapper > ul li a:hover,
.header-container .hs-menu-wrapper > ul li a:active {
  color: #df5659;
}
/* No hover effect on active items 
.header-container .hs-menu-wrapper li.hs-menu-item.hs-menu-depth-1.active-branch > a ,
.header-container .hs-menu-wrapper li.hs-menu-item.hs-menu-depth-1.active > a {
  color: initial;
}
*/

/*** CHILD LIST And Links ***/
.header-container .desktop-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul {
  text-align: left;
  border-radius: 4px;
  background: #fff;
  width: auto !important;
  padding: 15px 30px 20px 10px;
  box-shadow: 0 2px 4px rgba(0,0,0,.5);
}
.header-container .desktop-nav .hs-menu-wrapper > ul > li > ul li {
  color: #000000;
  text-align: left;
  width: auto;
}
.header-container .desktop-nav .hs-menu-wrapper > ul > li > ul li a {
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0.2px;
  white-space: nowrap !important;
  display: inline-block !important;
}
/* Remove hover effect on active child items */
.header-container .hs-menu-wrapper > ul > li > ul li.active a:hover, 
.header-container .hs-menu-wrapper > ul > li > ul li.active a:focus {
  color: initial; 
}
/* Modify active effect on child items */
.header-container .hs-menu-wrapper > ul > li > ul li.active a:before {
  max-width: 92%;
  margin-top: 3px;
  height: 55%;
}

/** Last link is a Button **/
.header-container .desktop-nav li.hs-menu-item.hs-menu-depth-1:last-of-type {
  margin-top: 5px;
  margin-bottom: 0;
}
.header-container .desktop-nav li.hs-menu-item.hs-menu-depth-1:last-of-type > a {
  min-width: 0 !important; 
  padding: 14px 20px;
}
.header-container .desktop-nav li.hs-menu-item.hs-menu-depth-1:last-of-type > a:hover {
  /*color: #000;*/
  color: #fff;
}
.header-container .desktop-nav li.hs-menu-item.hs-menu-depth-1:last-of-type > a:after {
    content: none !important;
}

/* Center positioning for child menus */
@media (min-width: 901px) {
  .desktop-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
      left: 40%;
      -webkit-transform: translateX(-35%);
    -moz-transform: translateX(-35%);
    -o-transform: translateX(-35%);
    -ms-transform: translateX(-35%);
    transform: translateX(-35%);
  }
}

/*** ALTERNATE THEME FOR DARK/IMAGE BACKGROUNDS ***/
.lightHeader .header-container-wrapper {
  background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 40%, rgba(255,255,255,0.25) 60%);
  background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 40%, rgba(255,255,255,0.25) 60%);
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 40%, rgba(255,255,255,0.25) 60%);
}
.lightHeader.transparentHeader .header-container-wrapper {
  background: transparent; 
}
.lightHeader .header-container-wrapper .desktop-nav {
  color: #000000;
}
.lightHeader .header-container-wrapper li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > a:after {
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/black-caret.svg'); 
}
/* Hover effect */
.lightHeader .header-container-wrapper .header-container .hs-menu-wrapper > ul > li > a:hover,
.lightHeader .header-container-wrapper .header-container .hs-menu-wrapper > ul > li > a:active,
.lightHeader .header-container .hs-menu-wrapper > ul li a:hover,
.lightHeader .header-container .hs-menu-wrapper > ul li a:active {
  color: #389cd5;
}
/** Button **/
.lightHeader .header-container .desktop-nav .hs-menu-wrapper > ul > li:last-of-type a {
  color: #df5659;
  border: 2px solid #df5659
}
.lightHeader .header-container .desktop-nav .hs-menu-wrapper > ul > li:last-of-type a:hover, 
.lightHeader .header-container .desktop-nav .hs-menu-wrapper > ul > li:last-of-type a:focus {
  background: #df5659;
  color: #fff;
}

.lightHeader .header-container-wrapper .hamburger .hamburger-inner,
.lightHeader .header-container-wrapper .hamburger .hamburger-inner:before,
.lightHeader .header-container-wrapper .hamburger .hamburger-inner:after {
  background-color: #000000;
}
/* Logo change */
.lightHeader .header-container-wrapper .header-container .header-logo .bg-logo {
  background-image: url('https://www.e7solutions.com/hubfs/E7.HorizontalLogoNoTag-1.png') !important;
}

/** Child child list **/
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
  left: 100%;
  text-align: left;
  border-radius: 4px;
  background: transparent;
  width: auto !important;
  padding: 15px 30px 20px 10px;
  box-shadow: 0 2px 4px rgba(0,0,0,0);
}

/* =====================================
   4c. Mobile Menu                                    
   ===================================== */

@media (min-width: 1024px) {
  #mobile-menu {
    display: none !important; 
  }
}
@media (max-width: 1024px) {
  .desktop-nav {
    display: none !important; 
  }
}
/*** Mobile Menu Trigger ***/
.hamburger {
  -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;;
  text-align: right;
  padding: 15px;
  display: inline-block;
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.sidr-open .hamburger:hover {
  opacity: 0.7;
}
.header-container-wrapper .hamburger .hamburger-inner,
.header-container-wrapper .hamburger .hamburger-inner:before,
.header-container-wrapper .hamburger .hamburger-inner:after {
  background-color: #ffffff;
}
.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}
@media (max-width: 480px) {
  .hamburger {
    padding: 15px 0 15px 15px;   
  }
}
@media (max-width: 414px) {
  .hamburger {
    padding: 10px 0 10px 10px;    
  }
 .hamburger-box {
    width: 35px;
    height: 25px;
  }
  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    width: 35px;
  } 
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.sidr-open .hamburger--slider .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .sidr-open .hamburger--slider .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .sidr-open .hamburger--slider .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }



/* Sidr Navigation Overrides */
.sidr {
  text-align: left; 
}
.sidr .hs-menu-wrapper ul {
  float: left; 
}
.sidr .hs-menu-wrapper ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > a:hover {
  color: rgba(0,0,0,.75);
}
.sidr .hs-menu-wrapper > ul {
    display: block;
    width: 100%;
    overflow: inherit;
    margin-bottom: 0;
}
.sidr .hs-menu-wrapper ul li {
  display: inline-block;
  width: 100%;
}
.sidr .hs-menu-wrapper > ul > li {
  margin: 0;
}
.sidr .hs-menu-wrapper ul > li > a {
  width: 100% !important;
  padding: 10px 20px;
}
.sidr .hs-menu-wrapper ul > li.hs-menu-item.hs-menu-depth-1 {
  border-top: 1px solid #b2a8a5;
  width: 100%;
}
.sidr .hs-menu-wrapper ul > li.hs-menu-item.hs-menu-depth-1:last-of-type {
  border-bottom: 1px solid #b2a8a5;
}
.sidr .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children {
  padding: 15px 0;  
}
.sidr .hs-menu-wrapper ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > a {
  font-size: 14px;
  color: rgba(0,0,0,.75);
}
.sidr .hs-menu-wrapper > ul ul {
  width: 100%;
  box-shadow: none;
  border-top: 0;
  background: none;
  padding: 0;
}
.sidr .hs-menu-wrapper > ul li.hs-menu-depth-1 {
  float: left !important 
}

.sidr .hs_cos_wrapper {
	display: inline-block;
}
.sidr .hs-menu-wrapper {
	display: initial !important;
}

/* Show child items without hover */
.sidr .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  position: static;
  z-index: 1;
  display: block;
}

.sidr .hs-menu-wrapper li.hs-menu-item.hs-menu-depth-2 a {
  overflow: visible !important;
  white-space: normal;
  max-width: none !important;
  width: auto !important;
  padding: 8px 10px;
  margin-left: 10px;
  padding-left: 20px !important;
  font-size: 14px;
  -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;;
}
.sidr .secondary-nav .hs-menu-wrapper li.hs-menu-item.hs-menu-depth-1 a  {
  margin-left: 0;
  font-weight: 500;
  display: block;
  width: 100%;
}
/* Carets */
.sidr .hs-menu-wrapper > ul > li.hs-item-has-children > a:after {
  content: " ";
  background-image: url(https://6647313.fs1.hubspotusercontent-na1.net/hubfs/6647313/web-assets/menu-caret-dark.svg);
  height: 8px;
  margin-top: 6px;
  margin-left: 6px;
  width: 14px;
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
}

/** Menu Item Hover Effects **/
.sidr .hs-menu-wrapper li.hs-menu-item.hs-menu-depth-2 a:hover, 
.sidr .hs-menu-wrapper li.hs-menu-item.hs-menu-depth-2 a:focus, 
.sidr .hs-menu-wrapper li.hs-menu-item.hs-menu-depth-2 a:active {
  background: rgba(221,221,221,.7);
}
.sidr .hs-menu-wrapper ul > li.hs-menu-item.hs-menu-depth-1 > a {
  -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;;
}
.sidr .hs-menu-wrapper ul > li.hs-menu-item.hs-menu-depth-1 > a:hover,
.sidr .hs-menu-wrapper ul > li.hs-menu-item.hs-menu-depth-1 > a:focus {
  background: rgba(221,221,221,.7);
}
.sidr .hs-menu-wrapper ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > a:hover,
.sidr .hs-menu-wrapper ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > a:focus {
  background: transparent; 
}

/** Active effect edit **/
.header-container .sidr .hs-menu-wrapper>ul>li.hs-menu-item.hs-menu-depth-1.active-branch>a:before,
.header-container .sidr li.hs-menu-item.hs-menu-depth-2.active.active-branch a:before {
  -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;;
  color: #389cd5;
  height: 5px;
  border-radius: 50%;
  opacity: 1;
  bottom: 16px;
  left: 9px;
  width: 5px;
}
.header-container-wrapper.sticky-header .header-container .sidr .hs-menu-wrapper li.hs-menu-item.hs-menu-depth-1.active-branch > a {
  color: rgba(0,0,0,.75);
}


/* Sidr logo */
.sidr img {
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
}

/* General Sidr Styles */
.sidr {
  display: block;
  position: fixed;
  top: 0;
  padding-top: 20px;
  padding-bottom: 60px;
  height: 100%;
  z-index: 999999;
  width: 260px;
  color: #000000;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 14px;
  background: #F5F6F7;
  box-shadow: 0 0 10px 5px #ebebeb inset;
}
.sidr .sidr-inner {
  padding: 0 0 15px;
}
.sidr.right {
  left: auto;
  right: -260px;
}
.sidr.left {
  left: -260px;
  right: auto;
}


/* =====================================
   4d. Sticky Header                              
   ===================================== */

.header-container-wrapper {
  z-index: 9990;
  top: 0;
  width: 100%;
}
body.static-header .header-container-wrapper {
  position: absolute;
}

.header-container-wrapper.sticky-header {
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
  position: fixed;
  background: #004877 !important;
  color: #fff;
  border-top: 0;
}
.header-container-wrapper.sticky-header .header-container .hs-menu-wrapper li.hs-menu-item.hs-menu-depth-1.active-branch > a,
.header-container-wrapper.sticky-header .header-container .hs-menu-wrapper li.hs-menu-item.hs-menu-depth-1.active > a {
  color: #fff;
}
/* Logo change */
.header-container-wrapper.sticky-header .header-container .header-logo .bg-logo {
  background-image: url(https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/e7-horizontal-white-logo.svg) !important;
  width: 195px;
  height: 40px;
}
@media (max-width: 414px) {
  .header-container-wrapper.sticky-header .header-container .header-logo .bg-logo {
    background-image: url(https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/e7-horizontal-white-logo.svg) !important;
    width: 175px;
    height: 29px;
  }
}
.header-container-wrapper.sticky-header .hamburger .hamburger-inner,
.header-container-wrapper.sticky-header .hamburger .hamburger-inner::before,
.header-container-wrapper.sticky-header .hamburger .hamburger-inner::after {
  background-color: #fff;
}
.header-container-wrapper.sticky-header,
.has-announcement .header-container-wrapper.sticky-header .header-container-inner {
  padding-top: 5px;
  padding-bottom: 5px;
  /*box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.10);*/
}
.header-container-wrapper.sticky-header li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > a:after {
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/white-caret.svg'); 
}
/* Disable active alt effect */
.header-container-wrapper.sticky-header .header-container .activeAlt .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1.active-branch > a:before,
.header-container-wrapper.sticky-header .header-container .activeAlt li.hs-menu-item.hs-menu-depth-2.active.active-branch a:before{
  background-color: #f7c32f;
}
/** Sticky Override **/
.static-header .header-container-wrapper.sticky-header {
  background: #004877; 
}

/*** Light Header Overrides ***/
.lightHeader .header-container-wrapper.sticky-header .desktop-nav {
  color: #fff !important;
}
/* Hover effect */
.lightHeader .header-container-wrapper.sticky-header .header-container .hs-menu-wrapper > ul > li > a:hover,
.lightHeader .header-container-wrapper.sticky-header .header-container .hs-menu-wrapper > ul > li > a:active,
.lightHeader .header-container-wrapper.sticky-header .header-container .hs-menu-wrapper > ul li a:hover,
.lightHeader .header-container-wrapper.sticky-header .header-container .hs-menu-wrapper > ul li a:active{
  color: #f7c32f;
}
/** Button **/
.lightHeader .header-container-wrapper.sticky-header .header-container .desktop-nav .hs-menu-wrapper> ul > li:last-of-type a {
  color: #f7c32f !important;
  border: 2px solid #f7c32f !important;
}
.lightHeader .header-container-wrapper.sticky-header .header-container .desktop-nav .hs-menu-wrapper> ul > li:last-of-type a:hover, 
.lightHeader .header-container-wrapper.sticky-header .header-container .desktop-nav .hs-menu-wrapper> ul > li:last-of-type a:focus {
  background: #f7c32f !important;
  color: #004877 !important;
}




/* ==========================================================================
   5. FOOTER                                           
   ========================================================================== */
   
/* =====================================
   5a. Footer Structure                                         
   ===================================== */

.footer-container .bgDark {
  background-color: #172B4D;
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/footer-pattern-bg.svg');
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/footer-pattern-bg.svg'), -moz-linear-gradient(180deg, rgba(43,43,43,1) 25%, rgba(32,32,32,1) 100%);
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/footer-pattern-bg.svg'), -webkit-linear-gradient(180deg, rgba(43,43,43,1) 25%, rgba(32,32,32,1) 100%);
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/footer-pattern-bg.svg'), linear-gradient(180deg, rgba(43,43,43,1) 25%, rgba(32,32,32,1) 100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}
@media (max-width: 767px) and (min-width: 481px) {
  .footer-container .simple-flex > .row-fluid-wrapper > .row-fluid > div {
    width: 48% !important;
    margin-bottom: 20px;
  }
  .footer-container .simple-flex > .row-fluid-wrapper > .row-fluid > div:first-of-type {
    width: 100% !important;
    text-align: center;
    margin-bottom: 30px;
  }
  .footer-container .simple-flex > .row-fluid-wrapper > .row-fluid > div:first-of-type img {
    max-width: 120px !important;
  }
  .footer-container .simple-flex > .row-fluid-wrapper > .row-fluid > div:last-of-type {
    width: 100% !important;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .footer-container .simple-flex > .row-fluid-wrapper > .row-fluid > div {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .footer-container .simple-flex > .row-fluid-wrapper > .row-fluid > div:first-of-type {
    text-align: center;
  }
  .footer-container .simple-flex > .row-fluid-wrapper > .row-fluid > div:first-of-type img {
    max-width: 120px !important;
  }
}

.footer-container-wrapper .footer-container,
.footer-container-wrapper .footer-container p {
  font-size: 14px;
}
.footer-container-wrapper .footer-container a,
.footer-container-wrapper .footer-container ul li {
  text-decoration: none;
  font-size: 12px;
  color: #A4B0C8;
}
.footer-container-wrapper .footer-container a:hover,
.footer-container-wrapper .footer-container a:focus {
  text-decoration: underline; 
}

.checkmark-list.iconPin ul li {
  padding-left: 30px; 
}
.checkmark-list.iconPin ul li:before {
  top: 0;
  background-image: url('https://www.e7solutions.com/hubfs/footer-icon-location-v2.svg');
  height: 20px;
  width: 14px;
}
.checkmark-list.iconPhone ul li:before {
  background-image: url('https://www.e7solutions.com/hubfs/footer-icon-phone-v2.svg');
  height: 17px;
  width: 17px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
  padding: 5px 0;
  display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li a:hover,
.hs-menu-wrapper.hs-menu-flow-vertical > ul li a:focus {
  text-decoration: underline;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li {
  margin-bottom: 5px;
  line-height: normal;
}
.footer-container-wrapper .social-share ul {
  width: 100%;
  margin-top: 10px;
  padding-left: 0;
  list-style: none;
}
.footer-container-wrapper .social-share ul li {
  display: inline-block;
  float: left;
  margin: 0 3% 1%;
}
.footer-container-wrapper .social-share ul li:first-of-type {
  margin: 0 3% 1% 0%;
}
.footer-container-wrapper .social-share ul li:last-of-type {
  margin: 0 0% 1% 3%;
}
.footer-container-wrapper .social-share ul li a {
  display: block;
  border: 1px solid #A8A7A7;
  padding: 11px;
  border-radius: 50%;
}
.footer-container-wrapper .social-share ul li a:hover,
.footer-container-wrapper .social-share ul li a:focus {
  -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;;
  padding: 0;
  width: 44px;
  height: 44px;
  border: 0;
}
.footer-container-wrapper .social-share ul li a:hover img,
.footer-container-wrapper .social-share ul li a:focus img {
  -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;;
  width: 44px;
  height: 44px;
}

.crain-logo img {
  background: rgba(255,255,255,.75);
  background: rgba(255,255,255,1);
  padding: 7px;
  border-radius: 4px;
}
.crain-logo.simple-flex > .row-fluid-wrapper > .row-fluid {
	-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap !important;
	-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between !important;
}

.main-banner-wrapper.circle-hero .banner-img .itil-badge img {
  max-width: 300px !important;
	object-position: initial !important;
	object-fit: initial !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 0;
	top: initial;
	transform: none;
	bottom: 0;
	left: 0;
}


/* ==========================================================================
   6. BLOG                                     
   ========================================================================== */

.hubspot-disable-focus-styles .featured-video .embed-container > div {
  min-height: 320px;
  border: 6px solid #4390bc
}

.featured-video {
	position: relative;
}

.featured-video .embed-container {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* =====================================
   6a. Blog Structure                                      
   ===================================== */

.blog-content-wrapper .topic-tags span,
.blog-content-wrapper .topic-tags a {
  text-decoration: none;
  color: #389cd5;
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
  padding: 7px 11px;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 8px;
  background-color: rgb(56, 156, 213, .2);
  margin: 0 15px 15px 0;
  -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;;
}
.blog-content-wrapper .topic-tags a {
  color: inherit; 
}
.blog-content-wrapper .topic-tags a:hover, 
.blog-content-wrapper .topic-tags a:focus {
  -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);;
}
.blog-content-wrapper .topic-tags span.category-1,
.blog-content-wrapper .topic-tags a.category-1 {
  color: #2387c0;
}
.blog-content-wrapper .topic-tags span.category-2,
.blog-content-wrapper .topic-tags a.category-2 {
  color: #8d742b;
  background-color: rgb(247, 195, 47, .45);
  order: 3;
}
.blog-content-wrapper .topic-tags span.category-3,
.blog-content-wrapper .topic-tags a.category-3 {
  color: #df5659;
  background-color: rgb(223, 86, 89, .2);
  order: 2;
}
.blog-content-wrapper .topic-tags span.category-4,
.blog-content-wrapper .topic-tags a.category-4 {
  color: #2e8964;
  background-color: rgba(69, 172, 130, .25);
  order: 1;
}
.blog-content-wrapper .topic-tags span.category-5,
.blog-content-wrapper .topic-tags a.category-5 {
  color: #2e8964;
  background-color: rgba(69, 172, 130, .25);
  order: 1;
}
.blog-content-wrapper .topic-tags span.category-6,
.blog-content-wrapper .topic-tags a.category-6 {
  color: #AA45D9;
  background-color: rgba(170, 91, 240, .20);
  order: 1;
}
.blog-content-wrapper .topic-tags span.category-7,
.blog-content-wrapper .topic-tags a.category-7 {
  color: #DE4387;
  background-color: rgba(222, 67, 135, .20);
  order: 1;
}
.blog-content-wrapper .topic-tags span.category-8,
.blog-content-wrapper .topic-tags a.category-8 {
  color: #2e8964;
  background-color: rgba(69, 172, 130, .25);
  order: 1;
}

.blog-content-wrapper .topic-tags span,
.blog-content-wrapper .topic-tags span.category-1,
.blog-content-wrapper .topic-tags a,
.blog-content-wrapper .topic-tags a.category-1 {
  order: 4;
}
/** Blog Post tag color overrides **/
.blog-content-wrapper .topic-tags a {
  background-color: rgba(43, 43, 43, 0.2); 
}
.blog-content-wrapper .post-header-wrapper .topic-tags a.category-1,
.blog-content-wrapper .post-header-wrapper .topic-tags a.category-2,
.blog-content-wrapper .post-header-wrapper .topic-tags a.category-3,
.blog-content-wrapper .post-header-wrapper .topic-tags a.category-4,
.blog-content-wrapper .post-header-wrapper .topic-tags a.category-5,
.blog-content-wrapper .post-header-wrapper .topic-tags a.category-6,
.blog-content-wrapper .post-header-wrapper .topic-tags a.category-7,
.blog-content-wrapper .post-header-wrapper .topic-tags a.category-8 {
  background-color: rgba(43, 43, 43, 0.2);
  color: inherit;
}

.blog-content-wrapper .topic-tags {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}

.blog-content-wrapper .recent-posts ul {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;
  -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
}
.blog-content-wrapper .recent-posts ul li {
  -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;;
  position: relative;
  box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.04);
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  overflow: hidden;
  /*border-top: 10px solid #389cd5;*/
  background: #fff;
}
/* hover effect */
.blog-content-wrapper .recent-posts ul li:hover,
.blog-content-wrapper .recent-posts ul li:focus {
  -webkit-transform: scale(0.975);
    -moz-transform: scale(0.975);
    -o-transform: scale(0.975);
    -ms-transform: scale(0.975);
    transform: scale(0.975);;
}
/*
.blog-content-wrapper .recent-posts ul li,
.blog-content-wrapper .recent-posts ul li.category-1 {
  border-top: 10px solid #389cd5; 
}
.blog-content-wrapper .recent-posts ul li.category-2 {
  border-top: 10px solid #f7c32f; 
}
.blog-content-wrapper .recent-posts ul li.category-3 {
  border-top: 10px solid #df5659 !important; 
}
.blog-content-wrapper .recent-posts ul li.category-4 {
  border-top: 10px solid #2e8964 !important; 
}
*/
.blog-content-wrapper .recent-posts ul li .featured-image {
  background-color: #fff;
  padding-top: 56.25%;
  width: 100%;
	position: relative;
}
.blog-content-wrapper .recent-posts ul li .featured-image img {
  position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: 50%;
}
.blog-content-wrapper .recent-posts ul li .post-details {
  padding: 20px;
  padding-bottom: 53px;
}
.blog-content-wrapper .recent-posts ul li .topic-tags {
  position: absolute;
  bottom: 0;
}
.blog-content-wrapper .recent-posts ul li a,
.blog-content-wrapper .recent-posts ul li a * {
  text-decoration: none;
  color: #000000;
}
.blog-content-wrapper .recent-posts ul {
  list-style: none;
  padding-left: 0;
}
.blog-content-wrapper .recent-posts ul li {
  width: 31.33%;
  margin: 2% 1%;
}
/* related posts on blog post page */
.blog-content-wrapper .recent-posts-wrapper .recent-posts ul li {
  margin: 0 1% 2%;
}
.blog-content-wrapper .recent-posts ul li h3 {
  margin: 0;
}
.blog-content-wrapper .recent-posts ul li p {
  margin-bottom: 15px; 
}
@media (max-width: 767px) and (min-width: 601px) {
  .blog-content-wrapper .recent-posts ul li {
    width: 48%;
  }
  .blog-content-wrapper .recent-posts-wrapper .recent-posts ul li:last-of-type {
    display: none;
  }
}
@media (max-width: 600px) {
  .blog-content-wrapper .recent-posts ul {
    -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  }
  .blog-content-wrapper .recent-posts ul li {
    width: 100%;
    max-width: 380px;
  }
}
   
   
/* =====================================
   6b. Blog Listing                                        
   ===================================== */

/* Blog listing header */
.listing-header-wrapper .listing-header {
  text-align: center; 
}
.listing-header-wrapper .listing-header a.headline {
  display: inline-block;
  color: #000000;
  text-decoration: none;
}
.listing-header-wrapper .listing-header a.headline h1 {
  margin: 0;
}
/*
.listing-header-wrapper .listing-header a.headline:hover h1,
.listing-header-wrapper .listing-header a.headline:focus h1{
  color: #389cd5;
}*/
.listing-header-wrapper .listing-header .listing-nav ul {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  list-style-type: none;
  padding-left: 0;
  font-weight: 500;
  margin: 0;
}
.listing-header-wrapper .listing-header .listing-nav ul li {
  float: left;
  margin: 0 8px 10px;
}
.listing-header-wrapper .listing-header .listing-nav ul li a {
  display: block;
  position: relative;
  z-index: 2;
  text-decoration: none;
  font-weight: 600;
  color: #ffffff !important;
  padding: 4px 8px;
}
.listing-header-wrapper .listing-header .listing-nav ul li.active a {
  /* font-weight: 800; */
}
/* Active effect  */
.listing-header-wrapper .listing-header .listing-nav ul li.active a:before {
  -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  content: " ";
  z-index: -1;
  position: absolute;
  background-color: #389cd5;
  height: 5px;
  border-radius: 2px;
  opacity: .75;
  max-width: 95%;
  bottom: 7px;
  left: 50%;
  width: 100%;
}
/* active effect adjustment for 'All' */
.listing-header-wrapper .listing-header .listing-nav ul li:first-of-type.active a:before {
  max-width: 85%;
}
.listing-header-wrapper .listing-header .listing-nav ul li a:hover,
.listing-header-wrapper .listing-header .listing-nav ul li a:focus {
  color: #389cd5;
}
.listing-header-wrapper .listing-header .listing-nav ul li.active a:hover,
.listing-header-wrapper .listing-header .listing-nav ul li.active a:focus {
  color: #202121;
}
@media (max-width: 1024px) {
  .listing-header-wrapper .listing-header .listing-nav ul li {
    margin: 0 12.5px 10px;
  }
  .listing-header-wrapper .listing-header .listing-nav:after {
    display: none; 
  }
}
@media (max-width: 480px) {
  .listing-header-wrapper .listing-header .listing-nav {
    margin: 40px 0 30px; 
  }
  .listing-header-wrapper .listing-header .listing-nav {
    display: none;
  }
  .listing-header-wrapper .listing-header .listing-nav ul li.active {
    display: list-item !important;
  }
}

   
/* =====================================
   6c. Blog Post                                 
   ===================================== */

/*** Post Header ***/
.blog-post-wrapper .post-header {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  -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;
}
.blog-post-wrapper .post-header h1 {
  letter-spacing: 0;
  line-height: 1.05;
  margin: 0; 
}
/*.blog-post-wrapper .post-header.page-center {
  max-width: 1040px !important; 
}*/
.blog-post-wrapper .post-header > div:first-of-type {
  padding: 20px 0;
  width: 48%;
  margin-right: 2%
}
.blog-post-wrapper .post-header > div:last-of-type {
  width: 48%;
  margin-left: 2%;
}
.blog-post-wrapper .post-header .post-details .post-date {
  padding-left: 2px;
  margin-top: 5px;
}
.blog-post-wrapper .post-header .topic-tags {
  padding-bottom: 10px;
  position: relative;
}
/** Video Header **/
@media (min-width: 1025px) {
  .blog-post-wrapper .post-header.video-header h1.sizeDown  {
    font-size: 46px;
  }  
}
@media (min-width: 769px) {
  .blog-post-wrapper .post-header.video-header > div:first-of-type {
    padding: 20px 0;
    width: 38%;
    margin-right: 2%;
  }
  .blog-post-wrapper .post-header.video-header > div:last-of-type {
    width: 58%;
    margin-left: 2%;
  }
}

/** Post Author (can be reused in a post author section) **/
.blog-post-wrapper .post-author-wrapper {

}
.blog-post-wrapper .post-author-wrapper > div {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
  -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
  text-decoration: none;
  color: inherit;
  -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    transition: color .2s ease;;
}
.blog-post-wrapper .post-author-wrapper > div strong {
  font-weight: bold; 
}
.blog-post-wrapper .post-author-wrapper a:hover,
.blog-post-wrapper .post-author-wrapper a:focus {

}
.blog-post-wrapper .author-avatar {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 54px;
      -ms-flex: 0 0 54px;
          flex: 0 0 54px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 15px;
}
.blog-post-wrapper .post-header .author-avatar img {
  object-fit: cover;
  background: #fff;
  width: 100%;
  height: 100%;
  object-position: center center;
  border-radius: 50%; 
}

/** Post Category **/
.blog-post-wrapper .post-header .post-category a {
  color: inherit;
  text-decoration: none;
  padding: 5px 0;
  -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    transition: color .2s ease;;
}
.blog-post-wrapper .post-header .post-category a:hover,
.blog-post-wrapper .post-header .post-category a:focus {
  color: #389cd5;
}

.blog-post-wrapper .post-header .featured-img-wrapper {
  text-align: right;
}

.blog-post-wrapper .post-header .featured-img {
	padding-top: 56.25%;
	position: relative;
}
.blog-post-wrapper .post-header .featured-img img {
  border-radius: 8px;
	position: absolute;
	left: 0;
	top: 0;
  width: 100%;
	height: 100%;
  object-fit: cover;
  object-position: 50% 50%;  
}
@media (max-width: 768px) {
  .blog-post-wrapper .post-header > div:first-of-type {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .blog-post-wrapper .post-header > div:last-of-type {
    width: 100%;
    margin-left: 0;
  }
  .blog-post-wrapper .post-header .featured-img {
    text-align: center;
  }
  .blog-post-wrapper .post-header.video-header > div:first-of-type {
    margin-bottom: 0;
  }
}

/*** Post Layour ***/
.blog-post-wrapper .post-layout {
  position: relative; 
  overflow: visible;
}
.blog-post-wrapper .post-layout .post-body {
  position: relative;
  max-width: 795px;
  margin: 0 auto;
}
.blog-post-wrapper .post-layout .post-body img {
	height: auto; /* fixes SEO issue*/
}
.blog-post-wrapper .post-layout .sticky-share {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
  margin-left: 0;
  z-index: 5;
  float: left;
  padding: 15px 13px;
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  background: #fff;
  text-align: center;
}
.blog-post-wrapper .post-layout .sticky-share a {
  display: block;
  position: relative;
  margin: 5px 0;
}
.blog-post-wrapper .post-layout .sticky-share a:after {
  content: "";
  bottom: -20px;
  left: 0;
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #444949;
  opacity: 0.16;
}
.blog-post-wrapper .post-layout .sticky-share a:last-of-type:after {
  content: none;
}
/* Wordpress imported blogs image fix */
.blog-post-wrapper .post-layout .post-body .wp-block-image {
  text-align: center;
  margin: 30px 0;
}
.blog-post-wrapper .post-layout .social-share {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.blog-post-wrapper .post-layout .social-share a {
  display: inline-block;
  margin: 0 3%;
}
@media (max-width: 980px) {
  .blog-post-wrapper .post-layout .sticky-share {
    display: none;
  }
}


/* =====================================
   6d. Blog Pagination                                 
   ===================================== */

.listing-pagination, ul.pagination {
  display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;
}
ul.pagination {
  line-height: 0;
  list-style: none;
  -ms-flex-item-align: center;
  align-self: center;
  margin: 0 auto;
  padding: 0;
}
ul.pagination li {
  color: #000000;
  font-weight: 500;
}
ul.pagination li a {
  display: block;
  padding: 18px 14px;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
  color: inherit;
  font-size: 16px;
  text-decoration: none;
  -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;;
}
ul.pagination li a:hover,
ul.pagination li a:focus {
  text-decoration: underline;
  color: #389cd5;
}
ul.pagination li.disabled a {
  color: rgba(0,0,0,.1) !important;
  pointer-events: none !important;
  text-decoration: none !important;
}
ul.pagination li.active a {
  border-radius: 50%;
  background-color: #df5659;
  color: #fff;
}
ul.pagination li.active a:hover, 
ul.pagination li.active a:focus {
  color: #000000;
}
ul.pagination li.prev-page a, ul.pagination li.next-page a {
  width: auto !important;
}
ul.pagination li.prev-page a:hover, ul.pagination li.next-page a:hover, 
ul.pagination li.prev-page a:focus, ul.pagination li.next-page a:focus {
   
}
@media screen and (max-width: 320px) {
  ul.pagination li.prev-page a span {
    display: none !important;
  }
  ul.pagination li.next-page a span {
    display: none !important;
  }    
}

/* =====================================
   6e. Blog Subscribtion Form                                  
   ===================================== */

.blog-subscribe-wrapper {
  background-image: url('https://7016829.fs1.hubspotusercontent-na1.net/hubfs/7016829/subscribe-pattern-bg.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}

.widget-type-blog_subscribe form {
  position: relative; 
}
/* Label */
.widget-type-blog_subscribe .hs-form-field label > span {
  visibility: hidden;
  position: absolute;
}
/* Inputs */
.widget-type-blog_subscribe input[type="email"] {
  background: #F5F6F7;
  margin-bottom: 20px;
  border-radius: 4px;
}
.widget-type-blog_subscribe  ::placeholder {
  color: #000000;
}
.widget-type-blog_subscribe :-ms-input-placeholder {
  color: #000000;
}
.widget-type-blog_subscribe ::-ms-input-placeholder {
  color: #000000;
}
.widget-type-blog_subscribe ::-moz-placeholder {
  color: #000000;
}
/* Blog Subscribe Button */
.widget-type-blog_subscribe .hs-submit .hs-button.primary.large {
  width: 100%;
  display: block;
}
@media (min-width: 481px) {
  /* Input padding */
  .widget-type-blog_subscribe input[type="email"] {
    margin-top: 0;
    padding: 21px 150px 21px 20px; 
  }
  /* Blog Subscribe Button */
  .widget-type-blog_subscribe .hs-submit {
    position: absolute;
    top: 4px;
    right: 4px;
  }
  .widget-type-blog_subscribe .hs-submit .hs-button.primary.large {
    padding: 17px 20px 16px;
    min-width: 0;
    margin: 0;
  }
}



/* ==========================================================================
   7. MISCELLANOUS                                        
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: hidden;
  opacity: 0;
  position: relative;
  translate: none;
  padding: 0;
  left: 20px;
  box-shadow: none;
  transform: none;
  transition: none;
}

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

/* CTA Link (no style) initial load fix */
.widget-type-cta {
  min-height: 56px; 
}

/* Custom widgets take up no space */
.widget-type-raw_html, .widget-type-custom_widget {
    min-height: 0 !important;
}


/* =====================================
   7a. Override CTA styles                       
   ===================================== */

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


/* NEW BREED | STYLING OVERRIDES */

.hs-button.primary, 
input[type="submit"], 
.btnSolid a.cta_button, 
.btnSolid .btn, 
.btnSolid a, 
a.btnSolid {
  border-radius: 8px;
}