@charset "UTF-8";
/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/
/* These includes are optional, but helpful. */
/* Images */

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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

/* COLLOR PALETTE
 * 
 * #000000 - black
 * #005596 - dark blue
 * #00a7e0 - light blue
 * #333333 - dark grey
 * #7d7d7d - grey - all <p> text
 * #999999 - light grey
 * #b7b7b7 - extra light grey
 * #ebebeb - background light grey - JUST on backgroud
 * 
 * 
 * Z-INDEXES
 * 
 * 1 - scroll icon
 * 100 - header menu
 * 150 - mobile menu
 */



/* diable hubspot tools menu */
.hs-tools-menu {
  display: none;
}

.color-white { color: #ffffff; }
.color-black { color: #000000; }
.color-blue-dark { color: #005596; }
.color-blue-light { color: #00a7e0; }
.color-grey-dark { color: #333333; }
.color-grey { color: #7d7d7d; }
.color-grey-light { color: #999999; }
.color-grey-extra-light { color: #b7b7b7; }

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

/* GOTHAM */
@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-Light_Web.woff2') format('woff2'),
		url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-Light_Web.woff') format('woff');
	font-weight: 300;
	font-style: normal;
  font-display: block;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-LightItalic_Web.woff2') format('woff2'),
		url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-LightItalic_Web.woff') format('woff');
	font-weight: 300;
	font-style: italic;
  font-display: block;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-Book_Web.woff2') format('woff2'),
		url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-Book_Web.woff') format('woff');
	font-weight: 400;
	font-style: normal;
  font-display: block;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-BookItalic_Web.woff2') format('woff2'),
		url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-BookItalic_Web.woff') format('woff');
	font-weight: 400;
	font-style: italic;
  font-display: block;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-Medium_Web.woff2') format('woff2'),
		url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-Medium_Web.woff') format('woff');
	font-weight: 500;
	font-style: normal;
  font-display: block;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-MediumItalic_Web.woff2') format('woff2'),
		url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-MediumItalic_Web.woff') format('woff');
	font-weight: 500;
	font-style: italic;
  font-display: block;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-Bold_Web.woff2') format('woff2'),
		url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-Bold_Web.woff') format('woff');
	font-weight: 700;
	font-style: normal;
  font-display: block;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-BoldItalic_Web.woff2') format('woff2'),
		url('https://www.eleveo.com/hubfs/zoom-fonts/gotham-new/GothamSSm-BoldItalic_Web.woff') format('woff');
	font-weight: 700;
	font-style: italic;
  font-display: block;
}


* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background: #ffff;
  color: #7d7d7d;
  font-size: 16px;
  font-weight: 300;
  font-family: "HCo Gotham SSm";
}

h1 {
  font: normal normal 400 46px 'HCo Gotham SSm'; /* BOOK */
}

h2 {
  font: normal normal 300 36px 'HCo Gotham SSm'; /* LIGHT */
}

h3 {
  font: normal normal 400 24px 'HCo Gotham SSm'; /* BOOK */
}

h4 {
  font: normal normal 500 22px 'HCo Gotham SSm'; /* MEDIUM */
}


p {
  padding-bottom: 5px;
}

a {
  color: inherit;
  text-decoration: none;
}
a.case-study__tags {
  color: #212121;
}

strong { font-weight: 700; }

em { font-style: italic; }

ol {
  padding-left: 2em;
}

ul {
  padding-left: 2em;
  margin:20px 0;
}

.p-0 {padding: 0 !important;}
.pt-1 {padding-top: 5px !important;}
.pt-2 {padding-top: 10px !important;}
.pt-3 {padding-top: 15px !important;}
.pt-4 {padding-top: 20px !important;}
.pt-5 {padding-top: 40px !important;}
.pb-0 {padding-bottom: 0 !important;}
.pb-2 {padding-bottom: 10px !important;}
.pb-5 {padding-bottom: 40px !important;}
.pr-1 {padding-right: 5px !important;}
.pr-2 {padding-right: 10px !important;}
.px-1 {padding-left: 5px !important;padding-right: 5px !important;}
.px-2 {padding-left: 10px !important;padding-right: 10px !important;}
.px-3 {padding-left: 15px !important;padding-right: 15px !important;}
.px-4 {padding-left: 25px !important;padding-right: 25px !important;}
.px-5 {padding-left: 40px !important;padding-right: 40px !important;}
.py-0 {padding-top: 0 !important;padding-bottom: 0 !important;}
.py-1 {padding-top: 5px !important;padding-bottom: 5px !important;}
.py-2 {padding-top: 10px !important;padding-bottom: 10px !important;}
.py-3 {padding-top: 15px !important;padding-bottom: 15px !important;}
.py-4 {padding-top: 25px !important;padding-bottom: 25px !important;}
.py-5 {padding-top: 40px !important;padding-bottom: 40px !important;}
.m-0 {margin: 0 !important;}
.mr-0 {margin-right: 0 !important;}
.mr-1 {margin-right: 5px !important;}
.mr-2 {margin-right: 10px !important;}
.mr-3 {margin-right: 15px !important;}
.mr-4 {margin-right: 25px !important;}
.mr-5 {margin-right: 40px !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 5px !important;}
.mb-2 {margin-bottom: 10px !important;}
.mb-3 {margin-bottom: 15px !important;}
.mb-4 {margin-bottom: 25px !important;}
.mb-5 {margin-bottom: 40px !important;}
.ml-0 {margin-left: 0 !important;}
.ml-1 {margin-left: 5px !important;}
.ml-2 {margin-left: 10px !important;}
.ml-3 {margin-left: 15px !important;}
.mt-0 {margin-top: 0 !important;}
.mt-1 {margin-top: 5px !important;}
.mt-2 {margin-top: 10px !important;}
.mt-3 {margin-top: 15px !important;}
.mt-4 {margin-top: 25px !important;}
.mt-5 {margin-top: 40px !important;}
.my-0 {margin-top: 0 !important;margin-bottom: 0 !important;}
.my-1 {margin-top: 5px !important;margin-bottom: 5px !important;}
.my-2 {margin-top: 10px !important;margin-bottom: 10px !important;}
.my-3 {margin-top: 15px !important;margin-bottom: 15px !important;}
.my-4 {margin-top: 25px !important;margin-bottom: 25px !important;}
.my-5 {margin-top: 40px !important;margin-bottom: 40px !important;}

.eleveo input[type="submit"] {
  -webkit-appearance: none;
}

.hs-form ul, .hs-form menu, .hs-form dir {
    list-style-type: none;
}

.eleveo {
  margin-top: 0px;
  margin: auto;
}

.eleveo .navigationblock {
  visibility: hidden;
  height: 0;
  line-height: 0;
  margin-top: -70px;
  position: absolute;
  width: 0;
  top: 0;
}

.eleveo .btn-blue {
  color: white;
  border: 1px solid #00a7e0;
  background: #00a7e0;
  display: inline-block;
  border-radius: 5px;
  font: normal normal 500 18px 'HCo Gotham SSm';
  padding: 13px 15px;
}
.eleveo .btn-blue:hover {
  background: transparent;
  border-color: white;
}

.eleveo .ez_button:hover {
  background: #2f80edbf;
}

.eleveo .intercom-namespace .intercom-app * {
  z-index: 80;
}

.eleveo .font-weight-bold {
  font-weight: bold; 
}

/**************************
 ***** SECTION HEADER *****
 **************************/

.eleveo .dark-header {
border-bottom: 0.1px #F5F5F5 groove;
}

.eleveo .section-header {
  background-color: white;
  height: 70px;
  max-height: 70px;
  margin-top: 0px;
  position: relative;
  max-width: 1200px;
  top: 0;
  z-index: 100;
  padding: 18px 125px;
  display: grid;
  grid-template-columns: 1fr 6fr;
  grid-column-gap: 30px;
}

.eleveo .section-header {
  
}

.dark-header .section-header {
  background-color: #212121;
}


.eleveo .stickyheader{
  min-height: 0;
}

.eleveo .section-header.stickynavbar {
  position: fixed;
  top: 0;
  border-bottom-color: #e1e1e1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  width: 100%;
  min-height:100px;
}

.eleveo .section-header .logo {
  width: auto;
  padding-top: 16px;
}

.dark-header .section-header .logo {
  filter: invert(1);
}

.eleveo .section-header .topmenu {
  height: 31px;
  width: max-content;
  color: #909090;
}

.dark-header .section-header .topmenu {
  color: white;
}

.eleveo .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {
  margin: 0 9px;
}


.eleveo .ez_button {
  font-size: 17px;
  font-weight: 350;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  background: #2f80ed;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #fff;
  padding: 8px;
  width:135px;
  height:40px;
  text-align: center;
}

.eleveo .demo-button { 
  margin-left:25px;
}

.eleveo .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  font: normal normal 300 18px 'HCo Gotham SSm';
  padding: 6px 13px;
  color: black;
  position: relative;
}

.dark-header .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  color: white;
}

.eleveo .section-header .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: 90px;
    top: 0;
}

.eleveo .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:not(:last-child) > a:after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 15px;
  right: 15px;
  height: 3px;
  background-color: #212121;
}

.eleveo .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:after {
  opacity: 0;;
  transform: translateY(4px);
  transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.eleveo .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > a:after,
.eleveo .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:focus > a:after {
  opacity: 1;
  transform: translateY(0);
}

.eleveo .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li .hs-menu-children-wrapper {
  background: white;
  position: absolute;
  top: 100%;
  left: 0;
  /*padding-top: 15px;*/
  /*display: none*/
  border: 1px  #212121 solid;
}
.eleveo .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > .hs-menu-children-wrapper {
  display: block;
}
.eleveo .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li .hs-menu-children-wrapper li a {
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: visible;
  white-space: nowrap;
  width: auto;
  max-width: none;
}
.dark-header .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li .hs-menu-children-wrapper li a {
color: #212121;
}
.eleveo .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li .hs-menu-children-wrapper li a:hover {
  text-decoration: underline;
}


.eleveo .topmenu_wrapper {
  display: flex;
  align-items:center;
}

.eleveo .section-mobile-header {
  background-color: white;
  min-height: 100px;
  margin-top: 0px;
  position: relative;
  top: 0;
  color: black;
  z-index: 100;
  padding: 30px 20px;
}

.eleveo .section-mobile-header .mobilelogo {
  width: 89%;
  float: left;
  margin: 0;
  padding: 0;
}
.eleveo .section-mobile-header .burgermenu {
  width: 9%;
  float: right;
  text-align: right;
  margin: 0;
  padding: 0;
}

.eleveo .section-mobile-header.stickynavbar {
  position: fixed;
  top: 0;
  border-bottom-color: #e1e1e1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  width: 100%;
}

.eleveo .section-mobile-header .nav-toggle {
  color: #000000;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  height: 34px;
  width: 34px;
}

.eleveo .section-mobile-header .nav-toggle i {
  line-height: 34px;
  vertical-align: top;
  font-size: 34px;
}

.eleveo .section-mobile-header .topmenu {
  width: 0px;
  z-index: 1;
  background: #ffffff;
  color: #000000;
  float: left;
  visibility: hidden;
  top: 70px;
  right: 0px;
  position: absolute;
  text-align: center;
  opacity: 0.95;
  padding: 20px 0 120px;
}

.eleveo .section-mobile-header .topmenu .hs-menu-wrapper.hs-menu-flow-vertical>ul li {
    color: black;
    text-align: center;
}

body.active.eleveo .section-mobile-header .topmenu {
  right: 0px;
  visibility: visible;
  width: 100vw;
  height: calc(100vh - 70px);
  overflow: auto;
}

body.menu-active.eleveo {overflow: hidden;}

body.eleveo .section-mobile-header .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 0; }

body.eleveo .section-mobile-header .hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
  padding: 25px 0;
  font: normal normal 400 26px 'HCo Gotham SSm'; /* BOOK */
  border-color:  #212121;
  border-width: 1px;
  border-bottom-style: solid;
}

body.active.eleveo .section-mobile-header .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; }

