/* @import url('http://example.com/example_style.css'); */
@import url('https://use.fontawesome.com/releases/v5.8.1/css/all.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

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

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

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

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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




/* HTML 5 Reset */

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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




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


@font-face {
    font-family: 'Avenir Next';
    src: url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Regular.eot');
    src: url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Regular.woff2') format('woff2'),
        url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Regular.woff') format('woff'),
        url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Regular.ttf') format('truetype'),
        url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Medium.eot');
    src: url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Medium.woff2') format('woff2'),
        url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Medium.woff') format('woff'),
        url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Medium.ttf') format('truetype'),
        url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Bold.eot');
    src: url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Bold.woff2') format('woff2'),
        url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Bold.woff') format('woff'),
        url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Bold.ttf') format('truetype'),
        url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Fonts/AvenirNext-Bold.svg#AvenirNext-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}




 
 

/*  color */









*{box-sizing: border-box;outline: none; padding: 0; margin: 0;}
body{ font-family: Open Sans , sans-serif; color:#000000 ; margin: 0; padding: 0; font-size: 20px; line-height: 32px; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}

h1,h2,h3,h4,h5,h6{font-weight: normal; line-height: normal; padding: 0; margin: 0; color: #474747 ; font-family:; font-weight: 500; }
h1 { font-size: 50px; line-height: 60px; letter-spacing: 1px; font-weight: 700; margin-bottom: 30px; }
h2 { font-weight: bold; font-size: 38px; line-height: 52px; letter-spacing: 1px; margin-bottom: 28px; }
h3 { font-size: 38px; line-height: 52px; letter-spacing: 1px; font-weight: 700; }
h4{color:#515151;font-size:16px;font-weight:700;text-transform:uppercase;margin-bottom:20px; }
li,ul{list-style-type: none; padding: 0; margin: 0;}
p { margin-bottom: 15px; }
a,button{text-decoration: none;  
  -webkit-transition: ease 0.30s;
  -moz-transition: ease 0.30s;
  -o-transition: ease 0.30s;
  -ms-transition: ease 0.30s;
  transition: ease 0.30s;
 }
a:focus{text-decoration: none;}
a:hover{text-decoration: none; color:inherit;}
img{vertical-align: middle; max-width: 100%;}

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
{color:#444444; width:100% !important;-webkit-appearance: none; -webkit-border-radius: 0;   border:none; padding:0 10px;line-height:38px;height:40px;  font-size:16px;border: 1px solid #ccc;}
select {color:#4FA7E0; text-transform: uppercase; border-color: #4FA7E0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; background-repeat:no-repeat; background-position: right 12px center; letter-spacing: 0.1rem;}

textarea{min-height: 100px;}
input[type="submit"]{font-weight:800;color:#fff; cursor:pointer; -webkit-appearance: none;width: auto; border-radius:0px; border:none; box-sizing:border-box; background-color:#b6b9a4; padding:14px 15px;line-height:22px; font-size:16px; display: inline-block;padding: 15px 70px;height: auto;line-height: normal;text-transform: uppercase;}
input[type="submit"]::-moz-focus-inner{border: 0;}
input[type="submit"]:hover{background-color:#bfc885;}
select option{padding:3px 10px; font-size: 16px;}
  
select * { background-color:#000;  color:#FFF;  line-height: 20px; text-transform: capitalize; }
ul,li{list-style:none;}
.row-fluid [class*="span"] { min-height: 0; }
::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.5);}
:-moz-placeholder{color:rgba(0, 0, 0, 0.5);opacity:1;}
::-moz-placeholder{color:rgba(0, 0, 0, 0.5);opacity:1;}
:-ms-input-placeholder{color:rgba(0, 0, 0, 0.5);}


/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none;    -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus,.slick-slide:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);   -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,.slick-track:after { display: table; content: ''; } 
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none; }

/* Dots */
.slick-slider { margin-bottom: 50px; }
.slick-dots {  position: relative;  bottom:0; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 8px; padding: 0; cursor: pointer; }
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #ffffff;
    border-radius:100%;
    opacity:1;
    border: 2px solid #1fa2ff;
    }
.slick-dots li button:hover,.slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-size: 8px; line-height: 8px;  position: absolute; top: 0; left: 0; width: 8px; height: 8px; content: ''; text-align: center;
opacity: 1; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button {opacity: 1;background: #1fa2ff;}
 
/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%;
 display: block; width: 19px; height: 63px; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); padding: 0; cursor: pointer;
color: transparent; border: none; outline: none; background: transparent; z-index:9; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {  }
.slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: white; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; font-family: 'FontAwesome'; }
.slick-prev { left: 0px; }
.slick-prev:before {content: "\f104";color: #1fa2ff;font-size:40px;background:url() no-repeat;display:inline-block;background-size:100%;}
.slick-next { right: 0px; }
.slick-next:before {content: "\f105";color: #1fa2ff;font-size:40px;background:url() no-repeat;display:inline-block;background-size:100%;}



.row-fluid .wrapper[class*="span"] , .wrapper { max-width: 1170px; margin: 0 auto; padding: 0 15px ; float: none; width:100%; }

.flex-container.bottom>.row-fluid-wrapper>.row-fluid, .flex-container.bottom { -webkit-box-align: flex-end; -moz-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; }
.flex-container.center>.row-fluid-wrapper>.row-fluid, .flex-container.center { -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flex-container>.row-fluid-wrapper>.row-fluid, .flex-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.textcenter{text-align:center ; }
.textleft{text-align:left ; }
.textright{text-align:right ; }
.uppercase{text-transform: uppercase;}

.slick-slide a:focus { outline: none; border: none; }
.bgmain{ background-size: cover; background-position: center; }

.row-fluid .header-section { position: absolute; left: 0; right: 0; z-index: 99; padding: 40px 0 20px ;    }
.row-fluid .logo { width: 165px; }
.row-fluid .header-right { margin: 0; width: calc(100% - 165px); text-align: right; }
.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { color: #fff; padding: 0; line-height: normal; white-space: normal; max-width: none; letter-spacing: 1px; font-weight: 600; }
.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover { color: #1fa2ff; }
.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li { padding: 0 20px;  }

.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > a { color: #1fa2ff; }
.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { background: #1fa2ff; width: 250px; top: 100%;  
  -webkit-transform: all 0.5s;
  -moz-transform: all 0.5s;
  -o-transform: all 0.5s;
  -ms-transform: all 0.5s;
  transform: all 0.5s;
; }
.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { font-size: 14px; text-align: left; max-width: 100%; white-space: normal; width: 100%; overflow: visible; padding: 14px 20px; border-bottom: 1px dashed #fff; }
.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li { padding: 0; }
.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a { border-bottom: none; }
.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { color: #1a2980; background-color: #fff; }
.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a { padding-top: 18px; padding-bottom: 18px; }

.row-fluid .main-menu, .row-fluid .header-section .cta-btn { display: inline-block; float: none; width: auto; vertical-align: middle; }
.row-fluid .main-menu, .row-fluid .footer-section .cta-btn { display: inline-block; float: none; width: auto; vertical-align: middle; }
.row-fluid .main-menu > div { line-height: 0; }
.row-fluid .header-section .cta-btn > div { line-height: 0; }
.row-fluid .header-section .cta-btn a { font-size:15px; }
.row-fluid .footer-section .cta-btn > div { line-height: 0; }
.row-fluid .footer-section .cta-btn a { font-size:15px; }
.cta-btn a { background: #1FA2FF; color: #fff; font-size: 24px; line-height: 20px; padding: 12px 18px; display: inline-block; font-weight: 600; box-shadow: 0 5px 10px -4px rgba(0, 0, 0, 0.49); position: relative; z-index: 1; overflow: hidden; }
.cta-btn a:after { content: ""; background: #332a5b; position: absolute; left: 20px; right: -30px; top: 0; bottom: 0; z-index: -1; transition: all 0.5s; transform: skewX(-48deg) translateX(100%); opacity: 0; }
.cta-btn a:hover:after { transform: skewX(0deg) translateX(0%); opacity: 1; left: 0; }
.cta-btn-2 a { font-size: 26px;padding: 25px 30px; }

.row-fluid .hero-section { position: relative; z-index: 1; }
.row-fluid .hero-section .flex-container >.row-fluid-wrapper > .row-fluid { min-height: 100vh;padding: 164px 0 100px ;}
.row-fluid .hero-section .hero-bg { position: absolute; left: 0; right: 0; top: 0%; bottom: 0; height: 100%; z-index: -1;   background-image: url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Images/Background-min.png'); background-size: 100% 100%; background-repeat: repeat; background-position: center; }
.row-fluid .hero-caption { width: 50%; }
.row-fluid .hero-title h1 { color: #fff; }
.row-fluid .hero-image { width: 50%; margin: 0; }
.row-fluid .hero-image img { max-width: 800px; margin-left: 20px; object-fit: contain; height: auto;  width:auto; }
.row-fluid .hero-image .image-with-box { width: auto; }
.row-fluid .hero-image .section-image { width: auto; }
.row-fluid .hero-text { color: #fff; font-size: 24px; line-height: 40px; }

.hero-text ul { padding: 28px 0 30px 30px; }
.hero-text ul li:before { content: ""; width: 35px; height: 35px; background-image: url(https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Images/check-icon.svg); display: block; position: absolute; left: 0; top: 0; } 
.hero-text ul li { position: relative; padding-left: 50px; margin-bottom: 20px; }

.row-fluid .present-propose-text h1 { color: #fff; margin-bottom: 0; font-weight: 600; }
.row-fluid .present-propose-text { padding: 40px 0 0; }

.row-fluid .grow-business-section { padding: 80px 0 160px; overflow: hidden; }
.grow-business-col { width: 33.3333%; padding: 0 30px; display: inline-block; margin: 0 -2px; vertical-align: top; }
.grow-business-list { text-align: center; margin: 0 -30px; }
.grow-business-icon img { width: 100%; max-width: 140px; object-fit: contain; }
.grow-business-icon { min-height: 185px; display: flex; align-items: center; justify-content: center; }

.row-fluid .join-pros-section { position: relative; z-index: 1; }
.row-fluid .join-pros-section .wrapper > .row-fluid-wrapper > .row-fluid{ min-height: 65vh; padding: 150px 0 140px; }
.row-fluid .join-pros-section:before { content: ""; background-image: url(https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Images/join-the-pros.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }
.row-fluid .join-pros-right { padding-left: 24px; color: #fff; }
.row-fluid .join-sub-title { font-weight: bold; font-size: 27px; line-height: 36px; }
.row-fluid .take-sales-title h3 { color: #fff; margin-bottom: 20px; }
.row-fluid .take-sales-text ul li { position: relative; text-indent: -42px; font-weight: 400; font-size: 24px; line-height: 38px; margin-bottom: 20px; }
.row-fluid .take-sales-text ul li:before { content: "»"; position: relative; bottom: 2px; margin-right: 9px; }
.row-fluid .take-sales-text ul { padding-left: 46px; }
.row-fluid .join-hundreds-title { font-size: 32px; line-height: 43px; text-align: center; letter-spacing: 1px; color: #fff; margin-bottom: 40px; margin-top: 50px; font-weight: 600; }
.row-fluid .join-pros-image img { object-fit: cover; width: 100%; height: 490px; }
.schedule-cta a { padding: 23px 20px; }
.schedule-cta { text-align: center; }

/*  */
.testimonial-section { width: 100%; float: left; padding: 180px 0 60px; }
.testimonial-section .wrapper { max-width: 1085px; }
.testimonial-box {width: 33.3333%;float: left;padding:0px 34px;position: relative;  
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
; }
.testimonial-list {margin: 0 -40px;}
.testimonial-icon img {width: 99px;height: 77px;}
.testimonial-box a {display: block;text-align: center;color: #32325D;border: 4px solid #474747;padding: 20px 20px 20px;}
.testimonial-content .person-bio { font-size: 23px; line-height: 31px; font-weight: 700; margin-bottom: 18px; }
.testimonial-content .person-name { font-weight: 300; font-size: 20px; line-height: 28px; }
.testimonial-icon {width: 100%;max-width: 160px;margin: -81px auto 40px;position: relative;z-index: 1;}

.testimonial-box:hover {   
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
 }
.testimonial-box a:after { content: ""; position: absolute; left: 14px; right: 14px; top: -24px; bottom: -24px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); z-index: -1; opacity: 0; visibility: hidden;  
  -webkit-transition:  all 0.5s ;
  -moz-transition:  all 0.5s ;
  -o-transition:  all 0.5s ;
  -ms-transition:  all 0.5s ;
  transition:  all 0.5s ;
; }
.testimonial-icon:after { content: ""; background: #fff; position: absolute; left: 0; right: 0; bottom: 0; height: 42px; z-index: -1; }
.testimonial-box:hover a:after { opacity: 1; visibility: visible; }

/*  */
.row-fluid .product-features-section { padding: 70px 0 40px; }
.row-fluid .product-features-section .product-features-caption { width: 100%; max-width: 770px; margin: 0 auto; float: none; }
.row-fluid .product-features-section .product-features-caption h2 { margin-bottom: 20px; }

.image-with-section { padding: 60px 0 0; width: 100%; float: left; }
.image-with-box { width: 100%; float: left; position: relative; z-index: 1; margin: 100px 0; min-height: 30vh; }
.image-with-box:first-child{margin-top:0;}
.image-with-box .image-with {position: absolute;left: 0;z-index: -1;width: calc((150% - -580px ) / 2);}
.image-with-box .image-with img { width: 100%; height: 100%; }
.image-with-box .wrapper { display: flex; align-items: center; }
.image-with-box .image-with-content { width: 52%; padding-right: 50px; }
.image-with-box .section-image { width: 48%; text-align:right; position: relative; }
.image-with-box.left .section-image{text-align:left;}
.image-with-content h3 { font-size: 27px; line-height: 37px; letter-spacing: 0.5px; margin-bottom: 10px; }
.image-with-content .image-with-text { font-weight: 400; font-size: 20px; line-height: 28px; margin-bottom: 20px; }
.section-image .play-btn { position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

.thumbnail-hide img.video-thumbnail { display: none !important; }
.thumbnail-hide .bg-img-video-thumbnail {  width: 100%; object-fit: contain;}

.image-with-box.left .wrapper { flex-direction: row-reverse; }
.cta-wrap > div { display: inline-block; vertical-align: middle; margin-right: 50px; line-height: 0; }
.cta-wrap .cta-btn-2 a { padding: 20px 50px; font-size: 24px; }
.watch-video a { font-size: 24px; line-height: 30px; color: #1fa2ff; font-weight: 600; }
.watch-video a:hover { color: #332660; }

.watch-video a:before { content: "\f04b"; font-family: FontAwesome; margin-right: 20px; }
.cta-wrap .watch-video { margin-right: 0; }
.cta-wrap { margin-top: 60px; }
.video-code { width: 100%; }
.image-with-box .wrapper.left .image-with-content { padding-right: 0; padding-left: 50px; }
.image-with-box.left .image-with-content { padding-right: 0; padding-left: 80px; }
.image-with-box .image-with.right {  right: 0; left: auto; }
.section-image img { width: 100%; object-fit: cover; height: 310px; }

.row-fluid .cta-strip-section { background: url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Images/purple.png') no-repeat; padding: 109px 0; min-height: 278px; background-position: center 48%; background-size: 110%; }
.cta-btn-inner a { padding: 20px 48px; }

.row-fluid .difference-section {  padding: 145px 0 80px;}
.sales-builder-box { width: 33.33333%; display: inline-block; margin: 0 -2px 50px; vertical-align: top; padding: 0 14px; }
.sales-builder-content { padding: 70px 30px 31px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
.sales-builder-total { font-weight: 700; font-size: 90px; line-height: 122px; color: #1FA2FF; margin-bottom: 12px; }
.sales-builder-icon { width: 130px; height: 130px; border-radius: 50%; background: #1FA2FF; position: relative; text-align: center; margin: 0 auto -63px; }
.sales-builder-icon img { width: 100%; max-width: 50px; position: absolute; top: 50%; left: 0; right: 0; margin: auto;  
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
; }
.row-fluid .difference-section .title { margin-bottom: 54px; }


.steps-becoming-content { width: 48%; padding-right: 90px; }
.steps-becoming-content h5 { color: #65BA1C; font-weight: bold; font-size: 26px; line-height: 37px; text-transform: uppercase; }
.steps-becoming-box .step-image { width: 55%; text-align: right; position: relative;  }
.steps-becoming-box { padding: 130px 0 140px 130px; position: relative; }
.steps-becoming-box .step-image img { height: 370px; object-fit: contain; object-position: right; margin: auto; display: inline-block; }
.steps-becoming-content h3 { margin-bottom: 16px; }
.steps-becoming-box:nth-child(2n) { flex-direction: row-reverse; padding-right: 140px; padding-left:0;  }
.steps-becoming-box:nth-child(2n) .step-image { text-align: left; }
.steps-becoming-box:nth-child(2n) .step-image img { object-position: left; }
.steps-becoming-box:nth-child(2n) .steps-becoming-content { padding-right: 0; padding-left: 86px; }
.row-fluid .steps-becoming-section:before { content: ""; height: 50px; width: calc((100% - -1130px) / 2); background: #F1F1F1; display: block; position: absolute; right: 0; top: 0; }
.row-fluid .steps-becoming-section:after { content: ""; width: 50px; background: #F1F1F1; display: block; position: absolute; bottom: 0; top: 0; left: calc((100% - 1142px) / 2); z-index: -1; height: 30%; }
.row-fluid .steps-becoming-section { position: relative; padding-top: 120px; overflow: hidden; }
.steps-becoming-box:before { width: 50px; display: block; position: absolute; left: -1px; top: -50px; bottom: 0; }
.steps-becoming-box:after, .steps-becoming-box:before { content: ""; background: #F1F1F1; }
.steps-becoming-box:after { height: 50px; display: block; position: absolute; left: 0; bottom: 0; top: auto; right: 0; }
.steps-becoming-box:nth-child(2n):before { right: 0; left: auto; top: 0; }
.row-fluid .steps-becoming-section .title { padding-left: 230px; }
.row-fluid .steps-becoming-section .title h2 { font-size: 50px; letter-spacing: 1px; line-height: 70px; margin-bottom: 0; }
.steps-becoming-box:first-child { padding-top: 110px; }
/* .steps-becoming-box:first-child:before { top: -190px; } */
.steps-becoming-box:last-child:after { opacity: 0; }
.steps-becoming-box:last-child {  padding-bottom: 120px; }
.steps-becoming-content:before { content: ""; background-image: url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Images/Group.svg'); width: 120px; height: 120px; display: block; position: absolute; left: -36px; top: 130px; }
.steps-becoming-box:nth-child(2n) .steps-becoming-content:before { left: auto; right: -35px; top: auto; bottom: 170px; }
.steps-becoming-content.steps-becoming-full { width: 100%; max-width: 980px; }

.play-btn { width: 88px; height: 88px; display: table; background: #1fa2ff; color: #fff; border-radius: 100%; text-align: center; font-size: 65px; vertical-align: middle; }
.play-btn i { display: table-cell; vertical-align: middle; position: relative; right: -5px; }
.step-image .play-btn { position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; }

/*  fancybox */
.fancybox-is-open .fancybox-bg { background-color: rgba(31, 162, 255, 0.46); }
.fancybox-inner { padding: 0; width: 100%; max-width: 1000px; margin: auto; float: none; height: 680px; }
.fancybox-inner .fancybox-slide { padding: 0; }
.fancybox-inner button.fancybox-button { background: #1fa2ff; color: #fff; }

.text-white { color: #fff; }
.text-white h2 { color: #fff; }
.cta-strip-section h2 { margin-bottom: 50px; }
.row-fluid .transform-section { background-color: #332660; padding: 79px 0; }

.row-fluid .steps-checklist-section { padding: 130px 0 150px; position: relative; }
.row-fluid .steps-checklist-left { width: 100%; max-width: 870px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); padding: 30px 10px 45px 27px; position: relative; z-index: 3; margin-top: 260px; }
.row-fluid .ebook { margin: 0 0 0 -21%; width: 44%; }

.list-style ul li:before { content: "\f058"; font-family: "Font Awesome 5 Free"; font-size: 28px; position: absolute; left: 0; color: #65BA1C; top: 0px; }
.list-style ul { padding-left: 34px; }
.list-style ul li { position: relative; padding-left: 40px; margin-bottom: 8px; }
.row-fluid .sub-text { margin-bottom: 54px; }

.row-fluid .footer-section { position: relative; color:#fff; font-size:18px; padding:120px 0 15px; }
.footer-wrapper > .row-fluid-wrapper>.row-fluid { min-height: 42vh; }
.row-fluid .footer-section:before { content: ""; background-image: url('https://cdn2.hubspot.net/hubfs/2128896/Imobile-Support-2019/Images/Footer%20bkg.png'); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }
.row-fluid .footer-section a{color:#fff;}
.row-fluid .footer-section a:hover { color: #1fa2ff; }
.row-fluid .footer-logo .widget-type-linked_image img{margin-bottom:30px;}
.row-fluid .footer-logo p{margin-bottom:24px;}
.footer-menu .hs-menu-wrapper.hs-menu-flow-vertical  ul li a{max-width:none;white-space:normal;padding:0;font-size:22px;font-weight:700;line-height:50px;}
.row-fluid .footer-menu{width:18%;margin:26px 0 0;}
.footer-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li{margin-bottom:20px;}
.row-fluid .footer-logo{margin-right:3%;}
.row-fluid .footer-subscription{width:32%;margin-left:3%;margin-top:36px;}
.row-fluid .footer-subscription h3{font-weight:700;font-size:22px;line-height:30px;color:#fff;letter-spacing:normal;margin-bottom:20px;}
.row-fluid .footer-menu + .footer-menu{width:20%;}
.row-fluid .footer-subscription .hs-form-field > label{display:none;}
.row-fluid .footer-subscription .hs-form-field input{ height:64px; border:none; background:#fff; color:#000; width:calc(100% - 65px)!important; font-weight: 600; font-family: Open Sans , sans-serif ;  }
.row-fluid .footer-subscription form{position:relative;}
.row-fluid .footer-subscription form .actions{position:absolute;top:8px;right:0;}
.row-fluid .footer-subscription form .actions input.hs-button{font-size:0;width:50px;height:50px;padding:0;border-radius:100%;background:#1FA2FF;cursor:pointer; min-width:auto;}
.row-fluid .footer-subscription form .actions:before{content:"\f0da";font-family:FontAwesome;font-size:24px;position:absolute;right:0;left:4px;margin:auto;height:25px;top:0;bottom:0;line-height:normal;text-align:center;pointer-events:none;}
.row-fluid .footer-subscription .hs-form-field .input{margin-bottom:12px;}
.row-fluid .footer-subscription .inputs-list label{font-size:14px;}

.social-icon li { display: inline-block; padding-left: 24px; }
ul.social-icon { text-align: right; margin-top: -56px; float:right; }
.social-icon li a { font-size: 36px; }

.cta-btn-hover a:after { background: #fff; }
.cta-btn-hover a:hover { color: #332660; }

.fancybox-can-swipe .fancybox-content { padding: 0; }
.ebiz-toggle { display: none; }

/*  */
.text-white h1 { color: #fff; }
.row-fluid .competition-text { font-size: 24px; line-height: 38px; }
.competition-text p { margin-bottom: 30px; }
.competition-text ul li { margin-bottom: 20px; }

/*  */
.row-fluid .competition-text {padding-right: 50px;padding-bottom: 40px;}
.row-fluid .hero-competition-section h1 { margin-bottom: 50px; }
.row-fluid .form-sec { background: #fff; color: #474747; margin: 0 0; padding: 38px 20px 70px; margin-bottom: -100%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);  }
.row-fluid .form-sec h3 { color: #332660; margin-bottom: 16px; }
.hs-form .form-columns-2 .hs-form-field { width: 50% !important; }
.hs-form .hs-form-field .input { margin: 0 !important; }
.hs-form .hs-form-field.hs-company { width: 50%; }
.hs-form .hs-form-field > label { font-size: 18px; margin-bottom: 8px; display: block; color: #000000; }
.hs-form fieldset { max-width: none !important; margin: 0 -15px 40px !important; }
.hs-form  .hs-form-field { padding: 0 15px; }
.hs-form .hs-form-field .hs-input { border: 1px solid #474747; height: 55px; border-radius: 4px; }
.hs-form .inputs-list input[type="checkbox"] { width: auto; height: auto; opacity: 0; display: block; }
.hs-form .inputs-list li { display: inline-block; margin-right: 25px; }
.hs-form .inputs-list input[type="checkbox"] + span { position: relative; color: #474747; font-size: 18px; display: block; padding-left: 34px; }
.hs-form .inputs-list input[type="checkbox"] + span:before { content: ""; width: 20px; height: 20px; border: 1px solid #474747; display: block; position: absolute; left: 0; top: 5px; font-size: 0px; transition: all 300ms; }
.hs-form .hs-partner_hvac_distributors .inputs-list li { width: 50%; margin: 0 -2px; vertical-align: top; }
.hs-form .inputs-list input[type="checkbox"]:checked + span:before { content: "\f00c"; font-family: 'FontAwesome'; line-height: 20px; font-size: 14px; text-align: center; }
.hs-submit input.hs-button { background: #1FA2FF; font-size: 26px; font-family: Open Sans, sans-serif; font-weight: 600; padding: 16px 36px; margin: 15px; min-width: 280px;  
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
; }
.hs-submit input.hs-button:hover { background: #1a2980; }
.inputs-list li > label { font-size: 13px; }
.submitted-message { text-align: center; background-color: #1a2980; padding: 8px 30px; color: #fff; font-size: 14px; }

.row-fluid .cta-strip-v2-section { min-height: auto; padding: 100px 0; }
.grow-title h1 { margin-bottom: 0; font-size: 70px; }
.demo-content { width: 40%; font-size: 25px; font-weight: 600; }
.demo-content strong { margin-bottom: -10px; display: block; font-weight: 600; line-height: 38px; }
.row-fluid .content-section { padding: 70px 0 300px; }

.row-fluid .header-demo { position: absolute; z-index: 999; padding: 40px 0 0; }
.logo-sec img.hs-image-widget { max-width: 170px; }


/*  01-05-2019 */
.row-fluid .hero-section.v2 { }
.row-fluid .hero-section.v2 .contain-wrapper { padding: 0 0 70px; }
.row-fluid .hero-section.v2 .contain-wrapper > div > div > div { width: 50%; float: none; display: inline-block; margin: 0 -3px; padding: 0 15px; vertical-align: top; }
.row-fluid .hero-section.v2 .contain-wrapper > div > div { margin: 0 -15px; width: auto; }
.row-fluid .hero-section.v2 .image-with-section { padding: 0; }
.row-fluid .hero-section.v2 .image-with-section .image-with-box { margin: 0; }
.row-fluid .hero-section.v2 .image-with-section .section-image { width: 100%; }
.row-fluid .hero-section.v2 .contain-wrapper h1 { padding: 0 0 60px; }

/* */
.row-fluid .PFeatures-Section{padding:90px 0 90px;}
.row-fluid .PFeatures-Section .wrapper{}
.row-fluid .PFeatures-Section .slidebar{position:sticky;top:30px;}
.row-fluid .PFeatures-Section .slidebar .box-wrapper{}
.row-fluid .PFeatures-Section .slidebar .box-wrapper .single-box{padding:25px 15px;border:1px solid #E8E8E8;border-radius:1.5px;margin-bottom:20px;}
.row-fluid .PFeatures-Section .slidebar .box-wrapper .single-box h5{font-weight:700;font-size:20px;}
.row-fluid .PFeatures-Section .slidebar .box-wrapper .single-box .text{font-size:12px;line-height:18px;}
.row-fluid .PFeatures-Section .slidebar a.cta_button{width:100%;box-sizing:border-box!important;margin:20px 0 15px;}
.row-fluid .PFeatures-Section .slidebar .widget-type-text{font-size:12px;line-height:18px;padding:0 0 0;}
.row-fluid .PFeatures-Section .contain{}
.row-fluid .PFeatures-Section .contain .widget-type-header{}
.row-fluid .PFeatures-Section .contain .text-2{padding:10px 0 0;}
.row-fluid .PFeatures-Section .contain .text-2 ul{column-count:3;}
.row-fluid .PFeatures-Section .contain .text-2 ul:after{content:'';display:table;clear:both;}
.row-fluid .PFeatures-Section .contain .text-2 ul li{font-weight:600;font-size:18px;line-height:20px;padding:0 30px 0 30px;position:relative;margin-top:20px;width:100%;float:none; display:inline-block; }
.row-fluid .PFeatures-Section .contain .text-2 ul li:before{content:"\f05d";font-family:fontawesome;color:#65BA1C;font-weight:100;position:absolute;left:0;top:1px;font-size:18px;}
.row-fluid .PFeatures-Section .contain .accordion-box-wrapper{padding:50px 0 0;}
.row-fluid .PFeatures-Section .contain .accordion-box{}
.row-fluid .PFeatures-Section .contain .accordion-title{position:relative;cursor:pointer;}
.row-fluid .PFeatures-Section .contain .accordion-title h4{padding:15px 0;padding-right:50px;margin:0;font-weight:600;font-size:20px;line-height:32px;}
.row-fluid .PFeatures-Section .contain .accordion-box{border-top:4px solid #D8D8D8;}
.row-fluid .PFeatures-Section .contain .accordion-title:before,.row-fluid .PFeatures-Section .contain .accordion-title:after{content:'';height:15px;width:2px;background:#1fa2ff;position:absolute;right:25px;top:0;bottom:0;margin:auto 0;transition:all 0.3s ease;}
.row-fluid .PFeatures-Section .contain .accordion-title:before{transform:rotate(90deg);}
.row-fluid .PFeatures-Section .contain .accordion-title.active:after{transform:rotate(90deg);}
.row-fluid .PFeatures-Section .contain .text{column-count:2;padding-bottom:60px;}
.row-fluid .PFeatures-Section .contain .text:after{content:'';display:table;clear:both;}
.row-fluid .PFeatures-Section .contain .single-text{float:none; display:inline-block;width:100%;padding:0 30px 0 30px;position:relative;margin-top:25px;font-weight:normal;font-size:18px;line-height:26px;clear:both;padding-bottom:0;}
.row-fluid .PFeatures-Section .contain .single-text:before{content:"\f05d";font-family:fontawesome;color:#979797;font-weight:100;position:absolute;left:0;top:1px;font-size:18px;}
.row-fluid .PFeatures-Section .contain .single-text a{color:#1fa2ff;border-bottom:1px solid;} 

.row-fluid .Sales-Section { }
.row-fluid .Sales-Section .wrapper > .row-fluid-wrapper > .row-fluid { padding: 230px 0 170px;}
.row-fluid .Sales-Section:before{ background-image:url(https://cdn2.hubspot.net/hubfs/2128896/Imobilesupport-April2019/Layer%202_1.png); }
.row-fluid .Sales-Section .section-image { width: 100%; padding-right: 30px; }
.row-fluid .Sales-Section .image-with-section { padding: 0; }
.row-fluid .Sales-Section .image-with-box { margin: 0; min-height:auto; }
.row-fluid .Sales-Section  h2 { color: #fff; padding: 0 0 60px; }

.row-fluid .BPro-Services { position: relative; text-align: center; padding: 40px 0 150px; margin: 40px 0 0; }
.row-fluid .BPro-Services .leaf { position: absolute; top: 0; max-width: 83%; }
.row-fluid .BPro-Services .wrapper { position: relative; z-index: 1; }
.row-fluid .BPro-Services .wrapper > div { max-width: 780px; margin: 0 auto; }
.row-fluid .BPro-Services .spro-service { padding: 50px 0 0; }
.row-fluid .BPro-Services .spro-service:after { content: ''; display: table; clear: both; }
.row-fluid .BPro-Services .spro-service .single-service { width: 50%; float: left; padding: 0 40px; }
.row-fluid .BPro-Services .spro-service .single-service img { max-width: 100px; object-fit: contain; height: auto !important; }
.row-fluid .BPro-Services .spro-service .single-service .text { font-weight: bold; font-size: 27px; line-height: 40px; color: #474747; margin: 30px 0 0; }

.row-fluid .CaseStudies-Section { padding: 70px 0 60px; text-align: center; }
.row-fluid .CaseStudies-Section .case_studies_slider { padding-top: 40px; }
.row-fluid  .case_studies_slider .single-slide { }
.row-fluid .case_studies_slider .single-slide .inner { padding: 0px 20px; max-width: 800px; margin: 0 auto; text-align: left; }
.row-fluid .case_studies_slider  img { margin: 0 auto; background: #fff; margin-top: -40px; padding: 0 25px; height: auto !important; }
.row-fluid .case_studies_slider .single-slide > div { border: 5px solid #474747; margin-top: 60px; }
.row-fluid .case_studies_slider h4 { font-size: 27px; line-height: 33px; color: #000000; padding: 70px 0 0; }
.row-fluid .case_studies_slider .text { font-size: 20px; line-height: 32px; color: #000000; }
.row-fluid .case_studies_slider .counter-wrapper { text-align: center; padding: 60px 0 110px; }
.row-fluid .case_studies_slider .counter-wrapper .single-counter { display: inline-block; width: 25%; margin: 0 -2px; vertical-align: top; padding: 0 15px; }
.row-fluid .case_studies_slider .number { font-size: 70px; line-height: 84px; font-weight: bold; color: #65BA1C; display: inline-block; }
.row-fluid .case_studies_slider .number:after { content: '%'; }
.row-fluid .case_studies_slider .number-title { font-size: 16px; line-height: 21px; padding: 12px 0 0; }
.row-fluid .case_studies_slider ul.slick-dots { padding: 30px 0 0; }


/* */
.row-fluid .cta-strip { position: relative; padding: 180px 0 420px; margin-bottom: -320px; }
.row-fluid .cta-strip:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: url(https://cdn2.hubspot.net/hubfs/2128896/Imobilesupport-April2019/Layer_last.png); background-size: 100% 100%; }
.row-fluid .cta-strip > div { position: relative; z-index: 1; }
.row-fluid .cta-strip h2 { margin: 0; font-weight: bold; font-size: 70px; line-height: 84px; color: #000; }
.row-fluid .cta-strip .cta-btn { padding-top: 70px; }

.row-fluid .hero-section.v2 .flex-container >.row-fluid-wrapper > .row-fluid { min-height: auto; }
.row-fluid .hero-section.v2 { padding-top: 80px; }
.row-fluid .hero-section.v2 .hero-bg { background-image: url(https://cdn2.hubspot.net/hubfs/2128896/Imobilesupport-April2019/Bkg%20image.png); }


@media (max-width:1600px){

/*  home Page  responsive */
  .header-section .cta-btn a { padding: 12px 18px; }
  .footer-section .cta-btn a { padding: 12px 18px; }
  .row-fluid .hero-section .flex-container >.row-fluid-wrapper > .row-fluid { padding: 164px 0 70px; } 
  .row-fluid .hero-image img { max-width: 600px; margin-left:0; }
  .row-fluid .hero-caption { padding-right: 20px; }
  .row-fluid .hero-text { font-size: 20px; line-height: 33px; }
  .hero-text ul { padding: 0 0 30px 30px; }
  .cta-btn a { font-size: 18px; padding: 18px 24px; }
  .hero-text ul li { margin-bottom: 10px; padding-left: 40px; }
  .hero-text ul li:before { width: 24px; height: 24px; background-size: contain; background-position: center; top: 8px; }

  .row-fluid .present-propose-text h1 { font-size: 34px; }
  .row-fluid .present-propose-text { padding-top: 10px; }
  .row-fluid .grow-business-section { padding: 60px 0 90px; }
  .testimonial-section { padding: 150px 0 60px; }
  .row-fluid .product-features-section { padding: 50px 0 0px; }
  .image-with-box { margin: 40px 0; }
  .cta-wrap .cta-btn-2 a { padding: 18px 30px; font-size: 18px; }
  .watch-video a { font-size: 18px; }
  .cta-wrap > div { margin-right: 30px; }
  .cta-wrap { margin-top: 39px; }
  .section-image img { width: 100%; max-width: 570px; object-fit: contain; height:auto; }
  .row-fluid .cta-strip-section { background-color: #332660; min-height: auto; padding: 81px 0; }
  .image-with-section { padding: 30px 0 0; }
  .row-fluid .difference-section { padding: 90px 0 50px; }
  .sales-builder-total { font-size: 68px; line-height: 92px; }
  .sales-builder-content { font-size: 16px; line-height: 29px; }
  .row-fluid .difference-section .title { margin-bottom: 24px; }
  .row-fluid .steps-becoming-section .title { padding-left: 121px; }
  .steps-becoming-box { padding: 130px 0 140px 130px; }
  .steps-becoming-box { padding: 130px 0 120px 130px; }
  .steps-becoming-box:first-child { padding-top: 70px; }
  .row-fluid .steps-becoming-section .title h2 { font-size: 40px; }
  .row-fluid .steps-becoming-section { padding-top: 90px; }
/*   .steps-becoming-box:first-child:before { top: -160px; } */
  .steps-becoming-box:nth-child(2n) { padding-top: 70px; }
  .steps-becoming-box:last-child { padding-bottom: 90px; }
  .image-with-box .image-with { width: 100%; }
  .row-fluid .steps-checklist-section { padding: 70px 0 110px; }
  .row-fluid .footer-section { padding-top: 160px; }
  
  
}


@media (max-width:1360px){
  .row-fluid .hero-image img { width: 100% !important; }
  
  /* */
  .row-fluid .competition-text{font-size:20px;line-height:30px;}
  .row-fluid .form-sec h3{font-size:34px;}
  .hs-form fieldset{margin:0 -15px 18px!important;}
  .row-fluid .form-sec{padding:18px 20px 40px;}
  .hs-form .hs-form-field .hs-input{height:45px;}
  .row-fluid .content-section{padding:70px 0 170px;}
  .grow-title h1{font-size:44px;}
    
}

@media (max-width:1199px){
  .row-fluid .wrapper[class*="span"] , .wrapper { max-width:962px ;}
  
  
/*  home Page  */
  h2 { font-size: 30px; margin-bottom: 20px; line-height: 42px; }
  body { font-size: 16px; line-height: 26px; }
  .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { font-size: 16px; }
  .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li { padding: 0 10px; }
  .row-fluid .header-section { padding: 31px 0 20px; }
  .row-fluid .hero-section .flex-container >.row-fluid-wrapper > .row-fluid { padding: 0; min-height: auto; }
  .row-fluid .hero-section { padding: 150px 0 90px; }
  .row-fluid .hero-title h1 { font-size: 38px; line-height: 48px; margin-bottom: 20px; }
  .grow-business-icon img { max-width: 90px; }
  .row-fluid .join-pros-section:before { background-size: 130% 100%; }
  .row-fluid .grow-business-section { padding: 50px 0 70px; }
  .row-fluid .take-sales-title h3 { font-size: 30px; line-height: 40px; }
  .row-fluid .join-sub-title { font-size: 20px; margin-bottom: 20px; }
  .row-fluid .take-sales-text ul li { font-size: 20px; line-height: 30px; margin-bottom: 11px; }
  .row-fluid .join-hundreds-title { line-height: 54px; font-size: 28px; margin-bottom: 28px; }
  .row-fluid .join-pros-section { padding: 110px 0 90px; }
  .row-fluid .join-pros-section .wrapper > .row-fluid-wrapper > .row-fluid { padding: 0; min-height: auto; }
  .grow-business-icon { min-height: 145px; }
  .testimonial-section { padding: 110px 0 30px; }
  .testimonial-list { margin: 0 -15px; }
  .testimonial-box { padding: 0 24px; }
  .testimonial-section .wrapper { max-width: 875px; }
  .testimonial-icon img { width: 58px; height: 56px; }
  .testimonial-icon { margin-top: -45px; }
  .testimonial-content .person-bio { font-size: 18px; line-height: 26px; }
  .testimonial-content .person-name { font-size: 14px; line-height: 24px; }
  .testimonial-box a { padding-bottom: 20px; }
  .testimonial-box a:after { top: -10px; bottom: -10px; }
  .image-with-box .image-with-content { width: 50%; }
  .image-with-box .section-image { width: 50%; }
  .image-with-content .image-with-text { font-size: 18px; }
  .cta-wrap .cta-btn-2 a { padding: 12px 20px; }
  .watch-video a:before { margin-right: 8px; }
  .cta-wrap > div { margin-right: 20px; }
  .image-with-section { padding-bottom: 30px; }
  .sales-builder-icon { width: 100px; height: 100px; }
  .sales-builder-icon img { max-width: 39px; }
  .sales-builder-total { font-size: 34px; line-height: 42px; }
  .sales-builder-content { padding: 80px 10px 30px; font-size: 16px; line-height: 25px; }
  .row-fluid .difference-section { padding: 70px 0 20px; }
  .row-fluid .steps-becoming-section:before { height: 30px; width: calc((100% - -910px) / 2); }
  .row-fluid .steps-becoming-section:after { left: calc((100% - 934px) / 2); width: 30px; }
  .steps-becoming-box:before { width: 30px; }
  .steps-becoming-content:before { width: 60px; height: 60px; background-size: contain; background-position: center; background-repeat: no-repeat; top: 70px; left: -16px ; }

  .steps-becoming-box:nth-child(2n) .steps-becoming-content:before { right: -16px; bottom: 178px; }
  .steps-becoming-box:after { height: 30px; }
  .steps-becoming-box:before { top: 0; }
  .steps-becoming-box { padding: 80px 0 70px 90px; }
  .steps-becoming-box:nth-child(2n) { padding-top: 60px; }
  .row-fluid .steps-becoming-section .title { padding-left: 87px; }
  .steps-becoming-box:first-child { padding-top: 38px; }
  .steps-becoming-content h5 { font-size: 20px; }
  .steps-becoming-content h3 { font-size: 32px; margin-bottom: 17px; }
  .steps-becoming-box:last-child { padding-bottom: 60px; }
  .row-fluid .cta-strip-section { padding: 61px 0; }
  .row-fluid .ebook { margin: 0 0 0 -31%; width: 44%; }
  .row-fluid .steps-checklist-left { max-width: 720px; margin-top: 210px; }
  .row-fluid .sub-text { margin-bottom: 34px; }
  .row-fluid .steps-checklist-section { padding: 50px 0 80px; }

  .footer-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li a { font-size: 16px; line-height: 24px; }
  .footer-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li { margin-bottom: 10px; }
  .row-fluid .footer-section { font-size: 16px; }
  .row-fluid .footer-logo p { margin-bottom: 11px; }
  .row-fluid .footer-subscription h3 { font-size: 18px; }
/*   .steps-becoming-box .step-image {  height: 302px; } */
  .steps-becoming-box .step-image img { height: auto; }
  
  /* */
  .row-fluid .hero-competition-section h1 { font-size: 38px; line-height: 50px; margin-bottom: 30px; }
  .row-fluid .form-sec h3 { font-size: 24px; line-height: 33px; }
  .hs-form .hs-form-field > label { font-size: 16px; margin-bottom: 5px; }
  .hs-form .inputs-list input[type="checkbox"] + span { font-size: 14px; }
  .hs-form .inputs-list input[type="checkbox"] + span:before { top: 2px; }
  .hs-submit input.hs-button { font-size: 20px; padding: 14px 46px; min-width: auto; }
  .demo-content { font-size: 18px; }
  .demo-content strong { line-height: 27px; }
  .row-fluid .content-section { padding: 40px 0 80px; }
  .grow-title h1 { font-size: 34px; }
  
  
}

@media (max-width:991px){
  .row-fluid .wrapper[class*="span"] , .wrapper { max-width:750px; }

  .row-fluid .header-section .cta-btn {margin-right: 40px; }
  .row-fluid .header-section { padding: 16px 0; }
  
  .row-fluid .main-menu {  display: none; position: absolute; top: 100%; left: 0; right: 0; width: 100%; background: #1a2980; }
  .ebiz-toggle{ padding: 12px 14px; display:block; background: transparent; float: right; position: absolute; cursor: pointer; border: none; right: calc((100% - 738px) / 2); top: 0; bottom: 0; height: 33px; margin: auto; }
  .ebiz-toggle span{width: 22px; height: 2px;background-color: #fff; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
  .ebiz-toggle span:before,.ebiz-toggle span:after{content: ""; display: block; width: 100%; height: 100%; background-color: #fff; position: relative;  
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  -ms-transition: all 300ms;
  transition: all 300ms;
; }
  .ebiz-toggle span:before{top: -7px; }
  .ebiz-toggle span:after{bottom: -5px}

  .ebiz-toggle.ebiz-menuopen span{background-color: transparent;}
  .ebiz-toggle.ebiz-menuopen span:before{top: -1px;  
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
; }
  .ebiz-toggle.ebiz-menuopen span:after{bottom: 3px;  
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
; }
  
  .main-menu ul li .mobile-toggle{ background: transparent; display: block; position: absolute;right: 0; top: 0; padding: 16px 20px 16px; cursor: pointer;}
  .main-menu ul li .mobile-toggle:before, .main-menu ul li .mobile-toggle:after{content: ""; display: block; width: 2px; height: 12px; background-color: #fff; position: relative;  
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  -ms-transition: all 300ms;
  transition: all 300ms;
 ; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }  
  .main-menu ul li .mobile-toggle:after{width: 12px; height: 2px; }
  .main-menu  ul li .mobile-toggle.ebiz-subopen:before{display: none;}
  
  .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li { width: 100%; text-align: left; padding: 0; }
  .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul { float: left; width: 100%; }
  .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { width: 100%; padding: 14px 15px; border-bottom: 1px dashed rgba(255, 255, 255, 0.52); color: #fff; }
  .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover { color: #fff; }
  .row-fluid .logo img.hs-image-widget { max-width: 140px; }
  
  .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: relative; width: 100%; visibility: visible; opacity: 1; display: none; }
  .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { background-color: transparent; color: #fff; }
  .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > a { color: #fff; }
  .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; }
  .main-menu ul li .mobile-toggle { padding: 25px 20px; }

  
  h2 { font-size: 24px; line-height: 36px; }
  .row-fluid .hero-title h1 { font-size: 30px; line-height: 43px; }
  .row-fluid .hero-text { font-size: 18px; line-height: 31px; }
  .row-fluid .present-propose-text h1 { font-size: 24px; line-height: 45px; }
  .row-fluid .hero-section { padding: 110px 0 80px;  overflow: hidden; }
  .grow-business-list { margin: 0 -15px; }
  .grow-business-col { padding: 0 15px; font-size: 14px; line-height: 22px; }
  .grow-business-icon img { max-width: 70px; height: 65px; }
  .grow-business-icon { min-height: 115px; }
  .row-fluid .grow-business-section { padding: 40px 0 40px; }
  .row-fluid .take-sales-title h3 { font-size: 24px; line-height: 34px; }
  .row-fluid .join-sub-title { margin-bottom: 10px; }
  .row-fluid .take-sales-text ul li { font-size: 16px; line-height: 24px; }
  .row-fluid .join-hundreds-title { line-height: 43px; }
  .testimonial-section { padding: 80px 0 0px; }
  .image-with-content h3 { font-size: 22px; line-height: 26px; margin-bottom: 18px; }
  .image-with-content .image-with-text { font-size: 16px; line-height: 23px; }
  .image-with-box.left .image-with-content { padding-left: 30px; }
  .image-with-box .image-with-content { padding-right: 30px; }
  .image-with-box { min-height: auto; }
  .play-btn { width: 68px; height: 68px; font-size: 30px; }
  .play-btn i { right: -2px; }
  .row-fluid .steps-becoming-section:before { width: calc((100% - -700px) / 2); }
  .row-fluid .steps-becoming-section .title h2 { font-size: 24px; line-height:35px; }
  .steps-becoming-content h3 { font-size: 24px; line-height: 33px; }
  .steps-becoming-content { padding-right: 30px; }
  .steps-becoming-box { align-items: center; padding: 50px 0 90px 90px; }
  .row-fluid .steps-becoming-section:after { left: calc((100% - 723px) / 2); width: 30px; }
  .steps-becoming-box .step-image img { height: 230px; }
  .steps-becoming-box:nth-child(2n) { padding-right: 90px; }
  .steps-becoming-box:nth-child(2n) .steps-becoming-content { padding-left: 30px; }
  .row-fluid .steps-checklist-left { max-width: 626px; margin-top: 150px; }
  .cta-strip-section h2 { margin-bottom: 30px; }
  
  .row-fluid .footer-subscription form .actions input.hs-button { width: 40px; height: 40px; }
  .row-fluid .footer-subscription .hs-form-field input { width: calc(100% - 45px) !important; font-size: 14px; height: 54px; }
  .row-fluid .footer-subscription h3 { font-size: 16px; line-height: 22px; margin-bottom: 14px; }
  .footer-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li a { font-size: 14px; line-height: 20px; }
  .row-fluid .footer-menu { width: 16%; }
  .row-fluid .footer-menu + .footer-menu { width: 18%; }
  .row-fluid .footer-logo { width: 28%; font-size: 14px; line-height: 24px; }
  .row-fluid .steps-checklist-section { padding: 40px 0 60px; }

  .row-fluid .footer-section:before{background-size:160% 100%;}
  .row-fluid .footer-section{padding-top:110px;}
  .social-icon li a{font-size:24px;}
  ul.social-icon{margin-top:-28px;}
  
  /*  */
  .row-fluid .hero-section.hero-competition-section { padding-top: 170px; }
  .hs-form .hs-form-field { width: 100% !important; margin-bottom: 20px; }
  .hs-form fieldset { margin-bottom: 0 !important; }
  .hs-form .hs-form-field.hs-company { width: 100%; }
  .hs-form .hs-partner_hvac_distributors .inputs-list li { width: 100%; }
  .hs-form .inputs-list li { width: 100%; }
  .row-fluid .form-sec { margin-bottom: -50%; }
  .row-fluid .competition-text { font-size: 16px; line-height: 25px; }
  
/*   .steps-becoming-box:first-child:before { top: -125px; } */
  .row-fluid .PFeatures-Section .slidebar { width: 30%; }
  .row-fluid .PFeatures-Section .contain { width: 70%; margin: 0; padding-left: 30px; }
  .row-fluid .PFeatures-Section .contain .text-2 ul { column-count: 2; }
  .row-fluid .PFeatures-Section .contain .text { column-count: 1; }
  .row-fluid .PFeatures-Section .contain .single-text { padding-right: 0; }
  .row-fluid .PFeatures-Section { padding: 60px 0; }
  .row-fluid .Sales-Section h2 { padding: 0 0 20px; }
  .row-fluid .BPro-Services { padding: 40px 0 100px; }
  .row-fluid .BPro-Services .spro-service .single-service .text { font-size: 21px; line-height: normal; }
  .row-fluid .case_studies_slider .number { font-size: 50px; line-height: normal; }
  .row-fluid .case_studies_slider .number-title { font-size: 14px; padding: 10px 0 0; line-height: normal; }
  .row-fluid .case_studies_slider .counter-wrapper { padding: 30px 0 80px; }
  .row-fluid .case_studies_slider .text { font-size: 17px; line-height: normal; }
  .row-fluid .cta-strip h2 { font-size: 43px; line-height: normal; }
  .row-fluid .cta-strip { padding: 150px 0 400px; }
  .row-fluid .hero-section.v2 .contain-wrapper { padding: 100px 0 70px; }
  .row-fluid .hero-section.v2 .contain-wrapper h1 {  padding: 0 0 40px;}

}


@media (max-width:767px) {
  .row-fluid .wrapper[class*="span"] , .wrapper { max-width:100%; }
  .row-fluid .hero-caption { width: 100%; padding-right:0; }
  .row-fluid .hero-image { width: 100%; }
  .row-fluid .hero-image img.hs-image-widget { margin: 40px 0 0; }
  .row-fluid .present-propose-text h1 { line-height: 35px; }
  .row-fluid .present-propose-text { margin: 20px 0 60px; }
  .grow-business-col { width: 50%; margin-bottom: 40px; }
  .row-fluid .grow-business-section { padding-bottom: 10px; }
  .row-fluid .join-pros-section { padding: 160px 0 100px; }
  .row-fluid .join-pros-section:before { background-size: 200% 100%; }
  .row-fluid .join-pros-right { padding: 30px 0 0; }
  .row-fluid .join-hundreds-title { font-size: 20px; line-height: 30px; margin-top: 20px; }
  .testimonial-box { padding: 0 15px; width: 50%; float: none; display: inline-block; margin: 0 -2px 50px; }
  .testimonial-list { text-align: center; }
  .testimonial-box:hover { transform: scale(1); margin-bottom: 50px; }
  .testimonial-box:hover a:after { opacity: 0; }
  .testimonial-section { padding-top: 70px; }
  .row-fluid .product-features-section { padding: 0 15px 0 ; }
  .image-with-box .image-with-content { width: 100%; padding: 0; }
  .image-with-box .wrapper { flex-direction: column-reverse; width: 100%; max-width: 440px; }
  .image-with-box .section-image { width: 100%; margin-bottom: 40px; }
  .image-with-section { padding-top: 10px; }
  .image-with-box.left .wrapper { flex-direction: column-reverse; }
  .image-with-box.left .image-with-content { padding: 0; }
  .cta-wrap { margin-top: 32px; }
  .image-with-box { margin: 22px 0; }
  .row-fluid .difference-section { padding: 48px 0 20px; }
  .sales-builder-box { width: 50%; }
  .row-fluid .difference-section h2 { margin-bottom: 40px; }
  .row-fluid .steps-becoming-section:before { width: calc(100% - 20px); height: 18px; }
  .steps-becoming-box:before { width: 18px; }
  .row-fluid .steps-becoming-section:after { display:none; }
  .steps-becoming-content:before { width: 40px; height: 40px; top: 20px; left: -12px; }
  .steps-becoming-box:nth-child(2n) .steps-becoming-content:before { right: -10px; }
  .row-fluid .steps-becoming-section { padding-top: 0; }
  .row-fluid .steps-becoming-section .title h2 { margin-bottom: 20px; }
/*   .steps-becoming-box:first-child:before { top: -100px; } */
  .steps-becoming-box { padding: 50px 38px 80px; flex-direction: column-reverse; }
  .steps-becoming-content { padding: 30px 0 0; width: 100%; text-align: center; }
  .steps-becoming-box .step-image { width: 100%; height:auto; }
  .steps-becoming-box .step-image img { object-position: center; }
  .steps-becoming-box:first-child { padding-top: 16px; }
  .row-fluid .steps-becoming-section .title { padding: 0; text-align: center; }
  .steps-becoming-box:nth-child(2n) { flex-direction: column-reverse; padding: 50px 38px 80px; }
  .steps-becoming-box:nth-child(2n) .steps-becoming-content { padding: 30px 0 0; }
  .steps-becoming-box:nth-child(2n) .step-image img { object-position: center; }
  .row-fluid .steps-checklist-left { margin-top: 0; width: 100%; max-width: 100%; }
  .ebiz-toggle { right: 15px;}

  .row-fluid .ebook { width: 100%; margin: 0; text-align: center; }
  
  .row-fluid .footer-section:before { opacity: 0; }
  .row-fluid .footer-section { background: #1e4997; text-align: center; padding-top: 60px; }
  .row-fluid .footer-logo { width: 100%; }
  .row-fluid .footer-menu { width: 100%; }
  .row-fluid .footer-menu + .footer-menu { width: 100%; }
  .row-fluid .footer-subscription { width: 100%; margin: 40px 0 0; }
  ul.social-icon { margin: 20px 0 20px; text-align: center; width:100%; }
  .social-icon li { padding: 0 15px; }
  .row-fluid .footer-subscription .hs-form-field input { padding: 0 50px 0 20px;  width: calc(100% - 95px) !important; }
  .cta-wrap > div {margin-bottom: 10px;margin-top: 10px;}
  
  .main-menu ul li .mobile-toggle { width: auto; }
  
  /* */
  .row-fluid .hero-competition-section h1 { font-size: 28px; line-height: 37px; }
  .row-fluid .competition-text { padding: 0 0 30px; }
  .logo-sec img.hs-image-widget { max-width: 160px; }
  .row-fluid .hero-section.hero-competition-section { padding-top: 150px; }
  .hs-form .form-columns-2 .hs-form-field { width: 100% !important; }
  .row-fluid .form-sec { margin-bottom: -80px; }
  .demo-content { width: 100%; }
  .row-fluid .content-section { padding-bottom: 50px; }
  .grow-title h1 { font-size: 24px; line-height: 32px; }
  .row-fluid .grow-title { width: 100%; }
 
  .animatedParent {  overflow: hidden; }
  .steps-becoming-box:after, .steps-becoming-box:before { opacity: 0; display: none; }
  .steps-becoming-content:before { opacity: 0; }
  .row-fluid .steps-becoming-section:before { display: none; }

  .row-fluid .hero-section.v2 .contain-wrapper > div > div > div { width: 100%; text-align: center; padding-top: 50px; }
  .row-fluid .hero-section.v2 .contain-wrapper { padding: 40px 0 60px; }
  .row-fluid .hero-section.v2 .image-with-section .section-image a.play-btn { }
  .row-fluid .hero-section.v2 .image-with-section .section-image img { display: block; margin: 0 auto; }
  .row-fluid .PFeatures-Section .slidebar { width: 100%; position: static; }
  .row-fluid .PFeatures-Section .slidebar > div { max-width: 500px; margin: 0 auto; }
  .row-fluid .PFeatures-Section .contain { width: 100%; padding: 50px 0 0; }
  .row-fluid .Sales-Section .span6 { width: 100%; }
  .row-fluid .join-pros-section.Sales-Section .wrapper > .row-fluid-wrapper > .row-fluid { display: block; }
  .row-fluid .Sales-Section { text-align: center; }
  .row-fluid .BPro-Services .spro-service .single-service { padding: 0 15px; }
  .row-fluid .BPro-Services .spro-service .single-service .text { font-size: 20px; }
  .row-fluid .BPro-Services { padding: 40px 0 60px; }
  .row-fluid .case_studies_slider .counter-wrapper .single-counter { width: 50%; padding: 15px; }
  .row-fluid .cta-strip { text-align: center; }
  .row-fluid .cta-strip h2 { font-size: 30px; }
  .row-fluid .cta-strip .cta-btn { padding: 30px 0 0; }
  .row-fluid .cta-strip { padding: 130px 0 180px; margin-bottom: -110px; }
  .row-fluid .Sales-Section .section-image { padding: 0 0 0; }
  .row-fluid .Sales-Section .section-image img { display: block; margin: 0 auto; }
  
  /* */
  .row-fluid .hero-image img{margin:0;}
  .row-fluid .hero-image .section-image{width:100%;margin-bottom:0;}
  .row-fluid .hero-image .image-with-box{margin-bottom:0;}
  .row-fluid .hero-image .image-with-section{margin-bottom:0;padding-top:44px;}


 
}


@media (max-width:500px){
  h2 { line-height: 30px; }
  .grow-business-col { width: 100%; margin-bottom: 10px; }
  .testimonial-box { width: 100%; }
  .sales-builder-box { width: 100%; }
  .steps-becoming-box { padding: 20px 0px 30px !important; }
  .steps-becoming-box:nth-child(2n) { }
  .row-fluid .steps-becoming-section:before { display: none; }
  .row-fluid .steps-becoming-section { padding-top: 0; padding-bottom: 20px; }
  
  .row-fluid .logo img.hs-image-widget { max-width: 110px; }
  .row-fluid .header-section .cta-btn a { padding: 8px 9px; text-align: center; font-size: 11px; }
  .row-fluid .logo { width: 125px; }
  .row-fluid .header-right { width: calc(100% - 125px); }
  
  .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { font-size: 14px; }
  .row-fluid .hero-section .hero-bg { background-size: 160% 100%; }
  .hero-text ul { padding-left: 10px; }
  
  .row-fluid .footer-subscription .hs-form-field input { width: 100% !important; max-width: 190px; padding: 0 20px 0 20px; }
  .row-fluid .footer-subscription form .actions input.hs-button { width: 35px; height: 35px; }
  .row-fluid .footer-subscription form .actions:before { font-size: 16px; height: 13px; }
  .row-fluid .footer-subscription .hs-form-field input { max-width: 203px; }
  .row-fluid .footer-subscription > div { width: 100%; max-width: 320px; margin: auto; }

  
  .row-fluid .hero-section.v2 .hero-bg { background-size: 190% 100%; }
  .row-fluid .hero-section.v2 .contain-wrapper { padding: 40px 0 20px; }
  .row-fluid .PFeatures-Section .contain .text-2 ul { column-count: 1; }
  .row-fluid .PFeatures-Section .contain .text-2 ul li { padding-right: 0; }
  .row-fluid .PFeatures-Section .contain .single-text { font-size: 15px; line-height: normal; }
  .row-fluid .PFeatures-Section { padding: 60px 0 40px; }
  .row-fluid .BPro-Services .spro-service .single-service { width: 100%; }
  .row-fluid .BPro-Services .spro-service .single-service + .single-service { padding-top: 50px; }
  .row-fluid .BPro-Services .spro-service .single-service .text { font-size: 15px; }
  .row-fluid .case_studies_slider img { margin-top: -22px; }
  .row-fluid .case_studies_slider h4 { font-size: 20px; line-height: normal; }
  .row-fluid .case_studies_slider .text { font-size: 15px; }
  .row-fluid .case_studies_slider .counter-wrapper .single-counter { width: 100%; }
  .row-fluid .cta-strip:after { background-size: 160% 100%; }
  .row-fluid .cta-strip { padding: 90px 0 180px; }
  .row-fluid .case_studies_slider .counter-wrapper { padding: 30px 0 50px; }
  .row-fluid .CaseStudies-Section .case_studies_slider { padding-top: 0; }
  .row-fluid .case_studies_slider .single-slide > div {  margin-top: 40px;}
}
















