/* @import url('http://example.com/example_style.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;}

@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Regular.eot#iefix') format('embedded-opentype'),  
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Regular.woff') format('woff'), 
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Regular.ttf')  format('truetype'), 
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Semibold.otf#iefix') format('embedded-opentype'),  
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Semibold.eot')  format('opentype'),
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Semibold.woff') format('woff'), 
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Semibold.ttf')  format('truetype'), 
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova-Black';
  src: url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Black.eot#iefix') format('embedded-opentype'),  
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Black.otf')  format('opentype'),
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Black.woff') format('woff'), 
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Black.ttf')  format('truetype'), 
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Black.svg#ProximaNova-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'ProximaNova-Bold';
  src: url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Bold.eot#iefix') format('embedded-opentype'),  
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Bold.otf')  format('opentype'),
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Bold.woff') format('woff'), 
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Bold.ttf')  format('truetype'), 
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'ProximaNova-Light';
  src: url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Light.eot#iefix') format('embedded-opentype'),  
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Light.otf')  format('opentype'),
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Light.woff') format('woff'), 
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Light.ttf')  format('truetype'), 
    url('https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Fonts/Proxima-Nova/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}



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

/* Global Style  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,select,input, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none !important;
  font-size: 100%;
  /* 	font-weight:normal; */
}
body {
  background: #fff;
  font-family: 'ProximaNova-Regular';
  font-size: 24px;
  color: #000000;
  line-height: 34px;
}
body {
  padding-bottom: 490px;
}
* {
  box-sizing: border-box;
}
p:empty {
  display:none;
}
p {
  margin-bottom:35px;
}
a {
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  color: #00b0cc;
}
img {
  height:auto;
}
h1 {
  font-family: 'ProximaNova-Black';
  font-size:60px;
  line-height: 64px;
  color:#221f1f;
  margin-bottom: 20px;
}
h2 {
  font-family: 'ProximaNova-Black';
  font-size:36px;
  color:#000000;
  line-height: normal;
  margin-bottom:25px;
}
.pb-sm {
  padding-bottom: 15px !important;
}
.page-center {
  float: none !important;
  max-width: 1135px;
  padding: 0px 15px;
  box-sizing: border-box;
  margin: 0 auto !important;
}

.built-in-logo img{

  display:none;

}

.hs-search-field--open .hs-search-field__suggestions{

  background: #fff !important;

}


/*Map-Section*/
.gm-style-iw-d{

  max-width:100% !important;
}
.gm-style-iw{
  max-width:100% !important;

}
.map-section h2 {  
  text-align:center;
  font-size:36px;
  margin-top: 50px;
  margin-bottom: 83px;
  margin-bottom: 40px;

}
.map-section .pin-locations h3:first-child{

  color: #0db0cd;
  text-align: center;
  font-weight: bold;
  font-family: 'ProximaNova-Bold';

}
.map-section .pin-locations h3{

  text-align: center;
  color: #c1c3c4;
}
#map {height: 100%;height:533px !important;}
.wrap {background: #fff !important;display: inline-block;width: 285px; text-align:center;}
#map div {}


.right {float: left;padding: 0px 5px 0px 5px;width: 100%;font-size: 18px;color: #c1c3c4;line-height: 28px;}
.losa .right {padding: 0px 15px 0px 15px !important; font-size: 18px;color: #c1c3c4; line-height: 28px;}

@media(max-width:440px){

  .gm-style{



  }

  .wrap {width: 212px;}
  .right {padding: 7px 0px 0px 0px;}
}



/* Header Style */

.home-page .header-container-wrapper,
.header-container-wrapper {
  z-index: 101;
  background: #fff;
  position: relative;
}
.header-area {
  position: fixed;
  left:0px;
  right:0px;
  transition: all 0.4s ease-in-out;
  padding-top: 30px;
  padding-bottom: 30px;
}
.header-area.fixed {
  background: #fff;
  box-shadow: 0px 2px 7.38px 1.62px rgba(0,0,0,0.09);
}
.header-logo-white,
.case-studies-single .header-logo {
  display:none !important;
}
.case-studies-single .header-logo-white {
  display:block !important;
}
.header-area.fixed .header-logo-white {
  display: none !important;
}
.case-studies-single .header-area.fixed .header-logo {
  display: block !important;
}
.case-studies-single .header-area.fixed .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  color: #221f1f;
}
.case-studies-single .header-area.fixed .search-menu button i {
  color: #221f1f;
}
.header-area ul.hs-menu-children-wrapper {
  width: 260px;
  text-align: left;
  background: #fff;
  box-shadow: 0 6px 9px 0px rgba(0,0,0,.1);
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  border-bottom: 2px solid #f5f5f5;
  color: #221f1f;
  margin: 0px;
  padding: 8px 15px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a {
  border-bottom: 0px;
}

.menu-cover {
  position: relative;
}
.header-area .header-menu {
  text-align: right;
  padding-top: 22px;
}
.header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  font-family: 'ProximaNova-Semibold' !important;
  font-size: 14px;
  color: #221f1f;
  max-width: 100%;
  text-overflow: inherit;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-bottom: 2px solid transparent;
  padding: 6px 0px;
  margin-left: 20px;
}
.header-area  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child a {
  /*     background: #0db0cd; */
  background: #000;
  color: #fff;
  border-bottom: 0px;
  padding: 8px 18px 6px;
  margin-left: 20px;
  border-radius: 10px;
}
.header-area  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child a:hover,
.header-area  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child a:focus {
  background: #004060 !important;
  color: #fff;
}
.header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover,
.header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:focus {
  color: #0db0cd;
  border-bottom: 2px solid #00b0cc;
}
.header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.active a {
  color: #0db0cd;
  border-bottom: 2px solid #00b0cc;
}
.search-menu {
  text-align: right;
  padding-top: 26px;
}
.search-menu button {
  background: none;
  border: 0px;
  outline: none;
  cursor: pointer;
  padding: 0px;
}
.search-menu button i {
  color: #221f1f;
  font-size: 15px;
}
.search-menu .menu-btn {
  display: none;
  margin-left: 15px;
}
.header-area .top-search-form {
  display: none;
  text-align: center;
  position: absolute;
  top: calc(100% - 2px);
  right: 0px;
  width:300px;
  z-index: 100;
  padding: 0px;
}
.header-area .top-search-form .hs-search-field__input {
  background: #f2f1f1;
  font-size: 16px;
  border: 1px solid #e4e4e4;
  padding: 10px 12px;
}
.solutions-single .banner {
  min-height: 609px;
}
.bxp-button{
  background: #FBDD34;
  color: #000;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 2.4px;
  padding: 18px 45px;
  border-radius: 10px;
  font-family: 'ProximaNova-Semibold';
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
  display: inline-block;
}
.bxp-button:hover{
  color: #000 !important;
  transform: scale(1.1);
  background: #fbdd34 !important;
}
/* ==========================================================================
Custom Menu Primary
========================================================================== */


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

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

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

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

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




/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */


/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can 
* use this for custom styling on any element when the menu is in the open position.                     
*/

.mobile-trigger, .child-trigger{
  display: none; /* Hide button on Desktop */
}
.approach-page .step-row {
  position: relative;
  background: #fff;
  padding:60px 0;
  margin-bottom:0 !important;
}
.approach-page .chart-area{
  background: #fff;
}
.approach-page .primary-btn{
  font-size:20px;
}
.approach-page .para-holder {
  position: relative;
  background: #fff;
  padding: 40px 0 0;
}

.pattern-area{
  /*   background:url('https://rivaltech.com/hubfs/rival-research-reimagined-desktop-coloured-background-x2size.png'); */
  background: url('https://4993913.fs1.hubspotusercontent-na1.net/hubfs/4993913/rival-research-reimagined-desktop-coloured-background-x2size-1.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: relative;
}
.pattern-area:before {
  content: " ";
  background: transparent linear-gradient(180deg, #FFFFFF -100%, #FFFFFFFC 4%, #FFFFFFED 8%, #FFFFFF00 100%);
  position: absolute;
  height: 60%;
  width: 100%;
}
.pattern-area:after {
  content: " ";
  background: linear-gradient(to top, rgb(0 64 105), rgb(255 0 0 / 0%));
  /*     background: transparent linear-gradient(360deg, #32354A 0%, #32354A 29%, #32354ABF 40%, #32354ABF 100%) 0% 0% no-repeat padding-box; */
  position: absolute;
  height: 40%;
  width: 100%;
  bottom: 0;
}

@media (max-width: 767px){

  .header-area ul.hs-menu-children-wrapper {
    width: 100%;
  }

  .map-section .pin-locations h3:first-child{
    margin-top:25px;
  }

  /* Variables
  ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
  * Menu Reset
  *
  * Remove styling from desktop version of custom-menu-primary. Place any 
  * additional CSS you want removed from the mobile menu in this reset 
  */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }


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

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

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


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

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

  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
    background-color: #000; /* Icon color */
  }


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

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

  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }


  /* Menu Styles on Mobile Devices
  ========================================================================== */  

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

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

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

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#000000; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

  /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
}

/* Animation Style Start */

.ban-top-img {
  /*     -webkit-animation: ban-to-left 3s ease-in-out;
  animation: ban-to-left 3s ease-in-out; */
}
@-webkit-keyframes ban-to-left {
  from {right: -20px;}
  to {right: 0px;}
}
@keyframes ban-to-left {
  from {right: -20px;}
  to {right: 0px;}
}

.ban-bottom-img {
  /*     -webkit-animation: ban-to-right 3s ease-in-out;
  animation: ban-to-right 3s ease-in-out; */
}
@-webkit-keyframes ban-to-right {
  from {right: 30px;}
  to {right: 0px;}
}
@keyframes ban-to-right {
  from {right: 30px;}
  to {right: 0px;}
}

.connect-text-cover {
  overflow: hidden;
}
.connect-area.active {
  /*     -webkit-animation: consumers-left 1.5s ease-in-out;
  animation: consumers-left 1.5s ease-in-out; */
}
@keyframes consumers-left {
  from { background-position: top 0 right -1105px; }
  to { background-position: top 0 right 0px; }
}
@-webkit-keyframes consumers-left {
  from { background-position: top 0 left 1105px; }
  to { background-position: top 0 left 0px; }
}

.insight-solutions-area {
  overflow: hidden;
}
/* .graph-1.active,
.graph-3.active {
-webkit-animation: fadeIn 3s ease-in-out;
animation: fadeIn 3s ease-in-out;
}
@-webkit-keyframes fadeIn {
from { -webkit-opacity: 0;}
to { -webkit-opacity: 1;}
}
@keyframes fadeIn {
from { opacity: 0;}
to { opacity: 1;}
}*/

.graph-2.active {
  -webkit-animation: BottomoToTop 3s ease-in-out;
  animation: BottomoToTop 3s ease-in-out;
  margin-bottom: -30px;
}
@-webkit-keyframes BottomoToTop {
  from { -webkit-transform: translateY(100%);}
  to { -webkit-transform: translateY(0%);}
}
@keyframes BottomoToTop {
  from { transform: translateY(100%);}
  to { transform: translateY(0%);}
} 

.enterprise-text.active {
  -webkit-animation: BottomoToTop2 3s ease-in-out;
  animation: BottomoToTop2 3s ease-in-out;
}
@-webkit-keyframes BottomoToTop2 {
  from { -webkit-transform: translateY(200%);}
  to { -webkit-transform: translateY(0%);}
}
@keyframes BottomoToTop2 {
  from { transform: translateY(200%);}
  to { transform: translateY(0%);}
}

/* .solutions-area .page-center.active {
-webkit-animation: TopToBottom 3s ease-in-out;
animation: TopToBottom 3s ease-in-out;
} */
@-webkit-keyframes TopToBottom {
  from { background-position:right 34px top -50px; }
  to { background-position: right 34px top 20px; }
}
@keyframes TopToBottom {
  from { background-position:right 34px top -50px; }
  to { background-position: right 34px top 20px; }
}

.footer-cover.active {
  /*     -webkit-animation: FooterAnimation 3s ease-in-out;
  animation: FooterAnimation 3s ease-in-out;
  z-index: -1; */
}
@-webkit-keyframes FooterAnimation {
  from { -webkit-transform: translateY(-100%);}
  to { -webkit-transform: translateY(0%);}
}
@keyframes FooterAnimation {
  from { transform: translateY(-100%);}
  to { transform: translateY(0%);}
}

/* .inner-banner h1 {
-webkit-animation: TextToTop 2s ease-in-out;
animation: TextToTop 2s ease-in-out;
} */
@-webkit-keyframes TextToTop {
  from { -webkit-transform: translateY(200%); -webkit-opacity: 0;}
  to { -webkit-transform: translateY(0%); -webkit-opacity: 1;}
}
@keyframes TextToTop {
  from { transform: translateY(200%); opacity: 0;}
  to { transform: translateY(0%); opacity: 1;}
}

.step-img.active {
  -webkit-animation: ImgToLeft 2s ease-in-out;
  animation: ImgToLeft 2s ease-in-out;
}
@-webkit-keyframes ImgToLeft {
  from { -webkit-transform: translateX(100%);}
  to { -webkit-transform: translateX(0%);}
}
@keyframes ImgToLeft {
  from { transform: translateX(100%);}
  to { transform: translateX(0%);}
}

.left-img  .step-img.active {
  -webkit-animation: ImgToRight 2s ease-in-out;
  animation: ImgToRight 2s ease-in-out;
}
@-webkit-keyframes ImgToRight {
  from { -webkit-transform: translateX(-100%);}
  to { -webkit-transform: translateX(0%);}
}
@keyframes ImgToRight {
  from { transform: translateX(-100%);}
  to { transform: translateX(0%);}
}


/* Animation Style End */

/* Content Style */


#wrap .primary{

  float: right !important;
  width: 33% !important;


}