/************************
 ***** SECTION BODY *****
 ************************/

.eleveo .bodycontent {
  /*min-height: calc(100vh - 80px);*/
  background: white;
  position: relative;
  overflow: hidden;
}

.eleveo .bodycontent.stickybody {
  margin-top: 44px;
}

.eleveo .bodycontent.grey_mode {
  background:#F5F5F5;
}
/*************************
 ***** SECTION INTRO *****
 *************************/

.eleveo .section-intro {
  min-height: 897px;
}

.eleveo .section-intro-people {
  background-image: url("https://www.eleveo.com/hubfs/eleveo/eleveo-home-background.jpg");
  background-repeat: no-repeat;
  min-height: 550px;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0 125px 160px;
  flex-wrap: wrap;
  padding-top: 30px;
}

.eleveo .section-intro-people > div {
    width: 50%;
}

.eleveo .section-intro-people > div:nth-child(2) {
  align-self: flex-end;
}

.eleveo .section-intro-headline h1 {
  font-size: 37px;
}

.eleveo .section-intro-monitor {
  position: relative;
	top: 50px;
  max-width: 100%;
  width: 100%;
  height: auto;
}

.eleveo .section-intro-laptop {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: auto;
  transform: translateX(-42%);
}

.eleveo .section-intro-headline {
  margin-bottom: 15px;
  margin-top: -100px;
}

.eleveo .section-intro-subheadline {
  margin-bottom: 25px;
  width: 94%;
}

.eleveo .section-intro-buttons > div > div {
  display: flex;
  justify-content: flex-start;
}

.eleveo .section-intro-buttons > div > div > div {
    margin: 0;
}

.eleveo .section-intro-buttons .row-fluid-wrapper {
  display: inline-block;
}

.eleveo .section-intro .cta-getdemo, .eleveo .subpage-header-block .cta-getdemo {
  border-width: 1px;
  border-style: solid;
  border-color: #00a7e0;
  border-radius: 5px;
  font: normal normal 500 18px 'HCo Gotham SSm'; /* MEDIUM */
  background-color: #00a7e0;
  color: #ffffff;
  display: inline-block;
  padding: 13px 15px;
  text-align: center;
  text-decoration: none;
  width: auto;
  box-sizing: border-box !important;
}

.eleveo .section-intro .cta-getdemo:hover, .eleveo .subpage-header-block .cta-getdemo:hover {
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff;
  box-sizing: border-box !important;
  background-color: transparent;
}

.eleveo .section-intro-middle-header {
  padding: 5px 125px;
}

/*****************************
 ***** SECTION GLOWBOXES *****
 *****************************/

.eleveo .glowboxes {
  padding-top: 20px;
  padding-bottom: 20px;
}

.eleveo .glowboxes .hs_cos_wrapper_widget_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.eleveo .glowboxes .hs_cos_wrapper_widget_container > div {
  margin-bottom: 20px;
}

.eleveo .glowboxes .glowbox .title {
  color: #000000;
  margin-bottom: 5px;
}

/*****************************
 ***** SECTION ACCORDION *****
 *****************************/
.eleveo .section-expand-boxes {
  position: relative;
  padding: 40px 125px;
}
/*
.eleveo .feature-slider .slick-list .slick-track {
  height: 650px;
}
*/
.eleveo .feature-slider .slick-track > div:first-child {
  background: url("https://www.eleveo.com/hubfs/eleveo/eleveo-feature-slider2.jpg") 0 0 no-repeat;
  background-size: 1440px auto; 
}
.eleveo .feature-slider .slick-track > div:nth-child(2) {
  background: url("https://www.eleveo.com/hubfs/eleveo/eleveo_woman.jpg") 0 0 no-repeat;
  background-size: 1440px auto; 
}
.eleveo .feature-slider .slick-track > div:nth-child(3) {
  background: url("https://www.eleveo.com/hubfs/eleveo/eleveo-feature-slider3.jpg") 0 0 no-repeat;
  background-size: 1440px auto; 
}

.eleveo .section-expand-boxes .accordion-wrapper::before {
    background-color: grey;
    content: "";
    height: calc(100% - 110px);
    left: -32px;
    position: absolute;
    top: 55px;
    width: 1px;
}

.eleveo .section-expand-boxes .accordion-wrapper {
    position: relative;
}

.eleveo .section-expand-boxes .hs-accordion__item::before {
    background: rgba(0,0,0,0) linear-gradient(to bottom,#00a7e0 0%,#005596 100%) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0;
    width: 3px;
}

.eleveo .section-expand-boxes .hs-accordion__item {
  margin: 1.5em 0;
  position: relative;
  box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.10);
  background-color: white;
}

.eleveo .section-expand-boxes .hs-accordion__item button::before {
    background-color: #f4f4f4 !important;
    border: 1px solid;
    border-radius: 50px;
    content: "";
    height: 15px;
    left: -39px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 15px;
}

.eleveo .section-expand-boxes .hs-accordion__item button {
  font: normal normal 500 20px 'HCo Gotham SSm';
  padding-left: 5%;
  color: #000000;
}

.eleveo .section-expand-boxes .hs-accordion__item button:hover {
  opacity: 1;
}
.eleveo .section-expand-boxes .hs-accordion__item .hs-accordion__item-icon {
  height: 24px;
  width: 24px;
  border-color: #00a7e0;
  border-width: 2px;
}

.eleveo .section-expand-boxes .hs-accordion__item .hs-accordion__item-icon:after,
.eleveo .section-expand-boxes .hs-accordion__item[aria-expanded=true] .hs-accordion__item-icon:after {
  width: 2px;
  background-color: #00a7e0;
}

.eleveo .section-expand-boxes .hs-accordion__item .hs-accordion__item-icon:before,
.eleveo .section-expand-boxes .hs-accordion__item[aria-expanded=true] .hs-accordion__item-icon:before {
  height: 2px;
  background-color: #00a7e0;
}

.eleveo .section-expand-boxes .hs-accordion__item main .hs-accordion__item-content {
  padding-top: 0;
  padding-right: 6%;
  padding-left: 5%;
}

/*****************************
 ***** SECTION BLACK BOX *****
 *****************************/

.eleveo .section-black-box {
  background-color: black;
  padding: 40px 125px;
}

.eleveo .section-black-box h2, .eleveo .section-blue-box h2,
.eleveo .section-black-box h3, .eleveo .section-blue-box h3,
.eleveo .section-black-box h4, .eleveo .section-blue-box h4 {
  padding: 11px 0;
  font-style: inherit;
  font-weight: inherit;
}

.eleveo .section-black-box .button-white-border a, .eleveo .section-blue-box .button-white-border a,
.eleveo .section-blue-box a.cta_button {
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  background-color: transparent;
  color: #ffffff;
  height: auto;
  padding: 20px 26px;
  width: auto;
}
.eleveo .section-blue-box a.cta_button {
  margin: 20px 35px;
  position: relative;
	top: -4px;
}
.eleveo .section-blue-box a.cta_button, .eleveo .section-blue-box a.cta_button span,
.eleveo .section-blue-box a.cta_button strong, .eleveo .section-blue-box a.cta_button p {
  font: normal normal 500 24px 'HCo Gotham SSm';
  line-height: 1 !important;
}

.eleveo .section-black-box .button-white-border a:hover {
  background-color: #ffffff;
  color: #000000;
}
.eleveo .section-blue-box .button-white-border a:hover, .eleveo .section-blue-box a.cta_button:hover,
.eleveo .section-blue-box a.cta_button:hover span {
  background-color: #ffffff;
  color: #00a7e0;
}

/*********************************
 ***** SECTION ABOUT PRODUCT *****
 *********************************/
.eleveo .section-about-product {
  padding: 40px 125px;
  position: relative;
}

.eleveo .section-about-product .about-product-headline { text-align: center; }

.eleveo .section-about-product .about-product-headline::after {
    content: "";
    display: block;
    margin: 15px auto 0;
    background: #00a7e0;
    width: 10em;
    height: 1px;
}

.eleveo .custom-eleveo-about-feature-left-side {
  margin-top: 45px;
}

.eleveo .custom-eleveo-about-feature-right-side {
  margin-top: 45px;
}

.eleveo .custom-eleveo-about-feature-left-side .about-feature-left {
  display: inline-block;
  max-width: 36%;
  float: left;
  padding-right: 80px;
}

.eleveo .custom-eleveo-about-feature-left-side .about-feature-left .about-feature-headline {
  margin-bottom: 15px;
}

.eleveo .custom-eleveo-about-feature-left-side .about-feature-left .about-feature-headline,
.eleveo .custom-eleveo-about-feature-left-side .about-feature-left .about-feature-headline span{
  line-height: 30px;
  vertical-align: middle;
  color: #000000;
}

.eleveo .custom-eleveo-about-feature-left-side .about-feature-right {
    display: inline-block;
    max-width: calc(100% - 36%);
}


.eleveo .custom-eleveo-about-feature-right-side .about-feature-left {
  display: inline-block;
  max-width: calc(100% - 36%);
}

.eleveo .custom-eleveo-about-feature-right-side .about-feature-right .about-feature-headline {
  margin-bottom: 15px;
}


.eleveo .custom-eleveo-about-feature-right-side .about-feature-right .about-feature-headline,
.eleveo .custom-eleveo-about-feature-right-side .about-feature-right .about-feature-headline span{
  line-height: 30px;
  vertical-align: middle;
  color: #000000;
}

.eleveo .custom-eleveo-about-feature-right-side .about-feature-right {
  padding-left: 80px;
  display: inline-block;
  max-width: 36%;
  float: right;
}

.eleveo .custom-eleveo-about-feature-left-side .about-feature-line,
.eleveo .custom-eleveo-about-feature-right-side .about-feature-line {
  margin-top: 45px;
  height: 0px;
  border: none;
  border-top: 1px solid #999999;
}

/***************************
 ***** SECTION PRICING *****
 ***************************/
