/* @import url('http://example.com/example_style.css'); */
@import url('//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,400,600,700');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css');


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

/* Global Style Declaration -=-=-=-=-=-=-=*/
* { box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin:0; padding:0; font-size:16px; line-height:1.5; opacity:1; font-family: 'Roboto', sans-serif; font-weight:400; color:#464646; overflow-x:hidden; }
.loader { position: fixed;	left: 0px;	top: 0px;	width: 100%; height: 100%; z-index: 9999;	background: url('https://1743462.fs1.hubspotusercontent-na1.net/hubfs/1743462/salesProgrammer_theme2019/preLoader.gif') 50% 50% no-repeat rgb(255,255,255); background-size:100px auto;}
/* body.loaded{background: url(https://1743462.fs1.hubspotusercontent-na1.net/hubfs/1743462/salesProgrammer_theme2019/bodyBgnew.png);  background-size: cover; background-position: center center;} */
h1, h2, h3, h4, h5, h6 {  margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:1.25; }



h1, .h1, .h1 h2 { font-size:40px; line-height:1.16; }
h2, .h2 { font-size:32px; line-height:1.24; }
h3, .h3 { font-size:25px; line-height:1.3; }
h4, .h4 { font-size:18px; line-height:1.4; }
h5, .h5 { font-size:17px; line-height:1.4; }/* blank */
h6, .h6 { font-size:14px; line-height:1.5; }/* blank */



.opensansfont{font-family: 'Open Sans', sans-serif;}
.altfont,.altfont h1,.altfont h2,.altfont h3,.altfont h4,.altfont h5,.altfont h6{font-family: 'Roboto', sans-serif;}


img { max-width:100%; height:auto; border:none; vertical-align:middle; }
a { text-decoration:none; color:#000; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; }
a:hover { color:#1996ff; }
p { margin:0; }
* + h1, * + h2 { margin-top:35px; }
* + h3, * + h4 { margin-top:30px; }
* + h5, * + h6  { margin-top:25px; }
* + p { margin-top:20px }
input[type=submit] { cursor:pointer; }
.wrapper { width: 100%; float:none !important; display:block; margin:0 auto !important; max-width: 1250px; padding-left: 15px; padding-right: 15px; }

.clearfix { display:block; }
.clearfix:before,.clearfix:after { content:''; width:100%; display:table; }

/* For Hubspot >>>>>> */
body .row-fluid [class*="span"] { min-height:0px; }
body .row-fluid [class*="span"].widget-type-space { min-height:1px; }
/* <<<<<< For Hubspot */


/* iframe */

.iframeResponsive { position: relative; overflow: hidden; padding-top: 56.25%;}
.iframeResponsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
/*****************************
Slick slider
****************************  */

.slick-dotted.slick-slider { margin-bottom: 0;}
.slick-dots {bottom: -20px;}
.slick-dots li {width: 10px; height: 10px; vertical-align: middle; border-radius: 50%;}
.slick-dots li button { width: 10px; height: 10px; padding: 5px 0; border-radius: 50%;}
.slick-dots li button:before { width: 10px; height: 10px; line-height: 10px; content: ''; border-radius: 50%; opacity:1;}
/* .slick-dots li.slick-active{width: 24px;height: 2px;}
.slick-dots li.slick-active button{width: 24px;height: 2px;} */
.slick-dots li button:before { background-color: rgba(132,196,65,0.60);}
.slick-dots li.slick-active button:before { background-color: #00B9E6; opacity:1;}
.slick-dots li button:before, .slick-dots li button:before { transition: all ease 0.4s; -weblit-transition: all ease 0.4s;}
.slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity:1; background-color: #00B9E6; transition: all ease 0.4s; -weblit-transition: all ease 0.4s;}
/* Arrows */
.slick-prev { left: 30px; z-index: 10 !important }
.slick-next {right: 30px;}
.slick-next:before,.slick-prev:before { color: #29333C}
.slick-next,.slick-prev {width: 30px; height: 20px; border-radius: 50%; z-index: 1; transition: all ease 0.4s; -weblit-transition: all ease 0.4s;}
.slick-next:before, .slick-prev:before { font-family: fontawesome; font-size: 26px;}
.slick-next:before { content: '\f105';}
.slick-prev:before { content: '\f104';}
.slick-next:before,.slick-prev:before { content: ''; background-image: url(https://1743462.fs1.hubspotusercontent-na1.net/hubfs/1743462/salesProgrammer_theme2019/leftArrow.png);    width: 30px; height: 20px; background-size: 100% auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 1; background-repeat: no-repeat; background-position: center center;}
.slick-next:before{background-image:url('https://1743462.fs1.hubspotusercontent-na1.net/hubfs/1743462/salesProgrammer_theme2019/rightArrow.png')}
.slick-arrow.slick-disabled { opacity: 0; visibility: hidden;}
/*****************************
Table
****************************  */

.table { display: table; width: 100%; height: 100%;}
.table-cell { display: table-cell; vertical-align: middle;} 
.table-cell.vt{vertical-align: top;}
.table-cell.vb{vertical-align: bottom;}
/*****************************
max-width
****************************  */
.max580{max-width:580px; margin:0 auto;}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Page Wise CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/



.set-bg, .bg, .overlay { background-size:cover; background-position:center; position:relative; }
/* .overlay > * { position:relative; z-index:2; }
.overlay:before { content:''; background:rgba(25,24,22,0.80); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; }
.overlay.white:before { background:rgba(255,255,255,0.70); } */
.get-bg { display:none !important; }
.altBg { background:#fafafa; }
.blueBg { background:#00aeef; }
.orangeBg { background:#f89424; }

.fontGray, .fontGray a { color:#616161; }
.fontGreen, .fontGreen a { color:#84c441; }
.fontBlue, .fontBlue a { color:#00aeef; }
.fontdarkBlack, .fontdarkBlack a { color:#292929; }

.fontWhite, .fontWhite a { color:#fff; }
.fontWhite a:hover { color:#0dbd8d; }

.button a , a.button { padding:8px 25px; background:#00aeef; color:#fefefe; border:1px solid #00aeef; max-width:100%; display:inline-block; border-radius:30px;   }
.button a:hover , a.button:hover { background: #00aeef; color: #fff; box-shadow: 0px 5px 5.52px 0.48px rgba(0, 0, 0, 0.3); }

.button.altBtn a , a.button.altBtn{background:#fff; border-color:#84c441; color:#84c441}
.button.altBtn a:hover , a.button.altBtn:hover{ box-shadow: 0px 5px 5.52px 0.48px rgba(0, 0, 0, 0.3);}


.shakeEffect a:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0);}
  20%, 80% { transform: translate3d(2px, 0, 0);}
  30%, 50%, 70% { transform: translate3d(-4px, 0, 0);}
  40%, 60% { transform: translate3d(4px, 0, 0);}
}

.bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6  { font-weight:700; }
.semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6  { font-weight:600; }
.medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6 { font-weight:500; }
.normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6 { font-weight:400; }
.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { font-weight:300; }

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

/* put listStyle class to "parent" tag of "ul" */
.nolistStyle , .nolistStyle ul{padding:0; margin:0; list-style-type:none;}
.listStyle * + ul { margin-top:15px; }
.listStyle ul li { padding-left:25px; position:relative; }
.listStyle ul li:before { font-family:'fontawesome',sans-serif; position:absolute; left:4px; color:#84c441; font-weight:normal; top:1px;  }
.listStyle ul li:not([class*="fa-"]):before { content:"\f111"; font-size:50%; line-height:3; } /*Default without any class in <li> if you want any other font awesome icon just put icon class in <li class="fa-angle-right"> Content</li> */

/* Widths */
.fl { float:left; }  
.fr { float:right; }  
.ib { display: inline-block; vertical-align:middle; margin-right:-4px; }
.ib.vt { vertical-align:top;  }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w66 { width: 66.66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w100 { width: 100%; }

/*unique paddings*/
.pl0, .p0, .plr0 { padding-left:0; }
.pl10, .p0-10 { padding-left:10px; }
.pl15, .p0-15 { padding-left:15px; }
.pl20, .p0-20 { padding-left:20px; }
.pl30 , .p0-30{ padding-left:30px; }
.pr0, .p0, .plr0  { padding-right:0; }
.pr10, .p0-10 { padding-right:10px; }
.pr15, .p0-15 { padding-right:15px; }
.pr20, .p0-20 { padding-right:20px; }
.pr30, .p0-30 { padding-right:30px; }
.pt0, .p0, .ptb0 { padding-top:0;  }
.pb0,.p0, .ptb0 { padding-bottom:0;  }
.pb5,.p5-0 { padding-bottom:5px; }
.pb10,.p10-0 { padding-bottom:10px; }
.pb20,.p20-0 { padding-bottom:20px; }
.pb30,.p30-0 { padding-bottom:30px  }
.pb40,.p40-0 { padding-bottom:40px; }
.pb50,.p50-0 { padding-bottom:50px; }
.pb60,.p60-0 { padding-bottom:60px; }
.pb70,.p70-0 { padding-bottom:70px; }
.pb80,.p80-0 { padding-bottom:80px; }
.pb90,.p90-0 { padding-bottom:90px; }
.pb100,.p100-0 { padding-bottom:100px; }
.pb130,.p130-0 { padding-bottom:130px; }
.pb140,.p140-0 { padding-bottom:140px; }
.pb150,.p150-0 { padding-bottom:150px; }
.pt5,.p5-0 { padding-top:5px; }
.pt10,.p10-0 { padding-top:10px; }
.pt20,.p20-0 { padding-top:20px; }
.pt30,.p30-0 { padding-top:30px  }
.pt40,.p40-0 { padding-top:40px; }
.pt50,.p50-0 { padding-top:50px; }
.pt60,.p60-0 { padding-top:60px; }
.pt70,.p70-0 { padding-top:70px; }
.pt80,.p80-0 { padding-top:80px; }
.pt90,.p90-0 { padding-top:90px; }
.pt100,.p100-0 { padding-top:100px; }
.pt130,.p130-0 { padding-top:130px; }
.pt140,.p140-0 { padding-top:140px; }
.pt150,.p150-0 { padding-top:150px; }



.m0-15{margin-left:-15px; margin-right:-15px;}

::-webkit-input-placeholder { opacity:0.7 !important; color:inherit !important; }
::-moz-placeholder { opacity:0.7 !important; color:inherit !important; }
:-ms-input-placeholder { opacity:0.7 !important; color:inherit !important; }
form .input { margin-right:0 !important; }
form fieldset { max-width:inherit !important; margin:0 -10px;  }
form fieldset.form-columns-1 .field { width:100% !important; }
form fieldset.form-columns-2 .field { width:50% !important; }
form fieldset.form-columns-3 .field { width:33.33% !important; }
form .field { padding:0 0 20px; }
form fieldset .field { padding-left:10px; padding-right:10px; } 
form ul.multi-container { padding-top:10px; }
form ul.multi-container li { margin:5px 0; }
textarea, input[type="text"], input[type="number"], input[type="email"], input[type="tel"],input[type="search"], select { display:block; border:1px solid #00aeef; outline:none; background:#fff; font-size:16px; line-height:20px; font-family: 'Roboto', sans-serif; font-weight:400; color:#464646; margin:0; padding:12px 20px; width:100% !important; border-radius:5px; }
textarea { min-height:110px; }
form input[type="radio"],form input[type="checkbox"] {  display:none }
form input[type="radio"]+span,form input[type="checkbox"]+span {  position:relative; display:block; padding-left:30px; cursor:pointer }
form input[type="radio"]+span:before,form input[type="checkbox"]+span:before, input[type="checkbox"]+span:before {  content:"\f00c"; font-family:fontawesome; color:#f26c23 ; position:absolute; left:4px; top:4px; font-size:0; width:15px; height:15px; display:block; border:1px solid #ccc; transition:all ease .3s; -webkit-transition:all ease .3s; text-align:center; line-height:14px }
form input[type="radio"]+span:before {  border-radius:50% }
form input[type="radio"]:checked+span:before {  background:#f26c23 ; border-color:#f26c23  }
form input[type="checkbox"]:checked+span:before {  border-color:#f26c23 ; font-size:12px; background:#f26c23 ; color:#fff; letter-spacing:0; }
input[type="submit"] { outline:none; font-family: 'Open Sans', sans-serif; padding:12px 40px; background:#00aeef; color:#fefefe; border:1px solid #00aeef; font-size:16px; line-height:18px; text-transform:uppercase; font-weight:700; border-radius:50px;
  -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; }
input[type="submit"]:hover { color:#00aeef; background:transparent; }
form fieldset { border: none;padding: 0; margin: 0;}


a.cta_button{-moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important}

/*for Hubspot   >>>>>>*/
.hs-error-msgs { list-style:none; margin:0 0 10px; padding:0 0 0 10px; font-size:12px; color:#f00; }
/*<<<<<<<<<<*/


/* Title Style */

.titleStyle {position: relative;}
.titleStyle span.titleLine {width: 100vw; height: 1px; background-color: #00aeef;display: block;position: absolute; left: 0; bottom: 0;}
.titleCircle {position: absolute; width: 10px;height: 10px;background-color: #84c441;bottom: -4px; border-radius: 50%; left: 15px;}

.titleStylever2 {position: relative;}
.titleStylever2 span.titleLinever2 {width: 100vw; height: 1px; background-color: #00aeef;display: block;position: absolute; bottom: 0;right: calc(50vw + 45%); transform: translate(50vw);}
.titleCirclever2 {position: absolute; width: 10px;height: 10px;background-color: #84c441;bottom: -4px; border-radius: 50%;  right: 50%;}

.titleStylever3 {position: relative;}
.titleStylever3 span.titleLinever3 {width: 100vw; height: 1px; background-color: #00aeef;display: block;position: absolute; bottom: 0;    right: calc(50vw + -15% );}
.titleCirclever3 {position: absolute; width: 10px;height: 10px;background-color: #84c441;bottom: -4px; border-radius: 50%;  right: 50%;}

.titleBig big{font-size:35px;}
.titleColor span{color:#00aeef; font-weight:400;}

/* Line- height */

.lineHeight11, .lineHeight11 h1, .lineHeight11 h2, .lineHeight11 h3, .lineHeight11 h4, .lineHeight11 h5, .lineHeight11 h6  { line-height:1.1 }
.lineHeight12, .lineHeight12 h1, .lineHeight12 h2, .lineHeight12 h3, .lineHeight12 h4, .lineHeight12 h5, .lineHeight12 h6  { line-height:1.2 }
.lineHeight13, .lineHeight13 h1, .lineHeight13 h2, .lineHeight13 h3, .lineHeight13 h4, .lineHeight13 h5, .lineHeight13 h6  { line-height:1.3 }
.lineHeight14, .lineHeight14 h1, .lineHeight14 h2, .lineHeight14 h3, .lineHeight14 h4, .lineHeight14 h5, .lineHeight14 h6  { line-height:1.4 }
.lineHeight15, .lineHeight15 h1, .lineHeight15 h2, .lineHeight15 h3, .lineHeight15 h4, .lineHeight15 h5, .lineHeight15 h6  { line-height:1.5 }


/* Max width */
.max500{width:500px; max-width:100%}
.centerPoint{margin:0 auto;}
.max600{width:600px; max-width:100%}
.max700{width:700px; max-width:100%}



/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Page Wise CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


/*********************
* Extra Navigation
* *******************  */


.headerParent { position: absolute; width: 100%; height: auto; z-index: 999; left: 0; top: 0; padding:50px 0; transition: all ease 0.3s ; -webkit-transition: all ease 0.3s }   

.headerParent .wrapper{position:relative;}

.saleslogo {width: 205px;}
.saleslogo img {max-width: 202px;width: 100%;}
.headerCta {width: 160px;}
.navigation {text-align: left;}
.salesnavigation {width: calc(100% - 365px);padding: 0 20px 0 10px;text-align: center;}

/* body.leaveIt .navigationSection{  transform: translateY(-100%); -webkit-transform: translateY(-100%);  -moz-transform: translateY(-100%);  } */
/* body.leaveIt .navigationSection,body.fixIt .navigationSection { transform: translateY(-50px); -webkit-transform: translateY(-50px); position:fixed }
body.fullView .navigationSection { transform: translateY(0); -webkit-transform: translateY(0); background-color: transparent } */

.navigation .hs-menu-wrapper>ul li a {  max-width: inherit !important; padding: 0; display: block; font-size: 16px; color:#ffffff; text-transform: uppercase; font-weight: 400; }
.navigation .hs-menu-wrapper>ul { float: left; display: block; margin-top: 0; margin-bottom: 0 }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { padding: 16px 0; transition: all ease .45s; -webkit-transition: all ease .45s; position:relative; }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li.hs-menu-depth-1 {  padding: 0; }
/* .fixedHeader .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { padding: 20px 0 } */
.navigation .hs-menu-wrapper>ul>li>a { display:block;padding: 0px 20px;font-size: 16px; font-family: 'Roboto', sans-serif;font-weight: 400; color: #2c2c2c; position: relative; /*transition: all ease 0.7s; -webkit-transition: all ease 0.7s;*/ }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>a { position: relative; }
/* .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>a:after{content:'\f107'; font-family:fontAwesome; margin-left:4px;} */
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>a:after{content:'\f107'; font-family:fontAwesome; margin-left:4px;}
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{max-width: 100%; text-transform:uppercase;}
/* Third level */
/* .navigation .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: 0; top: 100%; position: relative; margin-top: 10px } */
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper{left: 100%; top: 0; position: absolute;}
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1 }
.navigation .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 a { background-color: #fff; padding: 10px; color:#00aeef; font-size: 16px }
.navigation .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 li a:hover { background: #00aeef; color: #fff;}
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { top: 100%; visibility: hidden; opacity: 0; }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper { opacity: 1; visibility: visible;}
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 .hs-menu-children-wrapper {  background-color: #ffffff;    }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 .hs-menu-children-wrapper a { position: relative; padding: 10px 15px 10px 15px;  color: #00aeef; font-size: 16px; font-weight:400; }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ width: 200px; max-width:100%; white-space:normal;text-align: center; text-transform: capitalize; }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 .hs-menu-children-wrapper li:last-child a{  border-bottom: none; }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 .hs-menu-children-wrapper li:hover a,.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 .hs-menu-children-wrapper li.active a  { background: #00aeef; color: #fff; }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li.hs-menu-depth-1 > a { overflow:hidden }
/* .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li.hs-menu-depth-1 > a:before { content: ''; width: 0px; height: 0px; border-left: 21px solid transparent; border-right: 21px solid transparent;  border-bottom: 12px solid #e72129;  position: absolute;  bottom: -50px;  left: 50%;  transform: translateX(-50%);  transition: all ease 0.3s; -webkit-transition: all ease 0.3s; } */
.navigation .hs-menu-wrapper>ul>li.active>a { color: #00aeef; background-color:#ffffff }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li.hs-menu-depth-1:hover > a:before,.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li.hs-menu-depth-1.active > a:before { bottom: 0 }

.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper{visibility: hidden;opacity: 0;}
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper li.hs-item-has-children:hover ul.hs-menu-children-wrapper{visibility: visible;opacity: 1;}
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:nth-child(5) ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: inherit; right: 100%;}


/* Mega Menu */
.headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li:hover  a{background-color:transparent !important;}
.headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li  a > div.image-box {  display: inline-block;}
.headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li > a > span{position:relative;}
.headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li > a > span:after{content:'\f105';font-family:FontAwesome;font-size:20px;vertical-align:top;padding-left: 10px;transition:all ease 0.3s;opacity:0;visibility:hidden;color:#00aeef}
.headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li > a:hover > span:after{opacity:1;visibility:visible;}
.headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li a > div.image-box img{width:22px !important; height:22px !important;}
.headerParent .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 .hs-menu-children-wrapper li.active a{background-color:transparent !important;color:#00aeef !important;}

/* SearchIcon */

.headerIcon svg{max-width:16px; height:auto;}
.headersearchParent { max-width: 300px; position: absolute; visibility: hidden; opacity: 0; padding: 0;padding-top:20px; width: 100%; right: 150px; top: 20px; transition:all ease 0.4s; -webkit-transition:all ease 0.4s;}
.HeadersearchBox {padding-left: 10px;}


.headersearchParent form .field { padding: 0;border-radius: 5px; position: relative;}
.headersearchParent input[type="search"] { background-color: #00aeef; color: #fff; z-index: 2; position: relative;}
.headersearchParent form .field:before { content: ''; width: 100%; height: 100%; position: absolute; background-color: #e6f3d9; left: 3px; top: 3px; border-radius: 4px; z-index: 1; transform: rotate(0deg);}



/* language */
.HeaderLanguage {padding-left: 15px;}
.HeaderLanguage span {display: inline-block;vertical-align: super; margin-right: -4px;}
.HeaderLanguage span img {max-width: 23px;}
.HeaderLanguage .conutryName{padding-left:8px;}

/*********************
Banner Section
* *******************  */
.bannerSection{position:relative; overflow:hidden;}
.bannersecParent { padding-top: 225px;padding-bottom: 30px;position: relative;}
.bannerlogoBg { width: 500px; height: 500px; background-color: rgba(132, 196, 65,0.2);display: inline-block;border-radius: 50px; transform: rotate(-45deg); position: absolute; top: -450px; left: -140px; z-index: -1;}
.bannerlogoBg:before { content: ''; width: 100%; height: 100%;background-color: #00aeef;display: inline-block; border-radius: 50px; position: absolute; top: -1%; left: -0.5%; z-index: -2;}

.bannerslider {max-width: 580px;margin: 0 auto 0 5%; position:relative; z-index:5}
.bannerslider .slick-dots li, .bannerslider .slick-dots li button{width:20px; height:20px}
.bannerslider .slick-dots li button:before{left: 50%; transform: translate(-50% , -50%); top: 50%;}
.bannerslider li.slick-active { width: 15px;height: 15px;}
.bannerslider .slick-dots li.slick-active button {width: 20px; height: 20px;}
.bannerslider .slick-dots li.slick-active button:before {width: 15px;height: 15px;}


.bannersliderrepeat h1 {letter-spacing: 0.01em;}
.bannercontactInner {display: inline-block;background-color: #00aeef;padding: 20px; border-radius: 0px 10px 10px 0;}

.bannercontactIcon {max-width: 22px;}
.bannercontactIcon svg {width: 100%;height: 100%;fill: #fff;}
.bannercontactIcon svg path {fill: #fff;}
.bannerLogoSection {margin: 0 -15px; position: relative; z-index: 2;}
.bannerlogoRepeat { max-width: 120px;display: inline-block; vertical-align: middle;margin-right: -4px;padding: 10px 15px; transition:all ease 0.4s; -webkit-transition:all ease 0.4s;}
.bannerlogoRepeat:hover{transform: scale(0.95);}
.bannerlogoParent { position: relative; margin-bottom:30px; z-index:5;}
.bannerlogoParent:before {content: '';width: 50%; left: 0;top: 0; background-color: #fafafa; height: 100%; position: absolute; z-index: 1; border-radius: 0 20px 20px 0; box-shadow: 4px 6px 21.12px 2.88px rgba(158, 158, 158, 0.28);}
.bannerFull { position: relative; overflow: hidden;}


.bannerFull{opacity:0;}
.bannerBgParellex{position: absolute; left: 0; top: 0;width: 100%;height: 100%;}
.bannerPictureParellex{position: absolute; left: 0; top: 0px;width: 100%; height: 100%; background-size: cover; background-position: right 50% center; background-repeat: no-repeat;}
.bannerIcon{position: absolute; right: 30px; bottom: 0; width: auto}
.bannersliderrepeat{opacity:0;}

/* Shape */
.bannerColorBg,.bannerimgBg{width: 650px; height: 550px; display: inline-block; border-radius: 150px;transform: rotate(45deg);  position: absolute; top: 0; right: -18%; z-index: 4;}
.bannerColorBg { background-color: rgba(132,196,65,0.2);}
.bannerMainBg { content: ''; width: 100%;height: 100%;/* background-color: #00aeef;*/display: inline-block;border-radius: 150px; position: absolute; top: -0.5%; right: -1.5%; z-index: -2;     overflow: hidden;}
.bannerPicture { width: 150%; height: 150%;display: inline-block;position: absolute;top: 0%;left: -15%;transform: rotate(-45deg); z-index: -2; background-position: top left 50%;}
.whiteFill{position: absolute; width: 100%; height: -100%; background-color: #00aeef;}
.bannerColorBg{overflow:hidden;}

/* our method Section */
.ourmethodLeftInner { padding: 0 10% 0 5%;}
.ourcircleRepeater{display:none;}
.ourcircleRepeater.delight{display:block;}
.ourcircleRepeater.sales h3{color:rgba(1, 204, 156);}
.ourcircleRepeater.marketing h3 {color:rgba(132, 196, 65,1);}
.ourcircleRepeater.services h3 {color:rgba(0, 174, 239,1);}
.ourcircleRepeater.attract h3 {color:rgba(132, 196, 65,1);}
.ourcircleRepeater.delight h3 {color:rgba(0, 174, 239,1);}
.ourcircleRepeater.engage h3 {color:rgba(1, 204, 156,1);}

.shapeInner, .shapeOuter{cursor:pointer;}

.ourmethodsvgParent { position: relative; max-width: 448px; transition:all ease 0.4s;-webkit-transition:all ease 0.4s; margin:0 auto; padding:0 5%; }
.ourmethodsvgParent g#innerCircle { transform: rotate(0); transform-origin: center center;}
.ourmethodsvgParent svg#Layer_1 { position: relative;}
.ourmethodsvgParent svg { width: 100%; height: 100%;}
.circleshape { transform-origin: center center; transition: all ease 0.4s;}
.shapeParent{transform-origin: center center;}
.outercircleshape { transform-origin: center center; transition: all ease 0.4s;}
.ourmethodsvg { position: relative;}
.arrowActive { position: absolute; width: 50px; height: auto; top: 50%; transform: translateY(-50%);left: 90%;transform: translateY(-50%) rotate(180deg);}
.arrowActive svg { width: 100%; height: 100%;}

.ourmethodsvgParent svg{transform: rotate(180deg);}



/* Our Services */
.ourserviceMainTitle { max-width: 740px; margin: 0 0 0 auto;}

.ourserviceInner .slick-next,.ourserviceInner .slick-prev,.ourserviceInner .slick-next:before,.ourserviceInner .slick-prev:before{ background-size: auto 100%;width:20px; height:30px}
.ourserviceInner .slick-prev { left: inherit; right: -20px; top: 35px;}
.ourserviceInner .slick-next {right: -20px; bottom: 0; top: inherit;}
.ourserviceInner .slick-prev:before{background-image:url('https://1743462.fs1.hubspotusercontent-na1.net/hubfs/1743462/salesProgrammer_theme2019/upArrow.png')}
.ourserviceInner .slick-next:before{background-image: url(https://1743462.fs1.hubspotusercontent-na1.net/hubfs/1743462/salesProgrammer_theme2019/downArrow.png);}

.ourserviceInner .slick-dots {bottom: inherit;top: 50%;transform: translateY(-50%);width: auto;right: -15px;}
.ourserviceInner .slick-dots li {display: block;margin: 10px 0;}

.servicefullContent {padding-top: 100px;position:relative; z-index:5; padding-bottom:20px}
.ourserviceInner.altfont { max-width: 700px; margin: 0 50px 0 auto;}

.ourserviceboxInner {background-color:#fff; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.2); padding: 15px 20px 60px 20px; transition: all ease 0.4s; -webkit-transition: all ease 0.4s; border-radius: 20px;}
.ourserviceboxInner .ourserviceTitle h4, .ourserviceboxInner .ourserviceContent{transition:all ease 0.4s;}
.ourserviceboxInner:hover { background-color: #00aeef;box-shadow: 3px 4px 5px 0px rgba(132, 196, 65, 0.41); box-shadow: 3px 4px 5px 0px rgba(132, 196, 65, 0.41);}
.ourserviceboxInner:hover .ourserviceTitle h4 { color: #fff;}
.ourserviceboxInner:hover .ourserviceContent {color: #fff;}
.ourserviceboxTwoColum {padding: 15px;}
.ourserviceIcon {height: 55px;width: auto;}
.ourserviceIcon svg {width: auto;height: 100%;display: block; fill:#00aeef; transition:all ease 0.4s;-webkit-transition:all ease 0.4s;}
.ourserviceboxInner:hover .ourserviceIcon svg path{fill:#fff}
.ourserviceLink {max-width: 740px;margin: 0 0 0 auto;}
.ourserviceLink h5 {display: inline-block; padding-left: 10px;}
.ourserviceLink a:hover {color: #84c441;}
.hoverStyle:after {content: ''; width: 53px;height: 1px; display: block; background-color: #00aeef;margin-top: 4px; }
.ourserviceLink a.hoverStyle:hover:after { background-color: #84c441;}
/* Shape */
/* .ourserviceimgBg, .ourserviceColorBg { width: 50%;height: 75%;  display: inline-block; border-radius: 50px; transform: rotate(45deg); position: absolute; top: 13%; left: -22%; z-index: 4;} */
.ourserviceimgBg, .ourserviceColorBg { width: 700px;height: 700px;  display: inline-block; border-radius: 150px; transform: rotate(45deg); position: absolute; top: 9%; left: -22%; z-index: 4;}
.ourserviceSection { overflow: hidden; position: relative;}
.ourserviceMainBg { content: '';width: 100%; height: 100%;background-color: #00aeef;display: inline-block;border-radius: 150px; position: absolute; top: 0.5%; left: -1.5%; z-index: -2; overflow: hidden;}
.ourservicePicture {width: 150%; height: 150%; display: inline-block; position: absolute; top: -61%; left: 11%; transform: rotate(-45deg); z-index: -2; background-position: top left 0;}
.ourserviceColorBg { background-color: rgba(132,196,65,0.2);} 
.ourserviceOverlay{position: absolute; left:0; top:0; width: 100%; height: -100%; background-color: rgba(0, 174, 239,0.6);}
.ourserviceColorBg{overflow:hidden}
/* Customer Acquire */
.customerData {padding-top: 120px; overflow: hidden; position: relative;}

.AcquireCustomersSection {position: relative; z-index:5}
/* .AcquireCustomersSection:before {content: ''; width: 70%;height: 100%;background-color: #fafafa;position: absolute;right: 0;top: 0; border-radius: 20px 0 0 20px; box-shadow: 4px 6px 21.12px 2.88px rgba(158,158,158,0.28);  -webkit-box-shadow: 4px 6px 21.12px 2.88px rgba(158,158,158,0.28);} */
.backgroundShadow{width: 70%;height: 100%;background-color: #fafafa;position: absolute;right: 0;top: 0; border-radius: 20px 0 0 20px; box-shadow: 4px 6px 21.12px 2.88px rgba(158,158,158,0.28);  -webkit-box-shadow: 4px 6px 21.12px 2.88px rgba(158,158,158,0.28);}
.AcquireCustomersParent { margin: 0 0 0 auto; max-width: 750px;  position: relative; z-index: 3;}
.AcquireCustomersInner h2 { line-height: 1.6;}

.AcquireCustomersTitle span {color: #00aeef; font-weight: 400;}
.AcquireCustomersTitle strong { font-weight: 400;}

/* Data Driven Section */
.datadrivenLeft, .datadrivenRight{position:relative;}
.datadrivenSection {padding-top: 150px; position:relative; z-index:5; padding-bottom:80px;}
.datadrivenListing li {width: 50%;display: inline-block;vertical-align: top;margin-right: -4px;padding: 6px 6px 6px 30px;position: relative;}
.datadrivenListing li:before { position: absolute; width: 12px; height: 12px;background-color: #fff;  content: ''; left: 0; top: 12px; border-radius: 50%; border: 1px solid #00aeef;}
.datadrivenListing li:after {width: 6px;height: 6px;background-color: #84c441;content: '';left: 4px;top: 16px;border-radius: 50%;position: absolute;}

.datadrivenLeft { padding-left: 60px;}
.dataleftTitle {position: relative;}
.dataleftTitle:before {position: absolute;left: -55px;top: -20px; content: ''; width: 50px; height: 50px; background-size: 100% auto; background-position: center center; background-image: url('https://1743462.fs1.hubspotusercontent-na1.net/hubfs/1743462/salesProgrammer_theme2019/quote.png'); background-repeat: no-repeat; }

.drivenformBox { padding: 0px 30px 30px;}
.drivenformInner { box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.2);background-color: #fff; border-radius: 20px; padding: 50px 30px;}

.AnimateForm form .field>label{display:none;}
.AnimateForm form .hs-input+label {max-width: 100%;overflow: hidden;white-space: nowrap;color: rgba(70,70,70,0.5);cursor: pointer; position: absolute;top: 12px;  left:15px;transition: all ease .2s;}
.AnimateForm form .input {position: relative;}
.AnimateForm form .hs-input:focus+label, .AnimateForm form .hs-input.filled+label, .AnimateForm form .invalid.error+label {top: -9px; font-size: 12px;background-color: #fff;}

.customerOverlay{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 174, 239,0.6); z-index: 2;}
/* .customerDataimgBg, .customerDataColorBg { width: 50%; height: 75%; display: inline-block; border-radius: 50px; transform: rotate(56deg);position: absolute; top: 13%; right: -10%; z-index: 4;} */
.customerDataimgBg, .customerDataColorBg { width: 750px; height: 750px; display: inline-block; border-radius: 150px;  transform: rotate(56deg); position: absolute; top: 8%; right: -10%;}
.customerDataMainBg { content: '';width: 100%; height: 100%;background-color: #00aeef;display: inline-block;border-radius: 150px; position: absolute; top: -1.5%; left: 1%; z-index: -2; overflow: hidden;}
.customerDataPicture { width: 150%;height: 150%;display: inline-block; position: absolute; top: -15%; right: -25%;transform: rotate(-45deg);z-index: -2; background-position: top left 0;}
.customerDataColorBg { background-color: rgba(132,196,65,0.2);overflow:hidden;}

/* Testimonials */

.testimonialSection {overflow: hidden; padding-bottom:100px;}
.testimonialTitle {max-width: 50%;margin: 0 0 0 auto;}
.testimonialleftOverlay, .testimonialrightOverlay { content: ''; width: 50%; height: 100%; background-color: #ffffff; position: absolute; z-index: 5; left: 0; top: 10px;}
.testimonialrightOverlay {left: inherit; right: 0;}
.testimonialRepeat {   padding: 15px;}
.testimonialinnerParent {padding: 20px 20px 60px 20px;background-color:#fff;border-radius: 20px;box-shadow: 3px 4px 5px 0px rgba(32, 196, 65, 0.24); -webkit-box-shadow: 3px 4px 5px 0px rgba(32, 196, 65, 0.24);}
.testimonialParent .slick-slide,.testimonialParent .slick-slide.slick-current.slick-active{opacity:1}
.testimonialParent .slick-slide.slick-active{opacity:1;}
.testimonialParent .slick-slide.slick-active .testimonialinnerParent{background-color:transparent;}
.testimonialParent .slick-slide.slick-current.slick-active .testimonialinnerParent { background-color: transparent; color:#464646; position:relative; overflow:hidden;border: 1px solid #84c441;}
.testimonialParent .slick-slide.slick-active .testimonialinnerParent svg path { fill: #fff;}
.testimonialParent .slick-slide.slick-current.slick-active .testimonialinnerParent svg path { fill: #464646;}
.testimonialParent .slick-slide.slick-active .testimonialinnerParent {background-color: rgba(0, 161, 236,0.75); color:#fff }
/* .testimonialParent .slick-slide.slick-current.slick-active .testimonialinnerParent:before {content: '';     position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #00a1ec; z-index: -1; transition: all ease 0.4s;}
.testimonialParent .slick-slide.slick-current.slick-active .testimonialinnerParent:hover:before { height: 100%;} */
/* .testimonialParent .slick-slide.slick-current.slick-active .testimonialinnerParent:hover{color:#fff;} */
/* .testimonialParent .slick-slide.slick-current.slick-active .testimonialinnerParent:hover svg path { fill: #fff;} */
.testimonialParent .slick-next,.testimonialParent .slick-prev { top: inherit;bottom: -60px;}
.testimonialParent .slick-prev { left: calc(50% + 20px);}
.testimonialParent .slick-dots {bottom: -50px;left: calc(75% - 2%);display: inline-block; width: auto;}
.testimonialParent .slick-slide.slick-active{}
.testimonialPersonImg { width: 100px; height: 100px; border-radius: 20px;}
.testimonialQuote { width: 60px;height: 60px;}
.testimonialQuote svg {   width: 100%;height: 100%;}
.testimonialpersonName,.testimonialposition,.testimonialQuote svg, .testimonialbottomContent {transition:all ease 0.4s;-webkit-transition:all ease 0.4s;}



/* Footer Section */

footer.footerSection {  padding-top:200px; overflow:hidden;}
.footerLogo { position: relative;}
/* .footerLogo img { width: 300px !important; max-width: 100%;} */
.footerParent{position:relative}
.footerLogo:after { content: ''; width: 100%; height: 1px; background-color: #00a1ec;display: block; margin-top: 20px;}
.footerSocial li { display: inline-block; vertical-align: middle; margin-right: -4px; padding: 25px 10px;}
.footerSocial li:first-child { padding-left: 0;}
.footerEmail span, .footerPhone span { display: inline-block; vertical-align: middle; margin-right: -4px;}
.footermailContent a, .footerphoneContent a { position: relative;color: #fff;}
.footermailContent a:hover, .footerphoneContent a:hover{color:#fff}
.footermailContent a:after, .footerphoneContent a:after { content: ''; width: 0; height: 1px; background-color: #fff; position: absolute; bottom: -5px; left: 0; transition: all ease 0.3s;}
.footermailContent a:hover:after, .footerphoneContent a:hover:after { width: 100%;}
.footerIcon { width: 22px; height: 22px;}
.footerIcon svg {width: 100%; height: 100%;}
.footerIcon svg path { fill: #fff;}
.footerSocial li a { display: block; width: 25px; height: 25px; background-color: #fff; line-height: 25px; text-align: center; border-radius: 3px; color: #00a1ec; font-size: 15px;}
.footerSocial li a:hover { color: #84c441;}
.footertopShape, .footerbottomShape{position: absolute;  width: 1000px;  height: 1000px;transform: rotate(-33deg); border-radius: 300px; }
.footertopShape {  right: -5%; top: -35%;  background-color: #00a1ec;}
.footerbottomShape { right: -4%; top: -35%;background-color: rgba(132,196,65,0.2);}


.bannerSection{padding-bottom:112px}
.bannercontactParent { position: fixed; top: 50vh; left: 0; width: auto; transform: translateY(-50%);}
/* .bannercontactParent.active{position:relative} */
.bannercontactParent.active .bannercontactInner { position: fixed;top:50px;left: 0px;border-radius:10px;  z-index: 6;}



/* Update Css */

.FreeformBox {max-width: 370px;}
.innerBook .testimonialTitle {max-width: 100%;}
.rightContent {padding-left: 40px;}

text.textTransform {transform: translate(60%,48%) rotate(180deg);}
.ourmethodsvgParent{max-height: 382px;}
.ourmethodsvgParent:before {content: '';position: absolute;width: 150px;height: 150px;background: #f3785b;z-index: 999999999999;left: 50%;top: 50%;transform: translate(-50% , -50%);    z-index: -1;border-radius: 50%;}

.datadrivenListing li svg {width: 40px;height: 40px;display: inline-block;vertical-align: middle;}
.datadrivenListing li svg path {fill: #00aeef;}
.datadrivenListing li {padding-left: 0;list-style: none;padding: 12px 6px 12px 0;}
.datadrivenListing li:before {display: none;}
.datadrivenListing li:after {display: none;}
.datadrivenListing li span {display: inline-block;padding-left: 20px; vertical-align: middle; width: calc(100% - 40px);}

.ourmethodsvgParent {width: 440px;height: 440px;}

.bannercontactParent{z-index: 9999;}


/* Service Page */

/* Service banner Shape */
/* Shape */
.ServicebannerBgParellex{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.ServicebannerColorBg,.ServicebannerimgBg{width: 750px; height: 650px; display: inline-block; border-radius: 150px;transform: rotate(45deg);  position: absolute; top: 0; right: -18%; z-index: 4;}
.ServicebannerColorBg { background-color: rgba(132,196,65,0.2);}
.ServicebannerMainBg { content: ''; width: 100%;height: 100%;background-color: #70d2f6;display: inline-block;border-radius: 150px; position: absolute; top: -0.5%; right: -1.5%; z-index: -2;     overflow: hidden;}
.ServicewhiteFill{position: absolute; width: 100%; height: -100%; background-color: #00aeef;}
.ServicebannerColorBg{overflow:hidden;}

.bannerSpacer{max-width: 580px; margin: 0 auto 0 5%; position: relative; z-index: 1;}
.serviceBanner{padding-top: 195px; padding-bottom: 70px;}
.servicebannerParent { position: relative; z-index: 6;}
.dataDrivenTitle{position:relative}

.serviceBannerRight { padding-left: 30px;}
.servicebannerBottom { margin-top: -30px;}
.servicebannerBottomInner { width: 850px; max-width: 100%; margin: 0 0 0 2.50%;}
.dataDrivenTitle:before{position: absolute; left: -55px; top: -50px; content: ''; width: 50px; height: 50px; background-size: 100% auto; background-position: center center; background-image: url(https://1743462.fs1.hubspotusercontent-na1.net/hubfs/1743462/salesProgrammer_theme2019/quote.png); background-repeat: no-repeat;}


/* our Service Service Page */
.servicealtLeft,.servicealtRight { padding-top: 45px; padding-bottom: 45px; position:relative;}
.altserviceListing ul li { padding-bottom: 10px;}
.altserviceContent h3:first-child { padding-top: 10px;}
.altserviceContent h3 { color: #00aeef; font-weight: 400;}
.altserviceContent h3 + p { margin-top: 10px;}
.altserviceContent * + h3 { margin-top: 35px;}
.ourserviceIcons { position: absolute; left: -10%; top: 50%; transform:translateY(-50%); z-index: 6; width: auto; height: auto;}
.ourserviceOddBox .ourserviceIcons { left: inherit; right: -10%;}
.serviceinnerAltRepeat { position: relative;}

.hubspotSliverPartner img { width: 250px; max-width: 100%;}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Pricing Page
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Section1 */
.pricingPage .bannerFull{overflow:inherit;}

/* Section 2 */
.investorplanParent { margin-left: -25px; margin-right: -25px;}
.investorplanRepeat { padding-left: 25px; padding-right: 25px;}
.inverstcreditIcon,.inverstcreditContent { display: inline-block; vertical-align: middle; margin-right: -4px;}
.investorplanInner { box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.2); border-radius: 10px; overflow: hidden; padding: 20px; background-color:#fff;}
.investorIcon { width: 60px; height: 60px; display: block; margin: 0 auto;}
.investorIcon svg { width: 60px; height: 100%;}
.inverstcreditIcon { width: 38px; height: 38px;}
.inverstcreditIcon svg { width: auto; height: 38px;}
.inverstcreditContent { width: calc(100% - 38px); padding-left: 10px;}
.craditGrp { max-width: 150px; margin: 0 auto;}

/*     Section 3 */ 
.pricingPage .ourmethodTitle.titleStylever3 span.titleLinever3{right:inherit; left: calc(50vw + -15% );}
.pricingPage .ourmethodParent{padding-top:30px;}
.pricingPage .ourmethodIcon { right: inherit; left: 30px; top:20%;}

/* Section 4 */
.customizesecInner{margin-left:-20px; margin-right:-20px; position:relative;}
.onetimeService, .monthlyService, .advancedService{padding-left:20px; padding-right:20px;}
.customizesecInner:before, .customizesecInner:after { content: ''; width: 1px; height: calc(100% - 40px); position: absolute; left: 33.33%; background-color: #84c442; top: 40px; }
.customizesecInner:after { left: 66.66%;}

.customizeIcon , .customizeinnerTitle { display: inline-block; vertical-align: middle; margin-right: -4px;}
.customizeIcon { width: 35px; line-height: 1;}
.customizeIcon svg { width: 35px; height: auto;}
.customizeinnerTitle { padding-left: 8px; width: calc(100% - 35px); }

.iconStyle{padding-top:5px; position:relative; z-index:10;}
.iconStyle input[type=checkbox] + label { display: block;cursor: pointer; padding: 3px 0 3px 30px;}
.iconStyle input[type=checkbox] { display: none;}
.iconStyle input[type=checkbox] + label:before {font-family: fontAwesome; content: "";position: absolute; left: 0; top: 10px; border: 1px solid #000;  display: inline-block; width: 18px; height: 18px; margin-right: 10px; vertical-align: text-top; color: #000; transition: .2s; text-align: center; line-height: 20px;background-image: url(https://1743462.fs1.hubspotusercontent-na1.net/hubfs/1743462/salesProgrammer_theme2019/add.svg); background-size: 70% auto; background-repeat: no-repeat; background-position: center;}
.iconStyle input[type=checkbox] + label:active:before { transform: scale(0); }
.iconStyle input[type=checkbox]:checked + label:before {  content: ""; background-color: #84c441; border-color: #84c441; color: #fff; background-image: url(https://1743462.fs1.hubspotusercontent-na1.net/hubfs/1743462/salesProgrammer_theme2019/check.svg); background-size: auto 80%; background-repeat: no-repeat; background-position: center center; border-radius:3px;}
.iconStyle input[type="checkbox"]:checked+span:before { border-color: #eb6f69; font-size: 12px; background: #eb6f69; color: #fff; letter-spacing: 0;}

/* Section 5 */
/* .offerformHubspot{display:none;} */

/* Section 6 */

.hubspotLogoImg img{ width: 250px; max-width: 100%;}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Contact Section
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.contactBanner{padding-top:250px; padding-bottom:80px; overflow:hidden;}
.contactbannerBgParellex { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.upImage { position: absolute; left: 0; bottom: -150px; width: 100%; height: 100%; background-size: auto 100%; transform: rotate(-45deg); background-position: bottom center;}


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Blog Section
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Recent Post */

.recentBoxTitle h3,.recentBoxTitle h4 { background-color: #00aeef; display: inline-block; padding: 10px 40px 10px 15px; border-radius: 0 30px 30px 0; color: #fff;}
.recentBoxInner { background-color: #fbfbfb; padding: 7px 20px; border-radius: 10px; }
.recentBoxInner + .recentBoxInner { margin-top: 8px;}

.blogParent{position:relative; padding-top:250px;}
.Blogfirstinner { background-color: #fbfbfb; min-height:575px; position:relative; border-radius:15px 15px 0 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s}
.Blogfirstinner:hover {    box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.2);}
.firstblogContent{padding:15px;}
.firstblogTopic {position:absolute; left:15px; bottom:30px;}
/* .firstblogTopic{position:relative; padding-top:30px;} */
.BlogfirstParent { padding-bottom: 25px;}
.featuredimgFirst { border-radius: 15px 15px 0 0; overflow: hidden;}

/* Listing */
.BlogListing{padding-top:15px; padding-bottom:15px;}
.listingParent { background-color: #fbfbfb; border-radius: 10px; overflow: hidden; transition: all ease 0.4s; -webkit-transition: all ease 0.4s; position:relative; min-height:466px;}
.listingParent:hover {box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.2);}
.featuredImage { height: 250px; position: relative;}
.featuredImage a { position: relative; height: 100%; width: 100%; display: block;}

.bloggerLink a, .bloggerLink span, .bloggerLink a { color: #00aeef;}


.forthpostParent, .fifthpostParent { background-color: #00aeef; border-radius: 10px; position: relative;}
.forthpostParent > *, .fifthpostParent > * { position: relative; z-index: 3;}
.forthpostInner, .fifthpostInner{ padding-left: 20px; padding-right: 20px;}
.forthpostParent:before, .fifthpostParent:before { content: ''; position: absolute; left: 10px; top: 10px; width: 100%; height: 100%; border-radius: 10px; background-color: rgba(132,196,65,0.25); z-index: -1;}

.fifthpostParent .subscribebuttonLink a { width: auto; display: inline-block; border-radius: 30px; color:#00aeef;}

.listingParent:hover .bloggerLink a, .listingParent:hover .bloggerLink span,.listingParent:hover .bloggerLink a { color: #000;}




.subscribeForm form { position: relative;}
/* .subscribeForm input[type="submit"] { position: absolute; top: 1px; right: 1px;    font-family: fontAwesome; background-color: #84c441; border: transparent; border-radius: 0 4px 4px 0; padding: 13px 15px; height: 44px; font-size: 18px;} */
.subscribeForm input[type="submit"] {background-color: #84c441; }
.subscribeForm input[type="submit"]:hover { background-color: #fff;}

.subscribebuttonLink a { display: block; padding: 10px 20px; background-color: #fff; border-radius: 5px; text-align: center; color: #84c441;}
.subscribebuttonLink a:hover { background-color: #84c441; color: #fff;}
span.hs-form-required { display: none;}
.blogistContent { padding: 15px 15px 60px;}
.bloggerLink { position: absolute; bottom: 30px; left: 15px;}

/* Inner Section */

.bloginnerLeft .bloginnerLeftMain { padding-bottom: 100px;}
/* .authorSection { position: absolute; bottom: 20px; left: 15px;} */
.authorSection { padding-top:50px;}
.bloginnerTop { position: relative; display: table; width: 100%; height: 100%;}
.bloginnerTop .bloginnerLeft, .bloginnerTop .bloginnerRight { display: table-cell; vertical-align: top; position: relative;}
.bloginnerRight img { border-radius: 10px;}

.authorImages { width: 65px; height: 65px; background-size: cover; background-position: center center; border-radius: 5px; box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.18);}
.authorImages,.authorDetail { display: inline-block; vertical-align: middle;     margin-right: -4px;}
.authorDetail { padding-left: 15px;}

.postbodyContent { max-width: 950px; width: 100%; margin: 0 auto; padding-left: 20px; padding-right: 20px; position:relative;}
.boxStyleBlog { background-color: #f9f9f9;    margin-left: -20px;  margin-right: -20px; padding: 50px 30px; border-radius: 10px;}
.boxStyleBlog h3 { background-color: #fff; padding: 15px 20px; border-radius: 10px;}
.blogimageAlign { padding-top: 30px; display: block;}
.blogimageAlign:after, .blogimageAlign:before { content: ''; display: table; width: 100%;}
.blogimageAlign img { float: left; width: 50%; margin-right: 20px; margin-bottom: 10px; border-radius: 10px;}
.blogimageAlign p { margin-top: 0;}

.postbodyContentInner h3{font-weight:400;}
.postbodyContentInner.listStyle ul li + li { margin-top: 15px;}
.postbodyContentInner.listStyle ul li:not([class*="fa-"]):before { font-size: 80%; top: 7px; line-height:1}
/* .postbodyContentInner.listStyle ul li { font-weight: 600;} */
.postbodyContentInner.listStyle * + ul { margin-top: 25px; margin-bottom:10px;}


.postbodyContentInner blockquote { margin: 16px 0; font-weight:300; padding: 20px 20px 20px 70px; position: relative; overflow: hidden; font-size: 35px;}
.postbodyContentInner blockquote:before { position: absolute; content: ''; top: 20px; left: 5px; font-size: 90px; line-height: inherit; display: inline-block; height: 50px; width: 50px; background-size: 100% auto; background-repeat: no-repeat; background-size: 100% auto; background-image: url('https://1743462.fs1.hubspotusercontent-na1.net/hubfs/1743462/salesProgrammer%20Blog-2019/quoteSign.png');}
.postbodyContentInner blockquote:after { position: absolute; content: ''; bottom: 0; left: 50%; line-height: inherit;     display: inline-block; height: 12px; width: 60%; background-size: 100% auto; background-repeat: no-repeat; background-size: 100% auto; transform: translateX(-50%); background-image: url('https://1743462.fs1.hubspotusercontent-na1.net/hubfs/1743462/salesProgrammer%20Blog-2019/quoteLine.png');}
.postbodyContentInner blockquote span { font-weight: 400; color: #00aeef;}

/* Bottom Social Icon */
.PublishSocialIcons ul{padding-top:10px;}
.PublishSocialIcons ul li { display: inline-block; vertical-align: middle; margin-right:-4px;}
.PublishSocialIcons ul li + li { padding-left: 15px;}
.PublishSocialIcons ul li a { color: #00aeef;}
.PublishSocialIcons ul li a:hover { color: #84c441;}

/* Top Social Icon */
.PublishSocialtop { position: absolute; left: -60px; top: 150px;}
.PublishSocialtop li+ li { padding-top: 15px;}
.PublishSocialtop li a{color:#00aeef;}

/* .PublishSocialtopFixed .PublishSocialtop { position: fixed; left: calc(50vw - 1090px /2); top: 0;} */

.PublishSocialtop.sticky1{ position: fixed; left: calc(50vw - 1090px /2); top: 0px;}
.PublishSocialtop.buttonSticky{    bottom: 0; top: inherit; position: absolute; left:-62px}

.hs_email.hs-email.hs-fieldtype-text.field.hs-form-field {}

.subbottomForm form{position:relative;}
/* .subbottomForm form .field { padding-bottom: 0;} */
/* .subbottomForm .actions { position: absolute; right: 0; top: 0px;} */
/* .subbottomForm input[type="submit"] { border-radius: 0 5px 5px 0; font-family: fontAwesome; padding: 13px 20px;} */


/* Related Post */
.topic-body { background-color: #f9f9f9; border-radius: 10px; padding: 30px 20px; transition: all ease 0.4s; -webkit- transition: all ease 0.4s;}
.topic-body:hover{background-color: #fff;    box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.2);}
.topic-item { padding-top: 15px; padding-bottom: 15px;}


.tagsliderrepeat { padding: 20px 20px;}
.tagsliderrepeatInner { background-color: #00aeef; color: #fff; border-radius: 10px; transition: all ease 0.2s; position: relative;}
.tagsliderImg { height: 200px; border-radius: 9px 9px 0 0;}
.tagsliderinnerContent { padding: 30px 20px;}
.tagsliderrepeatInner:before { content: ''; position: absolute; left: 10px; top: 10px; width: 100%; height: 100%; background-color: rgba(132,196,65,0.25); z-index: -1; border-radius: 10px;}
.tagsliderMain .slick-slide.slick-current .tagsliderrepeatInner { background-color: rgba(132,196,65,0.25); color: #464646;}
.tagsliderMain .slick-slide.slick-current .tagsliderrepeatInner:before { background-color: transparent;}
.tagsliderMain { max-width: 1100px; margin: 0 auto; padding: 40px 50px 80px;}
.tagsliderMain .slick-prev { left: -60px;}
.tagsliderMain .slick-next { right: -60px;}
.tagsliderMain .slick-dots { bottom: -40px;}
.tagsliderLink { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.tagsliderrepeatInner:hover {background-color: #e0f0cf; color:#464646}
.tagsliderrepeatInner:hover:before {opacity: 0;}


/* New Contact Page */
.contatBannerSpacer { margin: 0 auto 0 15%;}  
.NewContactAddressSec{opacity:0;position:relative}
.contactBox { box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.2); background-position: bottom left; background-repeat: no-repeat;  background-size: 100% auto;    border-radius: 8px; }
.contactAddParent > div {  padding-left: 80px; padding-top: 40px }

.contactBoxInner { padding-bottom: 350px; padding-right: 25px;  padding-top: 80px; }
.countryName { font-size: 32px; color: #2f2e2e;  font-weight: 600; font-family: 'Open Sans', sans-serif; padding-bottom: 5px; }
.countryCdetials p { margin: 0; }
.countryCdetials p span { color: #00aeef; display: block;  padding-top: 10px; }
.countryCdetials p,.countryCdetials a {  color: #6c6c6c; }

/* Blog Section */
.BlogfirstPost .featuredimgFirst { position: relative; width: 100%; height: 300px;}
.BlogfirstPost .featuredimgFirst a { position: relative; height: 100%; width: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center;}

.bloginnerBanner { height: 300px; border-radius: 10px; overflow: hidden;}
.bloginnerBanner a { display: block; position: relative; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}



/* Free Demo Landing Page */
.freeDemoSection .FreeDemoBox h5 { color:#ea2c3e; }
.freeDemoSection .Content { padding-right:40px; }
.freeDemoSection .Popularfeatures > div  { width:50%; display:inline-block; margin-right:-4px; }
.freeDemoSection .Popularfeatures ul { padding-left: 27px; }
.freeDemoSection .Popularfeatures ul li { padding: 5px 0; position: relative; list-style:none; }
.freeDemoSection .Popularfeatures ul li:before { content:"\f00c"; position:absolute; font-family:FontAwesome; left:-24px; color:#000; }

.freeDemoSection .Form { padding:35px 50px; }

.freeDemoSection { position: relative; z-index: 2; }
.freeDemoSection:after { content: ""; background: #f8f8f8; width: 50%; height: 100%; position: absolute; display: block; left: 0; top: 0; z-index: 1; }
.FreeDemoBox { position: relative; z-index: 2; } 

.getdemo_bottomcontent p { font-weight:500; }
.freeDemoSectionV2 .getdemo_bottomcontent { color: #ea2c3e; }
.LPFooter { background:#ea2c3e; padding:20px 0; text-align:center; color:#fff; }
.LPFooterV2 .LPFooter { background: #cccccc; color: #292929; }
.freeDemoSection .Form input[type=submit], .freeDemoSection .Form input[type=button], .freeDemoSection .Form button { cursor: pointer;
  -webkit-appearance: none;
  text-decoration: none !important;
  display: -moz-inline-stack;
  display: inline-block;
  line-height: 1;
  background-color: #ea2c3e;
  padding: 10px 25px;
  border-radius: 25px;
  border: none;
  color: #fff;
  font-family: 'Lato',sans-serif; }
.freeDemoSection .Form input[type=submit]:hover, .freeDemoSection .Form input[type=button]:hover, .freeDemoSection .Form button:hover { background-color:#000; }
.freeDemoSection .Form input[type="text"], .freeDemoSection .Form input[type="password"], .freeDemoSection .Form input[type="datetime"], .freeDemoSection .Form input[type="datetime-local"], .freeDemoSection .Form input[type="date"], .freeDemoSection .Form input[type="month"], .freeDemoSection .Form input[type="time"], .freeDemoSection .Form input[type="week"], .freeDemoSection .Form input[type="number"], .freeDemoSection .Form input[type="email"], .freeDemoSection .Form input[type="url"], .freeDemoSection .Form input[type="search"], .freeDemoSection .Form input[type="tel"], .freeDemoSection .Form input[type="color"], .freeDemoSection .Form input[type="file"], .freeDemoSection .Form textarea, .freeDemoSection .Form select {
  font-size: inherit; font-family: inherit; padding: 8px 15px; letter-spacing: normal; width: 100%; display: block; margin-bottom: 0; color: #666; border: 1px solid #ccc; border-radius: 3px; line-height: 1.5; }

.freeDemoSection form input[type="checkbox"]:checked+span:before {
  border-color: #ea2c3e;
  font-size: 12px;
  background: #ea2c3e;
  color: #fff;
  letter-spacing: 0;
}
.freeDemoSection form ul.multi-container {
  padding-top: 0;
}

.freeDemoSectionV2 form fieldset .field { padding-left: 0; padding-right: 0; }
.freeDemoSectionV2 form fieldset.form-columns-2 { display: flex; gap: 20px; }
.freeDemoSectionV2 .Form select { min-height: 42px; }

.ForOnlyMobile { display:none; }
.freeDemoSectionV2 .video.vidyard img { width: 100%; }



/** Author Module **/
.Author_section { background: #F0F0F0; padding: 60px 0; }
.Author_Box { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 50px; max-width: 80%; width: 100%; margin: auto; }
.Author_img { width: 300px; height: 300px; }
.Author_content { width: calc(100% - 350px); }
.Author_img img { border-radius: 100%; width: 100%; height: 100% !important; }
.AuthorName { color: #464646; font-size: 26px; font-weight: 600; }
.AuthorDetails { padding: 12px 0; color: #ea2c3e; }
.AuthorContent { font-size: 18px; }

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Responsive Media Queries CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/*-=-=- Smaller Desktop Devices -=-=-*/

@media (min-width:768px ) {
  .headerIcon:hover .headersearchParent { opacity: 1; visibility: visible;}
  .NewContactAddressSec .titleBig {  width: 50%;  margin-left: auto; }


}


@media (min-width:992px ) {

  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { border-radius: 10px; z-index: 3; position: absolute; top: 150%;left: 50%; transform: translateX(-50%);}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 .hs-menu-children-wrapper a { color: #fff;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper:before,
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 10px;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper:before { background-color: #00aeef; z-index: 2; border-radius: 10px;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper:after { background-color: #e6f3d9; transform: rotate(2deg); left: 6px; top: 4px;}
  .navigation .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:150%;}
  .navigation .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 a{background-color: #00aeef; color: #fff;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper> * { z-index: 5; position: relative;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper>li:first-child a { border-radius: 10px 10px 0 0;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper>li:last-child a { border-radius: 0 0 10px 10px;}

  .navigation .hs-menu-wrapper>ul>li:hover>a{color:#00aeef}


  /* Mega Menu css */
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) ul{padding:25px 25px 10px;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > a{position:relative;overflow:visible !important;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li:first-child:before {content: "";position: absolute;width: 0; height: 0;margin-left: 0;top: -34px; left: 24px;box-sizing: border-box;border: 9px solid transparent;border-color: #fff #fff transparent transparent;transform: rotate(-45deg);box-shadow: 2px -2px 3px 0 rgba(0, 0, 0, 0.07);}
  .headerParent .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li.hs-menu-depth-1 {padding-top: 10px; padding-bottom: 15px; position: relative;}
  .headerParent .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children  ul.hs-menu-children-wrapper { top: 100% !important; left: 0 !important;  width: 660px !important; transform: none !important; max-width: inherit;background-color:#fff;box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1);}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2){position:relative !important;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul:before {display:none !important;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper:after{content:'' !important;position:absolute !important;top:25px !important;left:300px !important;width:1px !important;height:75% !important;transform: rotate(0deg) !important;background-color:#cee7b3 !important;display:block !important;} 
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li{width:50%;display:inline-block;vertical-align:top;margin-right:-4px;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul  li a:hover{background-color:transparent !important;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul  li a > div {display:inline-block;position:absolute;top:0;left:0;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul  li a > span {padding-left:25px; display: block;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li a{transition:all ease 0.3s;position:relative;vertical-align:top;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li a:hover{color:#00aeef !important;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li:hover  a{background-color:transparent !important;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li > a > span{position:relative;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li > a{display:inline-block;width:100% !important;font-size: 15px !important; color: #595959 !important; text-align: left !important;letter-spacing: 0.1em;line-height: 1.22; padding: 0px 10px !important;padding-bottom:20px !important;position:relative;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li > a > span:after{content:'\f105';font-family:FontAwesome;font-size:22px;line-height:19px;padding-left: 10px;transition:all ease 0.3s;opacity:0;visibility:hidden;color:#00aeef;vertical-align:top;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li > a:hover > span:after {opacity:1;visibility:visible;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2):hover ul { opacity: 1 !important; visibility: visible !important; }
  .headerParent .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper:after {display:none;}


  .bannerContent h3{font-size:22px;}

  .tabShow{display:none;}

  /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  Pricing Page
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
  /*  Section 1  */
  .pricingPage .bannersecParent{padding-top:250px}
  /*   Section 3 */
  .pricingPage .ourmethodsectionTitle { margin: 0 0 0 auto; max-width: 56%; width: 56%;}
  /* Section 5 */
  .customofferBox{max-width:500px;}
  .customRightside{padding-left:40px;}

  /*  Blog  */
  .recentMobile{display:none !important;}


}


@media (min-width:1550px ) {

  .wrapper { width: 100%; float:none !important; display:block; margin:0 auto !important; max-width: 1370px; padding-left: 15px; padding-right: 15px; }

  h1, .h1, .h1 h2 { font-size:62px; line-height:1.16; }
  h2, .h2 { font-size:42px; line-height:1.24; }
  h3, .h3 { font-size:32px; line-height:1.3; }
  h4, .h4 { font-size:24px; line-height:1.4; }
  h5, .h5 { font-size:22px; line-height:1.4; }/* blank */
  h6, .h6 { font-size:18px; line-height:1.5; }/* blank */

  .titleBig big{font-size:40px;}

  /*  Pricing page  */
  .pricingPage .inverstorTitle.titleStylever3 span.titleLinever3, .customizeTitle.titleStylever3 span.titleLinever3{right: calc(50% - 30px);}
  .pricingPage .ourmethodTitle.titleStylever3 span.titleLinever3{left: calc(50% - 30px);}
  /*   .titleStylever3 span.titleLinever3{right: calc(50% - 30px);} */




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

  /*  Banner Section  */
  .bannerColorBg, .bannerimgBg{width: 650px; height: 550px; right:-15%; border-radius:100px;}
  .bannerMainBg{border-radius:100px}
  .ourserviceimgBg, .ourserviceColorBg{left: -12%; border-radius:100px}
  .ourserviceMainBg{border-radius:100px}
  .customerDataimgBg, .customerDataColorBg,.customerDataMainBg{border-radius:100px;}

  /* Service Banner Section  */

  .ServicebannerColorBg, .ServicebannerimgBg{width: 750px; height: 650px;    right: -13%;}
  .serviceBannerRight img { max-width: 120%;}

  /*  Pricing Page  */
  .pricingPage .bannerVer2 .bannerColorBg,.pricingPage .bannerVer2 .bannerimgBg{width:750px; height:750px;}
  .pricingPage .bannerVer2 .bannerColorBg,.pricingPage .bannerVer2  .bannerimgBg{right:-14%}
  .titleBoxInnerStyle.titleStylever3 span.titleLinever3 {  right: calc(50vw + -30%); }


}



@media (min-width: 1231px) and (max-width: 1400px) {

  .bannerColorBg, .bannerimgBg{right: -24%;height: 520px;}
  .ourmethodsvgParent {padding: 0 30px;max-height: 390px;}

}







@media (max-width:1230px ) {
  .wrapper { max-width:1000px }
  .headerParent{padding:40px 0;}
  .saleslogo {width: 150px;}  
  .saleslogo img {max-width: 150px;}
  .salesnavigation {width: calc(100% - 310px);padding: 0 10px;}
  .navigation .hs-menu-wrapper>ul>li>a {font-size: 13px; padding:0 10px;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 .hs-menu-children-wrapper a{font-size:13px;}
  .navigation .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 a{font-size:13px;}


  /*  Banner Section  */
  .bannersecParent {padding-top: 225px;}
  .bannerColorBg,.bannerimgBg {right:-25%; height: 470px;}
  .bannerPicture{    width: 130%; height: 130%;top: 0%; left: -15%; background-position: top left 40%;}
  .bannerPictureParellex{width: 120%;height: 120%;left: -20%}
  .bannerlogoBg{width: 300px; height: 300px;top: -200px;left: -70px;}
  .bannerlogoParent:before{width:70%;}
  /* our Method  */
  .ourmethodsvgParent{padding:0 0 0 10%}
  .arrowActive { width: 30px;}

  .ourmethodTitle.titleStylever3 span.titleLinever3{right: calc(50vw + -150px );}
  /*  Our Services  */
  .ourserviceimgBg, .ourserviceColorBg {left: -50%;}
  /* Acquire Section   */
  .customerDataimgBg, .customerDataColorBg{right: -20%;}
  .customerDataPicture{top:-15%;}
  .AcquireCustomersParent {max-width: 600px;}

  /*  testimonial  */
  .testimonialRepeat { padding: 8px;}
  /*  Footer Section  */
  .footertopShape { right: -20%;}
  .footerbottomShape { right: -19%;}

  /*  Update Css  */

  .ourmethodsvgParent {padding: 0;max-height: 390px;padding-right: 0;max-width: 390px;}
  .arrowActive {left: 95%;}

  /*  Service Page  */
  .ServicebannerColorBg, .ServicebannerimgBg{width: 650px; height: 650px; right:-30%;}
  .servicebannerBottom{margin-top:0; padding-top:20px;}

  /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  Pricing Page
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
  .pricingPage .bannerFull{overflow:hidden;}
  /*  Section 2  */
  .investorplanParent{margin-left:-15px; margin-right:-15px;}
  .investorplanRepeat { padding:15px;}

  /*   Section 3 */
  .pricingPage .ourmethodTitle.titleStylever3 span.titleLinever3{ left: calc(50vw + -150px );}

  /*  Blog  */
  .PublishSocialtop { left: -30px;}

  .contactAddParent > div { padding-left: 30px; }
  /*   .PublishSocialtopFixed .PublishSocialtop { left: calc(50vw - 1025px /2);} */

  .PublishSocialtop.sticky1{ left: calc(50vw - 1025px /2); }
  .PublishSocialtop.buttonSticky{ left:30px}


}

/*-=-=-  Tablet Landscape and Smaller Devices -=-=-*/
@media (max-width:1080px ) {
  .wrapper { max-width:900px }
  .mintab50{width:50%;}
  .mintabpt10{padding-top:10px;}
  .mintabpt20{padding-top:20px;}
  .mintabpt30{padding-top:30px;}
  /*  Header Section  */
  .headerParent .wrapper { max-width: 100%;}

  /*   mega menu */
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) ul { padding: 15px;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul li a > span { padding-left: 20px;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li > a { letter-spacing: 0;width:100% !important;}
  .headerParent .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { width: 550px !important;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul.hs-menu-children-wrapper:after{top:15px !important;left:250px !important;height:85% !important;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li:first-child:before{top:-24px;}

  .headerParent .navigation .hs-menu-wrapper>ul>li.active>a { background-color: transparent; color: #000;}
  .headerParent .navigation .hs-menu-wrapper>ul>li.active.listOpenMenu>a { color: #00aeef; background: #fff;}



  /*  Banner Section  */

  .bannercontactParent { top: 80vh;}
  .bannerlogoBg { left: -70px; top: -240px;}
  .bannerColorBg, .bannerimgBg{    right: -35%;height: 500px;}
  .bannerColorBg, .bannerimgBg,.bannerMainBg{border-radius: 50px;}
  .ourserviceimgBg, .ourserviceColorBg,.ourserviceMainBg{border-radius: 50px;}
  .customerDataimgBg, .customerDataColorBg,.customerDataMainBg{border-radius: 50px;}
  /* our Method  */
  .arrowActive { left: 0;}
  .ourmethodSection { padding: 60px 0;}
  .ourcircleContent {padding-top: 60px;}
  /* Data Driven Section */
  .customerDataimgBg, .customerDataColorBg { width: 75%; right: -40%;}
  .customerDataPicture {right: 0%;}


  /*  Update Css  */

  .arrowActive {right: -15px;left: inherit;}


  /*  Blog Section  */

  .BlogListing.postNumber4 { width: 100%; padding-bottom:30px;}
  .BlogListing.postNumber5 > div { width: 50%;}
  .BlogListing.postNumber6 > div { width: 50%;}
  .PublishSocialtopFixed .PublishSocialtop { left: calc(50vw - 945px /2);}

  .PublishSocialtop.sticky1{ left: calc(50vw - 945px /2); }
  .PublishSocialtop.buttonSticky{ left:-30px}
  
  /* Author Module */
  .Author_Box { max-width:100%; }



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

  /*  Banner Section  */
  /*   .bannerlogoBg{left: -120px;} */
  .bannerlogoBg.demo { left: -60px; top: -238px;}


}
/*-=-=-  Tablet Portrait and Smaller Devices -=-=-*/
@media (max-width:991px ) {
  .wrapper { max-width:700px }
  .tabwrapper .wrapper{max-width:100%;}

  .tabw25 { width:25%; }
  .tabw30 { width:30%; }
  .tabw33 { width:33.33%; }
  .tabw40 { width:40%; }
  .tabw50 { width:50%; }
  .tabw60 { width:60%; }
  .tabw66 { width:66.66%; }
  .tabw70 { width:70%; }
  .tabw75 { width:75%; }
  .tabw100 { width:100%; }

  h1, .h1, .h1 h2 { font-size:30px; line-height:1.3; }
  h2, .h2 { font-size:26px; line-height:1.33; }
  h3, .h3 { font-size:24px; line-height:1.4; }
  h4, .h4 { font-size:18px; line-height:1.44; }
  h5, .h5 { font-size:16px; line-height:1.5; }
  h6, .h6 { font-size:14px; line-height:1.5; }

  .tabmt20{margin-top:20px;}
  .tabmt30{margin-top:30px;}
  .tabmt50{margin-top:50px;}
  .tabpt0{padding-top:0}
  .tabpb0{padding-bottom:0}
  .tabpl0{padding-left:0}
  .tabpr0{padding-right:0}


  .pb40,.p40-0 { padding-bottom:25px; }
  .pb50,.p50-0 { padding-bottom:30px; }
  .pb60,.p60-0 { padding-bottom:35px; }
  .pb70,.p70-0 { padding-bottom:40px; }
  .pb80,.p80-0 { padding-bottom:50px; }
  .pb90,.p90-0 { padding-bottom:50px; }
  .pt40,.p40-0 { padding-top:25px; }
  .pt50,.p50-0 { padding-top:30px; }
  .pt60,.p60-0 { padding-top:35px; }
  .pt70,.p70-0 { padding-top:40px; }
  .pt80,.p80-0 { padding-top:50px; }
  .pt90,.p90-0 { padding-top:50px; }


  /*-=-=-=-= Mobile menu JS USE  MENU ICON as '<a class="expandMenu"><i></i><i></i><i></i></a>' -=-=-=*/
  a.expandMenu { width: 40px; height: 40px; display: block; cursor:pointer; position: absolute; top: 15px; right: 15px; padding: 5px;  }
  a.expandMenu i { position:relative; width: 30px; left:0; height: 4px; opacity:1; display: block; background: #ffffff; margin: 5px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
  a.expandMenu.open i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 10px; position: relative; }
  a.expandMenu.open i:nth-child(2) { position:relative; left:-46px; opacity:0; }
  a.expandMenu.open i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -8px; position: relative; }
  /*-=-=-=-= Mobile Submenu JS USE  SUBMENU ICON as '<a class="childExpand"><i></i><i></i></a>' -=-=-=*/
  .childExpand { position: absolute; top: 8px; right: 10px; width: 24px; text-align: center; height: 24px; margin: 0; padding:5px; cursor:pointer; }
  .childExpand i { position:relative; width: 15px; left:0; height: 1px; opacity:1; display: block; background: #fff; margin: 6px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
  .childExpand i + i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top: -7px; }
  .childExpand.open i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); background:#00aeef;}
  .childExpand.open i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); }


  .tabBlock{display:block; margin-right:0;}
  .tabNone{display:none;}
  .headerParent{padding:20px 0;}

  /*  Navigation  */
  .salesnavigation {width: calc(100% - 150px);text-align: right; padding: 0 60px 0 10px;}
  .navigation .hs-menu-wrapper{display:none; position: absolute; padding-top:20px; padding-bottom:20px; top: 70px; width: 100%; left: 0; background-color: #00aeef; height: auto; z-index:2;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>a:after{ display:none;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { float: none; width: 100%; max-width: 100%;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-menu-depth-1>a { width: 100%; display: block;}
  .navigation .hs-menu-wrapper>ul { float: none; width: 100%; padding-left:15px; padding-right:15px;}
  .navigation .hs-menu-wrapper>ul>li>a{padding: 10px 15px;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 .hs-menu-children-wrapper a{color:#fff;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1;display: none;position:static; width:100%; background-color:#00aeef; /*padding-left:15px;*/}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width: 100%; padding:10px 50px 10px 15px; }
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{text-align:left; color:#2c2c2c;text-transform: uppercase;}
  .navigation .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 { position: relative; width: 100%; left:0; opacity:1; visibility: visible;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{opacity:1;visibility: visible;}
  .navigation .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 a{color:#fff; background-color:#00aeef; padding:10px 15px;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { opacity:1; visibility:visible; }
  .navigation .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 a:hover{    background-color: #ffffff; color: #00aeef;}
  .navigation .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{opacity:1;visibility: visible;}
  .navigation .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 a:hover{ color: #ffffff; background-color: #00aeef;}

  .salesnavigation{position:inherit;}
  .headersearchParent{right: 75px; top: 40px; z-index:0;}

  .headerParent .wrapper { position: static;}

  .headerCta { padding: 0 15px;width: 100%;display: block;}
  .headerCta.runAnimation a{animation-play-state: paused;}
  .headerCta.button a { padding: 10px 15px;font-size: 13px;max-width: 100%;display: block; border-radius: 0; width: 100%;}
  .headerIcon svg path { fill: #fff;}

  /*   Mega Menu css */
  .headerParent .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{width:100% !important;background-color:#fff;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li{width:50%;display:inline-block;vertical-align:top;margin-right:-4px;}
  .headerParent .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 .hs-menu-children-wrapper li:hover a{background-color:transparent !important;}
  .headerParent .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 .hs-menu-children-wrapper li:hover a{color:#00aeef}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li > a > span:after{font-size:20px;line-height:19px;vertical-align:top;}

  /*   banner  */
  .bannercontactParent { left: initial; right: 0; text-align: right;}
  .bannercontactInner { border-radius: 10px 0 0 10px;}

  .bannerSection .wrapper, .bannerlogoParent .wrapper {max-width: 100%;}
  .headerParent {position: relative; background-color: #00aeef;}
  .bannerlogoBg {display: none;}
  .bannersecParent {padding-top: 100px;}
  .bannerslider {margin: 0;}
  .bannerlogoParent:before{width:90%;}
  .bannerColorBg, .bannerimgBg{width: 550px; height: 430px;right: -45%;}

  /*   Our Services */
  .servicefullContent {padding-top: 50px;}
  .ourserviceSlider {padding-top: 50px;}

  /*  Acquire Section  */
  .customerData {padding-top: 60px;}
  /*   .AcquireCustomersSection:before{width:80%;} */
  .backgroundShadow{width:80%;}
  .AcquireCustomersParent {max-width: 500px;}

  /*  Data Driven Section  */
  .datadrivenLeft { padding-left: 15px;}
  .dataleftTitle:before {left: -25px;top: -25px;width: 30px; height: 30px;}
  .drivenformBox { padding: 0;}
  .drivenformInner { padding: 40px 20px;}
  .datadrivenRight { padding-bottom: 30px;}
  .customerDataimgBg, .customerDataColorBg{opacity:0.4}

  /* testimonial   */
  .testimonialbgImg, .testimonialRight { display: block; margin-right: 0;}
  .testimonialRight { padding-left: 0; padding-top: 5px;}

  /*  Footer Section  */

  .footertopShape { right: -60%;}
  .footerbottomShape { right: -57%;}



  /* Update css */


  .ourmethodsvgParent {max-height: 300px;padding-right: 0;max-width: 300px;}
  .ourmethodsvgParent:before {width: 120px;height: 120px;}


  /* Service Page */
  .ServicebannerColorBg, .ServicebannerimgBg{right: -50%;}
  .bannerSpacer{max-width: 580px; margin: 0;}
  .serviceBanner{padding-top: 100px; padding-bottom: 100px;}
  .servicebannerBottom{padding-top:50px;}
  .dataDrivenTitle:before { width: 30px; height: 30px; left: 0; top: -25px;}
  .servicebannerBottomInner{margin:0;}

  .servicealtLeft, .servicealtRight { padding-top: 20px; padding-bottom: 20px;}
  .ourserviceEvenBox .servicealtRight{text-align:left;}



  .onetimeService, .monthlyService, .advancedService { font-size: 14px;}
  .customizesecInner { margin-left: -15px; margin-right: -15px;}
  .onetimeService, .monthlyService, .advancedService { padding-left: 15px; padding-right: 15px;}
  .customizeinnerTitle h4, .customizeboxTitle h4{font-size:14px;}

  /*  Blog  */
  .recentDesktop{display:none !important;}
  .row-fluid .blogBanner { width: 100%;}
  .blogParent { padding-top: 70px;}
  .Blogfirstinner { min-height: 500px; height:auto !important;}
  .bloggerSection { height: auto !important;}
  .firstblogTopic { position: relative; left: 0; bottom: 0; padding-top: 30px;}


  /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  Contact Section
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
  .contactBanner { padding-top: 50px;}
  .contactTitle.titleStylever3 .titleLinever3 { right: calc(40vw + -90px ); }

  /*  Blog  */
  .PublishSocialtop { display:none;}

  /* Free Demo Landing Page */
  .FreeDemoBox .w50 { width: 100%; }
  .freeDemoSection .Content { padding-right: 0; }
  .freeDemoSection:after { content:none; }
  .freeDemoSection .Form { padding: 35px 0; }

  .ForOnlyMobile { display:block; position:relative; z-index:2; background:#f8f8f8; }
  .noneformobile .Content  { display:none !important; }


  /* Author Module */
  .Author_section { padding:45px 0; }
  .Author_Box { gap: 30px; }
  .Author_img { width: 230px; height: 230px; }
  .Author_content { width: calc(100% - 260px); }
  .AuthorContent { font-size: 16px; }
  .AuthorName { font-size: 22px; }
  .AuthorDetails { padding: 8px 0; }

}

/*-=-=-  Mobile Devices -=-=-*/
@media (max-width:767px ) {
  .wrapper { max-width:100%; padding-left:15px; padding-right:15px; }
  .mtop10 { margin-top:10px; } /* >>>>>>> margin top 10px in mobile <<<<<<<< */
  .mtop20 { margin-top:20px; } /* >>>>>>> margin top 20px in mobile <<<<<<<< */
  .mtop30 { margin-top:30px; } /* >>>>>>> margin top 30px in mobile <<<<<<<< */
  .mtop40 { margin-top:40px; } /* >>>>>>> margin top 40px in mobile <<<<<<<< */
  .mtop50 { margin-top:50px; } /* >>>>>>> margin top 50px in mobile <<<<<<<< */
  .mpt0,.mp0 { padding-top:0 !important; }
  .mpb0,.mp0 { padding-bottom:0 !important; }
  .mobile-center { text-align:center; } /*>>>>>>>    text-align:center in mobile   <<<<<<<<<<<<*/
  .text-right { text-align:center; }

  .mw25 { width:25%; }
  .mw33 { width:33.33%; }
  .mw50 { width:50%; }
  .mw66 { width:66.66%; }
  .mw75 { width:75%; }
  .mw100 { width:100%; }

  .mBlock{display:block; margin-right:0;}
  form fieldset[class*="form-columns"] .field { width:100%; }

  .headersearchParent{right: 5px;}

  .headerIcon.active .headersearchParent { opacity: 1; visibility: visible;}

  /*   Mega Menu */

  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li {  width: 100% !important; margin-right: 0;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li > a > span {  display: inline-block !important;  width: calc(100% - 25px);margin-right: -4px;vertical-align: top;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li > a > span:after{font-size:20px;line-height:19px;position:absolute;right:10px;vertical-align:top;}
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul > li a > div.image-box {width:25px;display:inline-block !important;}
  .headerParent .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{padding-right:0px !important;padding-left:0 !important;}

  /*  Banner Section  */
  .bannersecParent { padding-top: 50px;}

  .bannerlogoParent:before{width:100%; border-radius:0;}
  .bannerColorBg,.bannerimgBg { width: 100%; height: 100%; right: -80%; top: 0;}
  .bannerslider { position: relative; z-index: 5;}
  /*   .bannerPicture { left: -50%; width: 150%; height: 150%;} */
  .bannerPicture { left: -25%; width: 150%; height: 150%;}
  /*  Our Method  */
  .ourmethodsvgParent { padding: 0; padding-top: 70px;}
  /*   .arrowActive { top: 25px; left: 50%; transform: translateY(0); transform: translateX(-50%) rotate(90deg); width: 25px;} */
  .arrowActive{display:none;}
  .ourmethodTitle.titleStylever3 span.titleLinever3{right: 40vw;}
  /*  Our Services  */
  .ourserviceboxTwoColum {padding: 15px 0;}
  .ourserviceimgBg, .ourserviceColorBg {width: 100%; height: 75%; left: -75%; transform: rotate(38deg);}
  /*  AcquireCustomers  */
  .AcquireCustomersParent {max-width: 100%;}
  /*   .AcquireCustomersSection:before { width: 100%;border-radius: 0;} */
  .backgroundShadow{width: 100%;border-radius: 0;}
  /*  Data Driven  */
  .customerDataPicture {right: 0;top: 0;}
  .customerDataimgBg, .customerDataColorBg {width: 500px; height: 500px; right: -35%;}
  .dataleftTitle:before {left: 0;}

  .dataleftTitle.titleStylever2 span.titleLinever2 { right: calc(75vw + 45%);}
  .dataleftTitle .titleCirclever2 {right: 75%;}
  .datadrivenSection { padding-bottom:40px;}

  /*  Testimonial  */
  .testimonialParent .slick-slide, .testimonialParent .slick-slide.slick-current.slick-active{opacity:1}
  .testimonialParent .slick-slide.slick-current.slick-active .testimonialinnerParent{background-color: #00a1ec; color: #fff;}
  .testimonialParent .slick-slide.slick-current.slick-active .testimonialinnerParent svg path{ fill: #fff;}

  .testimonialTitle {max-width: 100%;}
  .testimonialParent .slick-prev { left: 0;}
  .testimonialParent .slick-dots { left: 50%; transform: translateX(-50%);}
  .testimonialParent .slick-next {right: 0;}

  /* All Images   */
  .bannerColorBg, .bannerimgBg,.ourserviceimgBg, .ourserviceColorBg,.customerDataimgBg, .customerDataColorBg { opacity: 0.6;}


  /*  Footer Section  */

  footer.footerSection { padding-top: 50px; text-align: center;}
  .footertopShape { right: -15%; top: 50%;}
  .footerbottomShape {top: 45%; right: -16%;}
  .footerLogo:after {display: none; }
  .footerRight {padding-top: 50px;}


  /* Update Css   */

  .rightContent {padding-left: 0;}
  .FreeformBox {max-width: 100%;}
  .ourmethodsvgParent {padding: 0;padding-top: 0;}

  /*  Service Page  */
  .serviceBanner { padding-top: 40px; padding-bottom: 40px;}
  .serviceBannerRight { padding-left: 0; text-align: center;}
  .serviceBannerRight img { max-width: 400px; width:100%;}
  .servicebannerBottom { padding-top: 40px;}
  .dataDrivenTitle:before { width: 30px; height: 30px; left: 0; top: -25px;}
  .ServicebannerColorBg, .ServicebannerimgBg{right: -60%;}


  /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  Pricing Page
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
  /*  Section 1  */
  .pricingPage .bannerSection{padding-bottom:60px;}

  /*   Section 3 */
  .pricingPage .ourmethodTitle.titleStylever3 span.titleLinever3{    left: 40vw;}


  .onetimeService, .monthlyService, .advancedService { width: 100%; padding-top:20px; padding-bottom:20px;}
  .onetimeService > div:not(:first-child),.monthlyService > div:not(:first-child), .advancedService > div:not(:first-child){ width: 50%; display: inline-block; vertical-align: top; margin-right: -4px;}
  .customizesecInner:before, .customizesecInner:after { display: none;}
  .customizeinnerTitle h4, .customizeboxTitle h4{font-size:18px;}
  .onetimeService > div:nth-child(even), .monthlyService > div:nth-child(even), .advancedService > div:nth-child(even){padding-right:10px;}
  /*  Section 5  */
  .customOfferTitle.titleStyle span.titleLine{width: 80%; left: inherit; right: -15px;}
  .customOfferTitle .titleCircle{left: inherit; right: calc(80% - 30px);}

  /*  Blog Section  */

  .BlogListing.postNumber6 > div { width: 100%;}
  .blogParent { padding-top: 50px;}
  .Blogfirstinner { min-height: auto;}
  .firstblogTopic { position: relative; bottom: 0; left: 0; padding-top: 30px;}

  .BlogListing.postNumber5 > div{width:100%;} 

  /*  Blog Inner Section  */
  .postbodyContent { padding-left: 0; padding-right: 0;}
  .boxStyleBlog { margin-left: 0; margin-right: 0; padding: 30px 15px;}  
  .bloginnerTop .bloginnerLeft, .bloginnerTop .bloginnerRight { display: block;}
  .authorSection { position: relative; left: 0; bottom: 0; padding-top: 30px;}
  .bloginnerLeft .bloginnerLeftMain { padding-bottom: 10px;}
  .blogimageAlign img { float: none; width: 100%; margin-right: 0; margin-bottom: 20px;}
  .postbodyContentInner blockquote { font-size: 22px; padding: 20px 20px 20px 50px;}
  .postbodyContentInner blockquote:before { width: 30px; height: 30px;}

  .tagsliderMain { padding: 40px 20px 80px;}


  .contactTitle.titleStylever3 .titleLinever3 { right: calc(72vw + -90px );}
  .contactTitle .titleCirclever3 { right: 80%;}

  .contactAddParent > div { width: 350px; max-width: 100%; margin: 0 auto; display: block;}
  .contactBoxInner {  padding: 20px 20px 200px;}
  .contactBox {  background-size: 200px auto;  background-position: bottom center; }
  .contactAddParent > div  { padding-left: 0 }

  .postbodyContent { padding-top: 0px; }
  .bloginnerTop .bloginnerLeft, .bloginnerTop .bloginnerRight { padding-left: 0; padding-right: 0; }
  .boxStyleBlog {  padding-left: 0;  padding-right: 0; }
  .postbodyContentInner h3 {  padding-left: 0; padding-right: 0; padding-bottom: 0; }

  .BlogfirstPost .featuredimgFirst { position: relative; width: 100%; height: 250px;}

  .bloginnerBanner{height:250px;}

}

@media (max-width:650px ) {

  .customerDataimgBg, .customerDataColorBg{right: -75%;}
  /*  Footer  */
  .footerbottomShape {right: -43%; transform: rotate(-45deg);}
  .footertopShape {right: -40%; transform: rotate(-45deg);}

  /*  Service Page  */
  .ServicebannerColorBg, .ServicebannerimgBg{right: -80%;}
  
  
  /* Author Module */
  .Author_content { width: 100%; }
  .Author_section { padding:35px 0; }
  .AuthorName { font-size: 20px; }



}

@media (max-width:480px ) {
  /*  Header Section  */
  .xsw100{display:block; margin-right:-4px; width:100%;}
  /*   .salesnavigation {width: 100%; padding: 0; text-align: center;padding-top: 10px;} */
  .HeaderLanguage .conutryName{display:none;}
  .HeadersearchBox {padding-left: 0;}
  .headerIcon svg path {fill: #fff;}
  /*   .navigation .hs-menu-wrapper{top:105.72px;} */

  /*  Mega Menu  */
  .headerParent .navigation ul li.hs-menu-depth-1:nth-child(2) > ul li a > span {  padding-left: 15px;}

  .bannercontactInner{padding: 10px 10px;}
  .bannercontactIcon { max-width: 18px;}

  .bannercontactParent.active { position: relative; left: inherit;}
  .bannercontactParent.active .bannercontactInner{top: inherit; bottom: 0; left: inherit; right: 10px; padding: 10px; border-radius: 10px 10px 0 0;}  

  .bannerCtaRight ,.bannerCtaLeft {display: block;padding-left: 0;}
  .bannerCtaRight { margin-top: 20px;}
  .bannerColorBg,.bannerimgBg {right: -47%;width: 50%;height: 50%;  top: 2%;}
  .customerDataimgBg, .customerDataColorBg {width: 300px;height: 300px;right: -50%;top: 22%;}
  .ourserviceInner.altfont{margin:0 20px 0 auto}
  .datadrivenListing li {   width: 100%;display: block;margin-right: 0;}
  .footertopShape {transform: rotate(0);right: -52px;top: 100px;border-radius: 0;}
  .footerIcons img { opacity: 0.2;}

  /*  Service Page  */
  .ServicebannerColorBg, .ServicebannerimgBg{width:450px; height:450px; right:-370px;}
  .ourserviceIcons img { opacity: 0.2;}

  /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  Pricing Page
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
  /*   Section 4 */
  .onetimeService > div:not(:first-child), .monthlyService > div:not(:first-child), .advancedService > div:not(:first-child) { width: 100%; display: block; margin-right: 0; }


  .freeDemoSectionV2 form fieldset.form-columns-2 { display: block; }
  .freeDemoSectionV2 form fieldset.form-columns-2 .field { width: 100% !important; }

}

@media (max-width:375px ) {

  .bannerColorBg,.bannerimgBg { right: -75%;width: 100%; height: 50%;top: 1%;}
  .ourmethodsvgParent{max-height: 250px; max-width: 250px;}
  .footertopShape {top: 120px;}


}


/* Hover Effect Button */

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob a, .subminAnimation input[type="submit"],.runAnimation a, .runAnimation img {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);

}
.hvr-bob a:hover,.runAnimation img,.runAnimation a, .hvr-bob a:focus, .hvr-bob a:active,.subminAnimation input[type="submit"]:hover, .subminAnimation input[type="submit"]:focus,.subminAnimation input[type="submit"]:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);

}
.hvr-pulse a:hover, .hvr-pulse a:focus, .hvr-pulse a:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);

}
.hvr-wobble-horizontal a:hover, .hvr-wobble-horizontal a:focus, .hvr-wobble-horizontal a:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*-=-=-=-=-=-=-=-=-=-=
Browser Hacks
-=-=-=-=-=-=-=-=-=-=-=-=*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
  ::i-block-chrome, .classname { /*only for safari....CSS*/ }
}
_:-ms-input-placeholder, :root .classname { /*only for internet explorer....CSS*/ }