.home-banner-cover {
  height: 703px;
}
.home-page .banner-area {
  /* position: fixed; */
  top: 0px;
  right: 0px;
  left: 0px;
}
.solution-banner-cover {
  height: 609px;
}
.solution-banner-cover .banner-area {
  position: fixed;
  top: 142px;
  left: 0px;
  right: 0px;
}
.body-cover {
  background: #fff;
  z-index: 10;
  position: relative;
}
.home-page .body-container-wrapper {
  padding-top: 0px;
}
.body-container-wrapper {
  position: relative;
  z-index: 100;
  background: #fff;
  padding-top: 142px;
}
.insight-solutions-area .heading-icon {
  padding:80px 0px 0px;
}
.insight-solutions-area .heading-icon {
  text-align: center;
  margin-bottom: 45px;
}
.insight-solutions-area h2 {
  text-align: center;
  margin-bottom: 50px;
}
body .primary-btn,
body .primary-btn2 {
  display: inline-block;
  max-width: 233px;
  width: 100%;
  box-sizing: border-box !important;
  text-align: center;
  /*     background: #0db0cd; */
  background: #000;
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  font-family: 'ProximaNova-Regular';
  letter-spacing: 3px;
  padding: 10px 20px !important;
  margin-bottom: 25px;
}
body .primary-btn2 {
  max-width: 362px;
  letter-spacing: 3px;
}
.primary-btn:hover,
.primary-btn:focus,
.primary-btn2:hover,
.primary-btn2:focus {    
  background: #004060;
  color: #fff;
}
.rival-area {
  position: relative;
  background: #f1f4fb;
  z-index: 10;
  padding: 0px 0px 50px 0;
}
.phone-img {
  margin-top: 0px;
}
.rival-area .rival-img {
  margin-bottom: 40px;
}
.rival-area  h2 {
  line-height: 42px;
  text-align:center;
}
.rival-area .rival-text-col{
  padding-top: 20px;
  padding-left:70px;
}
.rival-area .primary-btn {
  margin: 4px 0 0;
}
.case-studies-area {
  position: relative;
  background: #fff;
  z-index: 10;
  padding: 100px 0 60px;
}
.case-studies-area h2 {
  text-align:center;
  margin-bottom: 74px;
}
.middle-text-section {
  background: #fff;
  position: relative;
  z-index: 10;
  padding: 60px 0;
}
.middle-text-section h2 {
  text-align: center;
  margin-bottom: 17px;
}
.second-banner {
  padding: 100px 0 60px;
}
.how-it-works-area {
  background: #fff;
  position: relative;
  z-index: 10;
  padding: 100px 0;
}
.how-it-works-area h2 {
  margin-bottom: 28px;
}

/* Blog Style */

.blog-content-area {
  padding:65px 0 45px;
}
.align-center {
  text-align:center;
}
.blog-content-area h1 {
  margin-bottom:20px;
}
.solutions-blog .post-item {
  text-align: center;  
  -webkit-box-shadow: 3px 3px 5px 0px rgba(26,32,56,0.31);
  -moz-box-shadow:    3px 3px 5px 0px rgba(26,32,56,0.31);
  box-shadow:         3px 3px 5px 0px rgba(26,32,56,0.31);
  overflow: hidden;
  transition: .4s ease;
  margin-bottom:30px;
  display: flex;
  flex-direction: column;
}
.solutions-blog .post-item:hover {
  box-shadow: 0 20px 40px -10px rgba(0,0,0,.3);
}
.solutions-template .solutions-blog .post-item,
.case-studies-template  .solutions-blog .post-item {
  border: 6px solid #e6e7e8;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
  overflow: hidden;
  transition: .4s ease;
}
.solutions-blog .post-listing .span4:nth-child(3n+1) {
  margin-left: 0px;
  clear: left;
}
.solutions-blog .hs-featured-image-wrapper {
  float: left;
  width: 100%;
}
.solutions-blog .hs-featured-image {
  max-width: 100%;
  width: 100%;
  transition: .4s ease;
  margin: 0 0 26px 0px;
}
.solutions-template .solutions-blog .post-item:hover,
.case-studies-template .solutions-blog .post-item:hover {
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
}
.solutions-template .solutions-blog .post-item .hs-featured-image-wrapper,
.case-studies-template .solutions-blog .post-item .hs-featured-image-wrapper {
  overflow: hidden;
  margin: 0 0 26px 0px;
  height: 236px;
  object-fit: cover;
}
.solutions-template .solutions-blog .post-item .hs-featured-image-wrapper .hs-featured-image,
.case-studies-template .solutions-blog .post-item .hs-featured-image-wrapper  .hs-featured-image {
  margin: 0px;
}
.solutions-template .solutions-blog .post-item:hover .hs-featured-image,
.case-studies-template .solutions-blog .post-item:hover .hs-featured-image {
  -webkit-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
}
.blog-template .main-blog .post-item {
  transition: .4s ease;
}
.blog-template .main-blog .post-item:hover {
  box-shadow: 0 20px 40px -10px rgba(0,0,0,.3);
}
.solutions-blog .post-body {
  float: left;
  width: 100%;
  font-size: 20px;
  padding: 0 43px 30px;
}
.solutions-blog h3,
.solutions-blog h3 a {
  font-family: 'ProximaNova-Black';
  font-size:30px;
  color:#000000;
  margin-bottom: 5px;
}
.solutions-blog h3 a:hover,
.solutions-blog h3 a:focus {
  color:#00b0cc;
}
.solutions-blog .post-body p {
  line-height: 28px;
  margin-bottom:0px;
}
.blog-section .pagination {
  text-align: center;
  padding-top: 30px;
}
.blog-section ul.pagination li {
  display: inline;
}
.blog-section ul.pagination li:first-child,
.blog-section ul.pagination li:last-child {
  display:none;
}