.eleveo .section-pricing {
  background: url('https://www.eleveo.com/hubfs/eleveo/eleveo_pricing_background.jpg') no-repeat;
  background-color: #e1e1e1;
  padding: 40px 125px;
  position: relative;
  background-size: cover;
}

.eleveo .section-pricing-headline {
  text-align: center;
}

.eleveo .section-pricing-text {
  margin-top: 10px;
  text-align: center;
}

.eleveo .section-pricing .section-pricing-modules {
  margin-top: 40px;
}

.eleveo .section-pricing .section-pricing-modules span {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.eleveo .section-pricing .section-pricing-modules .hs_cos_wrapper_type_module {
  display: inline-block;
  margin-bottom: 20px;
}

.eleveo .section-pricing .section-pricing-modules .custom-eleveo-pricing-header {
  color: #ffffff;
  background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(73,73,73,1) 30%,rgba(0,0,0,1) 100%);
  text-align: center;
}
.eleveo .section-pricing .section-pricing-modules .custom-eleveo-pricing-header .about-feature-headline { line-height: 65px; font-size: 18px; }

.eleveo .section-pricing .section-pricing-modules .custom-eleveo-pricing-body {
  background-color: rgba(255,255,255,0.7);
}

/****************************
 ***** SECTION BLUE BOX *****
 ****************************/

.eleveo .section-blue-box {
  background-color: #00a7e0;
  padding: 40px 125px 30px;
  color: white;
}

.eleveo .section-blue-box p {
  padding-bottom: 0;
}

@media (min-width: 1280px) {
  .section-blue-box > div > div {
    display: flex;
    align-items: center;
  }
}

/********************************
 ***** SECTION ABOUT ELEVEO *****
 ********************************/

.eleveo .section-about-eleveo {
  padding: 55px 125px 55px 125px;
  background: url('https://www.eleveo.com/hubfs/eleveo/about_background_pattern.jpg');
}

.eleveo .section-about-eleveo .about-icon {
  text-align: right;
}

.eleveo .section-about-eleveo .about-eleveo-header h2 {
  font: normal normal 500 30px/1 'HCo Gotham SSm';
  color: #000000;
  margin-bottom: 20px;
}

.eleveo .section-about-eleveo .about-eleveo-text p {
  margin-bottom: 8px;
}

/**************************
 ***** SECTION FOOTER *****
 **************************/

.eleveo .section-footer {
  min-height: 290px;
  background: black;
  position: relative;
  color: white;
  padding: 65px 125px 45px 125px;;
}

.eleveo .section-footer a { font-weight: bold; }

.eleveo .section-footer .footer-address-box-header h4, .eleveo .section-footer .footer-address-box-header h4 * {
  font-size: 16px;
  font-family: 'HCo Gotham SSm';
}
.eleveo .section-footer .footer-address-header h4 { font: normal normal 500 16px 'HCo Gotham SSm' !important; }
.eleveo .section-footer .footer-address-group {margin-top: 23px; }
.eleveo .section-footer .footer-address-box * {
  text-decoration: none;
  color: #ffffff;
}

.eleveo .section-footer .footer-form-header h2 {
  font: normal normal 700 32px/1 'HCo Gotham SSm' !important;
  margin-top: 0px;
}

.eleveo .section-footer .footer-form { margin: 47px 0 3px 0; }
.eleveo .section-footer .footer-form label, .eleveo .section-footer .footer-form .hs-error-msgs { display: none !important; }
.eleveo .section-footer .footer-form .hs_error_rollup { display: absolute !important; }

.eleveo .section-footer .footer-form input {
  height: 60px;
  border-width: 0px;
  border-radius: 5px;
}

.eleveo .section-footer .footer-form div.hs_email {
  width: 73%;
  display: inline-block;
}

.eleveo .section-footer .footer-form .hs_email .hs-input { text-indent: 5%; }

.eleveo .section-footer .footer-form div.hs_submit {
  display: inline-block;
  float: right;
}

.eleveo .section-footer .footer-form .hs-button {
  border-width: 1px;
  border-style: solid;
  border-color: #00a7e0;
  background-color: #00a7e0;
  color: #ffffff;
  padding: 0px 40px;
  text-transform: uppercase;
  -webkit-appearance: none;
}

.eleveo .section-footer .footer-form .hs-button:hover {
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
}

.eleveo .section-footer .footer-form-consent {
  text-align: justify;
  line-height: 13px;
  margin-bottom: 30px;
  width: 73%;
}
.eleveo .section-footer .footer-form-consent span, .eleveo .section-footer .footer-form-consent span * { font-size: 10px; }

.eleveo .section-footer .footer-icons, .eleveo .section-footer .footer-icons * { text-align: right; }

/*********************************
 ***** SECTION FOOTER MOBILE *****
 *********************************/

.eleveo .section-footer-mobile {
  min-height: 290px;
  background: black;
  position: relative;
  color: white;
  padding: 65px 125px 45px 125px;;
}

.eleveo .section-footer-mobile * { text-align: center; }

.eleveo .section-footer-mobile .footer-address-box-header h4 { font: normal normal 500 16px 'HCo Gotham SSm' !important; }
.eleveo .section-footer-mobile .footer-address-header h4 {
  font: normal normal 500 16px 'HCo Gotham SSm' !important;
  margin-top: 25px;
}
.eleveo .section-footer-mobile .footer-address-group {margin-top: 23px; }
.eleveo .section-footer-mobile .footer-address-box * {
  text-decoration: none;
  color: #ffffff;
  padding: 0;
  line-height: 24px;
}


.eleveo .section-footer-mobile .footer-copyright { margin-top: 25px; }

.eleveo .section-footer-mobile .footer-icons { margin-top: 25px; }

.eleveo .section-footer-mobile .footer-icons > div > div {
  display: flex;
  justify-content: center;
}

.eleveo .section-footer-mobile .footer-icons > div > div > div {
  width: max-content;
}

.eleveo .section-footer-mobile .footer-icons img {
  margin: 0px 10px;
}


/* clients */
.eleveo .clients {
  background: black;
  text-align: center;
  padding: 25px 35px;
}
.eleveo .clients h2 {
  margin-bottom: 15px; 
}
@media (max-width: 900px) {
  .eleveo .clients-logos .slick-list {
    margin: 0 0 20px;
  }
}

@media (max-width: 768px) {
  .eleveo .clients {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* dark blue box */
.eleveo .section-darkblue-box {
  background: #005596;
  padding-top: 20px;
}

/* subpage-header-block */
.eleveo .subpage-header-block {
  min-height: 461px;
  background-color: black;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  display: flex;
	flex-direction: column;
	justify-content: center;
  padding: 0 15px;
}
.eleveo .subpage-header-block h1 {
  color: white;
  margin-bottom: 20px;
}
.eleveo .subpage-header-block .widget-type-rich_text {
  color: #b7b7b7;
  margin-bottom: 50px;
  font-size: 22px;
}
.eleveo .subpage-header-block .widget-type-rich_text p {
  font-size: 22px;
}

.subpage-header-image, .box-bg-image {display: none !important;}
html.hs-inline-edit .subpage-header-image, html.hs-inline-edit .box-bg-image {width: 150px !important;height: 100px !important;overflow: hidden;border: 1px solid white;position: absolute;display: block !important;left: 0;top: 0;}
html.hs-inline-edit .subpage-header-image:before, html.hs-inline-edit .box-bg-image:before {display: block;content: "Replace bg";color: white;padding-top: 10px;}

/* box bg */
.eleveo .box-bg {
  height: 450px;
  background-color: white;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.eleveo .box-bg > div:nth-child(2) {
  height: 100%;
}
.eleveo .box-bg > div:nth-child(2) > div {
  height: 100%;
  display: flex;
  align-items: center;
}

.eleveo .box-bg-text-wrapper {
  background: rgba(255,255,255,0.85);
  width: 800px;
  max-width: 100%;
  margin: 0 0 0 122px !important;
  color: #333;
  padding: 40px;
}

.eleveo .box-bg-text-wrapper--full {
  width: 100%;
  margin: 0 122px 0 122px !important;
}

.eleveo .box-bg-text-richtext .hs_cos_wrapper_type_rich_text p {
  font-size: 22px;
  font-weight: bold;
}

.eleveo .box-bg-text-richtext > div {
  margin-bottom: 20px;
}
.eleveo .btn-transparent a {
  border: 1px solid #78757d;
  color: #333;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  padding: 8px 20px;
  font-weight: bold;
}
.eleveo .btn-transparent a:hover,
.eleveo .btn-transparent a:focus,
.eleveo .btn-transparent a:active {
  background-color: black;
  color: white;
}  
.eleveo .buttons-inline > span > div {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

/* main features box */
.eleveo .box-gray-features {
  background: #d7d7d7;
  padding: 40px 0;
}
.eleveo .box-gray-features h2 {
  text-align: center;
  color: #333333;
  font-weight: 100;
}
.eleveo .box-gray-features h2:after {
  background: #00a7e0;
  height: 1px;
  content: "";
  width: 140px;
  display: block;
  margin: 30px auto 50px;
}
.eleveo .feature-list > span {
  display: flex; 
  flex-wrap: wrap;
  justify-content: center;
}
.eleveo .feature-list .feature {
  max-width: 100%;
  width: 360px;
  display: flex;
  margin: 0 20px 60px;
  color: #333333;
}
.eleveo .feature-list .feature .image {
  min-width: 85px;
  max-width: 85px;
}
.eleveo .feature-list .feature .text {
  flex-grow: 1;
}
.eleveo .feature-list .feature .title {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 5px;
}

/* screen */
.eleveo #screenshots {
  position: relative;
}
.eleveo .anchor-spacer {
  position: relative;
  top: -70px;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.eleveo .screenshot-block {
  padding: 40px 10px;
  max-width: 1192px;
  margin: 0 auto !important;
  float: none;
  color: #333333;
}
.eleveo .screenshot-block h2 {
  text-align: center;
  color: #333333;
  font-weight: 100;
}
.eleveo .screenshot-block h2:after {
  background: #00a7e0;
  height: 1px;
  content: "";
  width: 140px;
  display: block;
  margin: 30px auto 50px;
}
.eleveo .screenshot-block-item {
  position: relative;
}
.eleveo .screenshot-block-item > div {
  max-width: 365px;
  width: 365px;
}
.eleveo .screenshot-block.even .screenshot-block-item {
  width: 365px;
  max-width: 100%;
  float: right;
}


/*****************************
 **** SECTION GOOGLE MAPS ****
 *****************************/
.eleveo #google-map {
  height: 650px;
}

.eleveo #google-map-mobile {
  height: 360px;
}

/*****************************
 *** SECTION CONTACT FORM ****
 *****************************/
.eleveo .section-contactform .contactform {
  width: 50%;
  margin: 0 auto 0px !important;
  float: none;
  padding-bottom: 25px;
}

.eleveo .section-contactform .contactform form ::-webkit-input-placeholder { text-transform: uppercase; }
.eleveo .section-contactform .contactform form :-moz-placeholder { /* Firefox 4-18 */ text-transform: uppercase; }
.eleveo .section-contactform .contactform form ::-moz-placeholder { /* Firefox 19+ */ text-transform: uppercase; }
.eleveo .section-contactform .contactform form :-ms-input-placeholder { text-transform: uppercase; }
.eleveo .section-contactform .contactform form ::placeholder { text-transform: uppercase; }

.eleveo .section-contactform .contactform .hs_cos_wrapper_type_form {
    display: block;
    border: 1px solid #BCBDC1;
    padding: 30px;
    border-radius: 10px;
    font-size: 15px;
}

.eleveo .section-contactform .contactform .hs_cos_wrapper_type_form fieldset {
 max-width: none !important;
}
.eleveo .section-contactform .contactform .hs-form-field { margin: 0 0 12px; }

.eleveo .section-contactform .contactform .hs-form-field > label {
    display: none;
}

.eleveo .section-contactform .contactform textarea,
.eleveo .section-contactform .contactform input[type="text"],
.eleveo .section-contactform .contactform input[type="password"],
.eleveo .section-contactform .contactform input[type="datetime"],
.eleveo .section-contactform .contactform input[type="datetime-local"],
.eleveo .section-contactform .contactform input[type="date"],
.eleveo .section-contactform .contactform input[type="month"],
.eleveo .section-contactform .contactform input[type="time"],
.eleveo .section-contactform .contactform input[type="week"],
.eleveo .section-contactform .contactform input[type="number"],
.eleveo .section-contactform .contactform input[type="email"],
.eleveo .section-contactform .contactform input[type="url"],
.eleveo .section-contactform .contactform input[type="search"],
.eleveo .section-contactform .contactform input[type="tel"],
.eleveo .section-contactform .contactform input[type="color"],
.eleveo .section-contactform .contactform select {
  padding: 15px;
  font: normal normal 500 15px 'HCo Gotham SSm';
  display: inline-block;
  width: 100% !important;
  border: 1px solid #bfbfbf;
  color: #a9a9a9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
}

.eleveo .section-contactform .contactform .hs-form .hs-button {
  color: white;
  border: 1px solid #00a7e0;
  border-top-color: rgb(0, 167, 224);
  border-right-color: rgb(0, 167, 224);
  border-bottom-color: rgb(0, 167, 224);
  border-left-color: rgb(0, 167, 224);
  background: #00a7e0;
  display: inline-block;
  border-radius: 5px;
  font: normal normal 500 18px 'HCo Gotham SSm';
  padding: 13px 15px;
  margin-top: 10px;
}

.eleveo .section-contactform .contactform .hs-form .hs-submit {
  text-align: center;
}
.center {
text-align: -webkit-center;
}

/*********************************
 **** SUBPAGE PRIVACY POLICY *****
 *********************************/

.eleveo #privacy-policy {
  position: relative;
}

.eleveo .privacy-policy-block {
    padding: 40px 10px;
    max-width: 1192px;
    margin: 0 auto !important;
    float: none;
    color: #333;
}


/*********************************
 **** SUBPAGE MAINTENANCE AGREEMENT *****
 *********************************/

.eleveo .alert.warning {
    background-color: #ff9800;
}
.eleveo .alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
  opacity: 0.83;
  transition: opacity 0.6s;
  margin-bottom: 15px;
}


/**************************
 * 
 *    RESPONSIVE DESING   *
 * 
 **************************/

@media (max-width: 1436px) {
  .eleveo .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {
  margin: 0 0px;
  }
}


@media (max-width: 1400px) {
  .eleveo .section-intro-laptop {
    transform: translateX(-42%) scale(0.8);
  }
  .eleveo .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {
  margin: 0 0px;
}
}

@media (min-width: 1200px) {
  .eleveo .screenshot-block {
    min-height: 500px;
  }
}

@media (max-width: 1360px) {
  .eleveo .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {
    margin-left: 0;
    margin-right: 0;
  }
  .eleveo .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a {
    padding-left: 8px;
    padding-right: 8px;
  }
}


@media (max-width: 1200px) {
  .row_wrapper {
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media (max-width: 1200px) {
  .eleveo .screenshot-block {
    padding-top: 0; 
  }
  .eleveo .screenshot-block-item-set .screenshot .screenshot-image img {
    position: static;
    max-width: 100%;
    height: auto;
  }
  .eleveo .screenshot-block-item-set .screenshot:not(.active) {
    display: none;
  }
  .eleveo .screenshot-block-item-set .screenshot.active .screenshot-title,
  .eleveo .screenshot-block-item-set .screenshot.active .screenshot-desc {
    display: none;
  }
  .eleveo .screenshot-block-item>div {
    width: auto;
    max-width: 100%;
  }
  .eleveo .screenshot-block.even .screenshot-block-item {
    float: none;
    width: auto;
  }
  .eleveo .screenshot-block .screenshot-block-item {
    text-align: center;
  }
  .eleveo .screenshot-block h2 {
    margin-top: 20px;
  }
  
  .eleveo #medium-articles {justify-content: center;}
}

@media (min-width: 1024px) {
  .eleveo .gmap-mobile {
    display: none;
  }
}

@media (max-width: 1023px) {
  .eleveo .gmap {
    display: none;
  }
}

@media (min-width: 1140px) {
  .eleveo .section-mobile-header { display: none; }
  .eleveo .section-footer-mobile { display: none; }
}

@media (max-width: 1139px) {
  .eleveo .section-header {
    display: none;
  }
  
  .section-header .demo-button {
   display: none; 
  }
  .eleveo .section-mobile-header {
    display: block;
  }
  .eleveo .box-bg {
    height: auto;
    background-size: cover;
    padding: 20px;
  }
  .eleveo .box-bg-text-wrapper {
    margin: 0 !important;
    padding: 20px;
    width: auto;
  }
  .eleveo .box-bg-text-richtext .hs_cos_wrapper_type_rich_text p {
    font-size: 18px; 
  }
  
  .eleveo .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    position: static; 
  }
  .eleveo .hs-menu-wrapper.hs-menu-flow-vertical li a {
     width: auto;
  }
  .eleveo .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1.hs-item-has-children > a {
    border-bottom: 0 !important;
  }
  .eleveo .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-2 > a {
    font-size: 16px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border: 0 !important;
  }
  .eleveo .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1 > ul {
    padding-bottom: 10px;
    border-bottom: 1px solid black;
  }

  .eleveo .section-contactform .contactform {
    width: 96%;
  }
}
@media (max-width: 460px) {
  .eleveo .feature-list .feature {
    width: auto;
  }
}

@media (min-width:1276px) {

.eleveo .blog-index-wrapper.case-study-index {
  margin-top:125px;
}
  
}

@media (min-width: 768px) and (max-width: 1279px) {
  h1 {
    font: normal normal 400 42px 'HCo Gotham SSm'; /* BOOK */
  }

  h2 {
    font: normal normal 300 32px 'HCo Gotham SSm'; /* LIGHT */
  }

  h3 {
    font: normal normal 400 20px 'HCo Gotham SSm'; /* BOOK */
  }

  h4 {
    font: normal normal 500 18px 'HCo Gotham SSm'; /* MEDIUM */
  }
  
  .eleveo .section-intro-monitor {
    max-width: 450px;
    margin: 0 auto !important;
	  float: none;
    position: relative;
    left: 130px;
    top: 0;
  }
  .eleveo .section-intro-laptop {
	  transform: translateX(-76%) scale(0.8);
    bottom: 0;
  }
  
  .eleveo .section-intro-middle-header {
    padding: 5px 40px;
  }
  .eleveo .section-expand-boxes, .eleveo .section-black-box, .eleveo .section-about-product,
  .eleveo .section-pricing, .eleveo .section-blue-box, .eleveo .section-about-eleveo, .eleveo .section-footer {
    padding: 40px 40px;
  }

  .eleveo .section-header { 
    max-width: 1279px;
  }
  
    .eleveo .section-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { 
    font-size:16px;
  }
  
  .eleveo .demo-button { 
    font-size:16px;
    position: relative;
    left: 0px;
  }
  
  .eleveo .section-intro-headline {
    width: 100%;
    position: inherit;
  }
  .eleveo .section-intro-subheadline {
    width: 100%;
    position: inherit;
  }
  .eleveo .section-intro-people {
    padding: 40px 40px;
    text-align: center;
  }
  .eleveo .section-intro-people > div {
    width: 100%;
  }
  .eleveo .section-intro-headline {
    margin-top: 0px;
  }
  
  .eleveo .section-intro-buttons > div > div { justify-content: center; }
  
  .eleveo .section-intro .section-intro-button-play { 
    width: auto;
    margin-right: 10px;
  }
  
  .eleveo .section-intro .section-intro-button-play .custom-eleveo-play-waves {
    float: right;
  }

  .eleveo .section-intro .section-intro-button-cta { 
    text-align: left;
    width: auto;
    margin-left: 10px;
  }
  
  .eleveo .section-intro-people > div:nth-child(2) {
    margin-top: 50px;
  }
  
  .eleveo .scroll-down-icon { display: none; }  

  .eleveo .feature-slider .slick-list .slick-track {
    height: auto; 
  }
  .eleveo .section-expand-boxes-accordion {
    width: 100%;
    margin: 0;
  }
  .eleveo .section-expand-boxes-accordion .accordion-healine { text-align: center; }
  
  .eleveo .section-expand-boxes-separator {
    display: none;
  }
  
  .eleveo .section-expand-boxes .accordion-wrapper::before {
    left: -20px;
  }
  
  .eleveo .section-expand-boxes .hs-accordion__item button::before {
    left: -30px;
  }
  
  .eleveo .section-black-box .custom-h6, .eleveo .section-black-box .button-white-border, .eleveo .section-blue-box .custom-h6, .eleveo .section-blue-box .button-white-border {
    text-align: center;
    width: 100%;
  }
  .eleveo .section-black-box .custom-h6, .eleveo .section-blue-box .custom-h6 {
    font: normal normal 400 30px 'HCo Gotham SSm'; /* BOOK */
  }
  
  .eleveo .section-about-eleveo .about-icon { width: 14%; }
  .eleveo .section-about-eleveo .about-eleveo {
    width: 86%;
    margin: 0;
    padding: 0 0 0 45px;
    text-align: justify;
  }
  
  .eleveo .custom-eleveo-about-feature-left-side, .eleveo .custom-eleveo-about-feature-right-side {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .eleveo .custom-eleveo-about-feature-left-side .about-feature-left {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  
  .eleveo .custom-eleveo-about-feature-left-side .about-feature-left .about-feature-headline, .eleveo .custom-eleveo-about-feature-left-side .about-feature-left .about-feature-description,
  .eleveo .custom-eleveo-about-feature-right-side .about-feature-right .about-feature-headline, .eleveo .custom-eleveo-about-feature-right-side .about-feature-right .about-feature-description {
    text-align: center;
  }
  
  .eleveo .custom-eleveo-about-feature-left-side .about-feature-right, .eleveo .custom-eleveo-about-feature-right-side .about-feature-left {
    max-width: 100%;
    margin-top: 30px;
    text-align: center;
  }
  
  .eleveo .custom-eleveo-about-feature-left-side .about-feature-left .about-feature-headline, .eleveo .custom-eleveo-about-feature-left-side .about-feature-left .about-feature-headline span,
  .eleveo .custom-eleveo-about-feature-right-side .about-feature-right .about-feature-headline, .eleveo .custom-eleveo-about-feature-right-side .about-feature-right .about-feature-headline span {
    font: normal normal 500 22px 'HCo Gotham SSm';
  }
  
  .eleveo .custom-eleveo-about-feature-right-side .about-feature-right {
    order: -1;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .eleveo .section-footer { display:none; }
  .eleveo .section-footer-mobile { display: block; }
}

@media (max-width: 767px) {
  h1 {
    font: normal normal 400 26px 'HCo Gotham SSm'; /* BOOK */
  }

  h2 {
    font: normal normal 300 24px 'HCo Gotham SSm'; /* LIGHT */
  }

  h3 {
    font: normal normal 400 16px 'HCo Gotham SSm'; /* BOOK */
  }

  h4 {
    font: normal normal 500 16px 'HCo Gotham SSm'; /* MEDIUM */
  }

  .eleveo .section-intro-middle-header, .eleveo .section-intro-people, .eleveo .section-expand-boxes, .eleveo .section-black-box, .eleveo .section-about-product,
  .eleveo .section-pricing, .eleveo .section-blue-box, .eleveo .section-about-eleveo {
    padding: 20px 20px;
  }
  
  .eleveo .section-footer-mobile {
    padding: 20px 14px;
  }

  .eleveo .section-intro-people {
    text-align: center;
  }
  .eleveo .section-intro-people > div {
    width: 100%;
  }
  .eleveo .section-intro-headline {
    margin-top: 30px;
  }
  
  .eleveo .section-intro-laptop {
    display: none;
  }
  .eleveo .section-intro-monitor {
    top: 0;
  }

  .eleveo .section-intro-buttons > div > div { justify-content: center; }

  .eleveo .section-intro .section-intro-button-play {
    width: auto;
    margin-right: 10px;
  }
  .eleveo .section-intro .section-intro-button-play .custom-eleveo-play-waves {
    float: right;
  }

  .eleveo .section-intro .section-intro-button-cta {
    text-align: left;
    width: auto;
    margin-left: 10px;
  }

  .eleveo .section-intro-people > div:nth-child(2) {
    margin-top: 25px;
  }
  
  .eleveo .scroll-down-icon { display: none; }  

  .eleveo .section-expand-boxes {
    background: none;
  }
  
  .eleveo .section-expand-boxes .accordion-healine {
    text-align: center;
  }
  
  .eleveo .section-black-box .custom-h6, .eleveo .section-black-box .button-white-border, .eleveo .section-blue-box .custom-h6, .eleveo .section-blue-box .button-white-border { text-align: center; }

  .eleveo .section-pricing .section-pricing-modules .custom-eleveo-pricing { margin: 0 auto; }
  
  .eleveo .custom-eleveo-about-feature-left-side, .eleveo .custom-eleveo-about-feature-right-side {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .eleveo .custom-eleveo-about-feature-left-side .about-feature-left {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  
  .eleveo .custom-eleveo-about-feature-left-side .about-feature-left .about-feature-headline, .eleveo .custom-eleveo-about-feature-left-side .about-feature-left .about-feature-description,
  .eleveo .custom-eleveo-about-feature-right-side .about-feature-right .about-feature-headline, .eleveo .custom-eleveo-about-feature-right-side .about-feature-right .about-feature-description {
    text-align: center;
  }
  
  .eleveo .custom-eleveo-about-feature-left-side .about-feature-right, .eleveo .custom-eleveo-about-feature-right-side .about-feature-left {
    max-width: 100%;
    margin-top: 30px;
    text-align: center;
  }
  
  .eleveo .custom-eleveo-about-feature-left-side .about-feature-left .about-feature-headline, .eleveo .custom-eleveo-about-feature-left-side .about-feature-left .about-feature-headline span,
  .eleveo .custom-eleveo-about-feature-right-side .about-feature-right .about-feature-headline, .eleveo .custom-eleveo-about-feature-right-side .about-feature-right .about-feature-headline span {
    font: normal normal 500 22px 'HCo Gotham SSm';
  }
  
  .eleveo .custom-eleveo-about-feature-right-side .about-feature-right {
    order: -1;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  
  .eleveo .section-about-eleveo .about-icon {
    display: none;
  }
  
  .eleveo .section-about-eleveo .about-eleveo { text-align: center; }
  .eleveo .section-footer { display: none; }
  .eleveo .section-footer-mobile { display: block; }
  
}

/*****************************************/

.eleveo .box-dark-gray {
  background: #999999;
  padding: 30px 20px;
}

.eleveo .box-dark-gray h2::after {
  background: #ffffff;
  height: 1px;
  content: "";
  width: 140px;
  display: block;
  margin: 30px auto 50px;
}

.eleveo .box-dark-gray h2 {
  text-align: center;
  color: #ffffff;
}

@media screen and (min-width: 810px) {
  .eleveo .box-dark-gray {
    padding: 50px 0;
  }
}

.eleveo .box-dark-gray .section-expand-boxes {
  padding: 0 20px;
}
.case-study-disabled {
    visibility: hidden;
  pointer-events: none;
}
@media screen and (min-width: 810px) {
  .eleveo .box-dark-gray .section-expand-boxes {
    padding: 0 135px;
  }
}

.eleveo .box-gray {
  background-color: #d7d7d7;
  padding: 20px;
}

@media screen and (min-width: 810px) {
  .eleveo .box-gray {
    padding: 50px 117px 65px;
  }
}

.eleveo .box-gray h2 {
  color: #333333;
  font-weight: 300;
  text-align: center;
}

.eleveo .box-gray h2:after {
  background: #00a7e0;
  height: 1px;
  content: "";
  width: 140px;
  display: block;
  margin: 30px auto 50px;
}

.eleveo .case-studies .hs_cos_wrapper_type_module {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 810px) {
  .eleveo .case-studies .hs_cos_wrapper_widget_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .eleveo .case-studies .hs_cos_wrapper_type_module {
    display: flex;
    max-width: 33.33%;
    flex-basis: 33.33%;
    padding: 0 13px;
  }
}

.eleveo .section-webinars {
  padding: 30px 20px 0;
}

@media screen and (min-width: 810px) {
  .eleveo .section-webinars {
    padding: 50px 117px 0;
  }
}

.eleveo .section-webinars h2 {
  color: #333333;
  text-align: center;
}

.eleveo .section-webinars h2:after {
  background: #00a7e0;
  height: 1px;
  content: "";
  width: 140px;
  display: block;
  margin: 30px auto 50px;
}

.eleveo .webinars .hs_cos_wrapper_type_module {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 810px) {
  .eleveo .webinars .hs_cos_wrapper_widget_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .eleveo .webinars .hs_cos_wrapper_type_module {
    max-width: 33.33%;
    flex-basis: 33.33%;
    padding: 0 13px;
  }
}

.eleveo .section-articles {
  padding: 30px 20px;
}

@media screen and (min-width: 810px) {
  .eleveo .section-articles {
    padding: 50px 117px;
  }
}

.eleveo .section-articles h2 {
  color: #333333;
  text-align: center;
}

.eleveo .section-articles h2:after {
  background: #00a7e0;
  height: 1px;
  content: "";
  width: 140px;
  display: block;
  margin: 30px auto 50px;
}

.eleveo .articles .hs_cos_wrapper_type_module {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 810px) {
  .eleveo .articles .hs_cos_wrapper_widget_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .eleveo .articles .hs_cos_wrapper_type_module {
    max-width: 25%;
    flex-basis: 25%;
    padding: 0 13px;
  }
}

body {
  min-width: 1px !important;
}

.form-hiring .hs_cos_wrapper_type_form {
    display: block;
    border: 1px solid #BCBDC1;
    padding: 30px;
    border-radius: 10px;
    font-size: 15px;
}
.form-hiring .hs-form-field {
    margin: 0 0 12px;
}
.form-hiring .hs-form-field > label {
    display: none;
}
.form-hiring form ::-webkit-input-placeholder {
    font: 400 15px 'gothammedium',sans-serif;
    text-transform: uppercase;
}
.form-hiring form :-moz-placeholder { /* Firefox 18- */
    font: 400 15px 'gothammedium',sans-serif;
    text-transform: uppercase;
}
.form-hiring form ::-moz-placeholder {  /* Firefox 19+ */
    font: 400 15px 'gothammedium',sans-serif;
    text-transform: uppercase;
}
.form-hiring form :-ms-input-placeholder {  
    font: 400 15px 'gothammedium',sans-serif;
    text-transform: uppercase;
}
.form-hiring .hs-form select {
    height: 53px;
    border-radius: 2px;
    background: url("https://www.eleveo.com/hubfs/images/select-btn.png") no-repeat scroll right center #FFF;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-hiring .hs-form select::-ms-expand {
    display: none;
}
.form-hiring .hs-form textarea {
    min-height: 100px;
}
.form-hiring .hs-form .hs_submit {
    margin-top: 20px;
}
.form-hiring .hs-form .hs-button {
    display: inline-block;
    cursor: pointer;
    background: #a7d200;
    border: none;
    color: #fff;
    font: 400 14px 'gothammedium',sans-serif;
    text-transform: uppercase;
    padding: 13px 30px;
    -webkit-appearance: none;
}

.form-hiring .hs_cos_wrapper_type_form {
    display: block;
    border: 1px solid #BCBDC1;
    padding: 30px;
    border-radius: 10px;
    font-size: 15px;
}

.form-hiring .widget-type-form {
    max-width: 850px;
    padding: 40px 0;
    margin-left: auto;
    margin-right: auto;
}

.form-hiring h3.form-title {
    color: #18b5ff !important;
    font: 400 26px/32px 'gothammedium', sans-serif;
    margin: 0 0 36px;
}

.form-hiring textarea,
.form-hiring input[type="text"],
.form-hiring input[type="password"],
.form-hiring input[type="datetime"],
.form-hiring input[type="datetime-local"],
.form-hiring input[type="date"],
.form-hiring input[type="month"],
.form-hiring input[type="time"],
.form-hiring input[type="week"],
.form-hiring input[type="number"],
.form-hiring input[type="email"],
.form-hiring input[type="url"],
.form-hiring input[type="search"],
.form-hiring input[type="tel"],
.form-hiring input[type="color"],
.form-hiring select {
    padding: 15px;
    font: 400 15px 'gothammedium',sans-serif;
    display: inline-block;
    width: 100%;
    border: 1px solid #bfbfbf;
    color: #a9a9a9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-hiring .hs-input.invalid.error {
    border-color: #da0000;
}

.form-hiring .hs-error-msgs.inputs-list {
    color: #da0000;
}

.form-hiring ul.hs-error-msgs {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 40px;
  list-style: disc !important;
  color: #da0000;
}

.form-hiring ul.hs-error-msgs li {
  color: #da0000 !important;
}

.form-hiring .hs_upload_cv {
    display: flex;
    justify-content: space-between;
    border: 1px solid #bfbfbf;
    color: #a9a9a9;
    padding-left: 15px;
    font: 400 15px 'gothammedium',sans-serif;
    text-transform: uppercase;
}

.form-hiring .hs_upload_cv legend {
    width: 39% !important;
    vertical-align: middle;
    line-height: 56px;
    opacity: .6;
}

.form-hiring input[type="file"] {
    padding: 15px;
    font: 400 15px 'gothammedium',sans-serif;
    display: inline-block;
    width: 100%;
    color: #a9a9a9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
}

.form-hiring p {
      margin: 0 0 25px;
}

.form-hiring p a {
  color: #02afff;
  text-decoration: underline;
}

.form-hiring .inputs-list {
  list-style: disc;
  padding-left: 40px;
  margin-top: 1em;
  margin-bottom: 1em;
}

.form-hiring .actions{
    text-align: right;
    margin-top: 10px;
}

.jobs .hs-accordion__item {
    margin: 0 auto;
    margin-bottom: .5em !important;
}

.jobs .hs-accordion__item button {
  background-color: #ededed;
  font: 500 1em/1.5em 'gothambold',Arial;
  border-bottom: none;
  font-weight: 700;
  font-size: 21px;
}

.jobs .hs-accordion__item button:hover {
  color: inherit;
}

.jobs .hs-accordion__item button:hover .hs-accordion__item-icon::before,
.jobs .hs-accordion__item button:hover .hs-accordion__item-icon::after {
    background-color: #a5a5a5;
}

.jobs .hs-accordion__item[aria-expanded="true"] button {
  color: inherit !important;
}

.jobs .hs-accordion__item[aria-expanded="true"] .hs-accordion__item-icon {
  background-color: transparent;
}

.jobs .hs-accordion__item[aria-expanded="true"] .hs-accordion__item-icon::before,
.jobs .hs-accordion__item[aria-expanded="true"] .hs-accordion__item-icon::after,
.jobs .hs-accordion__item[aria-expanded="true"] button:hover .hs-accordion__item-icon::before,
.jobs .hs-accordion__item[aria-expanded="true"] button:hover .hs-accordion__item-icon::after {
  background-color: #a5a5a5;
}

.jobs .hs-accordion__item[aria-expanded="true"] main {
  border: 2px solid #ededed;
  border-top-style: none !important;
}

.jobs .hs-accordion__item-content { padding: 2em 1em 0.2em; }
.jobs .hs-accordion__item-content a {
  display: inline-block;
  background: #00a7e0;
  font-size: 18px;
  font-weight: 500;
  padding: 13px 15px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  border: 1px solid #00a7e0;
  margin-bottom: 20px;
}

.jobs .hs-accordion__item-content ul {
  margin-left: 40px;
}

.jobs .hs-accordion__item-content a:hover { background-color: transparent !important; color: #00a7e0; border-color: #00a7e0; }
.jobs .hs-accordion__item-icon { border: none; }  
.jobs .hs-accordion__item-icon::before {
  height: 4px;
  width: 1em;
}

.jobs .hs-accordion__item-icon::after {
  height: 1em;
  width: 4px;
}

.box-bg-text-wrapper-transparent {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}

.box-bg-text-wrapper-transparent h2 {
  margin-bottom: 2em;
  color: #ffffff;
  font-family: Gotham;
  font-size: 32px;
  font-weight: 500;
}

.box-bg-text-wrapper-transparent p {
  margin-bottom: 1em;
  color: #ffffff;
  font-family: Gotham;
  font-size: 22px;
  font-weight: 500;
}

.box-bg-image-simple {display: none !important;}
html.hs-inline-edit html.hs-inline-edit .box-bg-image-simple {width: 150px !important;height: 100px !important;overflow: hidden;border: 1px solid white;position: absolute;display: block !important;left: 0;top: 0;}
html.hs-inline-edit .subpage-header-image:before, html.hs-inline-edit .box-bg-image-simple:before {display: block;content: "Replace bg";color: white;padding-top: 10px;}

/* box bg */
.eleveo .box-bg-simple {
  padding: 60px 0 30px;
  background-color: white;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url('https://www.eleveo.com/hubfs/box-bg-1.jpg');
  text-align: center;
  background-position: center center;
}

.eleveo .box-bg-simple > div:nth-child(2) {
  height: 100%;
}
.eleveo .box-bg-simple > div:nth-child(2) > div {
  height: 100%;
  display: flex;
  align-items: center;
}

.eleveo .box-bg-text-wrapper-simple {
  max-width: 1200px;
  margin: 0 auto !important;
  color: #333;
  padding: 30px;
  color: #ffffff;
}

.eleveo .box-bg-text-wrapper-simple h2 {
  font-size: 32px;
  margin-bottom: 2em;
}

.eleveo .box-bg-text-wrapper-simple p {
  font-size: 22px;
  margin-bottom: 1em;
}

.eleveo .box-bg-text-wrapper--full {
  width: 100%;
  margin: 0 122px 0 122px !important;
}

@media screen and (max-width: 767px) {
  .eleveo .box-bg-text-wrapper--full {
    width: 100%;
    margin: 0 15px !important;
  }
}

.eleveo .box-bg-text-richtext .hs_cos_wrapper_type_rich_text p {
  font-size: 22px;
  font-weight: bold;
}

.eleveo .box-bg-text-richtext > div {
  margin-bottom: 20px;
}

.cta--more {
  color: white;
  border: 1px solid white;
  background: transparent;
  display: inline-block;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  padding: 13px 15px;
  text-decoration: none;
  text-transform: uppercase;
}

.cta--more:hover {
  background: #00a7e0;
  border-color: #00a7e0;
}

.cta--more:visited {
  color: #ffffff;
}






/**************************
 ***** SECTION BLOG *****
 **************************/
.eleveo .blog-index-tag {
  padding: 1rem;
}

.eleveo .blog-index-tag-name {
  display: inline;
  color: black;
  font-weight: 400;
}

.eleveo .blog-index-wrapper {
  display: block; 
  margin-left: 0px;
  margin-top:75px;
}

.eleveo .blog-index-container {
  display:flex;
  flex-direction:column;
  align-items:center;
  width:none;
}

.eleveo .blog-index {
  display: flex;
  flex-wrap: wrap;
}

.eleveo .blog-item {
  display: flex;
  flex: 0 0 calc(100%/2);
  padding: 1rem;
}

.eleveo .blog-item:nth-child(odd) {
  padding-left: 0;
}

.eleveo .blog-item:nth-child(even) {
  padding-right: 0;
}

.eleveo .blog-item-inner-card {
  box-shadow: -5px 0px 20px 0px rgb(73 75 77 / 10%);
  width: 100%;
  border-radius: 5px;
  background: #fff;
}

.blog-item-image-wrapper {
  overflow:hidden;
  height:225px;
  border-radius:5px;
}

.blog-item-image {
	display: block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 225px;
	border-radius: 5px 5px 0 0;
	transition: transform 0.4s ease-in-out;
}

/* Zoom effect on hover */
.blog-item-inner-card:hover .blog-item-image {
	transform: scale(1.15);
}

.blog-item-post-content {
  display: flex;
  flex-direction: column;
  padding: 24px 30px 30px 30px;
  height: 100%;
}

  .blog-item-post-content h2 {
    font-size: 20px;
    line-height: 26px;
    margin-top: 8px;
    margin-bottom: 16px;
    color: #212121;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

.blog-item-post-content h2 a:hover{
  color:#2F80ED;
}

.blog-post__content-excerpt {
  font-weight:325;
  font-size:14px;
  color:black;
}

.eleveo .blog-item-meta-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 50px;
  font-size: 14px;
}

.eleveo .blog-item-read-more svg {
  width: 8px;
}
.blog-item-read-more a {
  color: black;
  font-weight:400;
  font-size:17px;
}

.eleveo .blog-item-read-more svg:hover {
  fill: #2F80ED;
}
.blog-item-read-more a:hover {
  color: #2F80ED;
}

.eleveo .blog-item-read-more .read-more__arrow {
  position: relative;
  top: 3px;
  padding-left: 10px;
}

.eleveo .blog-pagination {
  display: flex;
  margin-left: 0;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 3.3rem;
  font-size: 20px;
}

.eleveo .blog-pagination .blog-pagination__link {
  display: inline-flex;
  padding: .25rem .4rem;
  margin: 0 .1rem;
  color: #494a52;
  text-decoration: none;
  border: 2px solid transparent;
  line-height: 1;
  border-radius: 7px;
}

.eleveo .blog-pagination .blog-pagination__prev-link svg,
.eleveo .blog-pagination .blog-pagination__next-link svg {
  fill: #494a52;
  margin: 0 5px;
}

.eleveo .blog-pagination .blog-pagination__prev-link--disabled svg,
.eleveo .blog-pagination .blog-pagination__next-link--disabled svg {
  fill: #b0c1d4;
}

.eleveo .blog-pagination .blog-pagination__number-link {
    display: inline-flex;
    padding: .25rem .4rem;
    margin: 0 .1rem;
    color: #494a52;
    text-decoration: none;
    border: 2px solid transparent;
    line-height: 1;
    border-radius: 7px;}

.eleveo .blog-pagination .blog-pagination__link--active {
    border: 2px solid #b0c1d4;
}

.eleveo .blog-post-wrapper {
  margin: 0 auto 2rem;
}

.eleveo .post-featured-image {
    margin-bottom: -110px;
    min-height: 300px;
    background-size: cover;
    background-position: center center;
    max-height: 500px;
}

.eleveo a.blog-post__tag-link {
  color:#212121;
  font-size:14px;
  font-weight:325;
}

a.blog-post__tag-link:hover {
  color: #2F80ED;
}
.eleveo .blog-post__meta {
    margin: 1rem 0;
}

.eleveo .blog-post {
    box-shadow: -5px 0px 20px 0px rgb(73 75 77 / 10%);
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding: 4rem 4rem 1rem;
    background: #fff;
    border-radius: 5px;
}

.eleveo .blog-post h1,
.eleveo .blog-post h2,
.eleveo .blog-post h3,
.eleveo .blog-post h4,
.eleveo .blog-post h5,
.eleveo .blog-post h6 {
  margin-bottom: .5rem;
  color: black
}

.eleveo .blog-post .blog-post__body p {
  margin-bottom: 1rem;
}

.eleveo .blog-post-links {
  border-top: 2px solid #e4e6e8;
  display: block;
  padding: 26px 0;
  margin-top: 20px;
}

.eleveo .blog-post-back-to-blog svg {
    fill: #7d7d7d;
    position: relative;
    top: 6px;
    margin-right: 10px;
    width: 20px;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}

.eleveo .blog-post-read-more svg {
  width: 20px;
  height: auto;
}

.eleveo .blog-recent-posts {
  margin-top: 3rem;
  background-color: #f8fafc;
  margin: 0 auto;
  padding: 2rem 0;
}

.eleveo .blog-recent-posts .content-wrapper h2 {
  text-align: center;
  color: black;
}

.eleveo .blog-recent-posts .content-wrapper {
  box-shadow: -5px 0px 20px 0px rgb(73 75 77 / 10%);
  padding: 2rem 4rem 1rem;
  margin: 0rem auto;
  background-color: white;
  width: 90%;
}



.eleveo .blog-recent-posts .blog-recent-posts__list {
    flex-wrap: wrap;
    display: flex;
}

.eleveo .blog-recent-posts .blog-recent-post-item {
  display: flex;
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .eleveo .blog-recent-posts .blog-recent-post-item {
      flex: 0 0 calc(100%/2);
  }
}

@media screen and (max-width:768px) {
.eleveo .blog-index {
    flex-direction: column;
    align-items: center;
}
  .eleveo .blog-item {
    padding:1rem 0px;
  }
}

@media screen and (max-width: 460px) {
.eleveo .mobile-demo-button {
    right: 80px;
    height: 32px;
    font-size: 12px;
    padding:4px;
    width: 90px;
    margin-top:3px;
}

}

@media screen and (min-width: 1000px) {
  .eleveo .blog-recent-posts .blog-recent-post-item {
      flex: 0 0 calc(100%/3);
  }
}

.eleveo .blog-recent-posts .blog-recent-post-item-card {
    box-shadow: -5px 0px 20px 0px rgb(73 75 77 / 10%);
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    border-radius: 5px;
    background: #fff;
}

.eleveo .blog-recent-posts .blog-recent-post-item-image {
    border-radius: 5px 5px 0 0;
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 63%;
}

.eleveo .blog-recent-posts .blog-recent-post-item-content {
    display: flex;
    flex-direction: column;
    padding: 24px 30px 30px 30px;
    height: 100%;
}

.eleveo .blog-recent-posts .blog-recent-post-item-content h2 {
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  margin: .5rem 0;
  color: black;
}

.eleveo .blog-recent-posts .blog-recent-post-item-content-meta {
    justify-content: flex-end;
    display: flex;
    align-items: flex-end;
    margin-top: auto;
    padding-top: 30px;
    font-size: 14px;
}

.eleveo .blog-recent-posts .read-more__arrow {
    position: relative;
    top: 3px;
    padding-left: 10px;
}

.eleveo .blog-recent-posts .blog-post-read-more a svg {
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}

.eleveo .blog-recent-posts .blog-post-read-more svg {
    fill: #7d7d7d;
    width: 15px;
    height: auto;
}

/* OFFSET OPTIONS */

.large_top {
  padding-top: 120px;
}
.large_bottom {
  padding-bottom:120px;
}
.med_top {
  padding-top: 60px;
}
.med_bottom {
  padding-bottom: 60px;
}
.none_bottom {
  padding-bottom: 0px;
}
.none_top {
  padding-top: 0px;
}
.none_left {
  padding-left: 0px;
}
.none_right {
padding-right:0px;
}
.no_vert_padding.med_top, .no_vert_padding.large_top {
  padding-top:0px;
}
.no_vert_padding.med_bottom, .no_vert_padding.large_bottom {
  padding-bottom:0px;
}
.no_vert_padding.med_top .apply_padding {
  padding-top:60px;
}
.no_vert_padding.large_top .apply_padding {
  padding-top:120px;
}
.no_vert_padding.med_bottom .apply_padding{
  padding-bottom:60px;
}
.no_vert_padding.large_bottom .apply_padding{
  padding-bottom:120px;
}


/* COLOR THEME */
.blue_mode {
  background-color:#2F80ED;
  color:white;
}

.blue_mode .title_container {
  border-color: white;
  color: white;
}

.dark_mode {
  background: #212121;
  color: white;
}
.grey_mode {
  background:#F5F5F5;
}
.grey_mode .dropdown-title {
  background:#F5F5F5;
}
.dark_mode h3 {
  color: rgba(255, 255, 255, .5)
}
.dark_mode span {
   color: white;
}
.dark_mode .title_button {
  border-color: white;
  color: white;
}

.dark_mode .dropdown-title {
background-color: #212121;
}
.dark_mode .title_button:hover {
    background: white;
    color: #212121;
}
.dark_mode .plus::after {
  color: white;
}
.dark_mode .number {
  color: white;
}

/* Blue theme helpers.
   `.blue_mode` shipped with only a base rule and `.title_container`, while
   `.dark_mode` has six element-level helpers. Any element that declares its
   own colour (rather than inheriting) therefore stayed dark inside a blue
   section. These mirror the dark_mode set with blue's own values.
   `h3` is deliberately NOT mirrored: `.dark_mode h3` dims to 50% white, which
   on blue would lower contrast rather than fix it, and an h3 already inherits
   white from `.blue_mode`. */
.blue_mode span {
  color: white;
}
.blue_mode .title_button {
  border-color: white;
  color: white;
}
.blue_mode .title_button:hover {
  background: white;
  color: #2F80ED;
}
.blue_mode .dropdown-title {
  background-color: #2F80ED;
}
.blue_mode .plus::after {
  color: white;
}
.blue_mode .number {
  color: white;
}
/* Padding LEFT AND RIGHT */
.row_wrapper{
  max-width:1200px;
  margin:0 auto;
}

.no_horizontal_padding {
  padding-left:0px;
  padding-right:0px;
}

.full_width .image_container {
    margin: 0 0;
  }

/* Learn More Link Animation */
.learn_more_link {
  margin-top:15px;
}
.learn_more_link a {
  font-family: 'HCo Gotham SSm';
  color: #2F80ED;
  font-size: 17px;
  font-weight: 350;
  line-height: 24px;
  letter-spacing: 0px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 0.2em 0;
}
.learn_more_link a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  background-color: #2F80ED;
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
}
.learn_more_link a:hover::after,
.learn_more_link a:focus::after {
  opacity: 1;
  transform: translate3d(0, 0.2em, 0);
}
.learn_more_link a {
  overflow: hidden;
}
.learn_more_link a::after {
  opacity 1;
  transform: translate3d(-100%, 0, 0);
}
.learn_more_link a:hover::after,
.learn_more_link a:focus::after{
  transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 1200px) {
  .reverse.full_width .image_container {
    margin: 0 0;
    max-width:690px;
  }
    .full_width .image_container {
    margin: 0 0;
    max-width:690px;
  }
  /* OFFSET OPTIONS */

.text_large_top {
  padding-top: 120px;
}
.text_large_bottom {
  padding-bottom:120px;
}
.text_med_top {
  padding-top: 60px;
}
.text_med_bottom {
  padding-bottom: 60px;
}
.text_none_bottom {
  padding-bottom: 0px;
}
.text_none_top {
  padding-top: 0px;
}
}

/* contact form styling*/
.contact_form_container .hs-form-field input.hs-input, .contact_form_container .hs-form-field textarea.hs-input, .contact_form_container .hs-input.is-placeholder,.contact_form_container .hs-input {
  font-family: Inter;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
  letter-spacing: 1px;
  text-align: left;
}

.contact_form_container .hs-form-field input.hs-input {
    border-right: none;
    border: 1px solid #909090;
    color: #696d70;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
  width:100%;
}

.contactform.ezcontact .legal-consent-container .hs-form-booleancheckbox-display input {
  display:none;
}


.contact_form_container .hs-form-booleancheckbox::marker {
    content: none;
}


.contact_form_container .inputs-list:first-child {
    padding-top: 6px;
}

.contact_form_container .inputs-list {
    margin: 0 0 5px;
    width: 100%;
}
.contact_form_container ul.inputs-list{
  padding-left:0;
}
.contact_form_container .inputs-list label {
    float: none;
    width: auto;
    padding: 0;
    line-height: 18px;
    white-space: normal;
    font-weight: normal;
}

.contact_form_container .legal-consent-container .hs-form-booleancheckbox-display input {
    float: left;
}

.contact_form_container .legal-consent-container {
    margin-top:30px;
}

.contact_form_container .hs-input[type=checkbox], .contact_form_container .hs-input[type=radio] {
    cursor: pointer;
    width: auto;
    height: auto;
    padding: 0;
    margin: 3px 5px 3px 0px;
    line-height: normal;
    border: none;
}

.contact_form_container .legal-consent-container .hs-form-booleancheckbox-display p {
    margin: 0;
    display: inline;
}

.contact_form_container.inputs-list>li {
    display: block;
    padding: 0;
    width: 100%;
    padding-top: 0;
}

.contact_form_container .legal-consent-container .hs-richtext p {
  font-family: HCo Gotham SSm;
  font-size: 14px;
  font-weight: 325;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  color: #909090;
  padding: 10px 0;
}

.contact_form_container input[type='submit'] {
  cursor:pointer;
  background-color:#2F80ED;
  color:white;
  padding: 17px 30px;
  border-radius: 8px;
  font-family: HCo Gotham SSm;
  font-size: 17px;
  font-weight: 350;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  border:none;
}
.contact_form_container .hs_submit .actions {
    text-align: left !important;
  margin-top:30px;
} 

.contact_form_container select {
  margin-top: 30px;
  margin-bottom: 10px;
  border-top: none;
  border-right: none;
  border-left: none;
  width:100%;
  padding-bottom:10px;
}

.contact_form_container .legal-consent-container .hs-richtext a {
  color: #2F80ED;
  text-decoration:none;
}

.contact_form_container .legal-consent-container .hs-form-booleancheckbox-display p {
color: #909090;
font-family: HCo Gotham SSm;
font-size: 14px;
font-weight: 325;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
}

.contact_form_container input.hs-input[type='checkbox'] {
  margin-top: 4px !important;
  width: 15px;
}

.contact_form_container .hs-form-booleancheckbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    cursor: pointer;
    height: 20px;
    width: 20px;
    z-index: 1;
}

.hs-form-booleancheckbox-display span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #909090;
    border-radius: 0px;
    background-color: white;
}

.hs-form-booleancheckbox input[type="checkbox"]:checked + span::before {
    background-color: white;
    border-color: #909090;
}


.hs-form-booleancheckbox input[type="checkbox"]:checked + span::after {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-65%) rotate(45deg);
    width: 5px;
    height: 10px;
    border: solid #909090;
    border-width: 0 2px 2px 0;
}

.hs-form-booleancheckbox {
    position: relative;
    padding: 10px 0;
}

.hs-form-booleancheckbox-display {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
}

.hs-form-booleancheckbox-display span p {
    color: #333;
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
}

.hs-form-booleancheckbox input[type="checkbox"]:focus + span::before{
  box-shadow: 0 0 0 3px rgba(144, 144, 144, 0.15)
}

.hs-form-booleancheckbox-display:hover span::before {
    border-color: #1c64c8;
}

.contact_form_container .form-error-message {
  color: red;
  font-weight: 300;
  padding-bottom:20px;
  font-size:16px;
}

.contact_form_container ul.hs-error-msgs, .contact_form_container .hs-error-msgs {
  display:none !important;
}

.contact_form_container select {
color:#696d70;
}

.global_row_wrapper {
  width:100%;
  position: relative;
  font-family:HCo Gotham SSm;
}

.header-container {
   position: relative;
   box-shadow: 0 0 25px 25px rgba(0, 0, 0, 0.2);
   z-index: 999;
}
/*cookie banner*/
#hs-eu-cookie-confirmation {
    font-family: 'HCo Gotham SSm', sans-serif !important;
    font-size: 12px !important;
    color: #212121 !important;
    min-width:100vw;
    position:fixed !important;
    bottom:0 !important;
	  top: initial !important;
    border-radius:0 !important;
	  max-height:250px !important;
    background: #F5F5F5 !important;
}

#hs-eu-policy-wording, #hs-eu-cookie-disclaimer {
    font-family: 'HCo Gotham SSm', sans-serif !important;
    font-size: 12px !important;
    color: #212121 !important;
}
#hs-eu-confirmation-button-group button, #hs-modal-footer-container button {
    font-family: 'HCo Gotham SSm', sans-serif !important;
    font-size: 17px !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
}

#hs-eu-confirmation-button, #hs-modal-accept-all {
    background-color: #2F80ED !important;
    color: white !important;
    border: none !important;
}
div#hs-eu-confirmation-button-group {
    flex-direction:column !important;
    align-items: flex-end;
    gap:5px;
}
div#hs-eu-opt-in-buttons {
    flex-direction:row;
}
button#hs-eu-cookie-settings-button {max-width:201px;font-size:12px !important;}
#hs-eu-decline-button, #hs-modal-save-settings {
    background-color: white !important;
    color: #2F80ED !important;
    border: 2px solid #2F80ED !important;
    max-width: 160px !important;
    height: 58px;
}
#hs-eu-cookie-confirmation #hs-eu-confirmation-button {
    max-width: 160px !important;
}