/*.previous-posts-link, .next-posts-link {display:none !important;}

.disable {display: none;}
.disable {display: block;}*/

.blog-section ul.pagination li a {
  display: inline-block;
  background: #fff;
  width: 100%;
  max-width: 73px;
  text-align: center;
  font-size: 24px;
  color: #000;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(26,32,56,0.31);
  -moz-box-shadow: 3px 3px 5px 0px rgba(26,32,56,0.31);
  box-shadow: 3px 3px 5px 0px rgba(26,32,56,0.31);
  padding: 11px 10px;
  margin: 10px 10px 0;
}
.blog-section ul.pagination li a.active,
.blog-section ul.pagination li a:hover,
.blog-section ul.pagination li a:focus {
  background: #000000;
  color: #fff;
}
.blog-content-area.press {
  background: #ededed;
}
.blog-content-area.press .solutions-blog .post-item {
  background: #fff;
  height: calc(100% - 30px);
  padding: 25px 20px 40px;
}
.blog-content-area.press .solutions-blog .hs-featured-image {
  float: none;
  width: auto;
  height: 90px;
  object-fit: contain;
  margin: 0 0 10px 0px;
}
.blog-content-area.press .post-header {
  float: left;
  width: 100%;
}
.blog-content-area.press .author-link {
  display: block;
  font-family: 'ProximaNova-Bold';
  font-size: 18px;
  color: #939598;
  margin-bottom: 15px;
}
.blog-content-area.press .solutions-blog .post-body {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding: 0;
  margin-bottom: 20px;
}
.blog-content-area.press .solutions-blog h4,
.blog-content-area.press .solutions-blog h4 a {
  font-family: 'ProximaNova-Bold';
  font-size:24px;
  color:#000000;
  line-height: 28px;
}
.blog-content-area.press .solutions-blog h4 a:hover,
.blog-content-area.press .solutions-blog h4 a:focus {
  color:#00b0cc;
}
.blog-content-area.press .more-link {
  /*     background: #00b0cc; */
  background: #000;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 11px 14px;
  margin-top: auto;
}
.blog-content-area.press .more-link:hover,
.blog-content-area.press .more-link:focus {
  background:#221f1f;
}
.case-studies .solutions-blog h3, 
.case-studies .solutions-blog h3 a {
  margin-bottom: 9px;
}
.case-studies .solutions-blog .post-body {
  text-align: left;
  font-size: 20px;
  line-height: 28px;
  padding: 6px 34px 23px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.case-studies .solutions-blog .post-body p {
  margin-bottom: 28px;
}
.case-studies .read-more-link {
  font-family: 'ProximaNova-Bold';
  color: #00b0cc;
  align-self: flex-start;
  margin-top: auto;
}
.case-studies .solutions-blog .hs-featured-image-wrapper {
  position: relative;
}
.case-studies .company-logo {
  position: absolute;
  top: 50%;
  right: 0px;
  left: 0px;
  margin-top: -42.5px;
}
.solutions-single .ban-cap {
  position: relative;
  z-index: 9;
  max-width: 500px;
  padding-top: 270px;
}
.ban-cap h1 span,
.ban-cap h2 span {
  display:block;
  font-family: 'ProximaNova-Semibold';
  font-size: 32px;
  line-height:42px;
}
.dark-gray-text-section {
  background: #2b2b2b;
  color: #fff;
  padding: 90px 0px 50px;
}
.dark-gray-text-section h2 {
  color: #ffffff;
  margin-bottom: 35px;
}
.small-wrape-text-section {
  padding: 83px 0 0px;
}
.gray-text {
  color:#414141;
}
.small-wrape-text-section .page-center {
  max-width: 695px;
}
.small-wrape-text-section h2 {
  margin-bottom: 35px;
}
.case-studies-testimonial .testimonial-area {
  padding: 83px 0px 110px;
}
/*.testimonial-display{
Display:none !important;
}*/
.testimonial-display .testimonial-area {

}
.case-studies-testimonial .testimonial-area blockquote {
  border: 10px solid #fff;
  padding: 35px 330px 30px 45px;
  margin-right: 0;
}
.case-studies-testimonial .testimonial-area blockquote:after {
  top: inherit;
  right: 70px;
  bottom: -60px;
  width: 224px;
  height: 575px;
}
.case-studies-testimonial .testimonial-area blockquote p {
  margin-bottom: 10px;
}
.case-studies-single .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  color: #ffffff;
}
.case-studies-single .search-menu button i {
  color: #ffffff;
  font-size: 15px;
}
.inner-text-img-section {
  padding: 65px 0 190px;
}
.left-text-col {
  padding-right: 30px;
  margin-left: 0px !important;
}
.left-text-col .logo-col {
  margin-bottom: 60px;
}
.left-text-col h2 {
  margin-bottom: 0px;
}
.right-img-col {
  float: right !important;
  text-align: right;
  margin-left: 2.564102564% !important;
}
.social-shareing {
  text-align: center;
  margin: 30px 0px;
}
.social-shareing h6 {
  color: #1b263e;
  margin-bottom: 25px;
}