#hs-eu-cookie-confirmation #hs-eu-confirmation-button-group{
    gap:5px !important;
  justify-content:flex-end !important;
}
#hs-eu-cookie-confirmation #hs-eu-opt-in-buttons {
    gap:25px !important;
}
#hs-eu-cookie-settings-button {
    font-size: 12px !important;
    color: #2F80ED !important;
    text-decoration: underline !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    order:2;
    min-width:201px !important;
  font-weight: 350 !important;
}
#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner {
    gap:63px !important;
    flex-direction:row !important;
    justify-content: center;
padding-top:35px !important;
padding-bottom:35px !important;
}
#hs-eu-cookie-confirmation-inner a {
  font-weight:350 !important;
  text-decoration:underline !important;
}
#hs-eu-cookie-confirmation-inner a:hover {
  color: #2F80ED !important;
}
#hs-eu-close-button {
    color: #212121 !important;
}

/* Cookie banner, mobile layout (matches Sara's Figma: stacked + centered).
   The desktop layout keeps text and buttons in a row; on phones that crams
   and clips. Below 767px, stack the text over the buttons and center both.

   2026-09-09 revision. The original block set `max-height: none`, which removed
   HubSpot's own cap and let the banner grow to 422px on a 390x664 phone, 63.6%
   of the viewport. It sat on top of the first form field on the Get a Demo page
   from about 3s after load, so the form could not be started until the banner
   was dismissed. Measured breakdown of the 422px:
     48px  inner padding (24 top + 24 bottom)
     60px  three 20px flex gaps
    112px  #hs-eu-policy-wording
     56px  #hs-eu-cookie-disclaimer
    166px  #hs-eu-confirmation-button-group, stacked as a column

   The height comes from the buttons and the spacing, not the copy, so this
   revision takes it out of those and leaves every word of the consent text
   visible. No legal text is capped, clipped or hidden. Accept and Decline keep
   equal prominence and stay well above the 44px tap target minimum. */
@media (max-width: 767px) {
    #hs-eu-cookie-confirmation {
        max-height: 45vh !important;
    }
    #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner {
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
        text-align: center !important;
        padding: 16px 20px !important;
        max-height: 45vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    #hs-eu-policy-wording, #hs-eu-cookie-disclaimer {
        text-align: center !important;
    }
    /* Buttons: Accept and Decline side by side on one row, settings link below.
       Previously a column, which was the single largest block at 166px. */
    #hs-eu-cookie-confirmation #hs-eu-confirmation-button-group {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        width: 100%;
    }
    #hs-eu-cookie-confirmation #hs-eu-opt-in-buttons {
        flex-direction: row !important;
        justify-content: center !important;
        gap: 10px !important;
        width: 100%;
    }
    #hs-eu-cookie-confirmation #hs-eu-confirmation-button,
    #hs-eu-cookie-confirmation #hs-eu-decline-button {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        max-width: 165px !important;
        padding: 10px 8px !important;
        white-space: nowrap;
    }
    #hs-eu-cookie-settings-button {
        order: 2;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }
}

/* Desktop cookie banner, 2026-09-24. Built to Sara's "Cookies popup redesign", Figma
   7qXvQEZEXW1uFkLcKiccg7, collapsed variant, banner node 579:115 at 1600x170.
   Geometry read off the frame, as offsets inside the banner:
     height 170, padding 33 top / 32 bottom
     text block 796 wide, 200 from the left      live .eu-policy-wrapper max-width:796px  MATCHES
     gap from text to buttons 63                 live #...-inner gap:63px                 MATCHES
     Accept 160x58 at x=1059, Decline 160x58 at x=1240, so a ROW with a 21px gap
       live #hs-eu-confirmation-button, #hs-eu-decline-button max-width:160, height:58     MATCHES
     buttons end at x=1400, 200 from the right, symmetric with the left margin
     "Custom Cookies Settings" on its own line under the buttons, 9px below, right aligned
   Every dimension above already matches the live stylesheet except one: the button group is
   set to flex-direction:column, which stacks Accept over Decline. That single declaration adds
   roughly 80px and drives the bar into its 250px cap, covering the lower third of the demo form.
   So this block changes only the axis, and leaves type, color, button size, padding and the
   63px gap exactly as they already are.
   Scoped to min-width 768px, so the mobile block above 767px is provably untouched.
   Works whether the buttons are direct children of the group or sit inside #hs-eu-opt-in-buttons:
   in both shapes the group becomes a row and the settings link wraps to its own line. */