.blog-template.hs-blog-listing .progress-container {
  display: none;
}
.progress-container {
  width: 100%;
  height: 9px;
  z-index: 100;
}
.progress-container {
  position: fixed;
  /*     top: 139px; */
  top: 0px;
  left: 0px;
  right: 0px;
}
.progress-bar {
  height: 9px;
  background: #e6e7e8;
  width: 0%;
}
.post-detail-head-area {
  position: relative;
  height: 561px;
  margin-bottom: 70px;
}
.blog-detail-head {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0,64,96,0.4);
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.blog-detail-head-text {
  width: 100%;
  padding: 50px 50px;
}
.blog-detail-head h1,
.blog-detail-head h1 a {
  color: #ffffff;
  margin-bottom: 10px;
}
.blog-detail-head .author-link {
  display: block;
  margin-bottom: 50px;
}
.hs-author-avatar img {
  display: inline-block;
  width: 78px;
  height: auto;
  border-radius: 50%;
  margin-right: 20px;
}
.author-name {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.author-name p {
  margin-bottom:0px;
}
.blog-sharing-area {     
  position: -webkit-sticky;
  position: sticky;
  top: 162px;
}
.blog-sharing-col {
  position: absolute;
  left: -205px;
  top: 0px;
}
.blog-sharing-col a {
  display: block;
  margin-bottom: 8px;
}
.blog-detail-body {
  position: relative;
  max-width: 690px;
  margin: 0 auto;
}
.blog-detail-body ul {
  margin: 0 0 35px 21px;
}
.blog-detail-body ol {
  margin: 0 0 35px 25px;
}
.blog-detail-body p:last-child {
  margin-bottom: 0px;
}
.hs-author-avatar.author-bottom {
  padding-top: 60px;
  margin-bottom: 60px;
}
.hs-author-avatar.author-bottom img {
  width: 147px;
  margin-right: 40px;
}
.hs-author-avatar.author-bottom .author-name {
  width: calc(100% - 200px);
}
.hs-author-avatar.author-bottom h5 {
  font-family: 'ProximaNova-Black';
  font-size: 24px;
}
.blog-post-quote blockquote,
.blog-detail-body .hs_cos_wrapper_type_rich_text blockquote {
  background: url(https://5593723.fs1.hubspotusercontent-na1.net/hubfs/5593723/Reach3Insights_March2019%20/Home%20page/quotes.png) no-repeat top left;
  background-size: 140px;
  font-family: 'ProximaNova-Black';
  font-size: 30px;
  color: #00b0cc;
  line-height: 40px;
  padding: 45px 0 40px;
}
.recent-blog-section {
  padding: 70px 0 70px;
}
.recent-blog-section h2 {
  text-align: center;
  margin-bottom: 70px;
}
.recent-blog-section .post-item-inner {
  box-shadow: 0px 2px 4.75px 0.25px rgba(0, 0, 0, 0.09);
  margin-bottom:30px;
}
.recent-blog-section .hs-featured-image-wrapper {
  height: 177px;
  overflow: hidden;
  margin-bottom: 20px;
}
.recent-blog-section .post-body.clearfix {
  font-family: 'ProximaNova-Semibold';
  font-size: 14px;
  line-height: 20px;
  padding: 30px 30px 22px 30px;
}
.recent-blog-section .hs-featured-image-wrapper img {
  width: 100%;
}
.recent-blog-section h6 {
  background: #004060;
  display: inline-block;
  font-size: 20px;
  color: #fff;
  padding: 10px 10px;
  margin-bottom: 30px;
}
.recent-blog-section .post-item-inner p {
  margin-bottom:20px;
}
.reading-minutes {
  font-family: 'ProximaNova-Semibold';
  color: #7f7f7f;
}
.blog-template.hs-blog-listing .blog-subscribe-wrapper,
.blog-template.hs-blog-listing .recent-blog-section {
  display:none;
}
.blog-template.hs-blog-post .top-post-cover {
  display: none;
}
.main-blog .hs-featured-image-wrapper {
  height: 235px;
}
.blog-section .post-listing.row-fluid {
  display: flex;
  flex-wrap: wrap;
}
.blog-section .post-inner-wrapper {
  height: 100%;
}
.post-inner-wrapper {
  border: 6px solid #e6e7e8;
}
.main-blog .post-body {
  position: relative;
  min-height: 170px;
  text-align: left;
  font-size: 16px;
  line-height: 26px;
  padding: 15px 25px 20px;
}
.main-blog .post-body:before {
  display: none;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 11px;
  height: 100%;
  /*     background: #004060; */
}
.main-blog .Media .post-body:before {
  background: #004060;
}
.main-blog .Retail .post-body:before {
  background: #f04e30;
}
.main-blog .Consumergoods .post-body:before {
  background: #8cc63e;
}
.main-blog .Technology .post-body:before {
  background: #00b0cc;
}
.main-blog .Tag5 .post-body:before {
  background: #fdb813;
}
.main-blog .post-body h3 {
  font-family: 'ProximaNova-Black';
  font-size: 20px;
  color: #000000;
  margin-bottom:5px;
}
.main-blog .post-body h3 a {
  color: #000000;
}
.main-blog .post-body p {
  margin-bottom: 0px;
}
.main-blog .more-link {
  font-family: 'ProximaNova-Semibold';
  color: #00b0cc;
}
.main-blog .post-item {
  margin-bottom:36px;
}
.main-blog .post-listing .post-item:nth-child(3n + 1) {
  clear: left;
  margin-left:0px;
}
.main-blog .subscribe-listing-form {
  background: #bebebf;
  box-shadow: 0px 3px 5px 0px rgba(26, 32, 56, 0.31);
  padding: 30px;
}
.main-blog .form-border {
  border: 10px solid #fff;
  padding: 35px 24px;
}
.main-blog .form-border h3 {
  font-family: 'ProximaNova-Black';
  font-size: 20px;
  color: #fff;
  margin-bottom:15px;
}
.subscribe-listing-form .hs-form-required {
  display: none !important;
}
.main-blog .subscribe-listing-form .hs-input {
  width: 100%;
  background: #fff;
  font-family: 'ProximaNova-Semibold';
  font-size: 14px;
  border: 1px solid #d1d3d4;
  padding: 10px 13px;
  margin-bottom: 8px;
}
.main-blog .subscribe-listing-form .hs-button.large.primary {
  max-width: 112px;
  width: 100%;
  font-family: 'ProximaNova-Semibold';
  font-size: 14px;
  color: #fff;
  background: #00b0cc;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  padding: 11px 20px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  margin-top: 3px;
}
.main-blog .subscribe-listing-form .hs-button.large.primary:hover,
.main-blog .subscribe-listing-form .hs-button.large.primary:focus {
  background: #004060;
}
.main-blog .subscribe-listing-form .no-list.hs-error-msgs.inputs-list {
  list-style: none;
  font-size: 14px;
  color: red;
}
.contact-us-text-area {
  padding: 55px 0 40px;
}
.contact-text-area {
  padding: 80px 0 40px;
} 
.contact-us-text-area h2 {
  font-size:60px;
  margin-bottom: 33px;
}

.contact-text-area h2 {
  font-size:60px;
  margin-bottom: 33px;
}
.blog-detail-body h3 {
  font-family: 'ProximaNova-Bold';
  font-size: 30px;
  color: #000;
  line-height: normal;
  margin-bottom: 20px;
}
.contact-us-text-area ul {
  margin: 0 0 0px 24px;
}
.contact-text-area ul {
  margin: 0 0 0px 55px;
}
.contact-us-text-area ul li {
  margin-bottom:30px;
}
.contact-text-area ul li {
  margin-bottom:30px;
}
.contact-form {
  box-shadow: 0px 2px 7.38px 1.62px rgba(0, 0, 0, 0.09);
  padding: 40px 50px 30px;
}
.contact-form h3 {
  font-family: 'ProximaNova-Black';
  font-size: 40px;
  color: #221f1f;
  text-align:center;
  margin-bottom: 38px;
}
.contact-form .hs-input {
  border: 1px solid #000;
  font-size: 20px;
  color: #000000;
  font-family: 'ProximaNova-semibold';
  border-radius: 0;
  padding: 14px 20px;
  margin-bottom:12px;
}
.contact-form .hs-input::placeholder {
  color: #bfbfbf;
  opacity: 1; /* Firefox */
}
.contact-form .hs-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #bfbfbf;
}
.contact-form .hs-input::-ms-input-placeholder { /* Microsoft Edge */
  color: #bfbfbf;
}
.contact-form .hs-form-required {
  display: none;
}
.contact-form .hs-button.large.primary {
  max-width: 130px;
  width: 100%;
  font-size: 20px;
  color: #fff;
  /*     background: #00b4d0; */
  background: #000;
  text-transform: uppercase;
  letter-spacing: 3.5px;
  padding: 10px 10px;
  cursor: pointer;
  margin-top:16px;
}
.contact-us-form .hs-button.large.primary {
  max-width: 130px;
  width: 100%;
  font-size: 20px;
  border-radius:0;
  color: #fff;
  /*     background: #00b4d0; */
  background: #00b4d0 !important;
  text-transform: uppercase;
  letter-spacing: 3.5px;
  padding: 10px 10px;
  cursor: pointer;
  margin-top:16px;
}

.contact-us-form .hs-button.large.primary:hover,
.contact-us-form .hs-button.large.primary:focus {
  background: #004060 !important;
}

.contact-form .hs-button.large.primary:hover,
.contact-form .hs-button.large.primary:focus {
  background: #004060;
}
.contact-us-text-area .contact-form ul {
  font-size: 16px;
  color: red;
  font-family: 'ProximaNova-semibold';
  list-style: none;
  margin: 0;
}
.contact-text-area .contact-form ul {
  font-size: 16px;
  color: red;
  list-style: none;
  margin: 0;
}
.contact-us-text-area .contact-form ul li {
  margin: 0;
}
.contact-text-area .contact-form ul li {
  margin: 0;
}
.content-area {
  padding:50px 0px;
}

/* Careers Page Style  */

.career-banner .contact-inner-banner h1 {
  top: 170px;
  font-size: 50px;
  line-height: normal;
}
.careers-page .middle-text-section {
  padding: 20px 0;
}
.careers-page .middle-text-section h2 {
  margin-bottom: 27px;
}
.one-third-tab-area h2,
.apply-now-tab-area h2 {
  text-align: center;
  line-height: 45px;
  margin-bottom: 90px;
}
.apply-now-tab-area h2 {
  margin-bottom: 30px;
}
.one-third-tab-area h2 span,
.apply-now-tab-area h2 span {
  display: block;
  font-family: 'ProximaNova-Semibold';
  font-size: 24px;
}
.one-third-tab {
  min-height: 465px !important;
  border: 10px solid #ebebeb;
  text-align: center;
  padding: 10px 27px;
}
.one-third-tab img {
  margin-top: -69px;
  margin-bottom: 30px;
}
.one-third-tab p {
  margin-bottom: 20px;
}
.apply-now-tab-area {
  font-family: 'ProximaNova-Semibold';
  text-align: center;
  line-height: 40px;
}
.apply-now-tab-area a {
  font-family: 'ProximaNova-Bold';
}
.apply-now-tab {
  border: 10px solid #ebebeb;
  padding: 30px 35px;
  margin-bottom: 50px;
}
.apply-now-tab h3 {   
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  min-height: 120px;
  font-family: 'ProximaNova-Bold';
  font-size: 34px;
  color: #000000;
  line-height: 40px;
  margin-bottom: 20px;
}
.apply-now-tab-area .primary-btn {
  font-family: 'ProximaNova-Semibold';
  padding: 8px 20px !important;
  margin-bottom: 0;
}
.second-banner.careers .adventure-banner {
  background-position: bottom center !important;
}
.hs-content-id-9088052834 .solutions-chart {
  display:block !important;
  overflow: hidden;
}
.solutions-chart {
  display:none !important;
  padding: 50px 0px 0px;
}
.solutions-single .industries-tab-area {
  display:none !important;
  padding: 70px 0 0;
}
.hs-content-id-9088052834.solutions-single .industries-tab-area {
  display:block !important;
}
.industries-tab img {
  width: 100%;
}
.hs-content-id-9088052834.solutions-single .ban-cap {
  padding-top: 120px;
}

/* Blog Banner Style  */

.hs-blog-post .blog-banner {
  display:none;
}
.blog-banner .contact-inner-banner {
  margin-bottom: 60px;
}
.blog-banner .contact-inner-banner h1 {
  top: 139px;
}

/* Home Consumer Style  */

.consumers-area h2 {
  text-align:center;
  margin-bottom: 50px;
}
.consumers-area h4 {
  font-family: 'ProximaNova-Bold';
  font-size: 25px;
  margin-bottom: 10px;
}
.consumers-area p {
  margin-bottom: 20px;
}
.consumers-img {
  text-align: right;
}

.apply-now-grey-box {
  background: #ebebeb;
  padding: 40px 20px 0;
}
.apply-now-grey-box .apply-cta {
  margin-bottom:30px;
}


/* Footer Style */

.blog-template.hs-blog-post .footer-banner,
.contact-page .footer-banner{
  display: none;
}
.footer-bottom-cover {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.copyright {
  position: relative;
  background:#ededed;
  font-size:16px;
  color:#000;
  padding: 27px 0px 26px;
}
.copyright p {
  margin-bottom:0px;
}
.back-top {
  position: absolute;
  bottom: 0px;
  right: 55px;
  background: #696969;
  width: 53px;
  height: 46px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding-top: 3px;
}
.back-top:hover,
.back-top:focus {
  background: #0db0cd;
}
.careers-page .footer-banner {
  display: none;
}

.hs-content-id-9638844073 .case-studies-testimonial .testimonial-area blockquote:after {
  right: -40px;
  bottom: -60px;
  width: 402px;
  height: 575px;
  background-size: contain;
}


/* About Page Style  */

.about-page .middle-text-section {
  padding: 27px 0 32px;
}
.about-page  .middle-text-section h2 {
  margin-bottom: 26px;
}
.about-one-half-area {
  padding: 0px 0 20px;
}
.one-half-img {
  padding-top: 5px;
}
.one-half-text {
  padding-left: 12px;
}
.industries-tab-area {
  text-align: center;
  padding: 33px 0 0;
}
.industries-tab-area h2 {
  margin-bottom: 70px;
}
.industries-tab-area .experts-description {
  text-align: left;
  margin-bottom: 25px;
}
.insights-global-area {
  padding: 40px 0 40px;
}
.insights-global-area h2 {
  text-align: center;
  margin-bottom: 30px;
}
.insights-global-description {
  margin-bottom: 25px;
}

.about-page .footer-banner {
  display: none;
}
.about-bottom-tab-area {
  text-align: center;
  padding: 75px 0 50px;
}
.about-bottom-tab-area h2 {
  margin-bottom: 80px;
}

.blog-content-listing {
  padding-top: 65px;
}
.hs-blog-post  .blog-content-listing {
  padding-top: 0px;
}
.hs-blog-post .blog-title-head {
  display: none;
}

/* Blog Subscribe Form */

.blog_subscribe {
  float: left;
  width: 100%;
  position: relative;
}
.blog_subscribe label span, 
.blog_subscribe label .hs-form-required {
  display: none;
}
.blog_subscribe .hs-input {
  float: left;
  width: 63%;
  height: 40px;
  border: solid 2px #000 !important;
  font-size: 16px;
  text-align: center;
  font-family: 'ProximaNova-Semibold';
}
.blog_subscribe ul.no-list.hs-error-msgs.inputs-list {
  position: absolute;
  bottom: -33px;
  left: 0px;
  right: 0px;
  text-align: center;
  list-style: none;
  font-size: 14px;
  color: red;
}
.blog_subscribe .hs_email ul.no-list.hs-error-msgs.inputs-list {
  display: none !important;
}
.blog_subscribe  .submitted-message {
  text-align: center;
  color: green;
  font-size: 20px;
}



@media screen and (max-width: 1366px) {

  @media not all and (min-resolution:.001dpcm) {
    @media {
      .adventure-banner {
        background-attachment: scroll !important;
      }
    }
  }

  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    /*     display: unset !important; */
  }
  .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child a {

    padding: 7px 18px 7px !important;

  }

  @media screen and (max-width: 1199px) {

    .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
      margin-left: 9px;
    }
    .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child a {
      padding: 8px 12px 6px;
      margin-left: 10px;
    }
    .search-menu .menu-btn {
      margin-left: 8px;
    }

    .solution-banner-cover {
      height: 550px;
    }
    .solutions-single .solution-banner-cover .banner {
      min-height: 550px;
    }
    .ban-cap {
      max-width: 430px;
    }
    .ban-cap h1,
    .ban-cap h2 {
      font-size: 50px;
      line-height: 54px;
    }
    .connect-area .custom-text {padding: 72px 420px 10px 50px;}
    .slick-prev {
      left: 0px;
    }
    .slick-next {
      right: 0px;
    }
    .testimonial-area blockquote:after {
      top: inherit !important;
      bottom: -76px;
    }
    .solutions-tab {
      padding: 0px 15px;
    }
    .rival-area {
      padding: 70px 40px 40px 40px;
    }
    .rival-area .rival-text-col {
      padding-left: 0;
    }
    .connect-area.active {
      /*   background-position: top 0 left 0px !important; */
      padding: 50px 390px 10px 0px;
    }
    .img-field {
      height: 30vw;
    }
    .chart-area {
      font-size: 20px;
    }
    .approach-page .chart-area {
      overflow: hidden;
    }
    .blue-chart h2 {
      font-size: 40px;
    }
    .grey-chart ul li {
      background-size: 25px;
      background-position: left 20px top 47px;
      padding: 25px 30px 25px 80px;
    }
    .grey-chart ul li:last-child {
      padding: 25px 30px 38px 80px;
    }
    .blue-chart ul li {
      background-size: 30px;
      background-position: left 20px top 47px;
      padding: 25px 30px 25px 80px;
    }
    .blue-chart ul li:last-child {
      padding: 25px 30px 60px 80px;
    }
    .slide-row {
      padding: 0 70px;
    } 
    .blog-content-area h1,
    .blog-title-head h1 {
      font-size: 50px;
    } 
    .blog-content-area.press .solutions-blog h4, .blog-content-area.press .solutions-blog h4 a {
      font-size: 22px;
    }
    .write-about-us {
      padding: 37px 50px 37px 50px;
    }
    .inner-banner-area h1 {
      font-size: 42px;
    }
    .step-text {
      padding-right: 20px;
    }
    .step-text h2 {
      font-size: 7vw;
    }
    .card-text {
      font-size: 32px;
    }
    .blog-sharing-col {
      left: -145px;
    }
    .recent-blog-section .hs-featured-image-wrapper {
      height: 157px;
    }
    .slide-img {
      margin-bottom: -150px;
    }
    .slide-text {
      padding-left: 0px;
    }
    .slide-text h2 {
      font-size: 45px;
    }
    .adventure-banner {
      background-attachment: initial !important;
      background-position: top 1px center !important;
    }
    .hs-content-id-9638844073 .case-studies-testimonial .testimonial-area blockquote:after {
      right: -10px;
      bottom: -10px;
    }
    .one-third-tab {
      padding: 10px 10px;
    }
    .home-testi-slider .testimonials-block {
      margin: 0 50px;
    }
    .home-testi-slider .slick-prev {
      left: -60px;
    }
    .home-testi-slider .slick-next {
      right: -60px;
    }
    .one-half-text {
      padding-left: 0;
    }
    .industries-tab {
      max-width: 100%;
      margin: 0px 0px 25px;
    }
    .industries-tab-row .span4:nth-child(2) .industries-tab, 
    .industries-tab-row .span4:nth-child(5) .industries-tab {
      margin-left: 0;
    }
    .industries-tab-row .span4:nth-child(3n) .industries-tab {
      margin-left: 0;
    }

    .about-bottom-tab-row .span4:nth-child(3) .about-bottom-tab {
      margin-left: 0px;
    }
    .about-bottom-tab {
      margin-left: 0;
    }
    .about-bottom-tab h3 {
      font-size: 31px;
    }
    .about-random-images ul li {
      margin-left: 10px;
    }
    .about-random-images ul li:first-child {
      margin-left: 0px;
    }
    .main-blog .post-body {
      padding: 15px 20px 20px;
    }


    .footer-banner {
      min-height: inherit;
    }
    .footer-banner h2 {
      font-size: 11vw;
      line-height: 10vw;
    }
    .footer-address-col a {
      display: block;
    }
    .footer-social-col a {
      width: 51px;
      height: 51px;
      line-height: 51px;
      font-size: 20px;
      margin-left: 10px;
    }

  }

  @media screen and (max-width: 1091px) {

    .solutions-single .ban-cap {
      max-width: 390px;
    }
    .ban-cap h1 span,
    .ban-cap h2 span {
      font-size: 26px;
      line-height: 32px;
    } 

    .random-images ul {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }


  }


  @media screen and (max-width: 1080px) {
    .custom-text {padding: 72px 300px 10px 50px;}
  }

  @media screen and (max-width: 991px) {

    body {
      padding-bottom: 730px;
    }
    .header-area .header-menu {
      width: 100%;
    }
    .span8.header-menu {
      width: 73.745856%;
      *width: 73.745856%;
    }
    .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
      letter-spacing: 1px;
      font-size: 12px;
      margin-left: 8px;
      width:100% !important;
    }
    .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child a {
      padding: 15px 10px;
      margin-left: 8px;
    }
    .search-menu {
      display: none !important;
    }
    .home-banner-cover {
      height: 610px;
    }
    .banner {
      min-height: 610px;
    }
    .ban-cap {
      max-width: 380px;
    }
    .ban-cap h1,
    .ban-cap h2 {
      font-size: 33px;
      line-height: 40px;
    }
    .ban-cap h1 span,
    .ban-cap h2 span {
      font-size: 24px;
      line-height: 32px;
    }
    .ban-top-img {
      right: -110px;
      width: 85%;
    }
    .ban-bottom-img {
      right: -60px;
      width: 90%;
    }
    .approach-banner,
    .approach-banner .banner
    {height:300px;}
    .approach-page .approach-banner .ban-cap{
      max-width: 450px;
    }
    .approach-page .approach-banner .ban-top-img img {
      width: 67%;
    }
    .solution-banner-cover {
      height: 412px;
    }
    .solutions-single .solution-banner-cover .banner {
      min-height: 412px;
    }
    .solution-banner-cover .ban-top-img {
      right: -50px;
      width: 100%;
      /*     -webkit-animation: sol-ban-to-left 3s ease-in-out;
      animation: sol-ban-to-left 3s ease-in-out; */
    }
    .solutions-single .ban-cap {
      padding-top: 200px;
    }
    @-webkit-keyframes sol-ban-to-left {
      from {left: 260px;}
      to {left: 14px;}
    }
    @keyframes sol-ban-to-left {
      from {left: 260px;}
      to {left: 14px;}
    }

    @-webkit-keyframes ban-to-left {
      from {left: 260px;}
      to {left: 220px;}
    }
    @keyframes ban-to-left {
      from {left: 260px;}
      to {left: 220px;}
    }

    @-webkit-keyframes ban-to-right {
      from {right: 10px;}
      to {right: -60px;}
    }
    @keyframes ban-to-right {
      from {right: 10px;}
      to {right: -60px;}
    }
    .contact-us-text-area h2 {
      font-size: 50px;
    }
    .contact-text-area h2 {
      font-size: 50px;
    }

    .customer-area {
      overflow: hidden;
      padding: 50px 0px 60px;
    }
    .customer-logo .regular2.slider {
      display: block;
    }
    .customer-logo .regular2.slider div {
      display: inline-block;
      width: 48%;
      padding: 0;
      height: 100px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      float: left;
      margin:0px;
    }
    .customer-logo .regular2.slider div:nth-child(3),
    .customer-logo .regular2.slider div:nth-child(8) {
      width: 100%;
    }
    .connect-area.active {
      background-position: top 0 right 0px !important;
      padding: 40px 80px 10px 40px;
    }
    .custom-text {
      padding: 72px 50px 10px 50px;
    }

    .graph-1 {
      padding-top: 110px;
    }
    .testimonial-area blockquote {
      font-size: 28px;
      text-align: center;
      padding: 30px 38px 450px 38px;
      margin-right: 0;
    }
    .testimonial-area blockquote:after {
      left: 0px;
      right: 0px;
      margin: 0 auto;
    }
    .enterprise-area {
      padding: 100px 50px 500px;
    }
    .solutions-area {
      padding: 68px 0px 55px;
    }
    .solutions-area .slider {
      padding: 52px 0 30px;
    } 
    @-webkit-keyframes TopToBottom {
      from { background-position:right -240px top -50px; }
      to { background-position: right -240px top 20px; }
    }
    @keyframes TopToBottom {
      from { background-position:right -240px top -50px; }
      to { background-position: right -240px top 20px; }
    }
    .solutions-area .page-center .parallax-inner {
      top: -5% !important;
      left: 0% !important;
    }
    .solutions-area .span4 {
      width: 100%;
      margin: 0px;
    }
    .solutions-tab {
      max-width: 330px;
      margin: 0 auto 30px;
    }
    .solutions-tab-text {
      width: 100%;
    }
    .rival-area {
      padding: 70px 50px 0px 50px;
    }
    .rival-text-col {
      width: 100% !important;
    }
    .phone-img {
      width: 100% !important;
      text-align: right;
      margin: 10px 0 0 0 !important;
    }
    .phone-img img {
      margin-right: 0px;
    }
    .inner-banner h1 {
      top: 60px;
      left: 130px;
      right: 130px;
      font-size: 40px;
      line-height: 44px;
    }
    .card-text {
      font-size: 27px;
      line-height: 37px;
    }
    .chart-area {
      display: block;
      font-size: 22px;
    }
    .grey-chart {
      float: none;
      width: 85%;
      padding: 30px 0 0px;
      margin: 0 auto;
    }
    .blue-chart {
      width: 100%;
      padding: 30px 0 0px;
    }
    .grey-chart ul li {
      background-position: left 25px top 45px;
      background-size: 28px;
    }
    .grey-chart ul li:last-child {
      padding: 25px 30px 25px 80px;
    }
    .blue-chart ul li {
      background-position: left 25px top 50px;
      background-size: 30px;
    }
    .blue-chart ul li:last-child {
      padding: 25px 30px 25px 80px;
    }
    .card-area {
      padding: 55px 30px 10px;
    }
    .approach-page .card-text h2 {
      font-size: 50px;
    }
    .card-text h2 {
      font-size: 50px;
    }
    .card-carousel-area .card-text h2 {
      font-size: 40px;
    }
    .slide-row {
      display: block;
    }
    .slide-text {
      width: 100%;
      text-align: center;
      padding: 0px;
      margin-bottom: 20px;
    }
    .slide-img {
      width: 100%;
      text-align: center;
    }
    .random-images {
      max-width: 530px;
      margin: 0 auto 20px;
    }
    .step-row {
      display: block;
    }
    .step-img,
    .left-img .step-img {
      width: 100%;
      text-align: center;
      margin-bottom: 20px;
    }
    .step-text {
      width: 100%;
      padding-right: 0;
    }
    .left-img .step-text {
      text-align: left;
      padding-left: 0;
    }
    .left-img .step-text p {
      padding-left: 0;
    }
    .slide-row {
      margin-bottom: -10px;
      overflow: hidden;
    }
    .insight-solutions-area {
      text-align: center;
    }
    .graph-area {
      /*     -webkit-box-orient: vertical; */
      display: block;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    .graph-1 {
      padding: 70px 0 70px;
    }
    .graph-3 {
      display: none;
    }
    .blog-content-area.press .solutions-blog .hs-featured-image-wrapper {
      min-height: 99px;
    }
    .blog-content-area.press .author-link {
      font-size: 22px;
    }
    .solutions-blog .post-body {
      padding: 0 30px 30px;
    }
    .solutions-blog h3, .solutions-blog h3 a {
      font-size: 25px;
    }
    .blog-content-area.press .solutions-blog .post-body {
      height: auto;
    }
    .blog-content-area.press .solutions-blog h4, .blog-content-area.press .solutions-blog h4 a {
      font-size: 20px;
    }
    .write-about-us {
      padding: 37px 40px 37px 40px;
    }
    .write-title {
      padding-right: 20px;
    }
    .solutions-single .ban-cap {
      max-width: 390px;
    }
    .solutions-single .solutions-area .page-center {
      background: none;
    }
    .solutions-area .parallax-inner {
      top: 5% !important;
      left: 0% !important;
      background-position: top 60px right !important;
    }
    .second-banner {
      padding: 50px 0 50px;
    }  
    .how-it-works-area {
      padding: 50px 0;
    }
    .how-it-works-area .step-text:before,
    .how-it-works-area .step-text:after {
      display:none;
    }
    .how-it-works-area .step-row {
      margin-bottom: 70px;
    }
    .how-it-works-area .step-text h3 {
      font-size: 32px;
    }
    .inner-banner-area h1 {
      line-height: 50px;
    }
    .card-cover {
      padding: 0 50px;
    }
    .card-cover .card-area {
      padding: 55px 30px 50px;
    }
    .case-studies-testimonial .testimonial-area {
      padding: 60px 0px 80px;
    }
    .case-studies-testimonial .testimonial-area blockquote {
      padding: 35px 30px 580px 30px;
    }
    .case-studies-testimonial .testimonial-area blockquote:after {
      right: 0px;
    }
    .right-img-col {
      width: 100% !important;
      text-align: center;
      margin-left: 0 !important;
      margin-bottom: 40px;
    }
    .left-text-col {
      width: 100% !important;
      padding-right: 0px;
    }
    .left-text-col .logo-col {
      text-align: center;
      margin-bottom: 30px;
    }
    .inner-text-img-section {
      padding: 20px 0 60px;
    }
    .blog-detail-head h1 {
      font-size: 50px;
      line-height: 54px;
    }
    .blog-sharing-col {
      left: -37px;
    }
    .subscribe-blog-area {
      padding: 40px 40px;
    }
    .recent-blog-section .post-body.clearfix {
      padding: 20px 20px 20px 20px;
    }
    .recent-blog-section .hs-featured-image-wrapper {
      height: 117px;
    }
    .main-blog .subscribe-listing-form {
      padding: 20px;
    }
    .main-blog .form-border {
      padding: 35px 20px;
    }
    .main-blog .post-body {
      min-height: 140px;
      padding: 16px 20px 16px;
    }
    .main-blog .post-body h3 {
      font-size: 14px;
      line-height: 20px;
    }
    .case-studies .solutions-blog .post-body {
      padding: 6px 24px 23px;
    }
    .second-banner.careers .adventure-banner {
      background-position: top center !important;
    }
    .one-third-tab {
      width: 100% !important;
      min-height: inherit !important;
      margin: 0px 0px 80px 0px !important;
      padding: 10px 20px;
    }
    .one-third-tab img {
      width: 65px !important;
      margin-top: -47px !important;
      margin-bottom: 20px;
    }
    .apply-now-tab-area .span4 {
      width: 100%;
      margin: 0px;
    }
    .apply-now-tab h3 {
      display: block;
      min-height: inherit;
    }
    .home-testi-slider .testimonials-block blockquote {
      padding: 75px 25px 30px;
    }
    .home-testi-slider .testimonials-block blockquote cite {
      width: 70%;
    }
    .home-testi-slider .testi-logo-field {
      margin: -20px 0 20px 0;
    }

    .about-one-half-area .one-half-img {
      width: 100%;
      margin-bottom: 30px;
      text-align: center;
    }
    .about-one-half-area .one-half-text {
      width: 100%;
      margin: 0px;
    }
    .row-fluid.industries-tab-row .span4 {
      width: 100%;
      margin: 0 0 20px 0;
    }
    .industries-tab img {
      width: 100%;
    }
    .about-bottom-tab-row .span4 {
      width: 100%;
      margin: 0 0 60px;
    }
    .about-bottom-tab {
      max-width: 100%;
    }
    .industries-tab h3 br {
      display: none;
    }

    .case-studies .solutions-blog .post-body {
      font-size: 17px;
      line-height: 22px;
    }  
    .solutions-blog h3 a {
      font-size: 23px;
    }
    .solutions-blog .post-body p {
      line-height: 22px;
    }

    .footer-address-col {
      width: 32%;
    }
    .footer-menu-col-1 {
      width: 22%;
    }
    .footer-menu-col-2 {
      width: 22%;
    }
    .footer-social-col {
      width: 100%;
      text-align: center;
    }

  }
  /* @media screen and (max-width: 869px) {
  .connect-text-cover {overflow: hidden;background: #1b1820;}
  .connect-area {position: relative;} 
  .connect-area {padding: 0;}
  .custom-text {position: relative;}
} */
  @media screen and (max-width: 767px) {

    h1 {
      font-size: 40px;
      line-height: 44px;
    }
    .header-area {
      position: relative;
      background: #fff;
      padding-top: 34px;
      padding-bottom: 20px;
    }
    .home-page .header-area {
      padding-top: 34px;
      padding-bottom: 20px;
    }
    .home-page>.header-container-wrapper>.header-container.container-fluid>.row-fluid-wrapper.row-depth-1.row-number-1 {
      position: relative;
    }
    .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.active a {
      color: #ffffff;
      border-bottom: 0;
      background: #0db0cd;
    }
    .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover,
    .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.active a:hover {
      color: #ffffff;
      border-bottom: 0;
      background: #0db0cd;
    }
    .top-logo-col {
      position: absolute;
      left: 20px;
      top: 20px;
      z-index: 100;
    }
    .header-logo,
    .case-studies-single .header-logo {
      display: block !important;
    }
    .case-studies-single .header-logo-white {
      display: none !important;
    }
    .case-studies-single .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
      color: #221f1f;
    }
    .header-menu {
      width: 100% !important;
    }
    .header-menu .mobile-trigger {
      border: 0;
    }
    .header-menu.custom-menu-primary .hs-menu-wrapper {
      background-color: #fff;
      padding-top: 15px;
    }
    .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
      border: 1px solid #d4d4d4;
      padding: 0px 15px;
      margin: 5px 0;
    }
    .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child a {
      /* border: 1px solid #0db0cd; */
      padding: 0px 15px;
      margin-left: 0px;
    }
    .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover,
    .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:focus {
      background:#0db0cd;
      color:#fff;
      border: 1px solid #0db0cd;
    }
    .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child a:hover,
    .header-area .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child a:focus {
      border: 1px solid #004060;
    }
    .home-banner-cover {
      height: auto;
    }
    .home-page .banner-area,
    .approach-banner .banner-area{
      position: relative;
    }
    #video iframe {
      width: 600px;
      height: 320px;
    }
    .solution-banner-cover .banner-area {
      position: relative;
      top: 0;
    }
    .body-container-wrapper {
      padding-top: 0;
    }
    .banner {
      min-height: 84vw;
    }
    .ban-cap {
      display: none;
    }
    .ban-cap-md {
      display: block;
      text-align: center;
      padding-top: 40px;
    }
    .ban-cap-md h1,
    .ban-cap-md h2 {
      font-size: 40px;
      line-height: 44px;
    }
    .ban-cap-md h1 span,
    .ban-cap-md h2 span {
      display: block;
      font-family: 'ProximaNova-Semibold';
      font-size: 35px;
    }
    .ban-top-img {
      right: 0;
      /*    top: inherit;
      bottom: 0px; */
      width: 100%;
    }
    .ban-bottom-img {
      right: 0;
      width: 100%;
    }
    .approach-banner {
      height: auto;
    }
    .approach-banner-area h1 {
      font-size: 50px;
    }
    .approach-banner .banner {
      min-height: 64vw;
      height: auto;
    }
    .approach-page .approach-banner .ban-top-img img {
      width: 100%;
    }
    .approach-page .step-row{
      padding:0;
    }
    .solution-banner-cover {
      height: inherit;
    }
    .solutions-single .solution-banner-cover .banner {
      min-height: 52vw;
    }
    .solutions-single .solution-banner-cover .ban-top-img {
      top: 0;
      bottom: inherit;
    }

    @-webkit-keyframes ban-to-left {
      from {right: -20px;}
      to {right: 0px;}
    }
    @keyframes ban-to-left {
      from {right: -20px;}
      to {right: 0px;}
    }

    @-webkit-keyframes ban-to-right {
      from {right: 30px;}
      to {right: 0px;}
    }
    @keyframes ban-to-right {
      from {right: 30px;}
      to {right: 0px;}
    }
    .connect-area.active:after {
      display:none;
    }
    .connect-area.active {
      background-size: contain !important;
      background-color: #ffffff !important;
      background-position: bottom right !important;
      text-align: center;
      padding: 50px 50px 420px 50px;
    }
    .connect-area.active {
      -webkit-animation: inherit;
      animation: inherit;
      background-position: bottom 0 left 0px !important;
    }
    .enterprise-area {
      text-align: center;
    }
    .testimonial-area .page-center:before {
      top: -65px;
      left: 0px;
    }
    .rival-text-col {
      text-align: center;
    }
    .case-studies-tab {
      margin-bottom: 50px;
    }
    .img-field {
      width: 367px;
      height: 387px;
      margin: 0 auto 30px;
    }
    .step-row {
      margin-bottom: 0px;
    }
    .step-text h2 {
      font-size: 67px;
    }
    .step-text h2 span {
      font-size: 40px;
    }
    .card-area {
      padding: 55px 50px 55px;
      margin-bottom: 100px;
    }
    .card-text {
      width: 100%;
      text-align: center;
      padding-right: 0px;
      margin-bottom: 0px;
    }
    .card-img {
      width: 100%;
      text-align: center;
    }
    .middle-text-section h2 {
      text-align: left;
    }
    .blog-content-area {
      padding: 45px 0 45px;
    }
    .blog-content-area h1 {
      font-size: 45px;
      margin-bottom: 40px;
    }
    .blog-content-listing {
      padding-top: 45px;
    }
    .blog-title-head h1 {
      font-size: 45px;
    }
    .blog-content-area.press .solutions-blog .post-body {
      display: block;
      height: inherit;
    }
    .blog-content-area.press .solutions-blog .hs-featured-image-wrapper {
      min-height: inherit;
    }
    .blog-content-area.press .solutions-blog h4, .blog-content-area.press .solutions-blog h4 a {
      font-size: 22px;
    }
    .write-about-us {
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 37px 40px 37px 40px;
    }
    .write-title {
      width: 100%;
      padding-right: 0px;
      margin-bottom: 30px;
    }
    .write-detail {
      width: 100%;
    }
    .inner-banner-area {
      min-height: 350px;
      padding-top: 100px;
    }
    .card-cover .card-text img {
      margin: 0 auto 30px;
    }
    .card-cover .card-area {
      padding: 55px 30px 30px;
      margin-bottom: 0px;
    }
    .adventure-banner {
      background-size: cover !important;
    }
    .blog-detail-head-text {
      padding: 30px 20px;
    }
    .post-detail-head-area {
      margin-bottom: 50px;
    }
    .blog-sharing-area {
      position: -webkit-static;
      position: static;
      top: 0;
      text-align: center;
    }
    .blog-sharing-col {
      position: static;
      left: 0;
    }
    .blog-sharing-col a {
      display: inline-block;
      margin-right: 5px;
    }
    .blog-post-quote {
      background-size: 110px;
      font-size: 26px;
      line-height: 30px;
    }
    .subscribe-img {
      width: 100%;
      text-align: center;
      padding-right: 0px;
      margin-bottom: 20px;
    }
    .form-col {
      width: 100%;
    }
    .recent-blog-section .hs-featured-image-wrapper {
      height: 300px;
    }
    .contact-us-text-area{
      padding: 40px 0 40px;
    }
    .contact-text-area {
      padding: 40px 0 40px;
    }
    .left-penal {
      margin-bottom: 30px;
    }
    .main-blog .form-border {
      padding: 20px 20px;
    }
    .case-studies .solutions-blog .post-body {
      padding: 6px 20px 23px;
    }
    .progress-container {
      top: 0;
    }
    .consumers-description {
      margin-bottom: 40px;
    }
    .consumers-img img {
      width: 100% !important;
    }

    .home-testi-slider .testimonials-block blockquote cite {
      width: 100%;
      text-align: center;
      margin-bottom:20px;
    }
    .home-testi-slider .testi-logo-field {
      float: none;
      margin: 0px auto;
    }
    .main-blog .post-body {
      min-height: inherit;
    }
    .main-blog .post-body h3 {
      font-size: 20px;
      line-height: 26px;
    }

    .case-studies .solutions-blog .post-body {
      font-size: 18px;
    }  
    .solutions-blog h3 a {
      font-size: 25px;
    }


  }

  @media screen and (max-width: 620px) {

    body{
      padding-bottom:0px;
    }
    .ban-cap-md h1 span,
    .ban-cap-md h2 span {
      font-size: 30px;
    }
    .approach-banner-area {
      height: 500px;
    }
    .approach-banner-area h1 {
      font-size: 36px;
      line-height: normal;
    }
    #video iframe {
      width: 550px;
      height:310px;
    }
    .about-banner .contact-ban-img {
      background-position: center !important;
    }
    .solution-banner-cover .ban-top-img {
      right: 0px;
    }
    .connect-area {
      padding: 50px 50px 300px 50px;
    }
    .enterprise-area {
      padding: 70px 0 600px;
    }
    .enterprise-text.active {
      -webkit-animation: inherit;
      animation: inherit;
    }
    .inner-banner h1 {
      position: relative;
      top: inherit;
      left: inherit;
      right: inherit;
      -webkit-animation: none;
      animation: none;
      font-size: 35px;
      color:#000;
      line-height: 40px;
      text-align: left;
      margin-bottom: 30px;
      padding-top: 30px;
    }
    .blue-chart h2 {
      font-size: 40px;
      line-height: 50px;
    }
    .blue-chart img.title-icon {
      width: 60px;
    }
    .slide-row {
      padding: 0 45px;
    }
    .step-text h2 {
      font-size: 54px;
    }
    .step-text h2 span {
      font-size: 30px;
    }
    /* .solutions-blog h3, 
    .solutions-blog h3 a {
    font-size: 25px;
  } */
    .solutions-blog .post-body {
      padding: 0 20px 30px;
    }
    .solutions-area .parallax-inner {
      left: 200px !important;
    }
    .inner-banner-area {
      min-height: inherit;
      padding-top: 0;
    }
    .inner-banner-area h1 {
      font-size: 36px;
      line-height: normal;
      padding: 30px 0;
    }
    .card-cover .card-area {
      padding: 30px 30px 30px;
    }
    .approach-page .card-text {
      font-size: 23px;
    }
    .card-cover .card-text h2 {
      font-size: 32px;
    }
    .dark-gray-text-section {
      padding: 50px 0px 20px;
    }
    .small-wrape-text-section {
      padding: 50px 0 20px;
    }
    .case-studies-testimonial .testimonial-area blockquote {
      padding: 25px 20px 580px 20px;
    }
    .blog-post-quote blockquote, 
    .blog-detail-body .hs_cos_wrapper_type_rich_text blockquote {
      font-size: 26px;
      line-height: 36px;
    }
    .blog-detail-head h1 {
      font-size: 25px;
      line-height: 30px;
    }
    .blog-detail-head .author-link {
      font-size: 20px;
    }
    .hs-author-avatar.author-bottom img {
      margin-right: 0;
      margin-bottom: 20px;
    }
    .hs-author-avatar.author-bottom .author-name {
      width: 100%;
    }
    .blog-detail-head-text .author-name {
      width: calc(100% - 180px);
      font-size: 18px;
      line-height: 25px;
    }
    .post-detail-head-area {
      height: 360px;
    }
    .recent-blog-section .hs-featured-image-wrapper {
      height: 230px;
    }
    .contact-inner-banner h1 {
      top: 60px;
    }
    .contact-form {
      padding: 30px 30px 30px;
    }
    .connect-area.active {
      padding: 50px 50px 290px 50px;
    }
    .testimonial-area blockquote {
      font-size: 26px;
      line-height: 35px;
      padding: 30px 25px 450px 25px;
    }
    .slide-text h2 {
      font-size: 40px;
    }
    .slide-img {
      margin-bottom: -100px;
    }
    .testimonials-block blockquote {
      padding: 70px 30px 50px;
    }
    .testimonials-block blockquote:before {
      top: 20px;
      left: 20px;
      width: 120px;
      height: 100px;
    }
    .testimonials-block blockquote:after {
      bottom: 90px;
      right: 20px;
      width: 120px;
      height: 100px;
    }
    .apply-now-tab h3 {
      font-size: 30px;
    }
    .apply-now-tab-area br {
      display: none;
    }
    .one-third-tab:last-child {
      margin-bottom: 0px !important;
    }
    .apply-now-tab-area .primary-btn {
      padding: 4px 20px !important;
    }
    .one-third-tab-area h2, .apply-now-tab-area h2 {
      line-height: 35px;
    }
    .about-one-half-area {
      padding: 13px 0 20px;
    }
    .industries-tab-area {
      padding: 20px 0 0;
    }
    .industries-tab-area h2 {
      margin-bottom: 40px;
    }
    .tab-title {
      padding: 38px 25px;
    }
    .about-bottom-tab-area {
      padding: 30px 0 10px;
    }
    .about-bottom-tab h3 {
      font-size: 29px;
    }

    .footer-bottom-cover {
      position: static;
      bottom: inherit;
      left: inherit;
      right: inherit;
    }  
    .footer-bottom {
      text-align: center;
      padding: 60px 0px 40px;
    }
    .footer-address-col {
      width: 100%;
      padding: 0 80px;
    }
    .f-logo {
      display: none;
    }
    .f-logo-mobile {
      display: block;
    }
    .footer-menu-col-1,
    .footer-menu-col-2 {
      width: 100%;
      margin: 0px;
      padding-top: 0px;
    }
    .back-top {
      display: none;
    }

  }

  @media screen and (max-width: 480px) {

    #video iframe {
      width: 490px;
      height: 240px;
    }
    .home-testi-slider .testimonials-block {
      margin: 0;
    }
    .home-testi-slider .slick-prev, 
    .home-testi-slider .slick-next {
      display:none !important;
    }
    .blue-chart img.title-icon {
      display: block;
      margin: 0 auto 10px;
    }
    .customer-logo .regular2.slider div {
      width: 100%;
    }

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

    h1 {
      font-size: 35px;
      line-height: 38px;
    }
    h2 {
      font-size: 32px;
    }
    .ban-cap-md h1,
    .ban-cap-md h2 {
      font-size: 35px;
      line-height: 38px;
    }
    .approach-banner-area h1 {
      font-size: 26px;
      padding: 0 10px;
    }
    #video iframe {
      width: 300px;
      height: 170px;
    }
    .connect-area.active {
      padding: 50px 10px 180px 10px;
    }
    body .primary-btn {
      max-width: 185px;
      font-size: 18px;
      padding: 8px 15px !important;
    }
    body .primary-btn2 {
      letter-spacing: 1px;
      font-size: 20px;
      padding: 10px 10px !important;
    }
    .solutions-area {
      padding: 68px 20px 55px;
    }
    .rival-area {
      padding: 50px 30px 0px;
    }
    .phone-img img {
      margin-right: -30px;
    }
    .testimonial-area {
      padding: 30px 30px 30px;
    }
    .testimonial-area blockquote {
      font-size: 24px;
      padding: 30px 15px 340px 15px;
    }  
    .home-testi-area .testimonial-area blockquote:after {
      right: 0px;
      width: 257px;
      height: 360px;
      background-size: contain;
    }
    .testimonial-area blockquote:after {
      left: -20px;
    } 
    .testimonial-area blockquote cite {
      font-size: 22px;
    }
    .img-field {
      width: 257px;
      height: 277px;
    }
    .inner-banner h1 {
      font-size: 30px;
      line-height: 35px;
    }
    .step-text h2 {
      font-size: 50px;
    }
    .grey-chart h2 {
      line-height: 30px;
      font-size: 25px;
      margin: 0 10px 25px;
    }
    .grey-chart ul li {
      background-position: left 20px center;
      background-size: 15px;
      font-size: 20px;
      line-height: 26px;
      padding: 25px 15px 25px 55px;
    }
    .grey-chart ul li:last-child {
      padding: 25px 15px 25px 55px;
    }
    .blue-chart h2 {
      font-size: 30px;
      line-height: 36px;
    }
    .blue-chart ul li {
      background-position: left 20px center;
      background-size: 20px;
      font-size: 20px;
      line-height: 26px;
      padding: 25px 15px 25px 55px;
    }
    .blue-chart ul li:last-child {
      padding: 25px 15px 25px 55px;
    }
    .card-area {
      padding: 35px 20px 45px;
      margin-bottom: 50px;
    }
    .card-text h2 {
      font-size: 36px;
    }
    .slide-row {
      padding: 0;
    }
    .approach-carousel-area .slick-prev, 
    .approach-carousel-area .slick-next {
      display: none !important;
    }
    .blog-content-area h1,
    .blog-title-head h1 {
      font-size: 35px;
      line-height: normal;
    }
    .write-about-us {
      font-size: 20px;
      padding: 37px 20px 37px 20px;
    }
    .solutions-area h2 {
      line-height: normal;
    }
    .solutions-area .parallax-inner {
      left: 0px !important;
      background-position: top right -250px !important;
    }
    .how-it-works-area .step-text h3 {
      font-size: 28px;
    }
    .card-cover {
      padding: 0;
    }
    .card-carousel-area .slick-prev, 
    .card-carousel-area .slick-next {
      display:none !important;
    }
    .case-studies-testimonial .testimonial-area blockquote:after {
      left:0px;
    }
    .testimonial-area blockquote:after {
      right: 0px !important;
    }
    .hs-author-avatar img {
      margin-right: 0px;
      margin-bottom: 20px;
    }
    .blog-detail-body ul {
      margin: 0 0 35px 25px;
    }
    .subscribe-blog-area {
      padding: 20px 20px;
    }
    .recent-blog-section h6 {
      font-size: 18px;
      padding: 8px 10px;
    }
    .blog-detail-head-text .hs-author-avatar {
      display: none;
    }
    .blog-detail-head .author-link {
      margin-bottom: 0px;
    }
    .blog-detail-body h2 {
      font-size:27px;
    }
    .recent-blog-section .hs-featured-image-wrapper {
      height: 150px;
    }
    .contact-inner-banner h1 {
      top: 40px;
      font-size: 50px;
    }
    .contact-us-text-area h2{
      font-size: 40px;
      margin-bottom: 20px;
    }

    .contact-text-area h2 {
      font-size: 40px;
      margin-bottom: 20px;
    }
    .contact-us-text-area ul{
      margin: 0 0 0px 25px;
    }
    .contact-text-area ul {
      margin: 0 0 0px 25px;
    }
    .contact-form h3 {
      font-size: 26px;
    }
    .solution-banner-cover .ban-top-img {
      right: 0;
      -webkit-animation: inherit;
      animation: inherit;
    }
    .solution-banner-cover .ban-bottom-img {
      -webkit-animation: inherit;
      animation: inherit;
    }
    .slide-text {
      min-height: 60px;
    }
    .slide-text h2 {
      font-size: 35px;
    }
    .testimonials-block h2 {
      max-width: 230px;
    }
    .testimonials-block blockquote {
      font-size: 20px;
      padding: 50px 20px 40px;
    }
    .testimonials-block blockquote cite {
      font-size: 20px;
    }
    .hs-content-id-9638844073 .case-studies-testimonial .testimonial-area blockquote:after {
      width: 282px;
      height: 485px;
    }
    .apply-now-tab h3 {
      font-size: 28px;
      line-height: 34px;
    }
    .career-banner .contact-inner-banner h1 {
      font-size: 40px;
    }
    .blog-banner .contact-inner-banner h1 {
      font-size: 40px;
    }
    .about-random-images ul {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .about-random-images ul li {
      width: 100%;
      margin: 0 0 10px 0px;
    }
    .about-random-images ul img {
      width: 100% !important;
    }
    .industries-tab h3 {
      font-size: 26px;
      line-height: 28px;
    }
    .customer-logo a {
      display: block;
      padding: 10px 5px;
    }

    .footer-banner {
      padding: 100px 0 45px;
    }
    .footer-banner h2 {
      font-size: 11.2vw;
      line-height: 11.5vw;
    }
    .footer-address-col {
      padding: 0 20px;
    }
    .copyright p {
      text-align: center;
    }
    .blog_subscribe .hs-input {
      width: 100%;
      margin-bottom:10px;
    }
    #wrap .blog_subscribe .primary {
      width: 100% !important;
    }

  }


  .blog-banner .contact-inner-banner h1 {
    font-size: 40px;
  }


  /*--New Page--*/