@media (min-width: 768px) {
    #hs-eu-cookie-confirmation div#hs-eu-confirmation-button-group {
        flex: 0 0 auto !important;
        min-width: 341px !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 21px !important;
    }
    #hs-eu-cookie-confirmation #hs-eu-opt-in-buttons {
        flex-wrap: nowrap !important;
        gap: 21px !important;
    }
    #hs-eu-cookie-confirmation #hs-eu-cookie-settings-button {
        flex: 0 0 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin-top: 9px !important;
        text-align: right !important;
    }
}
.eu-policy-wrapper {
    max-width:796px;
    display: flex !important;
    flex-direction: column;
    gap: 20px;
}

/* cookie settings banner*/
#hs-banner-parent * {
  font-family: 'HCo Gotham SSm', Helvetica !important;
  line-height: 14px !important;
}

#hs-banner-parent #hs-modal {
  height: 365px !important;
  position: fixed !important;
  top:initial !important;
  bottom:0!important;
  width: 100% !important;
  font-family: 'HCo Gotham SSm', Helvetica !important;
  background-color: #F5F5F5 !important;
}
#hs-banner-parent #hs-modal-content {
  background-color: #f5f5f5 !important;
  width:100vw !important;
  max-width:1200px; !important;
  border-radius:0px !important;
  flex-direction: row !important;
  max-height:100% !important;
  padding:30px !important;
  box-shadow:none !important;
}
#hs-modal-content #hs-modal-introduction span {
  font-weight:500 !important;
}
#hs-banner-parent #hs-modal-accept-all {
  background-color: #2F80ED !important;
  color: white !important;
  border: none !important;
  left: 1059px !important;
  top: 253px !important;
border-radius:8px !important;
}
#hs-banner-parent #hs-modal-body-container {
  position:relative !important;
}
#hs-banner-parent #hs-modal-body-container p {
    font-size: 12px !important;
    font-weight: 325 !important;
    line-height: 15px !important;
    color: #212121 !important;
    font-family: 'HCo Gotham SSm' !important;
}
#hs-banner-parent #hs-modal-body::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20px; /* shadow height */
  pointer-events: none;
  box-shadow: 0 10px 20px white; /* large white shadow */
  z-index: 1;
}

#hs-banner-parent #hs-modal-save-settings {
  background-color: transparent !important;
  border: 1px solid #2f80ed !important;
  color: #2f80ed !important;
  left: 1240px !important;
  top: 253px !important;
border-radius:8px !important;
}

#hs-banner-parent #hs-modal-content #hs-modal-footer-container {
    display: flex;
    justify-content: center !important;
    flex-flow: initial !important;
    gap: 21px !important;
    align-items: center !important;
    flex-direction: row !important;
    max-height: 116px !important;
}
#hs-banner-parent #hs-modal-content #hs-modal-footer {
align-items:center!important;
}

#hs-banner-parent #hs-modal-content {
  gap: 60px !important;
}
#hs-banner-parent #hs-modal-content #hs-categories-container .hs-category-row {
  background:transparent !important;
  padding:0 !important;
}
#hs-banner-parent span.hs-always-active-label {
  color:#909090 !important;
}
#hs-banner-parent .hs-category-row .hs-category-label span {
  color:black !important;
}
#hs-banner-parent #hs-modal-content #hs-categories-container .hs-category-label {
  flex-direction:row-reverse !important;
  font-weight:500 !important;
}

#hs-banner-parent #hs-modal-header {
  right:30px !important;
  position:absolute;
  order:2;
}

#hs-banner-parent #hs-modal-introduction {
  color: #212121 !important;
}

#hs-modal-content #hs-categories-container .hs-category-row .hs-toggle-switch.hs-toggle-selected-flag {
    background-color: #2F80ED !important;
    border-color:#2F80ED !important;
}
#hs-modal-content #hs-categories-container .hs-category-row .hs-toggle-switch {
    background-color: #E6E6E6 !important;
    border: 3px solid #E6E6E6 !important;
}
#hs-banner-parent #hs-modal-content #hs-categories-container .hs-category-description.visible {
  margin-top: 15px !important;
}

@media (max-width: 1200px) {
  #hs-banner-parent #hs-modal-content #hs-modal-footer-container {
    flex-direction: column !important;
    max-height: initial !important;
  }
    #hs-banner-parent #hs-modal-content {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
  #hs-banner-parent #hs-modal-header {
    right:5% !important;
  }
}