/* @import url('http://example.com/example_style.css'); */

@import url("https://use.typekit.net/vme6gzt.css");
@import url("https://use.typekit.net/yof0spq.css");


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

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

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

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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


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




body .body-container-wrapper {
  animation: fadein 2s;
  -moz-animation: fadein 2s; /* Firefox */
  -webkit-animation: fadein 2s; /* Safari and Chrome */
  -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}
@-moz-keyframes fadein { /* Firefox */
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}
@-o-keyframes fadein { /* Opera */
  from {
    opacity:0;
  }
  to {
    opacity: 1;
  }
}



body{
  padding:0;
  font-size: 16px ;
  line-height: 1.4;
  overflow-x:hidden;
  -webkit-font-smoothing: antialiased;
  width:100%;
  background: #fff ;
  font-family: neuzeit-grotesk;
  margin:0 auto;
}

body .container-fluid .row-fluid .wrapper{
  width: 100%;
  max-width: 1500px;
  margin-left:auto;
  margin-right:auto;
  float: none;
  padding:0px 30px;

}

.row-fluid [class*="span"].wrapper-large{
  max-width:1260px;
  margin-left:auto;
  margin-right:auto;
  float: none;
  padding-left:15px;
  padding-right:15px;    
}

h1,h2,h3,h4,h5,h6,p,a{
  text-transform:initial;
  margin:0;
  padding:0;
  text-decoration:none;
  margin-bottom:15px;
  color:#252A58;
}

h1,h2,h3,h4,h5,h6{
  /*   font-family: neuzeit-grotesk; */
  font-family: "fieldwork",sans-serif;
}

.zero-margin h1,
.zero-margin h2,
.zero-margin h3,
.zero-margin h4,
.zero-margin h5,
.zero-margin h6,
.zero-margin p,
.zero-margin a{
  margin-bottom:0;
}

.body-container-wrapper ul,.body-container-wrapper li{
  margin-bottom:15px;
}

a{
  margin-bottom:0;
  cursor:pointer;
}

h1{
  font-size: 55px;
  font-weight:600;
  letter-spacing: -0.82px;
  margin: 10px auto;
  line-height:66px;
}

h2{
  font-size: 36px;
  font-weight: 600;
  line-height:46px;
  letter-spacing:-0.3px; 
  margin-bottom:14px;
}

h3{
  font-size:23px;
  font-weight: 600;
  line-height:33px;
  letter-spacing:normal;
  margin-bottom:10px;
}

h4{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height:24px;
  letter-spacing:normal;
}

h5{
  font-size: 13px;
  font-weight:normal;
  line-height: 21px;
  letter-spacing:1px;
  color:#989AB0;
  margin-bottom:10px;
  text-transform:uppercase;
}

h6{
  font-size:12px;
  line-height:25px;
  //color:#94C93D;
  font-weight:500;
  letter-spacing:0.69px;
  margin-bottom:10px;
}

.h5-blue h5{
  font-size: 13px;
  font-weight:normal;
  line-height: 21px;
  letter-spacing:1px;
  color:#64B3FF;
}

.h5-green h5{
  font-size: 13px;
  font-weight:normal;
  line-height: 21px;
  letter-spacing:1px;
  color:#48CC8C;
}

.h5-purple h5{
  font-size: 13px;
  font-weight:normal;
  line-height: 21px;
  letter-spacing:1px;
  color:#3E1E97;
}

.h5-pink h5{
  font-size: 13px;
  font-weight:normal;
  line-height: 21px;
  letter-spacing:1px;
  color:#E661D0;
}

.h5-red h5{
  font-size: 13px;
  font-weight:normal;
  line-height: 21px;
  letter-spacing:1px;
  color:#FC5B6A;
}

.h5-yellow h5{
  font-size: 13px;
  font-weight:normal;
  line-height: 21px;
  letter-spacing:1px;
  color:#FDAF30;
}

.h5-sky-blue h5{
  font-size: 13px;
  font-weight:normal;
  line-height: 21px;
  letter-spacing:1px;
  color:#00DDFF;
}

p,
.body-container-wrapper li{
  font-size: 16px;
  line-height: 27px;
  letter-spacing: normal;
  font-weight: normal;
  color: #252A58;
  font-family: neuzeit-grotesk;
}

.body-container-wrapper {
  background:#fff;
  overflow:hidden;
  z-index: 2;
  position: relative;
}

.body-container-wrapper ul{
  padding:0;
  text-decoration:none;
  list-style:none;
  margin:20px 0;
}

.body-container-wrapper ol{
  margin:0;
  padding:0;
  text-decoration:none;
  margin-bottom:15px;    
}

.body-container-wrapper li{
  position:relative;
  margin-left:10px;
  margin-bottom:8px;
}

.body-container-wrapper ol li:before{
  display:none;
}

.no-list-style li ul{
  margin:0;
  padding:0;
}

.no-list-style li{
  margin:0;    
}

.no-list-style li:before{
  display:none;
}

.body-container-wrapper ul li a{
  font-size:13px;
}

blockquote{
  margin: 0;
  font-size: 25px;
  font-style: italic;
  color: #94C93D;
  font-weight: 300;
  padding-left: 17px;
  border-left: 2px solid ;
  margin-left: 4px;
  margin-top: 25px;
  margin-bottom: 20px;
  letter-spacing: 1px;
}


body a.cta_button[title],
body a.cta_button,
body .container-fluid .row-fluid .hs-button{
  background:#000FFF;
  font-size: 16px;
  line-height:28px;
  padding: 11px 24px;
  font-weight: normal;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  letter-spacing:0.53px;
  color: #fff;
  border-radius: 2px;
  margin-bottom: 0;
  position: relative;
  border:none;
  z-index: 1;
  box-shadow: 0 2px 6px 2px rgba(0,15,255,0.22);
  font-family: "fieldwork",sans-serif;
}

body.wrapper-mac-adjust .row-fluid a.cta_button[title],
body.wrapper-mac-adjust .row-fluid a.cta_button,
body.wrapper-mac-adjust .row-fluid .hs-button{
  padding: 8px 25px 12px;   
}


body a.cta_button[title]:hover,
body a.cta_button:hover,
body .container-fluid .row-fluid .hs-button:hover{
  background-color: #505AFA;
  transition: all .2s ease-in;
}

body .grey-cta a.cta_button[title],
body .grey-cta a.cta_button{
  background: #eef1f4;
  color: #252a58;
  box-shadow: none;
}

body .grey-cta a.cta_button[title]:hover,
body .grey-cta a.cta_button:hover{
  background-color: #E3E7EA;
}

body .transparent-cta a.cta_button{
  background:transparent;
  border: 1px solid #000FFF;
  color:#000FFF;
  border-radius: 2px;
  transition: all .2s ease-in;
  box-shadow:none;
}

body .grey-transparent-cta a.cta_button{
  background:transparent;
  border: 1px solid #BDC3C9;
  color:#BDC3C9;
  box-shadow:none;
}

body .grey-transparent-cta a.cta_button:hover{
  background-color: #000FFF;
  color:#fff;
}

body .transparent-cta a.cta_button:hover{
  background-color: #000FFF;
  color:#fff;
}



body .simple-cta a.cta_button{
  background:transparent;
  position:relative;
  color: #252A58;
  font-size:16px;
  line-height:28px;
  letter-spacing: 0.5px;
  font-weight:600;
  box-shadow:none;
  border: none;
  border-radius:0px;
  padding: 0px;
  position:relative;
}

body .simple-cta a.cta_button:hover{
  background:transparent;
}

body .simple-cta a.cta_button:after{
  content:"\f0da";
  position:absolute;
  right: -11px;
  top: 2px;
  font-size: 13px;
  line-height: 25px;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;

}

body .no-arrow.simple-cta a.cta_button:after{
  display:none;
}

body .simple-cta a.cta_button:hover{
  color: #000FFF;
}


body .white-cta a.cta_button[title]{
  color:#000FFF;
  background:#ffffff;
  box-shadow:none;
}

body .white-cta a.cta_button[title]:hover{
  background:#F2F2FF;
}




@media(max-width:795px) and (min-width: 768px){
  body .white-cta a.cta_button[title]{
    font-size: 13px;
  }
}

@media(max-width:767px){
  body .white-cta a.cta_button[title]{
    //display: none;
  }

  body .container-fluid .row-fluid .wrapper{
    margin: 20px auto;
  }
}

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

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

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

.float-left{
  float:left;
}

.float-right{
  float:right;
}

.overlay{
  position:relative;
  z-index:1;
}

.overlay:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background:;
  z-index: -1;
}

.all-text-white,
.all-text-white h1,
.all-text-white h2,
.all-text-white h3,
.all-text-white p,
.all-text-white h4,
.all-text-white h5,
.all-text-white h6,
.all-text-white li,
.all-text-white .fa,
.all-text-white a,
.all-text-white .simple-cta a.cta_button,
.all-text-white.simple-cta a.cta_button{ 
  color:#fff;
}

.text-margin-zero h1,
.text-margin-zero h2,
.text-margin-zero h3,
.text-margin-zero p,
.text-margin-zero h4,
.text-margin-zero h5,
.text-margin-zero h6,
.text-margin-zero .fa,
.text-margin-zero a,
.text-margin-zero .widget-type-cta{
  margin:0;
}

body .container-fluid .row-fluid [class*="span"]{
  min-height:0;
}

.section-bg{
  background-size: cover!important;
  background-position: center center!important;
}

.section-bg .bg-image{
  display:none!important;
}

.theme-bg{
  background: linear-gradient(2.88deg, #000FFF 0%, #64B3FF 100%);
}

body .container-fluid .row-fluid .section-heading {
  max-width: 890px;
  margin: 0 auto 37px;
  float: none;
}

.section-heading p {
  font-size: 20px;
  line-height: 27px;
}

@media (min-width: 768px) {

  .equal-height-container > .row-fluid-wrapper > .row-fluid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  body .row-fluid .vertical-center{
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
  }     

}


/*========================================================
Typography Responsive Styling
========================================================*/

@media (min-width:768px) and (max-width:1024px){

  .row-fluid [class*="span"].wrapper{
    padding-left:20px;
    padding-right:20px;
  }

  .row-fluid [class*="span"].wrapper-large{
    padding-left:20px;
    padding-right:20px; 
  }

  .border-left h2{
    padding-left:20px;
  }

  .border-left h2:after{
    left:0;
  }

  .bold-p p{
    font-size:17px;
  }

  h1 {
    font-size: 55px;
    line-height:61px;
  }

  h2 {
    font-size: 30px;
    line-height:38px;
  }

  h3 {
    font-size: 20px;
    line-height:27px;
  }

  h4{
    font-size: 16px;
    line-height:25px;
  }


  h6{
    font-size:12px;
  }

  body a.cta_button,
  body .container-fluid .row-fluid .hs-button{    
    padding:14px 25px;
    font-size:14px;
  }


}




@media (max-width:767px){

  .row-fluid [class*="span"].wrapper{
    padding-left:20px;
    padding-right:20px;
  }

  .border-left h2{
    padding-left:20px;
  }

  .border-left h2:after{
    left:0;
  }

  h1 {
    font-size: 38.57px;
    line-height:42px;
  }

  h2 {
    font-size: 28px;
    line-height:31px;
  }


  h3 {
    font-size: 22px;
    line-height:27px;
  }

  h4{
    font-size: 16px;
    line-height:25px;
  }

  h5{
    font-size: 12px;
    line-height: 19px;
  }

  h6{
    font-size:11px;
  }

  .bold-p p{
    font-size:16px;
  }

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

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

  body .container-fluid .row-fluid .section-heading.align-center{
    margin-bottom: 30px;
  }

  .full-width-left-cta a.cta_button[title]{
    font-size:14px;
    padding:17px 4px;
  }

  .full-width-right-cta a.cta_button[title]{
    font-size:14px;
    padding:17px 4px;
  }

  p,
  .body-container-wrapper li{
    font-size:16px;
    line-height:30px;
  }

  .change-order-on-mobile .wrapper .row-fluid-wrapper>.row-fluid{
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  
  blockquote{
    margin: 0;
    font-size: 23px;
    line-height:44px;
    letter-spacing:-0.49px;
  }

}
.section-heading p {
  font-size: 16px;
}


}


@media (max-width:480px){

  .body-container-wrapper a.cta_button, body .container-fluid .row-fluid .hs-button {
    padding-left:0;
    padding-right:0;
    width:auto;
    box-sizing:border-box!important;
  }

  .body-container-wrapper .simple-cta a.cta_button{
    width:auto;
  }

}

/*==================================================
Two Col Adjust 
==================================================*/

body .container-fluid .row-fluid .two-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -4.5%;
}


body .row-fluid .two-col-adjust span>.hs_cos_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 46%;
  -webkit-flex-basis: 46%;
  float: left;
  margin-right: 4%;
  margin-top: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

@media (max-width: 767px){

  body .row-fluid .two-col-adjust span>.hs_cos_wrapper {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 20px;
    max-width: 100%;
    width: 100%;
    margin: 35px auto 0;
    float: none;
  }

  body .container-fluid .row-fluid .two-col-adjust>span {
    display: block;
    margin-right: 0;
  }

}




/*==================================================
Three Col Adjust 
==================================================*/

body .container-fluid .row-fluid .three-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.5%;
}

body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 30.9%;
  -webkit-flex-basis: 30.9%;
  float: left;
  margin-right: 2.43%;
  margin-top: 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position:relative;
}


@media (max-width:767px){

  body .container-fluid .row-fluid .three-col-adjust>span {
    display: block;
    margin-right: 0;
  }

  body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 20px;
    max-width: 100%;
    width: 100%;
    margin: 20px auto 0;
    float: none;
  }   
}










/*==================================================
Six Col Adjust 
==================================================*/

body .container-fluid .row-fluid .six-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -6.565%;
}

body .row-fluid .six-col-adjust span>.hs_cos_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 13.5%;
  -webkit-flex-basis: 13.5%;
  float: left;
  margin-right: 2.5%;
  margin-top: 20px;
  box-sizing:border-box;
  position:relative;
}




@media (max-width:767px){

  body .container-fluid .row-fluid .six-col-adjust>span {
    display: block;
    margin-right: 0;
  }

  body .row-fluid .six-col-adjust span>.hs_cos_wrapper {
    display: block;
    flex-basis: 100%;
    width:100%;
    -webkit-flex-basis: 100%;
    margin:0;
    margin-top: 20px;
  }   
}




/*==================================================
Four Col Adjust 
==================================================*/

body .container-fluid .row-fluid .four-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.565%;
}

body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 22.5%;
  -webkit-flex-basis: 22.5%;
  float: left;
  margin-right: 2.5%;
  margin-top: 30px;
  box-sizing:border-box;
  position:relative;
}




@media (max-width:767px){

  body .container-fluid .row-fluid .four-col-adjust>span {
    display: block;
    margin-right: 0;
  }

  body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
    display: block;
    flex-basis: 100%;
    width:100%;
    -webkit-flex-basis: 100%;
    margin:0;
    margin-top: 20px;
  }   
}




/*==================================================
Five Col Adjust 
==================================================*/

body .container-fluid .row-fluid .five-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.565%;
}

body .row-fluid .five-col-adjust span>.hs_cos_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 17.5%;
  -webkit-flex-basis: 17.5%;
  float: left;
  margin-right: 2.5%;
  margin-top: 30px;
  box-sizing:border-box;
  position:relative;
}




@media (max-width:767px){

  body .container-fluid .row-fluid .five-col-adjust>span {
    display: block;
    margin-right: 0;
  }

  body .row-fluid .five-col-adjust span>.hs_cos_wrapper {
    display: block;
    flex-basis: 100%;
    width:100%;
    -webkit-flex-basis: 100%;
    margin:0;
    margin-top: 20px;
  }   
}





/*=========================================================
FORM STYLING
=========================================================*/                

/*======= Placeholder Color ====*/

::-webkit-input-placeholder {
  color:#a3a3a3;
}

:-moz-placeholder {
  color:#a3a3a3;
}

::-moz-placeholder {  
  color:#a3a3a3;
}

:-ms-input-placeholder {  
  color:#a3a3a3;
}

select::-ms-expand {
  display: none;
}



.row-fluid form li{
  margin:0;
}

textarea{
  overflow:hidden;
  resize:none;
}

.row-fluid  form li:before{
  display:none;
}

.submitted-message{
  text-align:center;
}

body .row-fluid  form input,
body .row-fluid  form select,
body .row-fluid  form textarea{
  height: 50px;
  color:#505050;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0px;
  padding: 0;
  margin-bottom: 17px;
  padding: 5px 10px 5px 10px;
  font-weight: 300;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;   
  font-family: neuzeit-grotesk;
  border: 1px solid #BDC3C9;    
  border-radius: 4px;    
  background-color: #FFFFFF;

}

.row-fluid  form textarea{
  height:139px; 
  resize:none;
}

.row-fluid  form select{
  color: #989898;
}

.row-fluid  form input:focus,
.row-fluid  form select:focus,
.row-fluid  form textarea:focus{
  outline:0;
  border:1px solid #4643FF;
}

.row-fluid form input::placeholder{
  font-size:14px;
  line-height:26px;
  letter-spacing:0;
  font-weight:normal;
}

.row-fluid form input:-ms-input-placeholder,
.row-fluid form textarea:-ms-input-placeholder{
  font-size:14px;
  line-height:26px;
  letter-spacing:0;
  font-weight:normal;
  color:#a3a3a3;
}

.row-fluid  form .hs_file_upload input,
.row-fluid  form .hs-form-checkbox input,
.row-fluid  form .hs-form-radio input,
.row-fluid  form .hs-form-booleancheckbox input{
  height:auto;
  padding:0;
  border:0;
}

.row-fluid  form .hs-form-checkbox input,
.row-fluid  form .hs-form-radio input,
.row-fluid  form .hs-form-booleancheckbox input{
  height:auto;
  padding:0;
  border:0;
  margin-bottom:0;
}

.row-fluid form .field>label{
  color: #505050;    
  font-size: 16px;    
  font-weight: 300;    
  line-height: 23px;
  letter-spacing:0;
  display: block;
  margin-bottom: 2px;
  margin-top: 3px;

}

.row-fluid form .hs-button{
  color:#fff!important;
}

.row-fluid form .hs_submit .actions{
  text-align:center; // CTA Button Alignment
}

.row-fluid form .hs-button.primary{
  height: auto;
  margin-top: 30px;
  padding: 11px 50px;
}

form .hs-error-msgs{
  margin:0;
  padding:0;
}

form .hs-error-msgs li{
  line-height: 1;
  color: red;
  font-weight: 500;
  font-size: 11px;
  position: relative;
  top: -4px;
  letter-spacing: 0.3px;
}

.row-fluid .hs-form fieldset.form-columns-1 .hs-input {
  width: 100%;
}

body .row-fluid .hs-form fieldset {
  max-width: 100%;
}

form .hs-form-required{
  display:inline-block;
  color:#959595;
}

.body-container-wrapper form ul,
.body-container-wrapper form li{
  margin:0;
  padding:0;
}

.body-container-wrapper form ul,
form ul{
  list-style:none;
}


.body-container-wrapper form li:before{
  display:none;
}

body form .hs-form-checkbox:last-child,
body form .hs-form-radio:last-child,
body form .hs-form-booleancheckbox{
  margin-bottom:20px;
}

body .row-fluid .hs-form fieldset.form-columns-3 .hs-form-field {
  width: 32%;
  margin-right:2%;
}

body .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field {
  width: 49%;
  margin-right:2%;
}

body .row-fluid .hs-form fieldset .hs-form-field:last-child{
  margin-right:0;
}

body .row-fluid .hs-form fieldset.form-columns-2 .input,
body .row-fluid .hs-form fieldset.form-columns-3 .input {
  margin-right:0px;
}

body .container-fluid .row-fluid .hs-form fieldset .field:last-child .input{
  margin-right:0;
}

body .row-fluid select{
  /*background: #fff url(//cdn2.hubspot.net/hubfs/2558854/DreamPack/Select%20Arrow.png) no-repeat;*/
  background-position: center right;
  -webkit-appearance: none;
}





/*=======================================================
CHECKBOX AND RADIO BUTTONS STYLING
=======================================================*/            

.row-fluid .hs-form .field .input input[type="checkbox"],
.row-fluid .hs-form .field .input  input[type="radio"]{
  width:auto;
}

.row-fluid .hs-form .field .input input[type="checkbox"],
.row-fluid .hs-form .field .input  input[type="radio"]{
  padding: 0;
  border-radius: 4px;
  /*background: #fff;*/
  margin-left: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #cfd3d7;
  -webkit-appearance: none;
  border: 2px solid #ddd;
  margin-right: 8px;
  top: 2px;
  width: 20px;
  height: 20px;
}

.row-fluid .hs-form .field .input input[type="checkbox"]:checked:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  top: 3px;
  left: 2px;
  border: 3px solid ;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.row-fluid .hs-form .field .input  input[type="radio"]{
  border-radius: 50%;
}

.row-fluid .hs-form .field .input  input[type="radio"]:checked:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 3px;
  /*background: ;*/
  left: 3px;
  border-top: 0;
  border-right: 0;
  border-radius: 50%;
}



@media (max-width:480px){

  body form.hs-form .form-columns-2 .hs-form-field .hs-input,body form.hs-form .form-columns-3 .hs-form-field .hs-input{
    width:100%;
  }

  body .row-fluid .hs-form fieldset .input{
    margin:0;
  }

  body .row-fluid .hs-form fieldset.form-columns-3 .hs-form-field {
    width: 100%;
    margin-right: 0;
  }

  body .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field {
    width: 100%;
    margin-right: 0;
  }

  .row-fluid form .hs_submit .actions{
    text-align:center;
  }
}



/*********************************** TYPOGRAPHY SECTION END ***************************************************/


/*=====================================================================
Global Group Styling
=======================================================================*/

.request-consultation-section {
  padding: 69px 0px;
  position:relative;
}


.request-consultation-section  .section-heading p{
  margin-bottom: 37px;
}


.shapes.consultation-icon-left {
  position: absolute;
  top: -180px;
}

.shapes.consultation-icon-right {
  position: absolute;
  right: 23%;
  top: -180px;
}

.consultation-icon-left  .sqare {
  transform: rotate(11deg);
}


@media(max-width:767px){

  .request-consultation-section {
    padding: 69px 0px 64px;
  }

  .request-consultation-section .section-heading p{
    margin-bottom:0;
  }

  body .container-fluid .row-fluid .request-consultation-section  .section-heading {
    margin: 0 auto 29px;
  }

}


/********************** Header Section Styling Start ****************/



.header-section{
  padding:16px 0;
}

.inner-header .header-section {
  padding: 16px 0;
}

.header-section .cta-container{
  text-align:right;
  margin-top: 3px;
}

@media(max-width:767px){

  .inner-header .header-section{
    padding: 0; 
  }

  .header-section a.cta_button{
    width:100%;
    box-sizing:border-box!important;
  }

  .header-section .cta-container{
    display:none;
  }

}


@media(min-width:768px){

  .header-section .menu-container>.hs_cos_wrapper{
    float:left; /* changed from "right" to "left" on the request of Nikki Scott in Support ticket #4127410 */
  }

  .header-section .menu-container ul li.hs-menu-depth-1:hover a{
    color:#000FFF;
  }

  .header-section .menu-container ul li.hs-menu-depth-2 a{
    color:#252A58;
  }

  .header-section .menu-container ul li.hs-item-has-children>a{
    position:relative;
  }  

  .header-section .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
    color:#252A58;
  }

  .header-section .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover a{
    color:#000FFF;
  }

  .header-section .menu-container ul li.hs-item-has-children>a:after {
    content: "\f107";
    position: absolute;
    right: 10px;
    top: 18px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
  }  

  .header-section  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{
    background: #ffffff;
    box-shadow: 0 5px 9px 4px rgba(189,195,201,0.15);
    width: 100%;
    min-width: 200px; /* changed from 163px to 200px on the request of Nikki Scott in Support ticket #4127410 */
    /*left: -40%;*/
  }  


  .header-section .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper:before{
    /*position: absolute;*/
    width: 20px;
    height: 20px; 
    background: #fff;
    content: "";
    left: 50%;
    top: -10px;
    transform: rotate(45deg);
    box-shadow: 0 0px 1px 1px rgba(13, 13, 14, 0.1);
    box-shadow: -10px 0px 8px 1px rgba(189,195,201,0.15);
    z-index: -3;
  }

}


.header-section .menu-container ul li a{
  font-size:15px;
  line-height:36px;
  color:#252A58;
  letter-spacing:0.47px;
  padding-right:30px;    
  font-weight: 600;
  max-width: 100%;
}

.header-section .menu-container ul li:last-child a{
  padding-right:0;
}

.header-section .logo{
  position:relative;
  top:10px;
}


@media(max-width:1230px) and (min-width:1061px){

  body .header-section a.cta_button{
    padding: 11px 15px;
  }

  .header-section .menu-container ul li.hs-item-has-children>a:after{
    right:0;
  }

  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{
    padding:10px 16px;
  }
}

@media(max-width:1060px) and (min-width:768px){


  .header-section .menu-container ul li a{
    font-size: 13px;
    line-height: 22px;
    padding: 10px 13px;
    padding-left:0;
    padding-right:23px;
  }

  .header-section .menu-container ul li.hs-item-has-children>a:after{
    right: 0;
    top: 12px;
    font-size: 13px;
  } 

  .header-section .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
    padding:10px;
  }  

  body .row-fluid .header-section  a.cta_button[title],
  body .fluid .header-section  a.cta_button{
    font-size: 12px;
    line-height: 28px;
    padding: 7px;
    color:#fff;
  } 

  .header-section .menu-container ul li.hs-item-has-children>a:after {
    right: 10px;
  }



}


/*====================================================
MONILE MENU 
====================================================*/                

/* ==========================================================================
Custom Menu Primary
========================================================================== */


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

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

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

/* Override max width on menu links */
.vision-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) {
  .vision-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 */
}

@media (max-width: 767px){


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

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

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

  .vision-menu-primary,
  .vision-menu-primary .hs-menu-wrapper > ul,
  .vision-menu-primary .hs-menu-wrapper > ul li,
  .vision-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:#989AB0;
  }


  /* 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 #989AB0;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #989AB0; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#989AB0;
    background-color: #989AB0; 
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#989AB0;
    background-color: #989AB0; 
    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: #989AB0; /* 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: #989AB0; /* Icon color */
  }

  body.inner-header .header-section .logo{
    top:4px;
  } 

  body.inner-header .mobile-trigger{
    top:17px;
  }


  /* 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:#000; /* 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
  ========================================================================== */  

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

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

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

  /* Mobile Menu Styles */ 
  .vision-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;
  }
  .vision-menu-primary .hs-menu-wrapper{
    background-color:#989AB0; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

  /* Level 1 Menu List Styles */
  .vision-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .vision-menu-primary .hs-menu-wrapper > ul > li a{

    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .vision-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 */
  }
  .vision-menu-primary .hs-menu-wrapper >  ul li a{
    //padding: 0 10px;
    //color:#989AB0; /* link color set by global mobile-aColor variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .vision-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .vision-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 */
  .vision-menu-primary .hs-menu-wrapper > ul ul ul li a{
    //text-indent: 30px; /* Indent Child lists */
  }
  .vision-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    // text-indent: 50px; /* Indent Child lists */
  }
}








/*============================================================
HEADER Mobile Responsive
===========================================================*/

@media (max-width:767px){

  .header-section {
    padding: 14px 0;
  }


  .vision-menu-primary .hs-menu-wrapper{
    display:none;
  }

  .mobile-trigger {
    border: 0;
    top: 0;
    right: 14px;    
    background:transparent;
  }

  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after {
    width: 26px;
    height: 2px;
    border-radius: 2px;
  }

  .mobile-trigger i:before {
    top: -7px;
  }

  .mobile-trigger i:after {
    top: 7px;
    width: 16px;
    right: 0;
  }

  .mobile-open .mobile-trigger i:after{
    width:26px;
  }  

  .mobile-trigger {
    top: 26px;
    right: 8px;
  }

  .mobile-open .mobile-trigger {
    background-color: transparent;
    z-index:5;
  }

  .mobile-trigger:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent;
  }

  .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:#989AB0;
  }

  .mobile-trigger i{
    transition: all .5s ease-in;
  }

  .mobile-open .mobile-trigger i{
    background:transparent;
    transition: all .1s ease-in;
  }

  .mobile-trigger i:before,
  .mobile-trigger i:after{
    transition: all .3s ease-in;
  }

  .mobile-open .mobile-trigger i:before {
    top: 0;
    transform: rotate(45deg);
    background:; 
  }

  .mobile-open .mobile-trigger i:after{
    top: 0;
    transform: rotate(-45deg);
    background:;
  }

  .vision-menu-primary.js-enabled{
    position: absolute;
    padding-top: 0;
    margin: 10px 0 10px 0;
    left: 0;
    right: 0;
    top: 0;
    margin:0;
  }

  body .header-container-wrapper  .logo{
    max-width: 180px;
    float: left;
    margin-top: 0;
    margin-left: 0;
    position:relative;
    z-index:11;
  }

  .vision-menu-primary .hs-menu-wrapper>ul li {
    border-top: 0px;
    border-bottom: none;
  }

  .vision-menu-primary .hs-menu-wrapper>ul>li a {
    overflow: visible;
    color: #252A58;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 28px;
    padding: 16px 0px;
    font-weight: 600;
    border-bottom: 1px solid #E8EDF1;
    margin: 0 20px;
  }  

  .vision-menu-primary .hs-menu-wrapper>ul>li:last-child a{
    border-bottom:none;
  }  

  .vision-menu-primary.js-enabled .hs-menu-wrapper{
    padding: 0;
    margin: 0;
    z-index: 3;
    top: 0;
    border-bottom: none;
    position: absolute;
    padding-top: 76px;
    background: #fff;
  }

  .vision-menu-primary  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{
    background-color: #e8edf173;
    padding: 13px 0px;

  }  

  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    border: none;
    background: transparent;
  }  

  .vision-menu-primary .child-trigger i,
  .vision-menu-primary .child-trigger i:after{
    width: 10px;
    height: 10px;
    background-color: transparent;
    display: block;
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    transform: none;
    font-size: 13px;
    line-height: 27px;
    font-style: normal; 
  }

  .child-trigger.child-open i {
    color: #000FFF;
  }  

  .vision-menu-primary   .child-trigger.child-open i:after{
    transform: none;
  }  



  body .vision-menu-primary a.cta_button[title]{
    text-align: center;
    color: #fff;
    padding: 11px 10px;
    border-radius: 2px;

  } 

  .vision-menu-primary .hs-menu-wrapper>ul{
    background: #fff;
    box-shadow: 0px 1px 0px #0000000a;
    padding-bottom: 30px;
  }  


}


/****************** Footer Section Styling *****************/




.footer-section{
  padding: 74px 0 48px;
  background-color: rgba(232,237,241,0.2);
}


.footer-container-wrapper{
  position:relative;
}

.footer-container-wrapper:after {
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Pattern-1.svg) no-repeat;
  height: 104px;
  width: 432px;
  right: 0;
  top: -45px;
  z-index: 3;
}

.footer-section  img{
  max-width:16px;
  height:auto;
}

.footer-section .social-icon-cont ul li{
  display:inline-block;
  margin-right:15px;
  margin-left: 0;
  padding: 0;      
}

.footer-section .social-icon-cont ul li:before{
  display: none;
}

.footer-section .social-icon-cont ul li:last-child{
  margin-right:0;
}

.footer-section  ul{
  list-style-type:none;
  padding-left:0;      
}    



.footer-section .cta-container{
  margin-top:20px;
  margin-bottom:27px;
}

.footer-section .heading-cont h3{
  font-weight:600;
  font-size:22px;
  line-height:27px;
  letter-spacing:normal;
  margin-bottom:0;
}

.footer-section .right-col ul li a{
  font-family: neuzeit-grotesk;
  font-size:16px;
  line-height:11px;
  letter-spacing:0.5px;
  color:#252A58;
  white-space: nowrap;
  width: 100%!important;
  padding: 10px 0 27px;
}

.footer-section .right-col ul li a:hover{
  text-decoration:underline;
}

@media(min-width:768px){

  .footer-section .left-col{
    width: 42.17094%;
  }

  .footer-section .right-col{
    width: 54.264957%;
  }

  .footer-section .right-col .menu-cont{
    width: 22.076923%;
  }

}

.footer-section .right-col .last-row ul li a{
  padding-right:0;
}

.footer-bottom-row{
  background-color:#F6F8FA;
  padding:25px 0;
}

.footer-bottom-row p{
  font-size:13px;
  line-height:10px;
  color:#252A58;
  font-weight:300;
  letter-spacing:normal;
  margin-bottom:0;
}

.footer-bottom-row .right-column{
  float:right;
  text-align:right;
}

.footer-bottom-row .right-column ul{
  list-style-type:none;    
  margin:0;  
}

.footer-bottom-row .right-column ul li{    
  display:inline-block;
  padding-right:33px;
  margin-bottom:0;
  padding-left: 0;     
}

.footer-bottom-row .right-column ul li:before{
  display: none;   
}

.footer-bottom-row .right-column ul li:last-child{
  padding-right:0;
}

.footer-bottom-row .right-column ul li a{
  font-size:16px;
  line-height:11px;
  letter-spacing:0.5px;
  font-family: neuzeit-grotesk;
  font-weight:normal;
  text-decoration: none;
}


body .container-fluid .row-fluid .hide-on-desktop{
  display:none;
}

@media(min-width:768px) and (max-width:1024px){

  .footer-section .left-col{
    width: 41.17094%;
  }

  .footer-section .right-col ul li a{
    white-space: normal;
    padding: 10px 0 0px;
    line-height:26px;
  }  

}

@media(max-width:767px){

  .footer-container-wrapper{
    text-align:center;
  }  

  .footer-bottom-row .right-column {
    float: none;
    text-align: center;
    padding-top: 10px;
  }

  .footer-bottom-row .right-column ul li {
    padding-right: 16px;
  }  

  .footer-bottom-row .right-column ul{
    padding:0;
  }  


  .footer-container-wrapper .hs-menu-wrapper.hs-menu-flow-vertical>ul{
    margin-bottom:0;
  }

  body .container-fluid .row-fluid .hide-on-mobile{
    display:none;
  }  

  body .container-fluid .row-fluid .hide-on-desktop{
    display:block;
  } 


  .footer-container-wrapper:after {
    height: 73px;
    width: 242px;
    right: 0;
    background-repeat: no-repeat;
  }  

  .footer-section ul li{
    margin:0 0 8px;
  }

}





/*=======================================================================
Blog Page Styling
========================================================================*/

.blog-hero-section {
  padding-top: 35px;
}



.tag-author-date {
  display: block;
  margin-top: 19px;
  margin-bottom: 62px;
}


.body-container-wrapper .tag-author-date ul{
  margin:0;
  padding:0;
  list-style-type:none;
}

.body-container-wrapper .tag-author-date ul li{
  margin:0;
  padding:0;
}

.body-container-wrapper .tag-author-date ul.each-li-item li{
  display:none;
}

.body-container-wrapper .tag-author-date ul.each-li-item li:first-child{
  display:inline-block;
  padding: 0px 12px;
  background: rgba(0,221,255,0.34);
  border-radius: 1px;
}

.body-container-wrapper .tag-author-date ul.each-li-item  li a{ 
  font-size: 11px;
  letter-spacing: 0.3px;	
  line-height: 15px;
  text-transform:uppercase;
  color: #000FFF;
}

.body-container-wrapper .tag-author-date .date-author ul li{
  font-size: 14px;	
  font-weight: 300;	
  line-height: 27px;
  color:#242424;
  display:inline-block;
  margin-right: 5px;
}

.body-container-wrapper .tag-author-date .date-author ul li:last-child {
  margin: 0;
}

.date-author .hs-author-name{
  font-weight:400;
}






.tag-author-date1 {
  display: block;
  margin-top: 19px;
  margin-bottom: 10px;
}


.body-container-wrapper .tag-author-date1 ul{
  margin:0;
  padding:0;
  list-style-type:none;
}

.body-container-wrapper .tag-author-date1 ul li{
  margin:0;
  padding:0;
}

.body-container-wrapper .tag-author-date1 ul.each-li-item li{
  display:none;
}

.body-container-wrapper .tag-author-date1 ul.each-li-item li:first-child{
  display:inline-block;
  padding: 0px 12px;
  background: rgba(0,221,255,0.34);
  border-radius: 1px;
}

.body-container-wrapper .tag-author-date1 ul.each-li-item  li a{ 
  font-size: 11px;
  letter-spacing: 0.3px;	
  line-height: 15px;
  text-transform:uppercase;
  color: #000FFF;
}

.body-container-wrapper .tag-author-date1 .date-author ul li{
  font-size: 14px;	
  font-weight: 300;	
  line-height: 27px;
  color:#242424;
  display:inline-block;
  margin-right: 5px;
}

.body-container-wrapper .tag-author-date1 .date-author ul li:last-child {
  margin: 0;
}


@media(min-width:768px){

  .pad-left-space{
    padding-left: 2%;
  }

}

/*====================================================================
Topic Filter Section
======================================================================*/

body .container-fluid .row-fluid .topic-section .wrapper{
  position:relative
}

.topic-section  .block h3{
  display:none;
}

.topic-section{
  padding: 91px 0px 13px;
  position: relative;
  z-index: 2;
}

.topic-section .widget-module{
  margin: 0;
  position: absolute;
  z-index: 2;
  min-width: 130px;
  background: #fff;
  box-shadow: 0 10px 50px -5px rgba(0,0,0,.15);
  padding: 20px 15px 8px;
  display: none;
  left: 14px;
  border-radius: 0;
  top: 40px;
  border: 1px solid #EEF1F4;
  border-radius: 2px;
  background-color: #
}

.topic-section .widget-module ul{
  margin: 0;
  padding: 0;
  text-align: center;
}

.topic-section .widget-module ul li{
  list-style-type:none;
  margin:0;
  padding-bottom: 10px;
}

.topic-section .widget-module ul li:before{
  display:none;
}

.topic-section .widget-module ul li a{
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  color: #252A58;
  padding: 0px 0px;
  text-transform: capitalize;
  letter-spacing: 0.47px;
}



.cta-trigger h3{
  color: #242424;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  font-family: neuzeit-grotesk;
  margin:0;
  cursor:pointer;
  position:relative;
}



.cta-trigger h3 span{
  color: #000FFF;	
  font-size: 16px;	
  letter-spacing: 0.5px;	
  line-height: 28px;
  font-weight:600;
  font-family: "fieldwork",sans-serif;
  margin-left: 7px;
  border-bottom: 2px solid #00DDFF;
  display: inline-block;
}



.cta-trigger img{
  vertical-align: middle;
  margin-left: 10px;
}

.topic-section .widget-module li a.current-page{
  color:;
}


@media(max-width:1024px) and (min-width:768px){



  .topic-section .widget-module ul{
    right:40px;    
  }  


  .topic-section .widget-module ul li a{
    padding: 0px 18px;
  }


}


@media(max-width:767px){

  .topic-section {
    padding-bottom: 16px;
    padding-top: 39px;
  }    

  .cta-trigger h3{
    float: none;
    margin: 0 auto;
    display: block;
    width: auto;
    max-width: 100%;
  }    

  .topic-section .widget-module ul{
    top: 43px;
    width: auto;
    left: 20px;
    right: 20px;
    margin: 0;
  }    


  .date-author .hs-author-name,
  .body-container-wrapper .tag-author-date .date-author ul li{
    font-size:13px;
  }  


}

/*====================================================================
Blog listing Styling
======================================================================*/



.hs-blog-listing .blog-section{
  padding-top: 42px;
}

.post-item1 {
  float: left;
  width: 22%;
  display: block;
  box-sizing: border-box;
  margin: 0 3% 108px 0;
  list-style: none;
  padding-bottom: 0;
  display: block;
  box-sizing: border-box;
  align-self: stretch;
  transition: all ease-in-out .4s;
} 

@media (max-width: 1024px){
  .post-item1{
    margin: 0 1% 108px 0;
  }
}


@media (min-width: 768px){

  .post-listing { 
    margin: 0 -2.9% 0 0;
    padding: 0;
    //overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .post-item {
    float: left;
    width: 30.433%;
    display: block;
    box-sizing: border-box;
    margin: 0 2.9% 108px 0;
    list-style: none;
    padding-bottom: 0;
    display: block;
    box-sizing: border-box;
    align-self: stretch;
    transition: all ease-in-out .4s;
  } 



  .blog-section .post-item h3{
    min-height: 58px;
  }  

}

.hs-blog-listing .post-listing{
  margin-bottom:123px;
}

.post-item {
  margin-bottom:60px;
  border-bottom: 1px solid #E9E9E9;
}

.post-item .hero_featured_image{
  height:233px;
  display: block;
  margin-bottom: 23px;
}

.post-item h3, .post-item h3 a{
  color: #252A58;
  font-size: 18px;	
  line-height: 29px;
}


.post-item .post-desc{
  color: #66698A;	
  font-family: neuzeit-grotesk;
  font-size: 16px;	
  line-height: 27px;
  margin-top: 5px;
}

h4.date-module {
  color: #252A58;
  font-family: neuzeit-grotesk;
  font-size: 14px;
  font-weight: 300;
  line-height: 27px;

}

.post-item  h4.date-module{
  margin-top:34px;
}

.post-item .tag-author-date{
  margin-bottom:16px;
  margin-top:0;
}

.border-hover h3 a{
  border-bottom: 2px solid transparent;
  transition:all ease-in-out .2s;
}

.border-hover:hover h3 a{
  border-color:#000FFF;
  color:#000FFF;
}

.border-hover:hover ul.each-li-item,
.border-hover:hover .featured-image,
.border-hover:hover .date-module,
.border-hover:hover .hero_featured_image,
.border-hover:hover .date-author,
.border-hover.featured-post-cm:hover  p,
.border-hover:hover .post-desc{
  opacity:0.5;
}

/*====================================================================
Load More Styling
======================================================================*/



.ias-trigger {
  display: block;
  clear: both;
  width: 100%;
  padding: 63px 0 0px;
}


.ias-trigger a {
  color: #252A58;
  font-size: 16px;
  letter-spacing: 0.53px;
  line-height: 28px;
  text-align: center;
  display: inline-block;
  border-radius: 2px;
  background-color: #F8FAFB;
  padding: 7px 23px;
}





body.topic-page .blog-hero-section,
body.topic-page .topic-section,
body.hs-blog-listing .category-list{
  display:none;
}

body.hs-blog-listing.topic-page .category-list{
  display:block;
}

.category-list .post-topic {
  padding-top: 23px;
  padding-bottom: 50px;
}

.category-list .post-topic h3{
  color: #252A58;	
  font-size: 36px;
  letter-spacing: -0.3px;	
  line-height: 46px;
}

.body-container-wrapper .category-list .post-topic .widget-module ul {
  margin: 0;
  padding-top: 25px;
}


.body-container-wrapper .category-list .post-topic  .widget-module li {

  display: inline-block;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  margin-right: 12px;
  font-size: 11px;
  line-height: 15px;
}


.body-container-wrapper .category-list .post-topic .widget-module li a {
  color: #252A58;
  font-size: 11px;
  letter-spacing: 0.3px;
  line-height: 15px;
  text-align: center;
  font-family: "fieldwork",sans-serif;
  text-transform: uppercase;
  border-radius: 1px;
  background-color: #F8FAFB;
  padding: 9px 28px 7px;
  display: block;
}

.body-container-wrapper .category-list .post-topic .widget-module li a:hover {
  background-color: #E8EAEB;
}

.body-container-wrapper .category-list .post-topic .widget-module li a.current-page{
  //color:#fff;
}



@media(max-width:767px){

  body .container-fluid .row-fluid .subscribe-button,
  .hs-blog-listing .shapes.center-icons {
    display: none;
  }

  .hs-blog-listing.topic-page .shapes.center-icons{
    display:block;
    right: 39%;
  }


  .post-item .hero_featured_image{
    height:233px;
  }  

  .post-item {
    margin-bottom: 40px;
  }


  .hs-blog-listing .post-listing {
    margin-bottom: 72px;
  } 


  .ias-trigger {
    padding: 33px 0 0px;
  } 

  .category-list .post-topic{
    padding-bottom: 6px;
  }  


}


/*=======================================================================
Post Page Styling
=========================================================================*/

body .container-fluid .row-fluid .hide-section{
  display:none;
}



.no-dotted-footer .footer-container-wrapper:after{
  display:none;
}


.hs-blog-post .blog-post-container .wrapper{
  position: relative;
}


.hs-blog-post .blog-section .sharing-icon {
  position: absolute;
  margin: 0;
  margin-top: 3px;
  top: 22px;
  width: 40px;
  left: 6px;
} 

.hs-blog-post .blog-section .sharing-icon li:before{
  display:none;
}

.hs-blog-post .blog-section .sharing-icon li a {
  color: #000FFF;
  background: transparent;
  width: 31px;
  line-height: 31px;
  display: block;
  text-align: center;
  border: 2px solid #000FFF;
  border-radius: 100%;
  margin-bottom: 0px;
  opacity: 0.5;
  transition:all ease-in-out .2s;
}



.hs-blog-post .blog-section .sharing-icon li a:hover{
  opacity: 1;
}

.hs-blog-post .blog-section .sharing-icon li.first-item{
  color: #293142;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
}


.blog-post-container {
  position: relative;
  padding-top:44px;
}


body .container-fluid .row-fluid .blog-post-container .blog-inner-container{
  max-width: 707px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  padding-left: 15px;
  padding-right: 15px;
}



.blog-post-container p{
  font-weight:300;
  margin: 24px 0px;
}

.blog-post-container ul{
  padding-left: 14px;
}

.blog-post-container h1{
  color: #252A58;	
  font-size: 55px;	
  letter-spacing: -0.82px;	
  line-height: 66px;
  margin-bottom:20px;
}

.blog-post-container h2{
  color: #252A58;
  font-size: 36px;	
  letter-spacing: -0.3px;	
  line-height: 46px;
  margin-bottom:25px;
}

.blog-post-container h3{
  color: #252A58;
  font-size: 23px;	
  line-height: 33px;
  margin-bottom:25px;
}

.blog-post-container h4{
  color: #252A58;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 25px;
}


.blog-post-container h5{
  color: #989AB0;	
  font-size: 13px;
  letter-spacing: 1px;	
  line-height: 21px;
  margin-bottom: 25px;
}

.section.post-body h6{


}

.blog-post-container p{
  color: #252A58;
  font-size: 18px;	
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 29px;

}

.body-container-wrapper .blog-post-container ul li{
  font-size: 18px;	
  font-weight: 300;	
  letter-spacing: 0.5px;	
  line-height: 33px;
  position:relative;
}

.blog-post-container  ul li:before {
  content: "\f45c";
  position: absolute;
  left: -23px;
  top: 6px;
  font-size: 8px;
  line-height: 18px;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  color: #000fff;
}


.blog-post-container blockquote{
  border:none;
  padding:0;
  font-style:normal;
  color: #252A58;
  font-family: "fieldwork",sans-serif;
  font-size: 26px;	
  letter-spacing: 0.31px;
  line-height: 46px;
  font-weight:600;
  margin-bottom: 40px;
  margin-left: 0;
  margin-top: 17px;
}

.blog-post-container  iframe {
  padding: 39px 0 0px;
}

.blog-post-container  iframe {
  height: 382px;
  padding-bottom: 30px;
}

.post-author-date ul li:before{
  display:none;
}


.shapes.post-right-icon {
  position: absolute;
  right: -21%;
}

.shapes.post-right-icon  .circle {
  top: 42px;
  left: -24px;
  transform: rotate(45deg);
}

.shapes.post-right-icon .sqare {
  top: 97px;
  left: 30px;
  transform: rotate(45deg);
}

.shapes.post-right-icon .triangle {
  top: -23px;
  left: 36px;
}

@media(max-width:1024px){

  body .container-fluid .row-fluid .post-consultation-cm{
    display:none;  
  }  

}

@media(max-width:1300px) and (min-width:1024px) {

  .post-consultation-cm{
    max-width:20%;
  }

}  

@media(max-width:1024px) and (min-width:768px) {

  body .container-fluid .row-fluid .blog-post-container .blog-inner-container{
    max-width:600px;  
  }

  .shapes.post-right-icon{
    right:-23px;
  }  

}


@media(max-width:767px){

  .post-sharing-icons {
    display: none;
  }

  .hs-blog-post .blog-post-container {
    padding-top: 8px;
  }  

  body .container-fluid .row-fluid .blog-post-container .blog-inner-container {
    padding-left: 0;
    padding-right: 0;
  }  


}


/*======================================================================
Progress Bar Styling
========================================================================*/

progress {
  appearance: none;
  position: fixed;
  width: 100%;
  height: 6px;
  background-color: #fff;
  border: none;
  top: 0;
  z-index:3;
}


progress::-moz-progress-bar {
  background-color: #FFF;
}

progress::-webkit-progress-bar {
  background-color: #fff;
}

progress::-webkit-progress-value {
  background-color:  #000FFF;
}

progress::-ms-fill {
  background-color: #ffffff;
}


canvas#canvas {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

/*======================================================================
Icons Positioning styling
========================================================================*/

.hide-square,
.hide-circle,
.hide-triangle{
  display:none;
}

.vector-cm .wrapper{
  position:relative;
}


.shapes{
  position:relative;

}

.shapes .sqare { 
  position: absolute; 
  top: 87px;
  left: 36px;
  opacity:0.3;
}



.shapes .circle { 
  opacity:0.3;
  position: absolute;
  top: 42px;
}



.shapes .triangle {
  top: 44px;
  left: 105px;
  position: absolute;
  opacity: 0.3;
}



.float {
  -webkit-animation-name: Floating;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

.float-1{
  -webkit-animation-duration: 6s;

}

.float-2{
  -webkit-animation-duration: 8s;
}


@-webkit-keyframes Floating{
  from {-webkit-transform:translate(0, 0px);}
  65% {-webkit-transform:translate(0, 50px);}
  to {-webkit-transform: translate(0, -0px);    }    
}

.spin {
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 12s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes Spinning{
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  } 
}


.single-box-icon .wrapper,
.single-cicle-icon .wrapper,
.blog-subscribe-popup-cm,
.single-triangle-icon .wrapper {
  position:relative;
}

.single-box-icon .wrapper:after,
.blog-subscribe-popup-cm:after {
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Purple%20full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  top: -8px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Floating;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}



.single-triangle-icon .wrapper:before{
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Yellow%20full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  top: -8px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Floating;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

.blog-subscribe-popup-cm:after{
  top: 23px;
  left: 15%;
  margin:0;
}


.blog-subscribe-popup-cm .inner-module-width:before{
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Yellow%20full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 89px;
  left: 8%;
  margin: 0;
  z-index: 10;
  -webkit-animation-name: Floating;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-name: Spinning;
}

.single-cicle-icon .wrapper:before,
.blog-subscribe-popup-cm .inner-module-width:after{
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Circle%20Yellow%20full.svg);
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  top: 24%;
  border-radius: 100%;
  left: 30%;
  margin: 0 auto;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Floating;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

.blog-subscribe-popup-cm .inner-module-width:after{
  top: 28px;
  border-radius: 0;
  left: 3%;
  margin:0;
  background:url('https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Neon%20Full.svg');
  width:60px;
  -webkit-animation-name: Spinning;
}



.blog-subscribe-popup-cm:after,
.blog-subscribe-popup-cm .inner-module-width:after {
  opacity:1;
}

.remove-span-height .span12,
.remove-span-height.span12{
  min-height:0;
}

.blog-container .wrapper{
  position:relative;
}

.shapes.center-icons {
  text-align: center;
  max-width: 117px;
  margin: 0 auto;
}


.shapes.bottom-icon .sqare {
  position: absolute;
  top: 14px;
  left: 30px;
}

.shapes.bottom-icon .circle {
  top: 87px;
}

.shapes.bottom-icon .triangle {
  top: 57px;
  left: 62px;
}


.shapes.bottom-icon {
  position: absolute;
  bottom: 285px;
  right: 100px;
}


.shapes.related-post-icon {
  top: -84px;
}


.shapes.footer-post-icon {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  margin: 0 auto;
  float: none;
  text-align: center;
  max-width: 20px;
  z-index: 2;
}

.shapes.footer-post-icon .sqare {
  position: absolute;
  top: -30px
}

.hs-blog-listing .category-page-icons{
  display:none;
}


.hs-blog-listing.topic-page .category-page-icons{
  display:block;
}

.topic-page .shapes.center-icons{
  position: absolute;
  right: 15%;
  top: -39px;
}

.shapes.center-icons.category-page-icons {
  right: 30%;
}

.shapes.center-icons.category-page-icons .triangle{
  top:89px;
}


@media(max-width:1024px) and (min-width:768px){


  .topic-page .shapes.center-icons {
    right: 21%;
  }

  .shapes.center-icons.category-page-icons {
    right: 40%;
  }  

}

/*====================================================================
Contact Page Styling
=======================================================================*/

.contact-section .form-container .hs-button.primary {
  margin-top: 5px;
  min-width: 152px;
}



.contact-section {
  padding-top:61px;
  padding-bottom:10px;
  position:relative;
}

.contact-section h2{
  padding-bottom:10px;
}

.contact-section p{
  max-width:432px;
  padding-bottom:50px;
  color:#66698A;
}

.contact-section .contact-left-col{
  padding-bottom:285px;
}

.contact-information-section .span2{
  width:9%;

}

.contact-information-section .span2.left-col img {
  width: 40px;
  vertical-align:middle;
}

.contact-information-section .right-col {
  max-width: 534px;
}

.contact-information-section .text-container h3{
  text-transform:none;

}

.contact-information-section .text-container h5{
  color: #00DDFF;	
}

.contact-information-section .cm-container{
  padding-bottom:58px;
}

.contact-information-section .cta-container.hide-cta{
  display:none;
}

body .row-fluid .contact-information-section .cta-container .cta-button{
  color: #252A58;	
  font-size: 16px;	
  letter-spacing: 0.5px;	
  line-height: 28px;
  font-family: "fieldwork",sans-serif;
  position:relative;
}

body .row-fluid .contact-information-section .cta-container .cta-button:after{
  background:url(https://cdn2.hubspot.net/hubfs/4777856/play-arrow.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  height: 9px;
  width: 8px;
  position: absolute;
  content: '';
  top: 3px;
  right: -18px;
  transition:0.2s all ease-in-out;
}

body .row-fluid .contact-information-section .cta-container .cta-button:hover{
  color:#000FFF;
  transition:0.2s all ease-in-out;
}

body .row-fluid .contact-information-section .cta-container .cta-button:hover:after{
  background:url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Blue-1.svg);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  height: 9px;
  width: 8px;
  transition:0.2s all ease-in-out;
}

.contact-section .wrapper{
  position:relative;
}

.contact-section .vector-cm .wrapper{
  position:static;
  z-index:2;
}

.shapes.contact-float-right {
  position: absolute;
  right: 19px;
  top: 18%;
  z-index:-1;
}

.shapes.contact-float-right.triangle {
  top: -45px;
  left: 51px;
  position: absolute;
  opacity: 0.3;
}

.shapes.contact-float-right .circle {
  left: 71px;
  top: -29px;
}
.shapes.contact-float-right .sqare {
  top: 121px;
  left: 36px;
}


.contact-section.single-box-icon .wrapper:after {
  bottom: 36%;
  top: auto;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Blue%20Full.svg) no-repeat;
  width: 60px;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 4s;
  z-index:-1
}

.contact-section.single-cicle-icon .wrapper:before {
  bottom: 17%;
  top: auto;
  left: 12%;
  z-index:-1;
}

.contact-section .contact-left-col:after{
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Neon%20Full.svg) no-repeat;
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  bottom: 24%;
  left: 28%;
  margin: 0 auto;
  opacity: .3;
  z-index: 0;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;

}






/***************************Contact Information Section End**********************/



/***************************Contact From Section Start**********************/



.contact-section .form-container{
  max-width: 432px;
  position: relative;
  border: 1px solid #000FFF;
  border-image-source: linear-gradient(2.88deg, #000FFF 0%, #64B3FF 100%);
  border-image-slice: 20;
  padding: 34px 32px;
  float: right;
  background-color: #fff;
  box-shadow: 0 2px 11px 4px rgba(0,0,0,0.03);
}


@media(max-width:1024px){

  .contact-section .contact-left-col {
    padding-bottom: 115px;
  }
}



@media (max-width:767px){

  .contact-section {
    padding-top: 65px;
    text-align: center;
  }

  .contact-section .contact-left-col {
    padding-bottom: 40px;
  }

  .contact-section p {
    max-width: 100%;
    padding-bottom: 40px;
  }  

  .contact-information-section .cm-container {
    padding-bottom: 45px;
  }  

  .contact-information-section .span2 {
    width: 100%;
    padding-bottom: 20px;
  }

  .contact-information-section .right-col {
    max-width: 100%;
  }

  .span6.widget-span.widget-type-cell.contact-right-col {
    padding-bottom: 70px;
  } 

  .contact-section .form-container {
    max-width: 100%;
    float: none;
    text-align:left;  
    padding: 34px 20px;
  }  




}

@media (max-width:320px){

  .contact-information-section .text-container h3 {
    font-size:16px;
  }

}











/***************************Contact From Section End**********************/
/*============================CONTACT PAGE CSS END======================*/





/*****************************Privacy Policy CM Start***********************/

.position-class{
  position:relative;
}

.position-class .vector-cm.span12 {
  position: absolute;
  top: 0;
  z-index:0;
}

.position-class .shapes.center-icons .sqare {
  position: absolute;
  top: 127px;
  left: 97px;
}

.position-class .shapes.center-icons .circle{
  -webkit-animation-name: Spinning;
}


.position-class .vector-cm.top-position {
  top: 45%;
}

.shapes.bottom-left-icons .sqare {
  left: 0;
  top: 136px;
}

.shapes.bottom-left-icons .triangle {
  top: 163px;
  left: 73px;
}

.single-box-icon-green:before{
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Green%20Full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 18%;
  left: 0;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}


.single-box-icon-yellow:after{
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Yellow%20full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 27%;
  right: 0;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

.position-class .vector-cm.span12.single-right-circle{
  top: auto;
  bottom: 32%;
  right: -4%;
}

body.integrations-page .position-class .vector-cm.span12{
  z-index:2;
}

.privacy-section{
  padding-top:55px;
  padding-bottom:109px;
}

.privacy-title{
  padding-bottom:72px;
  text-align:center;
}

.privacy-section .privacy-title h5{
  padding-bottom:10px;

}

.privacy-policy{
  max-width:760px;
  margin:0 auto;

}

.privacy-policy .privacy-policy-text{
  padding-bottom:63px;

}
.privacy-policy .privacy-policy-text p{
  color: #66698A;		
  line-height: 25px;

}

.privacy-policy .privacy-policy-text ul{
  max-width:630px;

}

.privacy-policy .privacy-policy-text ul li {
  position: relative;
  margin-left: 26px;
  padding-bottom:8px;
  color: #66698A;
  font-size: 16px;
  line-height: 25px;  
}

.privacy-policy .privacy-policy-text ul li:before {
  position: absolute;
  left: -20px;
  top: 10px;
  content: '';
  background:#1D14FF;
  width: 6px;
  height: 6px;
}



@media (max-width:767px){

  .privacy-section{
    padding-top: 70px;
    padding-bottom: 5px;
  }  

  .privacy-section .privacy-title h1{
    font-size: 45px;	
  }

  .privacy-policy{
    max-width:100%;
    margin:0 auto;
  }

  .privacy-title {
    padding-bottom: 32px;
  }

  .privacy-policy .privacy-policy-title h2{
    font-size: 30px;	
  }

  .privacy-policy .privacy-policy-text{
    padding-bottom:50px;

  }
  .privacy-policy .privacy-policy-text p{		
    font-size: 16px;	
  }

  .privacy-policy .privacy-policy-text ul{
    max-width:100%;

  }

  .privacy-policy .privacy-policy-text ul li {
    font-size: 16px;
    padding-bottom:8px;
  }

  body.integrations-page .position-class .vector-cm.span12{
    z-index:1;
  }

  body.integrations-page .position-class.integration-popular-cm .vector-cm.span12{
    z-index:0;
  }


}




/******************************Privacy Policy CM End**********************/
/*============================PRIVACY POLICY CSS END======================*/






/*=========================================================================
*  HUb Page Styling
* 
==========================================================================*/

/*Background Video Cm Styling*/

body .container-fluid .row-fluid  .background-center-video .wrapper{
  max-width: 740px;
}

.background-center-video{
  padding: 50px 0px;
}

#video-container{
  position:relative
}

.background-center-video h2{
  margin: 16px 0px 9px;
}

.background-center-video h6{
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 21px;
  font-weight: 400;
  text-transform:uppercase;
}


.background-center-video p{
  color: #66688D;
  font-size: 18px;
  line-height: 27px;
  max-width: 289px;
  margin: 0 auto 61px;
}


.background-center-video .video-container{
  position: relative;
}


.video-module {
  max-width: 93%;
  margin: 0 auto;
  position: absolute;
  top: 33px;
  left: 0;
  right: 0;
  overflow: hidden;
  height: 355px;
}


/*Floating Icons Styling*/


.right-floating-icons .shapes {
  position: absolute;
  top: 171px;
  left: 37px;
}

.right-floating-icons  .shapes .sqare {
  top: 177px;
  left: 11px;
  -webkit-animation-name: Spinning;
}

.right-floating-icons .shapes .triangle {
  top: 44px;
  left: 65px
}


.left-floating-icons .shapes {
  position: absolute;
  right: 13%;
  top: 138px;
}


.left-floating-icons  .shapes .sqare {
  -webkit-animation-name: Spinning;
}

.right-floating-icons.three-close-icons .shapes {
  top: 370px;
}

.text-video-cm.single-triangle-icon .wrapper:before{
  top: auto;
  bottom: -70px;
  right:-19%;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 3s;
}

.text-video-cm.single-box-icon .wrapper:after{
  top: auto;
  bottom: -73px;
  -webkit-animation-duration: 8s;
}

.three-close-icons1 .shapes {
  top: -275px;
  left: 72px;
  z-index: 1;
}

.text-video-cm.single-triangle-icon.single-blue-triangle .wrapper:before {
  top: auto;
  bottom: 0px;
  right: -81%;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Blue%20Full.svg);
  width: 60px;
}

.three-close-icons2 .shapes {
  top: -431px;
  right: 10%;
  left: auto; 
}

.background-center-video .wrapper{
  position:relative;
}

.background-center-video.video-shapes .wrapper:before {
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Blue%20Full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 98px;
  left: auto;
  right: -19%;
  margin: 0 auto;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

.background-center-video.video-shapes .wrapper:after {
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Green%20Full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 49%;
  left: -21%;
  right: auto;
  margin: 0 auto;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Floating;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

.background-center-video .video-container{
  position:relative;
  overflow: hidden;
  height: 100%;
}

.background-center-video.video-shapes .video-container:after {
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Blue%20Full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 41%;
  left: -21%;
  right: auto;
  margin: 0 auto;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}


.three-close-icons3 .shapes {
  top: 110px;
  right: 10%;
  left: auto;
}

.three-close-icons3 .shapes .sqare {
  top: 323px;
  left: -61px;
  opacity: 1;
}

.three-close-icons3 .shapes .circle {
  top: auto;
  bottom: -214px;
  opacity: 1;
}


.three-close-icons3 .shapes .triangle {
  top: auto;
  left: -3px;
  bottom: 0;
  opacity: 1;
}

.single-triangle-icon.three-close-icons2 .wrapper:before{
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Red%20Full.svg);
  top: 25px;
  left: 31%;
  right: 0;
  opacity: 1;
  z-index: 0;
  -webkit-animation-name: Spinning;
}

.three-broad-icons1 .shapes .sqare {
  top: 300px;
  opacity:1;
  -webkit-animation-name: Spinning;
}

.three-broad-icons1 .shapes .circle{
  opacity:1;
}

.three-broad-icons2 .shapes {
  position: absolute;
  top: 46px;
  right: 149px;
}

.three-broad-icons2 .shapes .sqare {
  top: 300px;
  opacity: 1;
  -webkit-animation-name: Spinning;
  left: 66px;
}

.three-broad-icons2 .shapes .circle {
  opacity: 1;
}

.three-broad-icons2 .shapes .triangle {
  top: 44px;
  left: 65px;
}

.request-consult-cm .image-container{
  position:relative;
}

.request-consult-cm .image-container:before {
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Circle%20Blue%20Full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -17px;
  left: -129px;
  right: 0;
  margin: 0 auto;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Floating;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}


@media(max-width:767px){


  .three-close-icons1 .shapes{
    display:none;
  }

  .background-center-video .video-container{
    height: 100%;
    max-width: 340px; 
    margin:0 auto;
  }

  .video-module {
    max-width: 92%;
    margin: 0 auto;
    position: absolute;
    top: 17px;
    left: -3px;
    right: 0;
    overflow: hidden;
    height: 168px;
  }



}

/*two column image text cm styling*/

.white-bg.top-margin{
  margin-top: 120px;
  padding-bottom: 126px;
}

.white-bg{
  padding-bottom:132px;
}

.text-video-cm.white-bg{
  position:relative;
  z-index:1;
}



.text-video-cm.white-bg:after {
  position: absolute;
  content: "";
  background: #ffffff;
  width: 100%;
  height: 100%;
  right: -70.3%;
  z-index: -1;
  top: 0;
}

.right-dotted-shape .video-image-col{
  position:relative;
  z-index:1;
}

.right-dotted-shape .video-image-col:after {
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Squares-5.svg) no-repeat;
  width: 152px;
  height: 153px;
  right: -10%;
  top: -59px;
  z-index: -1;
}

.row-reverse .equal-height-container > .row-fluid-wrapper > .row-fluid{
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  justify-content: flex-end; 
  -webkit-justify-content: flex-end;
}

.row-reverse .align-right{
  text-align:left;
}


@media(min-width:768px){

  body .container-fluid .row-fluid .row-reverse .video-image-col{
    margin-left: 0;
    width: 68.904255%;
    padding-right: 30px;
  }

  .white-bg.top-margin{
    padding-bottom: 80px;  
  }

}



@media(max-width:767px){


  .white-bg.top-margin{
    margin-top: 60px;
    padding-bottom: 35px;
  }

  .text-video-cm.white-bg:after{
    display:none;
  }

}









/*==============================================================
Homepage Styling Start 
===============================================================*/





/******************* Home Banner Section Styling *****************/




.home-banner-section{
  padding: 16px 0 0px; 
}

.home-banner-section .image-container{
  height:400px;
  margin-bottom:0px;
}

.home-banner-section .heading-container .title{

  float:right;

}

.home-banner-section .ms-icon{
  max-width:200px;
  float:right;

}

.home-banner-section .left-col .subtitle{
  opacity:0.7;
}

.home-banner-section .right-col .subtitle{
  font-size:16.8px;
  line-height:20px;
  color:#252A58;
  letter-spacing:normal;
  font-weight:300;
  margin-bottom:10px;
}

.home-banner-section .cta-container{
  max-width:300px;
  margin-top:20px;
  float:right
}

body.wrapper-mac-adjust .home-banner-section .cta-container{
  max-width:310px;
}

.home-banner-section .cta-container .grey-transparent-cta a.cta_button{
  padding: 10px 19px;
}

.home-banner-section .cta-container .grey-cta a.cta_button{
  padding: 11px 18px;
}

body.wrapper-mac-adjust .home-banner-section .cta-container .grey-cta a.cta_button{
  padding:9px 18px 12px;
  float:right;
}


/*Floating Icons*/

.home-hero-icons.three-close-icons1 .shapes{
  top: -173px;
  left: 41px;
}

.right-floating-icons.home-hero-icons .shapes .sqare{
  -webkit-animation-name: Floating;
  top: 142px;
  left: 36px;
}

.right-floating-icons.home-hero-icons .shapes .triangle {
  top: 81px;
  left: 83px;
}


.home-hero-icons .shapes .circle{
  top: 86px;
}

.home-banner-section.single-triangle-icon .wrapper:before{
  top: 28px;
  left: 44px;
  margin: 0;
  -webkit-animation-name: Spinning;

}

.home-banner-section.single-triangle-icon .home-hero-icons .wrapper:before{
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Yellow%20full.svg);
  left: auto;
  right: 13px;
  top: -2px;

}


@media(max-width:1024px){


  .home-banner-section .left-col .heading-container .title{
    font-size: 30px; 
    text-align:center;

  }

  .home-banner-section .cta-container{
    max-width: 280px;
  }
}



@media(max-width:767px){



  .home-banner-section .left-col .heading-container .title{
    font-size: 40px;
    line-height: 53px; 
  }


  .home-banner-section .heading-container .subtitle {
    max-width: 286px;
    margin: auto auto;
    text-align:center;
  }

  .home-banner-section .heading-container .ms-icon {
    text-align:center;
    margin: 0px auto;
  }

  .home-banner-section .left-col{
    text-align:center;
    margin-bottom:50px;
  }

  .home-banner-section{
    padding: 80px 0 50px; 
  }

  body .row-fluid .home-banner-section .cta-container{
    margin:0 auto;
    float:none;
    max-width:290px;
  }

  body.wrapper-mac-adjust .row-fluid .home-banner-section .cta-container{
    max-width:300px;
  }

  .home-banner-section .cta-container .left-col-cta{
    float:left;
    width:auto;
  }

  .home-banner-section .cta-container .right-col-cta{
    float:right;
    width:auto;
    margin-left: 2.127659574%;
  }



  .home-hero-icons.three-close-icons1 .shapes{
    display:block;
    top: -783px;
    left: 251px;
  }

  .home-banner-section .cta-container .grey-transparent-cta a.cta_button{
    padding:10px 16px; 
  }

  .home-banner-section .cta-container .grey-cta a.cta_button{
    padding:10px 16px; 
  }
}




/******************* Home Section1 Styling Start ******************/




.home-section1{
  padding:100px 0 90px;
  background:#fff;
  position:relative;
  z-index:1;
}

.home-section1:after{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  content:'';
  background:url('https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Squares.svg');
  width:100%;
  z-index:-1;
  opacity:0.21;
}

.home-section1 .heading-container h2{
  position: relative;
  z-index: 1;
  width: auto;
  display: inline-block;
}

.home-section1 .heading-container h2:after{
  position:absolute;
  left: -10px;
  right: -10px;
  bottom: 2px;
  content:'';
  background:#00DDFF;
  width:auto;
  height:21px;
  z-index:-1;
  opacity:0.33;
}

body.wrapper-mac-adjust .home-section1 .heading-container h2:after{
  bottom:-4px;
}

.home-section1 .heading-container h4{
  font-size:20px;
  line-height:33px;
  color:#252A58;
  font-weight:600;
}

/*Floating Icons*/

.home-section1 .wrapper{
  position:relative;
}


.home-section1-icons{
  position:absolute;
  top: 0;
  left: -8%;

}


.right-floating-icons.home-section1-icons .shapes {
  top: 0;
  right: 0;
  left: auto;
}

.home-section1-icons .shapes .circle{
  right:-39px;
}

@media(max-width:1024px){

  .home-section1{
    padding: 80px 0 70px;  
  }
}


@media(max-width:767px){

  .home-section1:after{
    display:none;
  }

  .home-section1{
    padding: 40px 0 30px;  
  }

  .home-section1 .heading-container h2{
    line-height:31px;
  }

  .home-section1 .heading-container h4{
    font-size: 18px;
    line-height: 25px; 
    margin-top:25px;
  }

  .home-section1 .heading-container h2:after{
    display:none;
  }

  .home-section1 .heading-container h2{
    display: inline;
    padding: 0px 20px;
    background: rgba(0, 221, 255, 0.33);
  }
}




/******************** Homepage Section2 Styling Start ****************/




body .row-fluid .homepage-section2-cm .three-col-adjust span>.hs_cos_wrapper{
  border:1px solid #EEF1F4;
  border-radius:2px;
  padding:41.5px 40.5px;
  transition:0.2s all ease-in-out;
  cursor:pointer;
  margin-bottom:42px;
  margin-top:0;
}

.homepage-section2-cm .three-col-adjust span>.hs_cos_wrapper:hover{
  box-shadow: 0 5px 9px 4px rgba(189,195,201,0.15);
  transition:0.2s all ease-in-out;
}

.homepage-section2-cm .three-col-adjust span>.hs_cos_wrapper:hover .cta-container a.cta_button{
  background:#000FFF;
  color:#fff;
  border:1px solid transparent; 
  transition:0.2s all ease-in-out;
}

.homepage-section2-cm .cm-container .list-container .tick-cont{
  width: 14px;
  height: 14px;
  position: absolute;
  border-radius: 50%;
  content: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/White%20Tick.svg);
  left: -33px;
  padding: 3px;
  top: 3px;
}

.homepage-section2-cm .cm-container .list-container ul li{
  position:relative;
  margin-left:33px;
}

.homepage-section2-cm .cm-container .image-container{
  margin-bottom:33px;
}

.homepage-section2-cm .cm-container .description-container p{
  color:#66698A;
  line-height:25px;
}

.homepage-section2-cm .cm-container .description-container{
  border-bottom:1px solid #F2F2F2;
}

.homepage-section2-cm .cm-container .heading-cont h3{
  margin-bottom:3px;
}

.homepage-section2-cm .cm-container .cta-container{
  margin-top:35px;
}

body .row-fluid .homepage-section2-cm .heading-container{
  max-width:558px;
  margin:0 auto 80px;
  float:none;
}

.homepage-section2-cm{
  padding:100px 0 42px;
}


/*Floating Icons*/


.right-floating-icons.home-section2-icons .shapes {
  top: 57px;
  left: 62px;
}

.right-floating-icons.home-section2-icons .shapes .triangle {
  top: 170px;
}

.right-floating-icons.home-section2-icons .shapes .sqare {
  top: 177px;
  left: 11px;
  -webkit-animation-name: Floating;
}

@media(max-width:1024px){

  .homepage-section2-cm{
    padding: 70px 0 60px;  
  }

  body .row-fluid .homepage-section2-cm .three-col-adjust span>.hs_cos_wrapper{
    padding: 41.5px 30.5px;
  }
}


@media(max-width:767px){

  .homepage-section2-cm{
    padding: 55px 0 54px;  
  }

  body .row-fluid .homepage-section2-cm .heading-container{
    margin: 0 auto 36px;  
  }

  .homepage-section2-cm .cm-container .heading-cont h3{
    font-size:23px;
    line-height:33px;
    margin-bottom:10px;
  }

  .homepage-section2-cm .cm-container .image-container{
    margin-bottom:20px;
  }

  body .row-fluid .homepage-section2-cm .three-col-adjust span>.hs_cos_wrapper{
    padding: 39.5px 30.5px 36px;
    margin-bottom: 20px;
  }
}





/*********************** Homepage Section3 Cm Styling Start *******************/



.homepage-section3-cm{
  position:relative;
  z-index:1;
  padding:110px 0 184px;
}

.homepage-section3-cm .tab-content .right-col .computer-image{
  position: relative;
  top: 0px;
  width:100%;
}

.homepage-section3-cm .tab-content .right-col .computer-image img{
  width:100%!important;
}

.homepage-section3-cm .wrapper{
  position:relative;
}

.homepage-section3-cm .desk-image{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  z-index: -1;
}

.homepage-section3-cm .desk-mobile{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  z-index: -1;
  display:none;
}

.homepage-section3-cm .desk-image img{
  width:100%!important;
}

.homepage-section3-cm .lamp-image{
  position: absolute;
  right: 0;
  top: 24%;
  z-index: -1;
  width: auto;
}

body .row-fluid .homepage-section3-cm .heading-container{
  max-width:668px;
  margin:0 auto 25px;
  float:none;
}

.homepage-section3-cm .heading-container p{
  color:#66688D;
}

.tab-navigation .location{
  font-size:23px;
  line-height:33px;
  color:#252A58; 
  font-weight:600;
  font-family: "fieldwork",sans-serif;
  padding-right:15px;
}

.homepage-section3-cm .tab-navigation #select-box{
  background: rgba(255,255,255,0.45);
  font-size: 23px;
  line-height: 33px;
  color: #252a58;
  font-weight: 600;
  font-family: "fieldwork",sans-serif;
  padding: 10px 50px 7px 10px;
  border: 0;
  border-radius: 4px;
  background-image:url('https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Arrow.svg');
  background-repeat:no-repeat;
  background-size:9px;
  background-position:95%;
}

body.wrapper-mac-adjust .homepage-section3-cm .tab-navigation #select-box{
  padding: 5px 50px 12px 10px;
}

body .row-fluid .homepage-section3-cm .tab-content{
  margin-left:0;
}

.homepage-section3-cm .tab-navigation #select-box:focus{
  outline:none;
}

.homepage-section3-cm .tab-navigation{
  margin-bottom: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.homepage-section3-cm .placeholder-container.choose-image .placeholder-image-cont{
  display: block;
  height: 353px;
}

.homepage-section3-cm .placeholder-container.choose-image{
  position: absolute;
  top: 33px;
  left: -5px;
  right: 0;
  bottom: 0;
  z-index: 0;
  max-width: 573px;
  margin: 0 auto;
  float: none;
}

.homepage-section3-cm .placeholder-container.choose-image .video-cont{
  display:none;
}

.homepage-section3-cm .placeholder-container.choose-video .placeholder-image-cont{
  display:none;
}

.homepage-section3-cm .placeholder-container.choose-video .video-cont{
  display: block;
  position: absolute;
  top: 33px;
  bottom: 0;
  left: -8px;
  right: 0;
  max-width: 572px;
  margin: 0 auto;
  z-index: 0;
  height: 354px;
  overflow: hidden;
}

.homepage-section3-cm .placeholder-container.choose-video .video-cont video{
  transform: scale(1); 
}

.homepage-section3-cm .tab-content .left-col .cm-heading p{
  color:#66698A;
  max-width:396px;
}

.homepage-section3-cm .tab-content .left-col .cta-container{
  margin-top:30px;
}

.homepage-section3-cm .tab-content .right-col{
  position:relative;
}



@media(max-width:1700px){

  .homepage-section3-cm .tab-content .right-col .computer-image{
    top:50px;
  } 

  .homepage-section3-cm .tab-content .left-col{
    margin-top:50px;  
  }

}



@media(max-width:1220px) and (min-width:1025px){

  .homepage-section3-cm .placeholder-container.choose-image .placeholder-image-cont{
    height: 294px; 
  }

  .homepage-section3-cm .placeholder-container.choose-image {
    top: 28px;
    left: -7px;
    right: 0;
    bottom: 0;
    z-index: 0;
    max-width: 85%;
  }

  .homepage-section3-cm .tab-content .right-col{
    max-width: 560px; 
  }

  .homepage-section3-cm .placeholder-container.choose-video .video-cont{
    top: 28px;
    bottom: 0;
    left: -6px;
    right: 0;
    max-width: 85%;
    margin: 0 auto;
    z-index: 0;
    height: 304px;  
  }

  .homepage-section3-cm .tab-content .right-col .computer-image{
    top:90px;
  }

  .homepage-section3-cm .tab-content .left-col{
    margin-top:90px;
  }

  .homepage-section3-cm .tab-navigation{
    margin-bottom:0;
    padding-bottom:0;
  }


}



@media(max-width:1024px){

  .homepage-section3-cm .placeholder-container.choose-image .placeholder-image-cont{
    height: 217px; 
  }

  .homepage-section3-cm .placeholder-container.choose-image {
    max-width: 346px;
    top: 21px;
    left: -5px;
  }

  .homepage-section3-cm .tab-content .right-col{
    max-width:410px;
  }

  .homepage-section3-cm .tab-navigation{
    margin-bottom:0;
    padding-bottom:0;
  }

  .homepage-section3-cm .tab-content .right-col .computer-image{
    top:110px;
  }

  .homepage-section3-cm .tab-content .left-col{
    position:relative;
    top:50px;
  }

  .homepage-section3-cm .placeholder-container.choose-video .video-cont{
    top: 20px;
    bottom: 0;
    left: -5px;
    height: 354px;
    max-width: 85%;
  }
}




@media(max-width:767px){


  .homepage-section3-cm{
    background-color: #fff!important;
    background-image: none!important;  
  }

  .homepage-section3-cm .tab-navigation #select-box{
    background:#F8FAFB; 
    font-size:20px;
    line-height:27px;
    background-image: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Arrow.svg)!important;
    background-repeat: no-repeat!important;
    background-size: 9px!important;
    background-position: 95%!important;
  }

  .tab-navigation .location{
    font-size: 20px;
    line-height: 27px; 
  }

  .homepage-section3-cm .tab-content .left-col{
    position:relative;
    z-index:1;
    padding:40px 0;
    margin-top:25px;
    top:0;
  }

  .homepage-section3-cm .tab-content .left-col:before{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    content:'';
    background:#F8FAFB;
    left:-20px;
    right:-20px;
    width:auto;
    z-index:-1;
  }

  .homepage-section3-cm .tab-content .left-col .cm-heading h3{
    margin-bottom: 20px;
  }

  .homepage-section3-cm .tab-content .right-col{
    position:relative;
    padding: 40px 0 0;
    margin:0 auto;
    float:none;
    max-width:350px;
  }

  .homepage-section3-cm .tab-content .right-col:after{
    position:absolute;
    left:-100%;
    right:-100%;
    top:0;
    bottom:0;
    content:'';
    background:url('https://cdn2.hubspot.net/hubfs/4777856/background.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    z-index:-1;
  }

  .homepage-section3-cm .tab-content .right-col .computer-image{
    top:0;
  }

  .homepage-section3-cm{
    padding: 0px 0 34px;  
  }

  .homepage-section3-cm .lamp-image {
    position: absolute;
    right: 0;
    top: auto;
    z-index: -1;
    width: auto;
    bottom: 340px;
    max-width: 80px;
  }

  .homepage-section3-cm .placeholder-container.choose-image{
    max-width: 293px;
    top: 18px;
    left: -5px;  
  }

  .homepage-section3-cm .placeholder-container.choose-image .placeholder-image-cont{
    height:183px;
  }

  .homepage-section3-cm .desk-mobile{
    display:block;
    bottom:-70px;
  }

  .homepage-section3-cm .desk-image{
    display:none;
  }

  .homepage-section3-cm .tab-content .left-col .cm-heading p{
    max-width:100%;
  }

  body.wrapper-mac-adjust .homepage-section3-cm .tab-navigation #select-box{
    padding: 10px 50px 12px 10px;  
  }

  .homepage-section3-cm .placeholder-container.choose-video .video-cont{
    top:17px;
  }


}



@media(max-width:650px){

  .homepage-section3-cm .desk-mobile{
    bottom:-60px;
  }

}


@media(max-width:550px){

  .homepage-section3-cm .desk-mobile{
    bottom:-40px;
  }

}



@media(max-width:480px){

  .homepage-section3-cm .desk-mobile{
    bottom:-20px;
  }
}





/******************* Homepage Section4 Cm Styling Start ***************/




.homepage-section4-cm{
  padding: 138px 0 90px;
}

body .row-fluid .homepage-section4-cm .heading-container p{
  color:#66688D;
  max-width:488px;
  margin:0 auto;
  float:none;
}

.homepage-section4-cm .cm-container .left-col h2{
  font-size:80px;
  line-height:70px;
  letter-spacing:-0.67px;
  font-weight:600;
  color:#252A58;
  position:relative;
  z-index:1;
  width:auto;
  display:inline-block;
}

.homepage-section4-cm .cm-container .left-col h2:before{
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: 9px;
  content: '';
  background: #0df;
  width: auto;
  height: 35px;
  z-index: -1;
  opacity: 0.33;
}

.homepage-section4-cm .cm-container .left-col h4{
  font-size:23px;
  line-height:33px;
  font-weight:600;
  max-width:320px;
}

.homepage-section4-cm .right-col .logo-container .each-slide .each-img{
  display: inline-block;
  margin: 0;
  padding-right: 46px;
  margin-bottom: 20px;
}

.homepage-section4-cm .right-col .logo-container .each-slide .each-img img{
  vertical-align:middle;
}

.homepage-section4-cm .right-col .logo-container .each-slide .each-img:nth-child(3n){
  padding-right:0;
}

.homepage-section4-cm .heading-container{
  margin-bottom:50px;
}

.homepage-section4-cm .left-col{
  margin-top:50px;
  position:relative;
  z-index:1;
}

.homepage-section4-cm .left-col:before{
  position: absolute;
  left: -40px;
  content: '';
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Stripes%20yellow%201.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 95px;
  height: 96px;
  z-index: -1;
  bottom: -50px;
}

.logo-block:focus{
  outline:none!important;
}


@media(max-width:1024px){

  .homepage-section4-cm{
    padding: 118px 0 80px;  
  }

  .homepage-section4-cm .right-col .logo-container .each-slide .each-img{
    padding-right:10px;
    margin-bottom:10px;
  }

  .homepage-section4-cm .cm-container .left-col h2{
    font-size: 70px;
    line-height: 70px;  
  }

  .homepage-section4-cm .left-col:before{
    left:0;
  }

  .homepage-section4-cm{
    padding: 118px 0 40px;
  }

  .homepage-section4-cm .cm-container .mobile-logo-block .mobile-each-slide .mobile-each-img{
    width:45%;
    float:left;
  }
}



@media(max-width:767px){

  .homepage-section4-cm{
    padding: 131px 0 40px; 
  }

  .homepage-section4-cm .cm-container{
    display:flex;
    flex-direction:column-reverse;
  }

  .homepage-section4-cm .left-col{
    text-align:center;
  }

  .homepage-section4-cm .cm-container .left-col h4{
    font-size: 20px;
    line-height: 27px;
    font-weight: 600;
    max-width: 320px;
    margin: 0 auto;  
  }

  .homepage-section4-cm .cm-container .left-col h2{
    font-size:56.88px;
    line-height:49px;
  }

  .homepage-section4-cm .cm-container .left-col h2:before {
    height: 22px;
  }

  body .row-fluid .homepage-section4-cm .right-col .logo-container .each-slide .each-img img{
    max-width:142px!important;
  }

  .homepage-section4-cm .right-col .logo-container .each-slide .each-img{
    padding-right:10px;
    margin-bottom:10px;
    display:block; 
    width:48%;
    float:left;
  }

  .homepage-section4-cm .right-col .logo-container .each-slide .each-img:nth-child(2n){
    padding-right:0;
  }

  .homepage-section4-cm .cm-container .mobile-logo-block .mobile-each-slide .mobile-each-img{
    width:45%;
    float:left;
  }

  .mobile-logo-block:focus{
    outline:none;
  }
}




/******************** Homepage Section5 Styling ****************/




.homepage-section5{
  padding:100px 0 180px 0;   
}

.homepage-section5 .heading-container{
  margin-bottom:35px;
}

body .row-fluid .why-choose-us-cm .three-col-adjust span>.hs_cos_wrapper{
  border:1px solid #000FFF;
  border-radius:3px;
  padding:44px 27px;
  flex-basis: 30%;
  -webkit-flex-basis: 30%;
  float: left;
  margin-right: 3.2%;
  position:relative;
  z-index:1;
}

body .row-fluid .why-choose-us-cm .three-col-adjust span>.hs_cos_wrapper:last-child:after{
  position:absolute;
  right: -70px;
  bottom: -70px;
  content:'';
  background:url('https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Stripes%20yellow%201-1.svg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  width:125px;
  height:125px;
  z-index:-1;
}

body .row-fluid .why-choose-us-cm .three-col-adjust span>.hs_cos_wrapper:nth-child(2){
  position:relative;
  top:91px;
}

.why-choose-us-cm .cm-container h3{
  font-size:28px;
  line-height:52px;
  letter-spacing:-0.23px;
  font-weight:600;
}

.why-choose-us-cm .cm-container .list-cont ul li{
  font-size:20px;
  line-height:44px;
  color:#252A58;
  font-weight:300;
  margin-bottom:0;
  position:relative;
  margin-left:30px;
}

.why-choose-us-cm .cm-container .list-cont ul li:before{
  position: absolute;
  left: -23px;
  top: 20px;
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #252a58;
}

/*Icons Styling*/

.position-class .vector-cm.home-section5-icons.span12{
  top: auto;
  bottom: 0;
}

.home-section5-icons.right-floating-icons .shapes{
  top: auto;
  bottom: 192px;
  left: 22%;
}


.home-section5-icons.right-floating-icons .shapes .sqare{
  -webkit-animation-name: Floating;
  top: 100px;

}

.home-section5-icons .shapes .circle {
  top: 42px;
  -webkit-animation-name: Spinning;
}

/*Floating Icons*/


.homepage-section5 .wrapper{
  position:relative;
}

.home-section6-icons.left-floating-icons .shapes{
  top: -43px;
  right: auto;
  left: -31px;
}

.home-section6-icons.left-floating-icons .shapes .sqare{
  -webkit-animation-name: Floating;

}

.right-floating-icons.home-section6-icons .shapes{
  right: 16%;
  left: auto;
  top: -80px;
}

.right-floating-icons.home-section6-icons .shapes .sqare {
  top: 106px;
  left: 55px;
  -webkit-animation-name: Floating;
}

.right-floating-icons.home-section6-icons .shapes .circle{
  -webkit-animation-name: Spinning;
  top: 78px;
}

.right-floating-icons.home-section6-icons .shapes .triangle{
  top: 50px;
}



@media(max-width:1024px){

  .homepage-section5 .heading-container{
    margin-bottom: 15px;  
  }

  body .row-fluid .why-choose-us-cm .three-col-adjust span>.hs_cos_wrapper{
    padding: 34px 20px;  
  }

  .homepage-section5{
    padding: 80px 0 185px;  
  }

  .why-choose-us-cm .cm-container h3{
    line-height:38px;
  }
}



@media(max-width:767px){

  .why-choose-us-cm .cm-container h3{
    font-size:20px;
    line-height:27px;
  }

  .why-choose-us-cm .cm-container .list-cont ul li{
    font-size: 16px;
    line-height: 27px;
  }

  .why-choose-us-cm .cm-container .list-cont ul li:before{
    left: -23px;
    top: 10px;
    border-radius:0;      
  }

  body .row-fluid .why-choose-us-cm .three-col-adjust span>.hs_cos_wrapper:nth-child(2){
    top:0;
  }

  body .row-fluid .why-choose-us-cm .three-col-adjust span>.hs_cos_wrapper{
    padding: 24px 20px 0px;  
  }

  .why-choose-us-cm .cm-container .list-cont ul{     
    margin-top:10px; 
  }

  .homepage-section5{
    padding: 40px 0 40px 0;        
  }      

  body .row-fluid .why-choose-us-cm .three-col-adjust span>.hs_cos_wrapper:last-child:after{
    right: -10px;
    bottom: -60px;
    width: 87px;
    height: 87px;
  }

  .right-floating-icons.home-section6-icons .shapes{
    right: 36%;
    left: auto;
    top: -190px;  
  }
}


/************************ Homepage Section6 Styling *******************/




.homepage-section6 .left-col{
  width:49.9%;
  position:relative;
  z-index:1;
  padding:70px 0;
}

body .row-fluid .homepage-section6 .wrapper{
  max-width:442px;
}

.homepage-section6 .left-col:after{
  display:none;
}

.homepage-section6 .right-col{
  width:49.9%;
  margin-left:0.2%;
  position:relative;
  z-index:1;
  padding:70px 0;
}

.homepage-section6 .right-col:after{
  display:none;
}

.homepage-section6 .left-col form input{
  background:#424DFF;
  height:50px;
  border-radius:4px;
  border:none;
  color:#fff;
}

.homepage-section6 .left-col form input::placeholder{
  color:#fff;
  font-size:16px;
  line-height:23px;
  font-weight:bold;
}

.homepage-section6 .left-col form .hs-button{
  background:#fff;
  color:#000FFF!important;
  letter-spacing:0.53px;
  font-weight:normal;
  height:auto;
  position:absolute;
  top:-2px;      
  right:0;
  padding: 11px 29px;
}

.homepage-section6 .left-col form .hs-button{    
  padding: 11px 29px 10px;      
  right:-2px;
}

.homepage-section6 .left-col form .hs-button:hover{     
  background:#F2F2FF;       
  color:#000FFF!important;        
}

.homepage-section6 .left-col .form-container{
  position:relative;
  margin-top:-9px;
}

.homepage-section6 .left-col .form-container form .hs_submit input[type="submit"]{
  min-width: 113px;
}   

.homepage-section6 .heading-container p{
  font-size: 16px;
  letter-spacing: 0;
  line-height: 27px;
}

.homepage-section6 h3{
  font-weight:500;
}

.homepage-section6 .heading-container{
  margin-top:13px;
}

.homepage-section6 .form-container .form-title{
  display:none;
}

.homepage-section6 .right-col .white-cta{
  margin-top:20px;
}

/*Floating Icons*/

.home-section7-icons.left-floating-icons .shapes{
  right: auto;
  top: -103px;
  left: 12%;
}

.left-floating-icons.home-section7-icons .shapes .sqare{
  left: 53px;
}

.left-floating-icons.home-section7-icons .shapes .float,
.right-floating-icons.home-section7-icons .shapes .float,
.right-floating-icons.home-section7-bottom-icons .shapes .float{
  opacity:1;

}

.right-floating-icons.home-section7-icons .shapes{
  top: -85px;
  left: auto;
  right: 0;
}


.right-floating-icons.home-section7-bottom-icons .shapes .triangle {
  top: 88px;
  left: 34px;
}

.right-floating-icons.home-section7-bottom-icons .shapes{
  top: auto;
  bottom: 125px;
  left: -55%;

}

@media(max-width:1024px){


  .homepage-section6 .left-col .form-container{
    margin-top: 0; 
    position: relative;
    top: 25px;
  }
}



@media(max-width:767px){

  .homepage-section6 .left-col{
    width:100%;
    padding:70px 0 30px;
  }

  .homepage-section6 .right-col{
    width:100%;
    margin-left:0;
    margin-top:8px;
  }

  .homepage-section6 .left-col .form-container{
    top:-20px;
  }

  .homepage-section6 .left-col form .hs-button{
    top:-4px;
  }

  .homepage-section6 .right-col .white-cta {
    margin-top: 10px;
  }

  .homepage-section6 h3{
    font-size:23px;
    line-height:33px;
  }

  .homepage-section6 .right-col{
    padding: 70px 0 50px;  
  }


}




/********************* Homepage Section7 Styling *******************/




.homepage-section7{
  padding:117px 0 95px;
}

.homepage-section7 .heading-container{
  margin-bottom:40px;
}



@media(max-width:1024px){

  .homepage-section7{
    padding: 75px 0 125px;  
  }
}



@media(max-width:767px){


  .homepage-section7 .featured-post-cm .pop-post-box{
    display:none;
  }

  .homepage-section7 .heading-container{
    margin-bottom:0;
  }

  .homepage-section7{
    padding: 85px 0 125px;  
  }
}








/*********************** Innovation Hub Styling Start ****************/




.innovation-hub .text-video-cm .description-text-col p{
  max-width:380px;
}

.innovation-hub .two-col-hero-cm .text-col{
  width: 51.717949%;
}

body.innovation-hub .row-fluid .background-center-video.video-shapes{
  padding-top: 150px;
  padding-bottom: 213px;
}

body.innovation-hub .container-fluid .text-video-cm .description-text-col p {
  max-width: 357px;
}




@media(max-width:1024px){


  body.innovation-hub .row-fluid .background-center-video.video-shapes{
    padding-top: 90px;
    padding-bottom: 143px; 
  }

  body.innovation-hub .background-center-video p {
    max-width: 100%;
    margin: 0 auto 50px;
  }
}



@media(max-width:767px){


  .innovation-hub .two-col-hero-cm .text-col {
    width: 100%;
  }

  body.innovation-hub .text-video-cm.row-reverse {
    text-align:center;
  }

  body.innovation-hub .text-video-cm.grey-bg-cm {
    text-align: center;
  }

  body.project-hub .text-video-cm{
    text-align:center;
  }

}



/*===========================HOW IT WORKS PAGE CSS START======================*/

/***************************How It Works Section Start**********************/


.how-it-works-hero-section{
  padding-top: 85px;
}

.how-it-works-hero-section h1{
  max-width:745px;
  margin:0 auto;
  text-align:center;
  padding-bottom:20px;
}

.how-it-works-hero-section h3{
  max-width:745px;
  margin:0 auto;
  text-align:center;
  padding-bottom:40px;
}

.how-it-works-hero-section h5{
  max-width:410px;
  margin:0 auto;
  text-align:center;
  padding-bottom:20px;

}

.how-it-works-hero-section .service-container img{
  width:122px;
}

.how-it-works-hero-section .service-container .microsoft img{
  float:right;
}

.how-it-works-hero-section .service-container .azure{
  padding-left:6px;
}
.how-it-works-hero-section .service-container .azure img{
  float:left;
}


/*Floating Icons*/


.right-floating-icons.how-it-works-hero-section-icons .shapes{
  top: -100px;
}


.right-floating-icons.how-it-works-hero-section-icons .shapes .triangle{
  left: 105px;
  -webkit-animation-name: Floating;
  top: 100px;
}

.right-floating-icons.how-it-works-hero-section-icons .shapes .circle{
  left: -21px;
  -webkit-animation-name: Spinning;
}

.left-floating-icons.how-it-works-hero-section-icons .shapes{
  top: -93px;
}

.left-floating-icons.how-it-works-hero-section-icons .shapes .triangle{
  top: 100px;
  left: 100px;
}

.left-floating-icons.how-it-works-hero-section-icons .shapes .circle{
  -webkit-animation-name: Spinning;
  left: 30px;
}

.left-floating-icons.how-it-works-hero-section-icons .shapes .sqare{
  left: 114px;
  top: 26px;
  -webkit-animation-name: Floating;
}

@media(max-width:1024px){


  .how-it-works-hero-section{
    padding-top: 55px;  
  }
}



@media(max-width:767px){


  .how-it-works-hero-section h1{
    padding-bottom: 10px; 
  }

  body .row-fluid .how-it-works-hero-section .service-container{
    max-width: 280px;
    margin: 0 auto;
    float: none; 
  }




}

/***************************How It Works Section End**********************/


/***************************How It Works Cm Start**********************/

.how-it-works-cm {
  padding-top:100px;
  padding-bottom: 165px;

}

.how-it-works-cm .cm-container{
  max-width:760px;
  margin:0 auto;
}

.how-it-works-cm .cm-container .how-it-works-txt p{
  color: #66688D;
  max-width:600px;

}

.how-it-works-cm .cm-container .right-col{
  padding-left:40px;

}
.how-it-works-cm .cm-container .left-col h2{
  text-align:center;
  color:#000FFF;
  border: 1px solid #000FFF;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  text-align: center;
  margin-bottom: 0;
  position: relative;
  background-color:#fff;
  line-height:60px;
}

.how-it-works-cm .cta-container {
  margin: 0 auto;
  max-width: 200px;
  padding-top:10px;
  text-align:center;
}

.how-it-works-cm .hs_cos_wrapper{
  position: relative;
  z-index: 3;
  margin-bottom:75px;
}

/* .how-it-works-cm .hs_cos_wrapper:after{
position: absolute;
left: 235px;
top: 60px;
content: '';
border-left: 2px solid #bdc3c9;
height: 112%;
z-index: -1;
}

*/

.how-it-works-cm .hs_cos_wrapper:last-child:after {
  display: none;
}

.how-it-works-cm .hs_cos_wrapper.element-from-top .cm-container .left-col h2{
  background-color: #000FFF;
  color: #fff;
}

.how-it-works-cm .hs_cos_wrapper.one .cm-container .left-col h2{
  background-color: #000FFF;
  color: #fff;
}

/*Floating Icons*/

.left-floating-icons.how-it-works-section1-icons .shapes{
  right: 7%;
  top: 432px;
}

.left-floating-icons.how-it-works-section1-icons .shapes .sqare {
  -webkit-animation-name: Floating;
}

.left-floating-icons.how-it-works-section1-icons .shapes .circle{
  -webkit-animation-name: Spinning;
}

.right-floating-icons.how-it-works-section1-icons .shapes{
  top: 820px;

}

.right-floating-icons.how-it-works-section1-icons .shapes .circle{
  -webkit-animation-name: Spinning;
  top: 42px;
}

.right-floating-icons.how-it-works-section1-icons .shapes .sqare{
  top: 54px;
  left: 42px;
  -webkit-animation-name: Floating;

}

.how-it-works-cm .hs_cos_wrapper.two{
  position:relative;
}

.how-it-works-cm .hs_cos_wrapper.two:before {
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Green%20Full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 63px;
  left: 0;
  /* right: 0; */
  margin: 0 auto;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

@media(max-width:1230px){


  .how-it-works-cm .hs_cos_wrapper {
    max-width: 600px;
    margin: 0 auto 75px;
    float: none;
  }
}



@media (max-width:767px){

  .how-it-works-cm .hs_cos_wrapper .cm-container .left-col h2{
    margin:0 auto 20px;
    background-color: rgb(0, 15, 255);
    color: rgb(255, 255, 255);
  }

  body .row-fluid .how-it-works-cm .cm-container .right-col{
    padding-left:0;
    text-align:center;
  }

  body .row-fluid .how-it-works-cm .hs_cos_wrapper{
    margin:0 auto 40px;
  }

}

/***************************How It Works Cm End**********************/   
/*===========================HOW IT WORKS PAGE CSS END======================*/


/*============================ABOUT PAGE CSS START=======================*/
/****************************Hero Section Start**************************/

.about-hero-section {
  padding: 89px 0 96px 0;
  position:relative;
}
.about-hero-section  .wrapper{
  position:relative;
}

.about-hero-section .shapes.right-float-icons {
  position: absolute;
  right: 0;
  top: -220px;
  right: 11%;
}

.about-hero-section .shapes.left-float-icons{
  position:absolute;
  left:0;
  top:-220px;
  opacity: 0.5;
}

.about-hero-section .shapes .sqare {
  position: absolute;
  top: 87px;
  left: 36px;
  opacity: 0.5;
}

.about-hero-section .shapes .triangle {
  top: 44px;
  left: -35px;
  position: absolute;

}
.about-hero-section .hero-title{
  margin:0 auto;
  text-align:center;
}

.about-hero-section .hero-title h1{
  max-width:745px;
  margin:0 auto;
  font-size:55px;
  line-height:66px;
  letter-spacing:-0.82px;
}

.about-hero-section .hero-title h4{
  max-width:568px;
  margin:0 auto;
  font-size:23px;
  line-height:33px;
}

@media (max-width:767px){

  .about-hero-section {
    padding-top: 60px;
    padding-bottom:60px;
  } 

  .about-hero-section .hero-title h1 {
    max-width:100%;
    line-height:normal;
    font-size: 38.57px;
    line-height: 42px;
    margin-bottom:15px;
  }

  .about-hero-section .hero-title h4{
    font-size: 20px;
    line-height: 27px;  
  }
}



/*************************************Hero Section End********************************/



/***********************************Our Mission Section Start****************************/

.about-our-mission-section{
  padding-top: 54px; 
  padding-bottom: 76px;
  position:relative;
  z-index:1;
}

.about-our-mission-section .wrapper{
  position:relative;
}
.about-our-mission-section:before{
  background: url("https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Squares.svg");
  position:absolute;
  right:0;
  top:0;
  left:0;
  bottom:0;
  content:'';
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center center;
  opacity:0.21;

}

.about-our-mission-section .shapes.right-float-icons{
  position: absolute;
  right: 0;
  top: -210px;
}


.about-our-mission-section .our-mission-title p{
  font-size:13px;
  line-height:17px;
  letter-spacing:1px;
  color:#989AB0;
  text-transform:uppercase;
  text-align:center;
}

.about-our-mission-section .our-mission-title h2{
  max-width:800px;
  margin:0 auto;
  font-size:36px;
  line-height:46px;
  letter-spacing:-0.3px;
}

.our-mission-title span{
  position:relative;
  z-index:1;
}

.our-mission-title span:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 221, 255, 0.3);
  width: 100%;
  height: 21px;
  content: '';
  z-index: -1;
}


@media (max-width:767px){

  .our-mission-title span:after{
    display:none;  
  } 

  .our-mission-title h2>span{
    display: inline;
    padding: 0px 20px;
    background: rgba(0, 221, 255, 0.33);
  }

  .about-our-mission-section .our-mission-title h2 {
    max-width:100%;
    margin: 0 auto;
    font-size: 28px;
    line-height: 33px;
  }

}


@media (max-width:320px){

  .our-mission-title span:after{
    display:none;  
  } 

  .about-our-mission-section .our-mission-title h2 {
    font-size: 20px;
  }

}

/**************************************Our Mission Section End********************************/


/************************************Two Col Image Text CM Start*****************************/

.two-col-img-txt-section{
  position:relative;

}
body .row-fluid .two-col-image-text-cm {
  padding: 125px 0 90px;
  position:relative;
}

body .row-fluid .two-col-img-txt-section .two-col-image-text-cm .wrapper {
  max-width: 940px;
  margin: 0 auto;
  position:relative;
}

.two-col-img-txt-section .right-one-float-icons{
  position:absolute;
  top:-20px;
  right:0;
}

.two-col-image-text-cm .cm-container{
  position:relative;
}

.two-col-image-text-cm .cm-container.equal-height-container {
  padding-bottom:140px;
}

.two-col-image-text-cm .cm-container .shape-cont {
  position: absolute;
  right: -60px;
  top: 20px;
  z-index: -1;
}

body .two-col-image-text-cm .cm-container .left-col{
  width: 51.717948718%;
  padding-right:60px;
}

body .two-col-image-text-cm .cm-container .right-col{
  width: 44.717949%;
  margin-left:0;
} 

.two-col-image-text-cm .left-col .text-container {
  max-width: 423px;
  padding-bottom:22px;
}

.two-col-image-text-cm .left-col .text-container p{
  color: #66688D;	
  font-size: 24px;	
  line-height: 34px;
}

.two-col-image-text-cm .right-col .image-container{
  height: 308px;
  position:relative;
}

.understand-big-picture-cm .row-fluid .right-col .heading-container .hide-cta{
  display:none;
}

.understand-big-picture-cm .row-fluid .left-col .heading-container .hide-cta{
  display:none;
}



.two-col-image-text-cm .left-col .cta-container a.cta-button{
  background-color:  #EEF1F4;
  padding: 13px 24px;
  color: #252A58;
  font-size: 16px;
  letter-spacing: 0.53px;
  line-height: 28px;
}

.two-col-image-text-cm .cm-container:nth-child(even)>.row-fluid-wrapper>.row-fluid{
  display:flex;
  flex-direction:row-reverse;
}

.two-col-image-text-cm .cm-container:nth-child(even) .left-col{
  width: 51.717948718%;
  padding-left:60px;
  padding-right:0;
}

.two-col-image-text-cm .cm-container:nth-child(even) .shape-cont{
  left:-60px;
  right:auto;
}



@media (max-width:767px){

  .span6.left-col.vertical-center,.span6.right-col.vertical-center {
    width: 100%;
    padding-right:0 !important;
  }

  .two-col-image-text-cm .cm-container:nth-child(even)>.row-fluid-wrapper>.row-fluid{
    display:block;  
  }

  .two-col-image-text-cm .cm-container:nth-child(even) .left-col{
    width:100%;
    padding-left:0 !important;
  }

  body .row-fluid .two-col-image-text-cm {
    padding:40px 0;
  }  

  .two-col-image-text-cm .left-col .text-container,.two-col-image-text-cm .right-col .image-container{
    margin:0 auto;
  }

  .two-col-image-text-cm .right-col .image-container {
    height: 200px!important;
    max-width:260px;
  }

  body .two-col-image-text-cm .cm-container .left-col, body .two-col-image-text-cm .cm-container .right-col{
    width:100%;
    margin:0 auto;
    margin-top:30px;
  }  

  .two-col-image-text-cm .left-col .text-container{
    max-width:100%;  
  }

  .two-col-image-text-cm .left-col .text-container p {
    font-size: 19px!important;
    text-align:center;
  }

  .two-col-image-text-cm .cm-container.equal-height-container {
    padding-bottom: 0px;
  }  

  .two-col-image-text-cm .cm-container .shape-cont {
    right: -20px;
    top: 20px;
    max-width: 90px;
  }

  .two-col-image-text-cm .cm-container.equal-height-container>.row-fluid-wrapper>.row-fluid{
    display: flex;
    flex-direction: column-reverse;  
  }

  .about-our-mission-section {
    padding: 60px 0;
  }

  .row-fluid .span8 {
    width: 100% !important;
  }

  .two-col-image-text-cm .cm-container .left-col .cta-container {
    text-align: center;
    padding-bottom: 30px;
  }

  .about-section2-icon .right-floating-icons .shapes{
    left: -13px;
  }

  .about-section2-icon .right-floating-icons .shapes{
    z-index:-1;
  }

  body.about-page .position-class .vector-cm.span12{
    z-index:-1;
  }

  body.about-page .vector-cm .wrapper{
    z-index:2;
  }
}


/*************************************************Two Col Image Text CM End************************************/





/*=======================================4 Values CM Start==============================*/


.span12.value-cm {
  padding-bottom: 240px;
  position:relative;
}

.value-cm .left-col h2{
  color: #252A58;		
  font-size: 80px;	
  letter-spacing: -0.67px;	
  line-height: 70px;
  text-align:center;
  position:relative;
  z-index:1;
}

.value-cm .left-col h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top:30px;
  background: rgba(0, 221, 255, 0.3);
  width: 100%;
  height: 35px;
  content: '';
  z-index: -1;
  margin:0 auto;
}

.value-cm .left-col h3{
  color: #252A58;
  font-size: 23px;	
  line-height: 33px;	
  text-align: center;
}

.value-cm .row-fluid .span8 {
  width: 62.811966%;
}

.value-cm .row-fluid .span4 {
  width:36.623932%;
}

body .row-fluid .value-cm .two-col-adjust span>.hs_cos_wrapper{
  margin-right:0;
}

.feature-container h4{
  font-size: 23px;	
  line-height: 33px;
}

.feature-container p{
  color: #66688D;
  font-size: 18px;	
  line-height: 27px;
  max-width:310px;
}

.value-cm .span4.left-col.vertical-center {
  padding-right: 60px;
}





@media(max-width:1169px){

  .value-cm .left-col h2{
    font-size: 60px;	
  }

  .value-cm .left-col h3{
    font-size: 18px;	
  }

  .value-cm .left-col h2:after{
    width:80%;  
  }  
}

@media (max-width:1024px) and(min-width:768px){
  .value-cm .left-col h2:after{
    display:none;
  } 

}


@media (max-width:767px){

  .value-cm .left-col h2 {
    font-size: 50px;
  }  
  .value-cm .left-col h2:after{
    display:none;
  } 

  .value-cm .span4.left-col.vertical-center{
    width:100%;
    padding-right:0;  
  }

  .span8 .right-col{
    width:100%;
    text-align:center;
  }

  .two-col-adjust {
    text-align: center;
  }

  .feature-container p {
    max-width:100%;
  }

  .span12.value-cm {
    padding-bottom: 140px;
  }
  .value-cm:after{
    display:none;  
  }

}


/*Floating Icons*/

.right-floating-icons.about-section2-icons .shapes .sqare {
  top: 247px;
  left: 21px;
}


.right-floating-icons.about-section2-icons .shapes .triangle{
  top: 192px;
  left: -25px;
}

.right-floating-icons.about-section2-icons .shapes .circle{
  top: -159px;

}

.left-floating-icons.about-section2-icons  .shapes{
  top: 258px;
  right: 11%;
}



.left-floating-icons.about-section2-icons  .shapes .sqare{
  top: 154px;
  left: 51px;

}

.two-col-image-text-cm .before-element .right-col .image-container:after {
  content: "";
  position: absolute;
  background: url(//cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Blue%20Full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -71px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}



.cm-container.close-icons .left-col,
.cm-container.close-icons .right-col,
.cm-container.close-icons .row-fluid{
  position:relative;
}

.cm-container.close-icons .row-fluid:before{
  content: "";
  position: absolute;
  background: url(//cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Blue%20Full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -71px;
  left: -5%;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;

}


.cm-container.close-icons .left-col:before{
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Yellow%20full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -17px;
  right: 8%;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Floating;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;

}

.cm-container.close-icons .left-col:after{
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Green%20Full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -71px;
  right: -13%;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;

}


.cm-container.close-icons .right-col:before{
  content: "";
  position: absolute;
  background: url(//cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Purple%20full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 32px;
  left: -39%;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Floating;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;

}

.cm-container.close-icons .right-col:after{
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Green%20Full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -60px;
  left: -36%;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;

}

.cm-container.close-icons.close-icons2 .row-fluid:before {
  left: -10%;
  bottom: 4px;
}

.cm-container.close-icons.close-icons2 .left-col:before {
  bottom: 116px;
  left: -29%;
}

.cm-container.close-icons.close-icons2 .left-col:after {
  display:none;
}

.cm-container.close-icons.close-icons2 .right-col:before {
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Yellow%20full.svg);
  bottom: 70px;
  right: -42%;
  left:auto;
  -webkit-animation-name: Floating;
}

.cm-container.close-icons.close-icons2 .right-col:after {
  bottom: -2px;
  right: -34%;
  left:auto;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Blue%20Full.svg);
  width:60px;
}

.right-floating-icons.value-section-icons .shapes .circle{
  top: -200px;
  left: 60px;
}

.right-floating-icons.value-section-icons .shapes .triangle{
  left: 174px;
}


.single-cicle-icon.value-cm .wrapper:after{
  top: -18%;
  left: 15%;
  background:url('https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Yellow%20full.svg');

}

.single-box-icon.value-cm .wrapper:before{
  top: -40px;
  left: auto;
  right: 13%;
  -webkit-animation-name: Spinning;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Blue%20Full.svg);
  width: 60px;
}

.value-cm  .right-col{
  position:relative;
}

.value-cm  .right-col:after {
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Circle%20Purple%20full.svg);
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  bottom: -55px;
  border-radius: 100%;
  left: 49%;
  margin: 0 auto;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Floating;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}


@media(max-width:767px){

  .right-floating-icons.about-section2-icon{
    display:none;
  }

  .two-col-image-text-cm .before-element .right-col .image-container:after{
    display:none;
  }


}

/*****************************4 Values CM End***********************/
/*=======================================ABOUT PAGE CSS END=========================*/




/*===========================PROJECT HUB PAGE CSS START======================*/




/***************** Text Logo Cm Styling *****************/




body.project-hub .container-fluid .row-fluid .text-logo-cm .wrapper{
  max-width: 715px;
}

body.project-hub .text-logo-cm p{
  max-width:440px;
}

body.project-hub .text-video-cm .description-text-col p{
  max-width:297px;
}

body.project-hub .text-video-cm{
  padding: 67px 0px 185px;
}

body.project-hub .text-video-cm.row-reverse .description-text-col p{
  max-width:380px;
}

body.project-hub .text-video-cm.row-reverse .description-text-col h2 {
  margin-bottom: 15px;
  max-width: 280px;
}

body.project-hub .text-video-cm.grey-bg-cm .description-text-col p{
  max-width:337px;
}

body.project-hub .text-video-cm.grey-bg-cm{
  padding: 87px 0px 130px;
}

body.project-hub .text-video-cm.grey-bg-cm .stripe-image{
  position: absolute;
  right: -40px;
  bottom: inherit;
  z-index: -1;
  top: -60px;
}

body.project-hub .text-video-cm.row-reverse{
  padding: 67px 0px 130px;
}

body.project-hub .background-center-video h2{
  max-width: 568px;
  margin: 0 auto 10px;
  float: none;
}

body.project-hub .background-center-video p{
  max-width:100%;
  margin:0 auto 80px;
}



@media(max-width:1024px){

  body.project-hub .row-fluid .two-col-hero-cm{
    padding: 90px 0 80px!important; 
  }

  body.project-hub .text-video-cm{
    padding: 67px 0px 145px;
  }

  body.project-hub .text-video-cm.grey-bg-cm {
    padding: 87px 0px 50px;
  }

  body.project-hub .text-video-cm.row-reverse {
    padding: 67px 0px 100px;
  }
}



@media(max-width:767px){

  body.project-hub .text-video-cm .description-text-col p{
    max-width:100%;
  }

  body.project-hub .text-video-cm {
    padding: 67px 0px 105px;
  }

  body.project-hub .text-video-cm.grey-bg-cm .stripe-image{
    display:none;
  }

  body.project-hub .text-video-cm.grey-bg-cm{
    padding: 67px 0px 30px;
  }

  body.project-hub .text-video-cm.row-reverse .description-text-col h2{
    max-width:100%;
  }

  body.project-hub .text-video-cm.row-reverse{
    padding: 67px 0px 80px;
  }

  body.project-hub .row-fluid .two-col-hero-cm{
    padding: 55px 0 80px !important; 
  }

  body.project-hub .text-video-cm.grey-bg-cm .description-text-col p{
    max-width:100%;
  }

  body.project-hub .text-video-cm.row-reverse .description-text-col p{
    max-width:100%;
  }

}



/********************************Get More Control Cm Start**********************/

.get-more-cm{
  padding-top: 160px;
  padding-bottom:135px;
}

.get-more-cm .heading-container h5{
  color: #48cc8c;
}

.get-more-cm .heading-container p{
  color: #66688D;
  font-size:18px;

}

.get-more-cm .cta-container .cta_button{
  padding:0;
  background:transparent;
  box-shadow:none;
  color: #252A58;
  position:relative;
  transition:0.2s all ease-in-out;
}

body.wrapper-mac-adjust .get-more-cm .cta-container .cta_button{
  padding:0!important;
}

.get-more-cm .cta-container .cta_button:hover{
  color:#000FFF;
  transition:0.2s all ease-in-out;
  background:transparent;
}

.get-more-cm .cta-container .cta_button:hover:after{
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Blue-1.svg); 
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition:0.2s all ease-in-out;
  width: 8px;
  height: 9px;
}

.get-more-cm .cta-container .cta_button:after{
  position: absolute;
  content: '';
  width: 8px;
  height: 9px;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/play-arrow.png);
  right: -20px;
  top: 9px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.get-more-cm .span4.left-col{
  width:34.623932%;
}

.get-more-cm .span8.right-col{
  width:59.811966%;
  margin-left:5%;
  float:right;
}

body .row-fluid .get-more-cm .right-col .two-col-adjust .hs_cos_wrapper:nth-child(2n) {
  margin-right: 0;
}

.get-more-cm .right-col .cm-container .feature-text p{
  max-width:323px;
  font-size:18px;
  color: #66688D;
}

.get-more-cm .right-col .feature-title span.icon-container {
  float: left;
  width: 100%;
  padding-right: 10px;
  max-width: 40px;
}




@media(max-width:1024px){


  .get-more-cm{
    padding-top: 110px;
    padding-bottom: 90px;
  }

}


@media(max-width:767px){


  .get-more-cm{
    padding-top: 70px;
    padding-bottom: 60px;  
  }

  .get-more-cm .left-col{
    text-align:center;
  }

  .get-more-cm .right-col .feature-title span.icon-container{
    width: 100%;
    padding-right: 10px;
    max-width: 60px;
    margin: 0 auto 15px;
    float: none;  
  }

  .get-more-cm .span8.right-col{
    margin-left: 0;
    float: none;
    text-align: center; 
  }

  .get-more-cm .right-col .cm-container .feature-text p{
    max-width:100%;
  }
}

/********************************Get More Control Cm End************************/


/******************************Fav Apps Cm Start*****************************/

.fav-apps-cm{
  background: #3E1E97;
  height:auto;
  position:relative;
  padding: 100px 0 100px 0; 
}

body .container-fluid .row-fluid .fav-apps-cm .wrapper{
  max-width:1070px;
}

.fav-apps-cm .heading-container p{
  font-size:18px;
}

.fav-apps-cm .cta-container .cta_button{
  padding:0;
  background:transparent;
  box-shadow:none;
  color: #FFFFFF;
  position:relative;
}

body.wrapper-mac-adjust .row-fluid .fav-apps-cm .cta-container .cta_button{
  padding:0;
}

.fav-apps-cm .cta-container .cta_button:after{
  position: absolute;
  content: '';
  width: 8px;
  height: 9px;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/white%20Arrow%20%281%29.svg);
  right: -20px;
  top: 8px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body.wrapper-mac-adjust .fav-apps-cm .cta-container .cta_button:after{
  top:12px;
}

.fav-apps-cm .cta-container .cta_button:hover{
  background:transparent; 
  color:#000FFF!important;
}

.fav-apps-cm .cta-container .cta_button:hover:after{
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Blue-1.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 8px;
  height: 9px;
}

.fav-apps-cm .right-col .img-container ul{
  max-width:650px;
}

.fav-apps-cm .right-col .img-container li{
  display:inline-block;
  width:85px;

}

.fav-apps-cm .right-col{
  margin-left: 5.564103%;
  position:relative;
  max-width:544px;
  float:right;
}

.fav-apps-cm .right-col .img-container ul li:nth-child(1){
  position: absolute;
  top: 0;
  display: block;
  right: 45%;
  animation-delay: 2s;
}

.fav-apps-cm .right-col .img-container ul li:nth-child(2){
  position: absolute;
  top: 0;
  display: block;
  right: 18%;
  animation-delay: 1.2s;
}

.fav-apps-cm .right-col .img-container ul li:nth-child(3){
  position: absolute;
  top: 10px;
  display: block;
  right: -9%;
  animation-delay: 4.2s;
}

.fav-apps-cm .right-col .img-container ul li:nth-child(4){
  position: absolute;
  top: 90px;
  display: block;
  right: 62%;
  animation-delay: 3.5s;
}

.fav-apps-cm .right-col .img-container ul li:nth-child(5){
  position: absolute;
  top: 100px;
  display: block;
  right: 33%;
  animation-delay: 1.7s;
}

.fav-apps-cm .right-col .img-container ul li:nth-child(6){
  position: absolute;
  top: 110px;
  display: block;
  right: 7%;
  animation-delay: 3.1s;
}

.fav-apps-cm .right-col .img-container ul li:nth-child(7){
  position: absolute;
  top: 145px;
  display: block;
  right: -18%;
  animation-delay: 5.2s;
}

.fav-apps-cm .right-col .img-container ul li:nth-child(8){
  position: absolute;
  top: 215px;
  display: block;
  right: 60%;
  animation-delay: 2.2s;
}

.fav-apps-cm .right-col .img-container ul li:nth-child(9){
  position: absolute;
  top: 225px;
  display: block;
  right: 29%;
  animation-delay: 1.5s;
}

.fav-apps-cm .right-col .img-container ul li:nth-child(10){
  position: absolute;
  top: 215px;
  display: block;
  right: 3%;
  animation-delay: 2.7s;
}

.fav-apps-cm .right-col .img-container ul li:nth-child(11){
  position: absolute;
  top: 340px;
  display: block;
  right: 48%;
  animation-delay: 1.9s;
}

.fav-apps-cm .right-col .img-container ul li:nth-child(12){
  position: absolute;
  top: 340px;
  display: block;
  right: 16%;
  animation-delay: 3.5s;
}

.fav-apps-cm .right-col .img-container ul li:nth-child(13){
  position: absolute;
  top: 300px;
  display: block;
  right: -16%;
  animation-delay: 2.6s;
}

.fav-apps-cm .right-col .img-container ul li{
  -webkit-transform: translatey(0px);
  transform: translatey(0px);
  -webkit-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;
}

.fav-apps-cm .right-col .img-container{
  position:relative;
  top:-70px;
}


@keyframes float{

  0%{
    -webkit-transform: translatey(0px);
    transform: translatey(0px);   
  }

  50% {
    -webkit-transform: translatey(-20px);
    transform: translatey(-20px);
  }

  100% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }
}



@media(max-width:1024px){

  .fav-apps-cm .right-col{
    left: -100px;  
  }

  /* .fav-apps-cm {
  padding: 144px 0 180px;
} */   

}


@media(max-width:767px){

  .fav-apps-cm{
    padding: 74px 0 150px 0;  
    height:auto;
  }

  .fav-apps-cm .wrapper .row-fluid .left-col{
    margin-top: 0;
  }

  .fav-apps-cm .right-col .img-container{
    top:0;
    max-width: 400px;
  }

  .fav-apps-cm .right-col {
    left: 0px;
    right: 0;
    margin: 40px auto 0;
    height: 320px;
    float: none;
  }

  .fav-apps-cm .right-col .img-container ul li img{
    max-width:85%;
  }
}



@media(max-width:480px){

  .fav-apps-cm .right-col{
    left:-50px;
  }
}



/*Floating Icons*/


.top-float-icons.left-floating-icons .shapes {
  top: 13px;
  z-index: 1;
}

.top-float-icons.left-floating-icons .shapes .triangle{
  top: auto;
  bottom: -400px;
  left: -56px;
}

.fav-apps-cm.single-triangle-icon .wrapper:before {
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Blue%20Full.svg);
  top: -64px;
  left: auto;
  right: -29px;  
  opacity: 1;
  width:60px;
  -webkit-animation-name: Spinning;
}

.fav-apps-cm.single-box-icon .wrapper:after{
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Purple%20full.svg);
  top: -116px;
  left: auto;
  right: 17px;
  opacity: 1;
}

.fav-apps-cm .left-col{
  position:relative;
}

.fav-apps-cm .left-col:before {
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Purple%20full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -72px;
  left: 0;
  margin: 0 auto;
  opacity: 1;
  z-index: 10;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
} 

@media(max-width:767px){



  .fav-apps-cm.single-triangle-icon .wrapper:before {
    top: -11px;
    left: auto;
    right: 15px;
  }

  .fav-apps-cm.single-box-icon .wrapper:after {
    top: -104px;
  }


}


/******************************Fav Apps Cm End****************************/



/*===========================PROJECT HUB PAGE CSS END======================*/


.section-logo-container{
  padding-bottom: 100px;
}

@media(max-width: 1024px){
  .section-logo-container{
    padding-bottom: 80px;
  }
}

@media(max-width: 767px){
  .section-logo-container{   
    padding-bottom: 30px;
  }

  .section-logo-container .feature-icon-image{
    margin: 20px 0;
  }
}









/*===========================INTEGRATIONS PAGE CSS START======================*/

/***************************Integrations Section Start**********************/

.integrations-page .hub-hero-section-cm .hub-hero-txt h1 {
  max-width: 714px;
}


/* Connect With Cm*/

.connect-with-cm {
  padding: 102px 0 63px;
}

.connect-with-cm .connect-with-img ul li p{
  line-height: 23px;
  position: relative;
  top: -8px;
}

.connect-with-cm .connect-with-txt h5{
  color: #E661D0;
}

.connect-with-cm .connect-with-txt h2{
  padding-top: 4px;
  padding-bottom: 14px;
}

.connect-with-cm .connect-with-img li {
  display: inline-block;
  padding-right: 25px;
  padding-bottom: 6px;
  margin-left: 0;
}

.connect-with-cm .connect-with-img ul {
  max-width: 720px;
  margin: 0 auto;
}



@media(max-width:767px){

  .connect-with-cm{
    padding: 70px 0 50px;   
  }

  .connect-with-cm .connect-with-img li:nth-child(2n){
    padding-right:0;
  }

  .connect-with-cm .connect-with-img li:last-child{
    padding-right:0;
  }

  .connect-with-cm .connect-with-img li{
    padding-bottom:0;
    margin-bottom:0;
    padding-right:35px;
  }
}


/*Popular Integration Cm*/

.popular-cm {
  padding-bottom: 0px;
}

.popular-cm .popular-txt h5{
  color: #E661D0;
}

.popular-cm .popular-txt{
  margin-bottom:45px;
}

.popular-cm .popular-feature {
  padding: 30px;
  border: 1px solid rgba(235,235,235,1);	
  border-radius: 2px;	
  background-color: #FFFFFF;
  padding: 49px 40px 40px;
}

.popular-cm .text-container{
  /*   margin-bottom: 20px; */
  min-height: 124px;
}

.popular-cm .popular-feature:hover{
  box-shadow: 0 5px 9px 4px rgba(92,0,92,0.08); 
}

body .row-fluid .popular-integration-feature .three-col-adjust span>.hs_cos_wrapper{
  flex-basis: 30%;
  -webkit-flex-basis: 30%;
  margin-right: 3.3%;
  margin-top:0;
  margin-bottom:48.5px;
  cursor:pointer;
}



@media(max-width:1024px){

  .integrations-page .popular-cm .popular-feature{
    padding: 49px 20px 36px;  
  }

  .integrations-page .popular-cm .popular-txt{
    margin-bottom:25px;  
  }

  .integrations-page .popular-cm{
    padding-bottom:70px;
  }

}


@media(max-width:767px){

  body .row-fluid .popular-integration-feature .three-col-adjust span>.hs_cos_wrapper{
    margin-bottom: 28.5px; 
  }

  .popular-cm .text-container{
    min-height: auto;
    margin-bottom: 15px;
  }

  .integrations-page .popular-cm{
    padding-bottom:0;
  }

}








/*============================Integrations FLOAT IMAGE CSS START==================*/

.right-floating-icons.integration-hub-hero-section-icons .shapes {
  top: 106px;
  left: 100px;
  z-index: 1;
}

.right-floating-icons.integration-hub-hero-section-icons .shapes .float{
  opacity:1;
}


.left-floating-icons.integration-hub-hero-section-icons .shapes {
  top: 106px;
  right: 120px;
  z-index: 1;
}

.left-floating-icons.integration-hub-hero-section-icons .shapes .float{
  opacity:1;
}

.right-floating-icons.integration-connect-with-cm-icons .shapes {
  top: 300px;
  left: 7px;
  z-index:1;

}

.left-floating-icons.integration-connect-with-cm-icons .shapes {
  right: 5%;
  top: 170px;
  z-index:1;
}


.right-floating-icons.integration-popular-cm-icons .shapes {
  top: -220px;
  left: auto;
  right: 10%;
  z-index:1;

}

.right-floating-icons.integration-popular-cm-icons .shapes .triangle {
  top: 200px;
  left: 65px;
}

.left-floating-icons.integration-popular-cm-icons .shapes {
  right: 115%;
  top: auto;
  bottom: -520px;
  z-index:1;
}

.left-floating-icons.integration-popular-cm-icons .shapes .triangle {
  top: 100px;
  left: 130px;

}


.integrations-page .request-consult-cm .image-container:before {
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Circle%20Green%20Full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -17px;
  left: -129px;
  right: 0;
  margin: 0 auto;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Floating;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}



@media(max-width:767px){

  .left-floating-icons.integration-hub-hero-section-icons .shapes {
    top: -20px;
    right: 30px;
    z-index: -1;
  }

  .right-floating-icons.integration-connect-with-cm-icons .shapes .triangle {
    display: none;
  }

  .right-floating-icons.integration-hub-hero-section-icons .shapes {
    top: 106px;
    left: 30px;
    z-index: 1;
  }


  .right-floating-icons.integration-popular-cm-icons .shapes {
    top: -220px;
    left: 1850%;
    right: auto;
    z-index: 1;
  }


  .left-floating-icons.integration-connect-with-cm-icons .shapes {
    right: auto;
    left: 1850%;
    top: 30px;
    z-index: 1;
  }
}
/*============================Integrations FLOAT IMAGE CSS END==================*/
/*===========================INTEGRATIONS PAGE CSS END======================*/














/*===========================HOW IT WORKS PAGE CSS START======================*/

/***************************How It Works Section Start**********************/


.how-it-works-hero-section{
  padding-top: 85px;
}

.how-it-works-hero-section h1{
  max-width:745px;
  margin:0 auto;
  text-align:center;
  padding-bottom:20px;
}

.how-it-works-hero-section h3{
  max-width:745px;
  margin:0 auto;
  text-align:center;
  padding-bottom:40px;
}

.how-it-works-hero-section h5{
  max-width:410px;
  margin:0 auto;
  text-align:center;
  padding-bottom:20px;

}

.how-it-works-hero-section .service-container img{
  width:122px;
}

.how-it-works-hero-section .service-container .microsoft img{
  float:right;
}

.how-it-works-hero-section .service-container .azure{
  padding-left:6px;
}
.how-it-works-hero-section .service-container .azure img{
  float:left;
}




@media(max-width:1024px){


  .how-it-works-hero-section{
    padding-top: 55px;  
  }
}



@media(max-width:767px){


  .how-it-works-hero-section h1{
    padding-bottom: 10px; 
  }

  body .row-fluid .how-it-works-hero-section .service-container{
    max-width: 280px;
    margin: 0 auto;
    float: none; 
  }




}

/***************************How It Works Section End**********************/


/***************************How It Works Cm Start**********************/

.how-it-works-cm {
  padding-top:100px;
  padding-bottom: 165px;

}

.how-it-works-cm .cm-container{
  max-width:760px;
  margin:0 auto;
}

.how-it-works-cm .cm-container .how-it-works-txt p{
  color: #66688D;
  max-width:600px;

}

.how-it-works-cm .cm-container .right-col{
  padding-left:40px;

}
.how-it-works-cm .cm-container .left-col h2{
  text-align:center;
  color:#000FFF;
  border: 1px solid #000FFF;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  text-align: center;
  margin-bottom: 0;
  position: relative;
  background-color:#fff;
  line-height:60px;
}

.how-it-works-cm .cta-container {
  margin: 0 auto;
  max-width: 200px;
  padding-top:10px;
  text-align:center;
}

.how-it-works-cm .hs_cos_wrapper{
  position: relative;
  z-index: 3;
  margin-bottom:75px;
}

/* .how-it-works-cm .hs_cos_wrapper:after{
position: absolute;
left: 235px;
top: 60px;
content: '';
border-left: 2px solid #bdc3c9;
height: 112%;
z-index: -1;
}

*/

.how-it-works-cm .hs_cos_wrapper:last-child:after {
  display: none;
}

.how-it-works-cm .hs_cos_wrapper.element-from-top .cm-container .left-col h2{
  background-color: #000FFF;
  color: #fff;
}

.how-it-works-cm .hs_cos_wrapper.one .cm-container .left-col h2{
  background-color: #000FFF;
  color: #fff;
}



@media(max-width:1230px){


  .how-it-works-cm .hs_cos_wrapper {
    max-width: 600px;
    margin: 0 auto 75px;
    float: none;
  }
}



@media (max-width:767px){

  .how-it-works-cm .hs_cos_wrapper .cm-container .left-col h2{
    margin:0 auto 20px;
    background-color: rgb(0, 15, 255);
    color: rgb(255, 255, 255);
  }

  body .row-fluid .how-it-works-cm .cm-container .right-col{
    padding-left:0;
    text-align:center;
  }

  body .row-fluid .how-it-works-cm .hs_cos_wrapper{
    margin:0 auto 40px;
  }

}

/***************************How It Works Cm End**********************/   
/*===========================HOW IT WORKS PAGE CSS END======================*/
















/******************** Portfolio Hub Page Styling ****************/





body.portfolio-hub .text-logo-cm p{
  max-width: 560px;
}

body.portfolio-hub .container-fluid .row-fluid .understand-big-picture-cm .wrapper{
  max-width: 1160px;
}

body.portfolio-hub .row-fluid .understand-big-picture-cm .left-col {
  width: 55.6%;
}

body.portfolio-hub .row-fluid .understand-big-picture-cm .right-col {
  width: 38.17094%;
}

body.portfolio-hub .row-fluid .background-center-video.video-shapes{
  padding-bottom: 200px;
  padding-top:155px;
}

body.portfolio-hub .text-video-cm.row-reverse .description-text-col h2{
  max-width:100%;
}

/* body.portfolio-hub .text-video-cm.grey-bg-cm{
margin-top:100px;
} */

body.portfolio-hub .text-video-cm .description-text-col h2{
  max-width:339px;
}




@media(max-width:1024px){


  body.portfolio-hub .row-fluid .background-center-video.video-shapes{
    padding-bottom: 150px;
    padding-top: 95px; 
  }
}



@media(max-width:767px){

  /* body.portfolio-hub .text-video-cm.grey-bg-cm {
  margin-top: 70px;
} */

  body.portfolio-hub .row-fluid .background-center-video.video-shapes {
    padding-bottom: 110px;
    padding-top: 65px;
  }

  body.project-hub .background-center-video p {
    max-width: 100%;
    margin: 0 auto 50px;
  }

  body.portfolio-hub .row-fluid .understand-big-picture-cm .left-col {
    width: 100%;
  }

  body.portfolio-hub .row-fluid .understand-big-picture-cm .right-col {
    width: 100%;
  }
}







/*===========================ANALYTICS HUB PAGE CSS START===============*/

body.analytics-hub .text-video-cm{
  padding:0 0 185px;
}

body.analytics-hub .text-video-cm .description-text-col p{
  max-width:400px;
}

body.analytics-hub .text-video-cm .description-text-col p:nth-child(1){
  font-weight: bold;
}

body.analytics-hub .text-video-cm .stripe-image{
  display:none;
}

body.analytics-hub  .left-floating-icon .shapes {
  position: absolute;
  right: -7%;
  top: 440px;
}

body.analytics-hub .text-logo-cm h2{
  max-width:500px;
  margin:0 auto 20px;
  float:none;
}

body.analytics-hub .text-logo-cm p{
  max-width:530px;
}

body.analytics-hub .text-logo-cm {
  padding: 117px 0 95px;
}

body.analytics-hub .bring-together-cm.text-video-cm{
  padding: 0 0 120px;
}

body.analytics-hub .text-video-cm.grey-bg-cm .stripe-image{
  display:block;
}

body.analytics-hub .text-video-cm.grey-bg-cm .description-text-col p{
  max-width:357px;
}

body.analytics-hub .text-video-cm.row-reverse .description-text-col p {
  max-width: 390px;
}

body.analytics-hub .container-fluid .row-fluid .row-reverse .video-image-col{
  padding-right:70px;
}

body.analytics-hub .text-video-cm.row-reverse{
  margin-bottom:124px;
}




@media (max-width:767px){
  body.analytics-hub .text-video-cm .description-text-col p {
    max-width: 400px;
    margin: 0 auto;
  }

  body.analytics-hub .text-logo-cm{
    padding: 90px 0 65px; 
  }

  body.analytics-hub .bring-together-cm.text-video-cm {
    padding: 0 0 70px;
  }

  body.analytics-hub .text-video-cm.grey-bg-cm .stripe-image{
    display:none;
  }

  body.analytics-hub .container-fluid .row-fluid .row-reverse .video-image-col {
    padding-right: 0;
  }

  body.analytics-hub .text-video-cm.row-reverse {
    margin-bottom: 75px;
  }

  body.analytics-hub .row-fluid .background-center-video.video-shapes {
    padding-top: 70px;
    padding-bottom: 100px;
  }
}

/*=================ANALYTICS HUB PAGE CSS END===============*/









/*===========================SERVICE HUB PAGE CSS START======================*/
/**************************Service Hero Section Css Start********************/

.hub-hero-section-cm{
  position:relative;
  padding: 100px 0;
  z-index:1;
}

body .row-fluid .hub-hero-section-cm .wrapper{
  position:relative;
}

.hub-hero-section-cm .img-container1{
  position:absolute;
  top: -10%;
  right: 0;
  width:95px;
  z-index:-1;
}

.hub-hero-section-cm .img-container2{
  position:absolute;
  bottom: -60%;
  left:1%;
  content: '';
  width:95px;
  z-index:-1;
}

.hub-hero-section-cm .hub-hero-txt h5{
  margin-bottom: 25px;

}
.hub-hero-section-cm .hub-hero-txt h1{
  max-width:460px;
  margin:0 auto;
  padding-bottom:20px;

}



@media(max-width:1024px){


  .hub-hero-section-cm{
    padding: 80px 0;  
  }
}


@media(max-width:767px){

  .hub-hero-section-cm{
    padding: 70px 0; 
  }
}

/**************************Service Hero Section Css End********************/


/********************************Text Img Section Css Start**********************/

.service-hub .expert-cm {
  padding: 65px 0 93px;    
}

.service-hub .expert-cm .left-col{
  margin-top: 86px;
}


.service-hub .expert-cm .left-col .expert-container h5{
  color: #64B3FF;
}

.service-hub .expert-cm .left-col .expert-container p{
  color: #66688D;
  font-size: 18px;    
}

.service-hub .expert-cm .right-col{
  margin-left:-25px;

}

.service-hub .expert-cm .right-col .expert-img-container .span9{
  border: 1px solid #EEF1F4;	
  border-radius: 4px;	
  background-color: #FFFFFF;	
  box-shadow: 0 5px 9px 4px rgba(189,195,201,0.15);
  position: relative;
  width: 71.358974%;
  padding: 18px 15px;
  left: -70px;
}


.service-hub .expert-cm .right-col .expert-img-container .span9 h3{
  font-size: 15px;
  text-align:right;
  margin-bottom:0 ;
}



.service-hub .expert-cm .right-col .expert-img-container .img-container{
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 105px;
  height: 105px;
  position: relative;
  top: -26px;
}


.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper {
  position: relative;
  align-items: center;
  justify-content: center;

}

.service-hub .expert-cm .right-col .two-col-adjust>span{
  justify-content: flex-end;
}


.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(1),
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(3),
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(5),
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(7){
  top: 60px;
  left: 13%;
}

.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(2),
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(4),
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(6),
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(8),
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(9){
  left 0;
}

.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(2)>.expert-img-container .span3,
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(4)>.expert-img-container .span3,
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(6)>.expert-img-container .span3,
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(8)>.expert-img-container .span3,
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(9)>.expert-img-container .span3{
  position: relative;
  z-index: 2;
  left:75%;
}

.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(1)>.expert-img-container .span3,
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(3)>.expert-img-container .span3,
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(5)>.expert-img-container .span3,
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(7)>.expert-img-container .span3{

  position: relative;
  z-index: 2;
  left: 30px;
}

.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(2)>.expert-img-container .span9 h3,
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(4)>.expert-img-container .span9 h3,
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(6)>.expert-img-container .span9 h3,
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(8)>.expert-img-container .span9 h3,
.service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(9)>.expert-img-container .span9 h3{
  text-align:left;
}

.service-hub .connect-with-cm .connect-with-txt h2{
  padding-bottom: 0;
}

.service-hub .connect-with-cm .connect-with-txt{
  margin-bottom:30px;
}

body.service-hub .request-consult-cm{
  padding-top: 157px;
}

body.service-hub .request-consult-cm .right-col .stripe-image {
  position: absolute;
  right: -50%;
  top: 60px;
  z-index: -1;
  width: 100%;         
}

@media(min-width: 1025px){
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(2)>.expert-img-container .span3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(4)>.expert-img-container .span3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(6)>.expert-img-container .span3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(8)>.expert-img-container .span3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(9)>.expert-img-container .span3{

    left:63%;
  }

  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(1)>.expert-img-container .span3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(3)>.expert-img-container .span3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(5)>.expert-img-container .span3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(7)>.expert-img-container .span3{

    left: 0px;
  }

}

@media(max-width:1024px){

  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(1)>.expert-img-container .span9,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(3)>.expert-img-container .span9,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(5)>.expert-img-container .span9,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(7)>.expert-img-container .span9{
    border: 1px solid #EEF1F4;	
    border-radius: 4px;	
    background-color: #FFFFFF;	
    box-shadow: 0 5px 9px 4px rgba(189,195,201,0.15);
    position: relative;
    width: 71.358974%;
    padding: 18px 15px;
    left: -20px;
  }

  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(2)>.expert-img-container .span9,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(4)>.expert-img-container .span9,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(6)>.expert-img-container .span9,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(8)>.expert-img-container .span9,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(9)>.expert-img-container .span9{
    border: 1px solid #EEF1F4;	
    border-radius: 4px;	
    background-color: #FFFFFF;	
    box-shadow: 0 5px 9px 4px rgba(189,195,201,0.15);
    position: relative;
    width: 71.358974%;
    padding: 18px 15px;
    left: -15px;
  }

  .service-hub .expert-cm .right-col .expert-img-container .img-container{
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 90px;
    height: 90px;
    position: relative;
    top: -26px;
  }
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(1),
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(3),
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(5),
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(7){
    top: 60px;
  }

  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(2),
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(4),
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(6),
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(8),
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(9){
    left 0;
  }

  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(2)>.expert-img-container .span3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(4)>.expert-img-container .span3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(6)>.expert-img-container .span3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(8)>.expert-img-container .span3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(9)>.expert-img-container .span3{
    position: relative;
    z-index: 2;
    right:0px;
  }

  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(1)>.expert-img-container .span3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(3)>.expert-img-container .span3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(5)>.expert-img-container .span3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(7)>.expert-img-container .span3{

    position: relative;
    z-index: 2;
    left: -15px;
  }

  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(2)>.expert-img-container .span9 h3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(4)>.expert-img-container .span9 h3,           
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(6)>.expert-img-container .span9 h3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(8)>.expert-img-container .span9 h3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(9)>.expert-img-container .span9 h3{
    text-align:left;
  }

  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(1)>.expert-img-container .span9 h3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(3)>.expert-img-container .span9 h3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(5)>.expert-img-container .span9 h3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(7)>.expert-img-container .span9 h3{
    text-align:right;
  }
}

@media(max-width:767px){
  .service-hub .expert-cm{
    padding: 60px 0 60px 0;
  }
  .service-hub .expert-cm .expert-container{
    text-align:center;
  }

  .service-hub .expert-cm .right-col .expert-img-container .span3{
    left: 0 !important;
    width: auto;
    float: left;
  }

  .service-hub .expert-cm .left-col{
    margin-top: 0px;
  }

  body.service-hub .request-consult-cm{
    padding-top: 47px;
  }

  body .request-consult-cm{
    padding-bottom: 126px;
  }


  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(1)>.expert-img-container .span9 h3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(2)>.expert-img-container .span9 h3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(3)>.expert-img-container .span9 h3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(4)>.expert-img-container .span9 h3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(5)>.expert-img-container .span9 h3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(6)>.expert-img-container .span9 h3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(7)>.expert-img-container .span9 h3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(8)>.expert-img-container .span9 h3,
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(9)>.expert-img-container .span9 h3{
    text-align:center;
  }

  body.service-hub .row-fluid .expert-cm .right-col .expert-img-container .span9{
    width: 100% !important;
    margin: 0 auto;
    float: none;
    left: 15px !important;
  }

  body.service-hub .row-fluid .expert-cm .right-col .expert-img-container .img-container {
    top: -11px!important;
    width: 85px;
    height: 86px;
    left: 00px;
  }

  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(1), 
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(2), 
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(3), 
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(4), 
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(5), 
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(6), 
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(7), 
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(8), 
  .service-hub .expert-cm .right-col .two-col-adjust span>.hs_cos_wrapper:nth-child(9) {
    top: 0 !important;
    left: 15px !important;
  }

}

/*******************Text Img Section Css End *******************/

/*******************Form Section css Start *******************/
.service-hub .homepage-section6 .left-col:after, .service-hub .homepage-section6 .right-col:after{
  display:none;
}


.service-hub .homepage-section6 .left-col form input {
  background: #126CC3;
}

.service-hub .homepage-section6 .left-col form .hs-button{
  background:#fff;

}
/**********************Form Section Css End ***************************/


/**********************Platform Support Css Start*****************/

.service-hub .connect-with-cm .connect-with-txt h5{
  color: #64B3FF;
}

.service-hub .connect-with-cm .connect-with-txt p{
  max-width:432px;
  margin:0 auto;
  color: #66688D;
  font-size: 18px;
}

/**********************platform Support css End ******************/

/*===========================SERVICE HUB PAGE CSS END======================*/








/*============================404 ERROR CSS START======================*/
/***************************Error Section Start**********************/



.error-section{
  box-sizing: border-box;	
  height:100vh;
  border: 1px solid #979797;
  background: linear-gradient(154.51deg, #656EFF 0%, #000FFF 100%);
  padding: 200px 0;
  position:relative;
}

.error-section .logo-container{
  margin-bottom:40px;
}

.error-section .wrapper{
  position:relative;
}

.error-section .vector-cm.right-float-icons {
  position: absolute;
  top: 200px;
  right:0;
  left: 100%;
}

.error-section .vector-cm.right-float-icons .shapes .triangle {
  top: -112px;
  left: 187px;
  position: absolute;
  opacity: 0.3;
}


.error-section .vector-cm.span12.right-float-icons .shapes .sqare {
  position: absolute;
  top: 289px;
  left: 186px;
  opacity: 0.3;
}


.error-section .vector-cm.span12.left-float-icons{
  position:absolute;
  left:0;
  top:0;

}
.error-section .vector-cm.span12.left-float-icons .shapes .sqare {
  position: absolute;
  top: 417px;
  left: -10%;
  opacity: 0.3;
}


.error-section .vector-cm.span12.left-float-icons .shapes .circle {
  opacity: 0.3;
  position: absolute;
  top: -23px;
  left: -10%;
}


.error-section .vector-cm.span12.left-float-icons .shapes .triangle {
  top: 192px;
  left: 10%;
  position: absolute;
  opacity: 0.3;
}


.error-section .single-box-icon-green:before {
  bottom: 22%;
  right: 0;
  left: auto;
  top: 0;
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Blue%20Full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

.error-text{
  padding-top:100px;
}

.error-section .error-text h1{
  color: #FFFFFF;	
  font-size: 218px;	
  line-height: 33px;	
  text-align: center;
  padding-bottom:70px;
}

.error-section .error-text h2{
  color: #FFFFFF;	
  font-size: 23px;	
  line-height: 33px;	
  text-align: center;
}

body .row-fluid .error-section .cta-container{
  padding-top:20px;
  max-width:340px;
  margin:0 auto;
  float:none;
}

.error-section .cta-container .span6{
  margin-left:0;
}

.error-section .cta-container .left-cta a.cta_button{

  padding:11px 33px;
}

.error-section .cta-container .right-cta a.cta_button{

  padding:11px 40px;
}

body.error-page .footer-container-wrapper:after{
  display:none;
}

body.error-page .dotted-pattern:before{
  z-index:0;
  left:0;
}

.error-section .cta-container .left-cta a.cta_button:hover{
  opacity:0.95;
}




@media(max-width:1024px){

  body .row-fluid .error-section .cta-container{
    max-width:320px;
  }
}

@media (max-width:767px){

  .error-section .error-text h1{
    font-size:118px;
    padding-top:50px;
    padding-bottom:50px;
  }

  .error-section .error-text h2{
    font-size:20px;
  }

  body .row-fluid .error-section .cta-container{
    max-width:100%;
    text-align:center;
  }

  body .row-fluid .error-section .cta-container .cta_button{
    max-width:100%;
    margin-bottom:10px;
    width:100%;
    box-sizing:border-box!important;
  }

  body .row-fluid .error-section{
    height:100vh;  
    padding:70px 0 150px;
  }

}

/***************************Error Section End**********************/
/*============================404 ERROR CSS END======================*/


/*==========================================================================
Book a Meeting
===========================================================================*/

body .book-meeting {
  max-width: 700px;
  margin: 0 auto;
  float: none;
  padding-bottom:70px;
}



/*==========================================================================
Request a Consultation
===========================================================================*/

.req-consult-header-section {
  padding: 53px 0px;
}

.req-consult-header-section .cta-container h4{
  font-size:16px;
  line-height:28px;
  letter-spacing:0.5px;
  color:#252A58;
  font-weight:600;
  margin-bottom:0;
}

.req-consult-form-section{
  position:relative;
}

body .row-fluid .req-consult-form-section .form-detail {
  max-width: 490px;
  margin: 0 auto;
  float: none;
  padding-bottom:70px;
}

body .row-fluid .req-consult-form-section label{
  text-align:left;
}

body .row-fluid .req-consult-form-section .form-detail form{
  padding-top: 7px;
  max-width: 368px;
  margin: 0 auto;
}

.phone-module {
  padding-top: 60px;
}

.phone-module a{
  font-weight:bold;
}

form .hs-error-msgs {
  text-align: left;
}

.row-fluid .req-consult-form-section form .hs-button.primary {
  margin-top: 9px;
}


.req-consult-form-section .wrapper{
  position:relative;
}

.vector-cm.consultation-left-icon{
  position: absolute;
  top: 18%;
  right: 10%;
}

.vector-cm.consultation-left-icon .wrapper{
  position:static;
}


.consultation-left-icon .shapes {
  position: absolute;
  right: 0;
}

.consultation-left-icon .shapes .sqare {
  top: -100px;
  left: 12%;
  -webkit-animation-name: Spinning;
}

.consultation-left-icon .shapes .circle {
  top: 228px;
  left: -63px;
}

.consultation-left-icon .shapes .triangle {
  top: 103px;
  left: 87px;
}

.req-consult-form-section  .single-box-icon-green:before{
  bottom: 22%;
  right: 0;
  left: auto;
  top: auto;
}

.consultation-right-icon .shapes {
  left: 0;
  z-index:-1;
}

.consultation-left-icon .shapes {
  z-index:-1;
}

.vector-cm.span12.consultation-left-icon.consultation-right-icon {
  left: 0;
  right: auto;
}


.consultation-left-icon.consultation-right-icon .shapes .circle {
  top: 289px;
  left: 10%;
  -webkit-animation-name: Spinning;
}

.consultation-left-icon.consultation-right-icon .shapes .sqare {
  top: -100px;
  left: 6%;
}

.consultation-left-icon.consultation-right-icon .shapes .triangle {
  top: 103px;
  left: 19%;
}

.dotted-pattern{
  position:relative;
}

.dotted-pattern:before {
  content: "";
  position: absolute;
  width: 98px;
  height: 84px;
  left: 9%;
  top: 116px;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Squares.svg) no-repeat;
  background-position: center center;
  z-index: -1;
}




@media(max-width:1024px){

  .req-consult-form-section{
    padding-bottom:100px; 
  }

  body .row-fluid .req-consult-form-section .form-detail {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}



@media(max-width:767px){

  .req-consult-header-section{
    text-align:center; 
  }

  .req-consult-header-section .cta-container{
    display:none;
  }

  .req-consult-header-section .logo-container{
    margin-bottom:20px;
  }

  body.req-consult-two .dotted-pattern:before,
  body.req-consult-one .dotted-pattern:before{
    display:none;
  }

  /* body.req-consult-two .vector-cm.consultation-left-icon,
  body.req-consult-one .vector-cm.consultation-left-icon{
  display:none;
}

  body.req-consult-two .vector-cm.consultation-right-icon,
  body.req-consult-one .vector-cm.consultation-right-icon{
  display:none;
} */

  .req-consult-form-section .single-box-icon-green:before{
    display:none;  
  }

  body .row-fluid .req-consult-form-section .form-detail{
    padding-top:0;
  }

  .consultation-left-icon.consultation-right-icon .shapes .sqare{
    top: -150px;
  }

  .consultation-left-icon .shapes .sqare{
    top: -40px;  
  }

  .consultation-left-icon .shapes .sqare{
    top: -140px;   
  }

  .consultation-left-icon .shapes .circle{
    top: 228px;
    left: 17px; 
  }

}





/*============================REQUEST CONSULTATION 2 CSS START==================*/


body.req-consult-two .req-consult-header-section .cta-container a.cta_button:hover{
  color:#fff;
}

body.req-consult-two .req-consult-header-section .cta-container h4{
  color:#fff;
}

body .row-fluid .req-consult-header-section .wrapper{
  max-width:1300px;
}

body.req-consult-two .body-container-wrapper{
  background:transparent;
}

body.req-consult-two{
  background: linear-gradient(154.51deg, #656EFF 0%, #000FFF 100%);
  background-repeat:no-repeat;
  height:100vh;
}

body.req-consult-two .req-consult-form-section label {
  color: #fff;
}

body.req-consult-two .req-consult-form-section{
  padding-bottom:50px;
}

body.req-consult-two  form input{
  background-color: #424DFF;
  border: 1px solid rgba(255,255,255,0.18);
  color:#fff;
  font-size:16px;
  line-height:23px;
  font-weight:normal;
}

body.req-consult-one  form input{
  color:#505050;
}

body.req-consult-two  form input:focus{
  border:1px solid #fff;
}

body.req-consult-two .req-consult-form-section form .hs-button.primary {
  background: #fff;
  color: blue !important;
}

body.req-consult-two .req-consult-form-section form .hs-button.primary:hover {
  background: #F2F2FF;
}


body.req-consult-two .shapes .triangle,body.req-consult-two .shapes .circle,body.req-consult-two .shapes .sqare{
  opacity:unset;
}

.req-consult-form-section .form-title p{
  font-weight:300;
}

body.req-consult-two .req-consult-form-section form .hs-form-required{
  color:#fff;
}




/*============================REQUEST CONSULTATION 2 CSS END==================*/






/*============================THANK YOU PAGE CSS START======================*/
/***************************Thank You Section Start**********************/

.thank-you-section{
  padding-top:115px;
  padding-bottom: 214px;
}

.thank-you-section h1{
  letter-spacing: -0.82px;	
  padding-bottom:10px;
}

body .row-fluid .thank-you-section .cta-container {
  max-width:295px;
  margin:0 auto;
  float:none;
  padding-top:30px;
}

body .row-fluid .thank-you-section .cta-container .read-blog .cta_button{
  padding: 11px 27px;
}

.thank-you-section .cta-container .go-home .cta_button{
  padding: 11px 30px;
  color:#252A58;
  border:1px solid #DBE0E6;
}

.thank-you-section .cta-container .go-home .cta_button:hover{
  color:#fff;
}

@media (max-width:767px){

  .thank-you-section{
    padding-top:115px;
    padding-bottom: 150px;
  }

  body .row-fluid .thank-you-section .cta-container{
    max-width:100%;
    text-align:center;
  }

  body .row-fluid .thank-you-section .cta-container .cta_button{
    margin-bottom:10px;
    width:80%;
  }

}


/***************************Thank You Section End**********************/
/*============================THANK YOU PAGE CSS END======================*/






/*============================FAQ CSS START==================*/


.faq-page .shapes{
  z-index:-1;
}

.faq-section{
  padding-top:60px;
  padding-bottom:70px;

}

.faq-section h1{
  max-width:745px;
  margin:0 auto;
  padding-top:10px;
  padding-bottom:20px;

}

.faq-section p{
  max-width:568px;
  margin:0 auto;
  color: #66688D;
  padding-bottom:27px;
}


body .faq-section .grey-transparent-cta a.cta_button{
  color: #252A58;
}

body .faq-section .grey-transparent-cta a.cta_button:hover{
  color:#fff;
}

body .row-fluid .faq-cm-section{
  padding-bottom:110px;
}

body .row-fluid .faq-cm-section .faq-cm {
  width: 100%;
  max-width: 841px;
  margin: 0 auto;
  float: none;
  padding-bottom:130px;
}

.faq-cm-section .faq-cm .accordion_header h4{
  padding: 14px 30px;
  font-weight:600;

}

.faq-cm span>.hs_cos_wrapper.expanded .accordion_header{
  border-radius: 4px;	
  background-color: #EEF1F4;

}

.faq-cm-section .faq-cm p{
  padding: 20px 20px 0 20px;
  color: #494A4B;
  font-weight: 300;	
  line-height: 33px;
  margin-bottom:0;
}

.faq-cm-section p{
  color: #66688D;	
}

.faq-cm-section .faq-cm .hs_cos_wrapper{
  padding-bottom:20px;

} 

.faq-cm-section .faq-cm .accordion_header{
  position:relative;
  cursor:pointer;

}

.faq-cm span>.hs_cos_wrapper.expanded .accordion_header:before{
  transform:rotate(90deg);

}

.faq-cm-section .faq-cm .accordion_header:before{
  top:20px;
  right:20px;

}


.faq-cm-section .faq-cm .accordion_header:after {
  top: 20px;
  right: 20px;
  transform: rotate(-90deg);
}

.faq-cm-section .faq-cm .accordion_header:before,.faq-cm-section .faq-cm .accordion_header:after{
  position: absolute;
  content: '';
  background: #252A58;
  width: 2px;
  height: 17px;
  transition: all .8s ease-in-out;
}


@media(max-width:1024px){

  body .row-fluid .faq-cm-section .faq-cm{
    padding-bottom: 90px; 
  }
}

@media (max-width:767px){

  body .row-fluid .faq-cm-section .faq-cm{
    padding-bottom:80px;
  }
}


@media (max-width:500px){
  .faq-cm-section .faq-cm .accordion_header h4, .faq-cm-section .faq-cm p {
    padding-left: 10px;
    padding-right:38px;
  }

}


/*============================FAQ CSS END==================*/









/*============================FIND PARTNER FLOAT IMAGE CSS START==================*/

.partner-section .left-float-icon{
  position:absolute;
  top:-60px;
  left:10%;
}

.partner-section .left-float-icon .shapes .triangle{
  position: absolute;
  top:10px;
  left:-10%;

}

.partner-section .right-top-float-icon{
  position:absolute;
  top:-60px;
  right:-85%;
}

.partner-section .right-top-float-icon .shapes .sqare{
  position: absolute;
  top:150px;
  left:5%;

}

.partner-section .right-bottom-float-icon{
  position:absolute;
  top:400px;
  right:-75%;
}

.partner-section .right-bottom-float-icon .shapes .sqare{
  position: absolute;
  top:20px;
  left:3%;

}


@media(max-width:767px){

  .partner-section .left-float-icon {
    left: 3%;
  }

  .partner-section .right-top-float-icon {
    position: absolute;
    right: 15%;
  }

  .partner-section .right-bottom-float-icon {
    position: absolute;
    top: 430px;
    right: 20%;
  }

}

/*============================FIND PARTNER FLOAT IMAGE CSS END==================*/


@media (max-width:768px){
  .partner-section li img{
    width: 140px;
    height: 85px;
  }
  .partner-section p{
    padding-top:60px;
  }
}


@media(max-width:500px){

  .partner-section {
    padding-top: 80px;
  }

}



/*============================FIND PARTNER CSS END==================*/




/*============================THANK YOU FLOAT IMAGE CSS START==================*/
.thank-you-section .left-float-icon{
  position:absolute;
  top:50%;
  left:0;

}

.thank-you-section .single-triangle-icon{
  position:relative;
}

.thank-you-section .single-triangle-icon .wrapper:before{
  left:-90%;
  top:-300px;
  position:absolute;

}
.thank-you-section .right-float-icon{
  position:absolute;
  top:-300px;
  left:85%;

}

.thank-you-section .right-float-icon .shapes .sqare {
  position: absolute;
  top: 107px;
  left: 76px;
  opacity: 0.3;
}

.thank-you-section .single-box-icon-yellow{
  position:relative;
}

.thank-you-section .single-box-icon-yellow:after{
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Yellow%20full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 90px;
  right:-10%;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;

}


.thank-you-section .single-box-icon-yellow:before{
  display:none;
}




/*============================THANK YOU FLOAT IMAGE CSS END==================*/





/*============================FAQ FLOAT IMAGE CSS START==================*/


.faq-section,.faq-section .wrappper{
  position:relative;
}

.faq-section .left-float-icon{
  position:absolute;
  top:0;
  left:8%;
}

.faq-section .left-float-icon .shapes .sqare{
  position: absolute;
  top:280px;
  left:-12%;

}

.faq-section .left-float-icon .shapes .triangle{
  position: absolute;
  top:20px;
  left:-10%;
}

.faq-section .right-float-icon{
  position:absolute;
  top:0;
  right:-55%;
}

.faq-section .right-float-icon .shapes .sqare{
  position: absolute;
  top:150px;
  left:8%;

}




@media(max-width:767px){

  .faq-section .left-float-icon {
    left: 3%;
  }

  .faq-section .right-float-icon {
    position: absolute;
    right: 15%;
  }

  .faq-section .right-float-icon .shapes .sqare{

    left:unset;  
  }

}







.faq-cm-section,.faq-cm-section .wrappper{
  position:relative;
}

.faq-cm-section .left-float-icon{
  position:absolute;
  top:300px;
  left:0;
}


.faq-cm-section .right-top-float-icon{
  position:absolute;
  top:0;
  right:-60%;
}

.faq-cm-section .right-top-float-icon .shapes .sqare{
  position: absolute;
  top:0;
  left:0;

}

.faq-cm-section .right-top-float-icon .shapes .circle{
  position: absolute;
  top:600px;
  left:5%;

}

.faq-cm-section .right-bottom-float-icon{
  position:absolute;
  top:1400px;
  right:-45%;
}

.faq-cm-section .right-bottom-float-icon .shapes .sqare{
  position: absolute;
  top:130px;
  left:13%;

}




@media (max-width:767px){

  .faq-cm-section .right-bottom-float-icon {
    top: 1300px;
    right: 15%;
  }

  .faq-cm-section .right-bottom-float-icon .shapes .triangle{
    top: 44px;
    left: -85px;

  }  

  .faq-cm-section .left-float-icon .shapes .sqare {
    top: 123px;
    left: 8px;
  }  

  .faq-cm-section .right-top-float-icon {
    right: 20%;
  }  

}


/*============================FAQ FLOAT IMAGE CSS END==================*/



/*============================SERVICE HUB FLOAT IMAGE CSS START==================*/


.service-hub .position-class .vector-cm.span12 {
  z-index: 2;
}
.right-floating-icons.service-hub-hero-section-icons .shapes {
  top: 50px;
  left: 100px;
  z-index:1;
}

.right-floating-icons.service-hub-hero-section-icons  .shapes .circle {
  top: 240px;
}

.right-floating-icons.service-hub-hero-section-icons .shapes .triangle {
  top: 220px;
  left: -85px;
}

.right-floating-icons.service-hub-hero-section-icons .shapes .float{
  opacity:1;
}


.left-floating-icons.service-hub-hero-section-icons .shapes {
  top: 70px;
  right: 150px;
  z-index: 1;
}

.left-floating-icons.service-hub-hero-section-icons .shapes .sqare {  
  top: 47px;
  left: 6px;

}

.left-floating-icons.service-hub-hero-section-icons .shapes .circle {  
  top: 92px;
}

.left-floating-icons.service-hub-hero-section-icons .shapes .triangle {
  top: 74px;
  left: 85px;
}

.left-floating-icons.service-hub-hero-section-icons .shapes .float{
  opacity:1;
}

.left-floating-icons.service-support-plan-icons .shapes {
  right: 3%;
  top: 38px;
}

.left-floating-icons.service-support-plan-icons .shapes .triangle {
  top: 35px;
  left: -35px;
}


.right-floating-icons.service-expert-cm-icons .shapes {
  top: 330px;
  left: 50px;
}


.right-floating-icons.service-expert-cm-icons .shapes .sqare {
  top: 100px;
  left: 50px;
}

.right-floating-icons.service-expert-cm-icons .shapes .circle {
  top: 110px;
}

.right-floating-icons.service-expert-cm-icons .shapes .triangle {
  top: 145px;
  left: 65px;
}

.right-floating-icons.service-two-col-form-icons .shapes {
  position: absolute;
  top: 20px;
  left: -55px;
}

.right-floating-icons.service-two-col-form-icons .shapes .sqare {
  top: 20px;
  left: 30px;
}

.right-floating-icons.service-two-col-form-icons .shapes .circle {
  opacity: 0.3;
  position: absolute;
  top: 30px;
  left: -40px;
}
.right-floating-icons.service-two-col-form-icons .shapes .triangle {
  top: 44px;
  left: 30px;
}

.right-floating-icons.service-two-col-form-icons .shapes .float{
  opacity:1;
}

.right-floating-icons.service-two-col-form-icons2 .shapes {
  position: absolute;
  top: 171px;
  left: -155px;
}

.right-floating-icons.service-two-col-form-icons2 .shapes .triangle {
  top: 115px;
  left: 15px;
}

.right-floating-icons.service-two-col-form-icons2  .shapes .sqare {
  top: 100px;
  left: -30px;
}

.right-floating-icons.service-two-col-form-icons2 .shapes .float{
  opacity:1;
}

.left-floating-icons.service-two-col-form-icons2 .shapes {
  right: 0;
  top: -35px;
}


.left-floating-icons.service-two-col-form-icons2 .shapes .sqare {
  top: 55px;
  left: 36px;
}


.left-floating-icons.service-two-col-form-icons2 .shapes .triangle {
  top: 55px;
  left: 105px;
}

.left-floating-icons.service-two-col-form-icons2 .shapes .float{
  opacity:1;
}

.right-floating-icons.service-platform-cm-icons .shapes {
  top: 90px;
  left: -80px;
}

.right-floating-icons.service-platform-cm-icons .shapes .sqare {
  top: 75px;
  left: 50px;
}

.right-floating-icons.service-platform-cm-icons .shapes .triangle {
  top: 135px;
  left: 5px;
}

.left-floating-icons.service-platform-cm-icons .shapes {
  right: 13%;
  top: 300px;
}


.left-floating-icons.service-platform-cm-icons .shapes .triangle {
  top: 115px;
  left: 85px;
}


@media(max-width:767px){
  .right-floating-icons.service-hub-hero-section-icons .shapes {
    top: -70px;
    z-index:-1;
  }

  .service-hub-hero-section .hub-hero-section-cm .wrapper{
    z-index:2;
  }

  .right-floating-icons.service-hub-hero-section-icons .shapes .sqare {
    top: 157px; 
  }

  .right-floating-icons.service-hub-hero-section-icons .shapes .circle {
    top: 310px;
  }

  .left-floating-icons.service-hub-hero-section-icons .shapes {
    right: -620px;
  }

  .left-floating-icons.service-support-plan-icons .shapes {
    right: auto;
    top: 420px;
    left: 2200%;
  }

  .right-floating-icons.service-expert-cm-icons .shapes {
    top: 40px;
    left: 40px;
    z-index:-1;
  }  

  .left-floating-icons.service-two-col-form-icons2 .shapes {
    right: auto;
    left: 1800%;
  }  

  .right-floating-icons.service-two-col-form-icons .shapes {
    left: 65px;
  }  

  .right-floating-icons.service-two-col-form-icons .shapes .triangle {
    top: 38px;
    left: 10px;
  } 

  .right-floating-icons.service-two-col-form-icons2 .shapes {
    left: 60px;
  }  

  .right-floating-icons.service-platform-cm-icons .shapes {
    top: 90px;
    left: 20%;
    z-index:-1;
  }

  .left-floating-icons.service-platform-cm-icons .shapes {
    right: auto;
    left: 2050%;
    top: 300px;
  }  

}


/*============================SERVICE HUB FLOAT IMAGE CSS END==================*/





/*============================ANALYTICS HUB FLOAT IMAGE CSS START==================*/
.left-floating-icons.analytics-hub-hero-section-icons .shapes {
  top: 70px;
  right: 30px;
  z-index: 1;
}

.left-floating-icons.analytics-hub-hero-section-icons .shapes .float{
  opacity:1;
}

.left-floating-icons.analytics-hub-hero-section-icons .shapes .sqare {
  top: 40px;
  left: 65px;

}

.left-floating-icons.analytics-hub-hero-section-icons .shapes .circle {
  top: 62px;
}

.left-floating-icons.analytics-hub-hero-section-icons .shapes .triangle {
  top: 0;
  left: -15px;
}


.right-floating-icons.analytics-two-col-gray-bg-icons .shapes {
  top: 310px;
  left: 70px;
}

.right-floating-icons.analytics-two-col-gray-bg-icons .shapes .sqare {
  top: 177px;
  left: 60px;
}

.right-floating-icons.analytics-two-col-gray-bg-icons .shapes .circle {
  opacity: 0.3;
  position: absolute;
  top: 80px;
}

.right-floating-icons.analytics-two-col-gray-bg-icons .shapes .triangle {
  top: 55px;
  left: 65px;
}

.analytics-hub .position-class .vector-cm.span12 {
  z-index: 2 !important;
}

.left-floating-icons.analytics-two-col-gray-bg-icons .shapes {
  right: 50%;
  top: 470px;
}

.right-floating-icons.analytics-two-col-video-img-icons .shapes {
  top: 350px;
  left: 940px;
}

.right-floating-icons.analytics-understand-big-pic-icons .shapes {
  top: 360px;
  left: 40px;
}

.right-floating-icons.analytics-understand-big-pic-icons .shapes .sqare {
  top: 140px;
  left: 11px;
}

.left-floating-icons.analytics-understand-big-pic-icons .shapes {
  right: 55%;
  top: 0;
}

.left-floating-icons.analytics-understand-big-pic-icons .shapes .sqare {
  top: 290px;
  left: 20px; 
}

.left-floating-icons.analytics-understand-big-pic-icons .shapes .circle {
  top: -40px;
  right: 100px;
}

.left-floating-icons.analytics-understand-big-pic-icons .shapes .triangle {
  top: 195px;
  left: 45px;  
}


@media(max-width:767px){
  .left-floating-icons.analytics-hub-hero-section-icons .shapes {
    top: 10px;
    right: -650%;
    z-index: -1;
  }

  .left-floating-icons.analytics-hub-hero-section-icons .shapes .triangle {
    top: 0;
    left: -35px;
  }  

  .left-floating-icons.analytics-hub-hero-section-icons .shapes .circle {
    top: -10px;
  }  

  .analytics-hub-hero-section .two-col-hero-cm .wrapper{
    z-index:2;
  }

  .right-floating-icons.analytics-two-col-gray-bg-icons .shapes {
    top: -55px !important;
    left: 20px !important;
  }  

  .left-floating-icons.analytics-two-col-gray-bg-icons .shapes {
    right: 50%;
    top: 440px;
  }

  .left-floating-icons.analytics-understand-big-pic-icons .shapes {
    right: 105%;
    top: -250px;
  }

  .right-floating-icons.analytics-understand-big-pic-icons .shapes {
    top: 520px;
    left: -10px;
  }  

  .analytics-hub-slider .three-close-icons3 .shapes .triangle,
  .analytics-hub-slider .three-close-icons3 .shapes .circle,
  .analytics-hub-slider .three-broad-icons1 .shapes .circle {
    display: none;
  }

}

/*============================ANALYTICS HUB FLOAT IMAGE CSS END==================*/


/*============================PROJECT HUB FLOAT IMAGE CSS START==================*/

.left-floating-icons.project-hub-hero-section-icons .shapes {
  top: 40px;
  right: -30px;
  z-index: 1;
}

.left-floating-icons.project-hub-hero-section-icons .shapes .float{
  opacity:1;
}

.left-floating-icons.project-hub-hero-section-icons .shapes .sqare {
  top: 15px;
  left: 5px;
}

.left-floating-icons.project-hub-hero-section-icons .shapes .circle {
  top: 90px;
}

.left-floating-icons.project-hub-hero-section-icons .shapes .triangle {
  top: 44px;
  left: 75px;
}

.right-floating-icons.project-plan-tracking-icons .shapes .triangle {
  top: 165px;
  left: 65px;
}

.left-floating-icons.project-plan-tracking-icons .shapes {
  right: 55%;
  top: 0;
}

.left-floating-icons.project-plan-tracking-icons .shapes .sqare {
  top: 70px;
  left: 60px;

}

.left-floating-icons.project-plan-tracking-icons .shapes .triangle {
  top: 105px;
  left: 45px;

}

.project-hub .position-class .vector-cm.span12 {
  position: absolute;
  top: 0;
  z-index: 1;
}


@media(max-width:767px){
  .left-floating-icons.project-hub-hero-section-icons .shapes {
    z-index: -1;
    top: -10px;
    right: -250px;
  }

  .project-hub .two-col-hero-cm .wrapper {
    z-index: 2;
  }
}
/*============================PROJECT HUB FLOAT IMAGE CSS END==================*/

/*============================PORFOLIO HUB FLOAT IMAGE CSS START==================*/

.left-floating-icons.portfolio-hub-hero-section-icons .shapes {
  top: 70px;
  right: 30px;
  z-index: 1;
}

.left-floating-icons.portfolio-hub-hero-section-icons .shapes .float{
  opacity:1;
}

.left-floating-icons.portfolio-hub-hero-section-icons .shapes .sqare {
  top: 15px;
  left: 5px;
}

.left-floating-icons.portfolio-hub-hero-section-icons .shapes .circle {
  top: 70px;
}

.left-floating-icons.portfolio-hub-hero-section-icons .shapes .triangle {
  top: 44px;
  left: 75px;
}

.right-floating-icons.portfolio-two-col-img-video-icons .shapes {
  top: 375px;
  left: 37px;
}

.right-floating-icons.portfolio-two-col-img-video-icons .shapes .sqare {
  top: 80px;
  left: 60px;
}

.right-floating-icons.portfolio-two-col-img-video-icons .shapes .triangle {
  top: 105px;
  left: 35px;
}

.portfolio-hub .position-class .vector-cm.span12 {
  z-index: 1;
}

.left-floating-icons.portfolio-two-col-gray-bg-icons .shapes {
  right: 95%;
  top: 460px;
}

.left-floating-icons.portfolio-two-col-gray-bg-icons .shapes .sqare {
  top: 140px;
  left: 50px;
}

.left-floating-icons.portfolio-two-col-gray-bg-icons .shapes .triangle {
  top: 44px;
  left: 55px;
}

.right-floating-icons.portfolio-two-col-gray-bg-icons .shapes {
  top: 500px;
  left: 560px;
}

.right-floating-icons.portfolio-two-col-gray-bg-icons .shapes .triangle {
  top: 105px;
  left: 95px;
}

.left-floating-icons.portfolio-twol-col-img-icons .shapes {
  right: 25%;
  top: 350px;
}


.portfolio-hub .background-center-video.video-shapes .wrapper:before {
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Red%20Full.svg);
}

.left-floating-icons.portfolio-background-video-cm-icons .shapes {
  position: absolute;
  right: 13%;
  top: 760px;
}

.left-floating-icons.portfolio-background-video-cm-icons .shapes .sqare {
  top: 30px;
  left: 80px;
}

.left-floating-icons.portfolio-background-video-cm-icons .shapes .triangle {
  top: 85px;
  left: 85px;

}

.right-floating-icons.portfolio-understand-big-pic-icons .shapes {
  top: 250px;
  left: 37px;
}

.right-floating-icons.portfolio-understand-big-pic-icons .shapes .triangle {
  top: 205px;
  left: 85px;
}

.left-floating-icons.portfolio-understand-big-pic-icons .shapes {
  right: 55%;
  top: 138px;
}

.left-floating-icons.portfolio-understand-big-pic-icons .shapes .triangle {
  top: 145px;
  left: -5px;
}

.left-floating-icons.portfolio-understand-big-pic-icons .shapes .circle {
  top: -190px;
  right: 120px;
}
.left-floating-icons.portfolio-understand-big-pic-icons .shapes .sqare {
  top: 87px;
  left: 15px;
}



.right-floating-icons.portfolio-hub-slider-cm-icons .shapes {
  top: 70px;
  left: 37px;
}

.right-floating-icons.portfolio-hub-slider-cm-icons  .shapes .float{
  opacity:1;
}

.right-floating-icons.portfolio-hub-slider-cm-icons .shapes .sqare {
  top: 20px;
  left: -10px;
}

.right-floating-icons.portfolio-hub-slider-cm-icons .shapes .triangle {
  top: -35px;
  left: 35px;
}

.right-floating-icons.portfolio-hub-slider-cm-icons .shapes .circle {
  top: 260px;
}

.left-floating-icons.portfolio-hub-slider-cm-icons .shapes {
  right: 13%;
  top: 230px;
}

.left-floating-icons.portfolio-hub-slider-cm-icons  .shapes .float{
  opacity:1;
}

.left-floating-icons.portfolio-hub-slider-cm-icons .shapes .circle {
  top: 100px;
}

.left-floating-icons.portfolio-hub-slider-cm-icons .shapes .triangle {
  top: -135px;
  left: 25px;
}

.portfolio-hub .single-box-icon-yellow:after {
  top: 7%;
  right: 700px;
}





@media(max-width:767px){
  .left-floating-icons.portfolio-hub-hero-section-icons .shapes {
    top: 0;
    right: -240px;
    z-index: -1;
  }

  .portfolio-hub .two-col-hero-cm .wrapper{
    z-index:2;
  }

  .portfolio-hub .text-logo-cm .wrapper {
    z-index: 2;
  }  
  .right-floating-icons .shapes {
    z-index: -1;
  }  

  .left-floating-icons.portfolio-two-col-gray-bg-icons .shapes {
    top: 30px;
    z-index: -1;
  }  

  .portfolio-hub .text-video-cm .wrapper{
    z-index:2;
  }  

  .left-floating-icons.portfolio-twol-col-img-icons .shapes{
    top: 420px;
  }  

  .left-floating-icons.portfolio-understand-big-pic-icons .shapes {
    right: 55%;
    top: -130px;
  }  

  .left-floating-icons.portfolio-hub-slider-cm-icons .shapes {
    right: unset;
    top: 200px;
    left: 250px;
  }

  .right-floating-icons.portfolio-hub-slider-cm-icons .shapes {
    top: 85px;
  }  

  .left-floating-icons.portfolio-hub-slider-cm-icons .shapes .triangle {
    top: -165px;
  } 

  .right-floating-icons.portfolio-hub-slider-cm-icons .shapes .sqare{
    display:none;
  }

  .right-floating-icons.portfolio-hub-slider-cm-icons .shapes .triangle{
    display:none;
  }

}



/*============================PORFOLIO HUB FLOAT IMAGE CSS END==================*/



/*================================INNOVATION HUB FLOAT IMAGE CSS START===================*/

.left-floating-icons.innovation-hub-hero-section-icons .shapes {
  top:0;
  right: 30px;
  z-index: 1;
}

.left-floating-icons.innovation-hub-hero-section-icons .shapes .float{
  opacity:1;
}

.left-floating-icons.innovation-hub-hero-section-icons .shapes .sqare {
  top: 125px;
  left: 45px;
}

.left-floating-icons.innovation-hub-hero-section-icons .shapes .circle {
  top: 70px;
}

.left-floating-icons.innovation-hub-hero-section-icons .shapes .triangle {
  top: 44px;
  left: 75px;
}

.single-box-icon .wrapper:after, .blog-subscribe-popup-cm:after {
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Red%20Full.svg);

}



@media(max-width:767px){
  .left-floating-icons.innovation-hub-hero-section-icons .shapes {
    top: 0;
    right: -220px;
    z-index: -1;
  }

  .innovation-hub .two-col-hero-cm .wrapper{
    z-index:2;
  }

  .innovation-hub-slider .three-close-icons3 .shapes .triangle,
  .innovation-hub-slider .three-close-icons3 .shapes .circle,
  .innovation-hub-slider .three-broad-icons1 .shapes .circle {
    display: none;
  }  

  .text-video-cm.single-triangle-icon.single-blue-triangle .wrapper:before {
    top: auto;
    bottom: -40px;
    right: -30%;
  }


}

/*================================INNOVATION HUB FLOAT IMAGE CSS END===================*/




/*================================404 ERROR FLOAT IMAGE CSS START===================*/



.error-section .vector-cm.span12.right-float-icons .shapes .float,
.error-section .single-box-icon-green:before,
.error-section .vector-cm.span12.left-float-icons .shapes .float{
  opacity:1;
}



/*================================404 ERROR FLOAT IMAGE CSS END===================*/

/*=============================PRIVACY POLICY FLOAT IMAGE CSS START==================*/
.privacy-section .wrapper {
  z-index: 2;
}

.privacy-policy .topic-page .shapes {
  z-index: -1;
}

/*=============================PRIVACY POLICY FLOAT IMAGE CSS END==================*/















/*========================================WHITE PAPER LANDING PAGE ===========================*/



/*===========================HEADER 2 CSS START=============================*/


.white-paper-page .header-section .logo{
  position: relative;
  top: 25px;
}





/*=========================DOWNLOAD FORM SECTION===============================*/
.white-paper-page .download-form-section{
  padding:50px 0 96px;

}

.white-paper-page .transparent-cta a.cta_button{
  font-size: 11px;	
  letter-spacing: 0.3px;	
  line-height: 15px;	
  text-align: center;
  padding:5px 10px 2px;
  border: 1px solid #505AFA;	
  border-radius: 3px;
}





.white-paper-page h2{
  padding-top:17px;

}

.white-paper-page .download-form-section .form-text{
  padding-bottom:30px;
}


.white-paper-page .download-form-section .form-text p{
  max-width:460px;
}

.white-paper-page p{
  color: #66688D;	
  font-size: 18px;	
  line-height: 27px;

}


.white-paper-page .download-form-section .white-left-col,
.white-paper-page .about-section .left-col{
  width:47.9%;

}


.white-paper-page .download-form-section .white-right-col,.white-paper-page .about-section .right-col{
  width:39.4%;
  margin-left:12%;
}


.white-paper-page .form-container{
  padding-bottom:83px;

}

.white-paper-page .form-container form label,
.white-paper-page .form-container form .hs-form-required{
  color: #000FFF;	
  font-size: 16px;	
  line-height: 23px;
}

.white-paper-page .form-container form .hs-input:focus {
  border: 1px solid #000FFF;	
  border-radius: 4px;	
  background-color: #FFFFFF;
}


.white-paper-page .form-container form .hs-form-field.color-text input{
  color:#000FFF;
}

.color-text{
  color: #000FFF;	
}

.gray-color-text{
  color: #252A58;
}

.white-paper-page .form-container form .hs-error-msg{
  color:red !important;
}


.white-paper-page .form-container form input{
  border: 1px solid #BDC3C9;	
  border-radius: 4px;	
  background-color: #FFFFFF;
  height:48px;
}

.white-paper-page .form-container form input::placeholder{
  color: #8C949D;	
  font-size: 16px;	
  line-height: 23px;
  font-weight:400;
}


.white-paper-page .form-container form .hs-button{
  float:left;
  padding: 18px 45px;
  font-size: 19px;	
  letter-spacing: 0.63px;	
  line-height: 28px;	
  text-align: center;
  font-weight:100;
  margin-top:20px;
}



.white-paper-page .about-section .about-text p,
.white-paper-page .about-section .about-text li,
.white-paper-page .about-section .guide-text p{
  color: #252A58;	
  font-size: 18px;	
  font-weight: 300;	
  letter-spacing: 0.5px;	
  line-height: 29px;

}


.white-paper-page .about-section .about-text p{
  margin-bottom:45px;
}


.white-paper-page .about-section .about-text li{
  position:relative;
  padding-left:17px;
}

.white-paper-page .about-section .about-text li:before{
  background: #000FFF;
  width: 7px;
  height: 7px;
  content: '';
  position: absolute;
  top: 12px;
  left: -15px;

}






.white-paper-page .about-section .guide-text{
  border-radius: 2px;	
  background-color: #FFFFFF;	
  box-shadow: 0 2px 11px 4px rgba(0,0,0,0.03);
  border:1px solid #000FFF;
  border-image-source: linear-gradient(2.88deg, #000FFF 0%, #64B3FF 100%);
  border-image-slice: 20;
  padding:30px;

}



@media(max-width:1024px)and (min-width:768px){
  .white-paper-page .about-section .right-col{
    margin-left:7%;
  }
}



/*====================================DOWNLOAD SECTION==============================*/


.download-section{
  margin-bottom:175px;

}


.span12.dowload-cm {
  padding:73px 55px 76px 25px;

}


.span12.dowload-cm:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 35px;
  bottom: 35px;
  content: '';
  background: #EEF1F4;
  z-index: -1;
}




body.white-paper-page .row-fluid .download-section .wrapper{
  max-width:991px;
  margin:0 auto;
  float:none!important;
  position:relative;
  z-index:1;
}


.tag-container{
  font-size: 11px;	
  letter-spacing: 0.3px;	
  line-height: 15px;	
  text-align: center;
  padding:5px 10px 2px;
  border: 2px solid #505AFA;	
  border-radius: 3px;
  max-width:115px!important;
  color:#000FFF;
}

.tag p{
  font-size: 11px;	
  letter-spacing: 0.3px;	
  line-height: 15px;	
  text-align: center;
  color:#000FFF;
  padding:5px 10px 2px;
  border: 2px solid #505AFA;	
  border-radius: 3px;
  max-width:115px!important;
}

.white-paper-page .download-right-col{
  position:absolute;
  top:0;
  right:20px;
  text-align:right;
  content:'';
  max-width:290px;
}





@media(max-width:767px){

  .ipad{ 
    text-align:center;
    padding-top:40px;
  }

  .ipad img{
    max-width:300px !important;
    margin:0 auto;
    float:none;
  }  

  body.white-paper-page .row-fluid .span6{
    width:100%;
    margin-left:0;
  } 

  .guide-text{
    margin-top:40px;
    margin-bottom:40px;
    border-radius: 2px;	
    background-color: #FFFFFF;	
    box-shadow: 0 2px 11px 4px rgba(0,0,0,0.03);
    border:1px solid #000FFF;
    border-image-source: linear-gradient(2.88deg, #000FFF 0%, #64B3FF 100%);
    border-image-slice: 20;
    padding:30px;
  } 

  .span12.dowload-cm{
    text-align:center; 
    padding:73px 0 76px 0;

  }  


  .row-fluid.reverse{
    display:flex;
    flex-direction:column-reverse;

  }

  .white-paper-page .download-right-col {
    position: unset;
    top: 0;
    right:0;
    text-align: center;
    content: '';
    max-width: 100%;
  }


  .white-paper-page .download-right-col img{
    max-width:300px !important;  
    margin:0 auto;
    float:none;
  }    


  .white-paper-page .about-section .about-text li:before{
    left:-10px;  
  }  

  .download-section {
    margin-bottom: 105px;
  }

  .white-paper-page .download-section:after {
    top: 650px !important;

  }

  .tag-container{
    margin:0 auto;  
  }

}









/*===============================FLOATING ICONS =========================*/


.white-float-left{
  position: absolute;
  top: -420px;
  left: -100px;

}


.white-float-right{
  position: absolute;
  top: -100px;
  right: -80px;

}


.form-float-right{
  position: absolute;
  top: -400px;
  right:0px;

}

.form-float-right1{
  position: absolute;
  top:-180px;
  right:110px;

}



.about-float-right{
  position: absolute;
  right: 300px;
  top: -80px;
}




.about-float-right .shapes .circle {
  opacity: 0.3;
  position: absolute;
  top: -40px;
  right: 210px;
}




.white-paper-page .download-section{
  position:relative;
}

.white-paper-page .download-section:after{
  content: "";
  position: absolute;
  background: url('https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Dots%20footer.svg');
  background-size:initial;
  background-repeat:repeat;
  background-position:center center;
  height: 135px;
  width: 100%;
  right: 0;
  bottom:0;
  top:400px;
  z-index: 3;

}



.white-paper-page .footer-container-wrapper:after{
  display:none;

}






/*==============================================================
Subscribe Section1 Styling 
================================================================*/




.subscribe-section1{
  padding:20px 0 100px;
}

.subscribe-section1 .form-container .page-header{
  text-align:center;
  padding-bottom:60px;
}

.subscribe-section1 .form-container .page-header h1{
  font-size: 55px;
  font-weight: 600;
  letter-spacing: -0.82px;
  margin-bottom: 10px;
  line-height: 66px;
}

.subscribe-section1 .form-container .page-header h2{
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
  letter-spacing: -0.3px;
  margin-bottom: 0px;
}

body .row-fluid .subscribe-section1 .form-container .page-header p{
  font-size: 18px;
  max-width:550px;
  margin:0 auto;
  float:none;
}

body .row-fluid .subscribe-section1 .form-container .email-prefs p.header{
  font-size: 18px;
  margin-left: 0;
}

.subscribe-section1 .email-prefs .item .item-inner .checkbox-row input{
  height: 20px;
}

.subscribe-section1 .email-prefs .item .item-inner p{
  margin-left:0!important;
  font-size:17px;
}

.subscribe-section1 .email-prefs .item .item-inner.selected input{
  background:#000FFF;
}

.subscribe-section1 .email-prefs .item.disabled .item-inner input{
  background:transparent;
}

.subscribe-section1 input.fill-checkbox{
  background:#000FFF;
}

.subscribe-section1 .subscribe-options input{
  height: 20px;
  margin-bottom: 0;
  position: relative;
  top: 6px;
  margin-left:0;
}

.subscribe-section1 .subscribe-options label{
  margin:0;
}



@media(max-width:1024px){

  .subscribe-section1 .form-container .page-header h1 {
    font-size: 44px;
    line-height: 46px;
  }

  .subscribe-section1 .form-container .page-header h2 {
    font-size: 30px;
    line-height: 30px;
  }
}



@media(max-width:767px){

  .subscribe-section1 {
    padding: 90px 0 110px;
  }

  .subscribe-section1 .form-container .page-header h1 {
    font-size: 35px;
    line-height: 42px;
  }

  .subscribe-section1 .form-container .page-header h2 {
    font-size: 23px;
    line-height: 30px;
  }

  .subscribe-section1 .form-container .hs-button{
    box-sizing: border-box!important;
    width: 100%;
    padding: 11px 0!important;
  }
}





/************************* Blog Post Filter Section Styling *********************/





body.hs-blog-post .blog-post-filter-section{
  display:none;
}


body.topic-page .blog-post-filter-section{
  display:none;
}

.blog-post-filter-section ul li{
  display:inline-block;
  margin-bottom:20px;
}

.blog-post-filter-section ul li a{
  font-size:11px;
  line-height:15px;
  letter-spacing:0.3px;
  color:#252A58;
  text-transform:uppercase;
  font-weight:600;
  font-family: "fieldwork",sans-serif;
  background: #F8FAFB;
  padding: 12px 13px 8px;
}

.blog-post-filter-section ul li a:hover{
  background: #E8EAEB;
}

body.wrapper-mac-adjust .blog-post-filter-section ul li a{
  padding: 5px 13px 8px;
}

.blog-post-filter-section ul li .filter-link-count{
  display:none;
}

.blog-post-filter-section ul{
  text-align:center;
}

.tdp-blog.hs-blog-listing .post-listing {
  margin-bottom: 78px;
}

.blog-post-filter-section{
  padding-bottom:30px;
}




/*==============================================================
Partner Page Styling Start 
================================================================*/





.partner-banner-section{
  padding: 35px 0 68px;
}

body .row-fluid .partner-banner-section .heading-container h3{
  max-width:430px;
  margin:0 auto 45px;
  float:none;
}

.partner-banner-section .single-box-icon,
.partner-banner-section .single-box-icon-green,
.partner-banner-section .single-box-icon-yellow{
  position:relative;
}

.partner-banner-section .single-box-icon:after {
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Triangle%20Yellow%20full.svg);
  margin: 0;
  width: 60px;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 4s;
  content: "";
  position: absolute;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  top: -8px;
  left: -82%;
  right: 0;
  margin: 0 auto;
  opacity: .3;
  z-index: 10;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

.partner-banner-section .single-box-icon-green:before {
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Green%20Full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  top: -300px;
  left: 0%;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}
.partner-banner-section .single-box-icon-yellow:after {
  content: "";
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/4777856/Tdp%20Assets%202019/Images/Square%20Yellow%20full.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  top: -250px;
  right: 0%;
  opacity: .3;
  z-index: 10;
  -webkit-animation-name: Spinning;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}



@media(max-width:767px){

  .partner-banner-section{
    padding: 85px 0 58px; 
  }
}




/**************** Partner Section2 Styling **********************/





.partner-section2{
  padding: 160px 0 125px;
  position:relative;
}

body .row-fluid .partner-section2 .heading-container p{
  max-width:460px;
  margin:0 auto;
  float:none;
  font-weight:300;
}

.partner-section2 .heading-container h2{
  margin-bottom:7px;
}

.partner-section2 .heading-container{
  margin-bottom:23px;
}

body .row-fluid .partner-section2 .form-container{
  max-width:368px;
  margin:0 auto;
  float:none;
}

.partner-section2 .single-box-icon-green:before {
  bottom: 22%;
  right: 0;
  left: auto;
  top: auto;
}

.vector-cm.consultation-left-icon {
  position: absolute;
  top: 18%;
  right: 10%;
}



@media(max-width:767px){


  .partner-section2 {
    padding: 60px 0 125px;
  }

}




/*********************** Partner Section1 Styling **********************/


.partners-cm .cm-container.open-desc .partners-desc-container {
  right: 0;
  z-index: 18;
}


.partners-cm .partners-desc-container {
  display: block;
  position: fixed;
  top: 0;
  right: -565px;
  width: 559px;
  background: #fff;
  z-index: 14;
  bottom: 0;
  box-shadow: 0 1px 9px 0 rgba(0,0,0,0.1);
  transition: all .4s ease-in-out;
  padding: 80px 60px;
  box-sizing: border-box;
  overflow-y: scroll;
}

.partners-cm .partners-cm-section-logo {
  position: absolute;
  top: 0;
  margin: 0 auto;
  float: none;
  left: 0;
  right: 0;
  opacity: 1;
  bottom: 0;
  padding: 15px 28px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all .3s ease-in-out;
}

.partners-cm .partners-desc-container::-webkit-scrollbar {
  width: 0px;
}

.partners-cm .partners-desc-container::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0px;
}

.partners-cm .partners-desc-container::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0px;
}

.partners-cm .partners-cm-section-logo-white {
  position: absolute;
  top: 0;
  margin: 0 auto;
  float: none;
  left: 0;
  right: 0;
  opacity: 0;
  bottom: 0;
  padding: 15px 28px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all .4s ease-in-out;
  border:none;
  background: linear-gradient(154.51deg, #00DDFF 0%, #000FFF 100%);
}

body .row-fluid .partners-cm .four-col-adjust span>.hs_cos_wrapper{
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  height: 216px;
  padding: 10px;
  border: 1px solid rgba(189,195,201,0.37);
  box-shadow: 0 5px 9px 4px rgba(189,195,201,0.06);
  cursor:pointer;
  flex-basis: 21.8%;
  -webkit-flex-basis: 21.8%;
  float: left;
  margin-right: 3.5%;
}

body .row-fluid .partners-cm .four-col-adjust span>.hs_cos_wrapper:nth-child(4n){
  margin-right:0;
}

.partners-cm .four-col-adjust span>.hs_cos_wrapper:hover .partners-cm-section-logo-white {
  opacity: 1;
}

.partners-cm .four-col-adjust span>.hs_cos_wrapper:hover .partners-cm-section-logo {
  opacity: 0;
}

body .row-fluid .partner-section1 .wrapper{
  max-width:990px;
}

.partners-desc-container .close-icon{
  float: right;
  text-align: right;
  position: absolute;
  right: 50px;
  top:50px;
}

.partners-desc-container .inner-img-container img{
  max-width:190px!important;
}

.partners-desc-container .inner-img-container h2{
  margin-top:35px;
}

.partners-desc-container .text-container{
  margin-top:45px;
}

.partners-desc-container .text-container h4{
  font-weight:600;
  margin-bottom:20px;
}

.partners-desc-container .text-container p{
  color:#66698A;
  font-size:16px;
  line-height:25.8px;
}

.partners-desc-container .cta-container{
  text-align:center;
  margin-top:35px;
}

.partner-section1{
  position:relative;
  z-index:3;
}

body.pop-open .footer-container-wrapper:after{
  z-index:1;
}

.partner-page .shapes.center-icons {
  position: absolute;
  right: 15%;
  top: -680px;
}

.partner-page .vector-cm.top-position{
  position: absolute;
  left: -30px;
}




@media(max-width:1024px){


  body .row-fluid .partners-cm .four-col-adjust span>.hs_cos_wrapper{
    height: 166px; 
  }

  .partner-page .shapes.center-icons{
    right: 20%;
    top: -610px;
  }

  .partner-page .vector-cm.top-position {
    position: absolute;
    left: 0;
    top: 28%;
  }
}



@media(max-width:767px){


  .partners-cm .partners-desc-container{
    width: 100%;
    padding: 80px 30px;
    right:-770px;
  }

  body .row-fluid .partners-cm .four-col-adjust span>.hs_cos_wrapper {
    height: 166px;
    max-width: 190px;
    margin: 0 auto 20px;
    float: none;
  }

  body .row-fluid .partners-cm .four-col-adjust span>.hs_cos_wrapper:nth-child(4n) {
    margin: 0 auto 20px;
  }

  .partner-section1 .heading-container{
    margin-bottom: 30px;
  }
}




/************** Home New Section Style - Banner Section**************/

.home-banner-new{
  padding: 100px 0 220px 0;
}

/*.home-banner-new.overlay:before{
background: linear-gradient(180deg, #000000 0%, rgba(0,0,0,0) 100%);
}*/




body.new-home .home-banner-new .three-close-icons1.home-hero-icons .shapes{
  top: -464px;
  left: -49px;
}

@media(max-width: 1024px){
  .home-banner-new{
    padding: 40px 0 200px 0;
  }

  .home-banner-new h1{
    line-height: 30px;
    margin-bottom:0px;
  }

  .home-banner-new .wrapper span{
    font-size:30px;
  }

  .home-banner-new .wrapper .logo-grp img{
    width:100px;
    height:auto;
  }


}

@media(max-width: 767px){


  .home-banner-new{
    padding: 10px 0 100px 0;
  }

  .home-banner-new .wrapper span{
    font-size: 15px;
    line-height:15px;
  }

  .home-banner-new .wrapper .logo-grp img{
    width:40px;
    height:auto;
  }

  .home-banner-new .wrapper .logo-grp p{
    padding-top:8px;
    font-size:8px;
    line-height:8px;
  }



  body.new-home .home-banner-new .three-close-icons1.home-hero-icons .shapes {
    top: -379px;
    left: 48px;
  }
}





/************************************************************************* Feature Box ********************************************************************************/
.feature-box,
.feature-box-image{ 
  text-align: center; 
}

.feature-box-image .feature-icon-image {

  border-radius: 6px;
  display: table;
  float: none !important;
  height: 80px;
  margin: 0 auto 15px !important;
  text-align: center;
  vertical-align: middle;
  width: 110px;
}
.feature-box-image .cell-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.feature-box .feature-icon > span {
  background: #fff none repeat scroll 0 0;
  border-radius: 6px;
  display: table;
  height: 110px;
  margin: 0 auto 8px;
  text-align: center;
  vertical-align: middle;
  width: 110px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
}
.feature-box .feature-icon > span > i {
  display: table-cell !important;
  vertical-align: middle;
  font-size: 48px !important;
}

.last-featurebox p{margin: 15px 0 0 0;}                     

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


/*********** About Us Page Style **********/


.feature-section-container{
  padding-bottom: 100px;
}

@media(max-width: 1024px){
  .feature-section-container{
    padding-bottom: 80px;
  }
}

@media(max-width: 767px){
  .feature-section-container{
    padding-bottom: 60px;
  }

  .feature-section-container .feature-box-image{
    margin: 20px 0;
  }
}


/*********** Diversity Page Style **********/

.four-icon-section .text-logo-cm {
  padding-top: 0;
  padding-bottom: 0;
}



.understand-big-picture-cm1.plan-tracking-cm1{
  width:100%;
  height:auto;
  position:relative;
  padding: 100px 0 100px 0;
}


body .container-fluid .row-fluid .understand-big-picture-cm1.plan-tracking-cm1 .wrapper{    
  position:relative;
  max-width:1200px;
}

.understand-big-picture-cm1.plan-tracking-cm1 .image-container{
  position:relative;
  z-index:1;
  float:right;
}

.understand-big-picture-cm1.plan-tracking-cm1 .image-container img{
  float:right;
}

.understand-big-picture-cm1 .left-col .heading-container{
  max-width:450px;
}

.understand-big-picture-cm1.plan-tracking-cm1 .right-col .heading-container p{
  color:#66688D;
  font-size:18px;
  line-height:27px;
  max-width:450px;
}

.hide-cta{
  display:none;                 
}

/* .understand-big-picture-cm1 .wrapper .row-fluid-wrapper .row-fluid .l2{
width: 50%;
} */
/* .understand-big-picture-cm1 .wrapper .row-fluid-wrapper .row-fluid .r2{
width: 50%;
margin-left: 50px;
} */


@media (max-width:1024px){
  .understand-big-picture-cm1.plan-tracking-cm1{
    padding: 80px 0 80px 0; 
  }
}





@media (max-width:767px){


  .understand-big-picture-cm1.plan-tracking-cm1{
    padding: 60px 0 60px 0;  

  }

  body .row-fluid .understand-big-picture-cm1 .right-col{
    text-align:center;
    margin-bottom:30px;
    padding-top:10px;
  }

  .understand-big-picture-cm1 .wrapper>.row-fluid-wrapper>.row-fluid{
    display:flex;
    flex-direction:column-reverse;
  }


  .understand-big-picture-cm1 .image-container {
    max-width: 100%;
    margin: 0 auto;
    float: none;
  }

  .understand-big-picture-cm1.plan-tracking-cm1 .right-col .heading-container p,
  .understand-big-picture-cm1 .right-col .heading-container p,
  .understand-big-picture-cm1 .left-col .heading-container{
    max-width: 100%;
  }
}

/********** Portfolio Style ***********/

body.portfolio .text-logo-cm{
  padding: 80px 0;
}

@media(max-width: 767px){
  body.portfolio .text-logo-cm{
    padding: 40px 0 60px 0;
  }
} 


/*==============================================================
Service Hub Page Style Start
================================================================*/

/********* Banner Section Style *********/


/********* Managed Section Style *********/

.four-col-image-cm{
  padding: 70px 0 60px 0;
}

body .container-fluid .row-fluid .four-col-image-cm .wrapper{
  max-width: 1400px;
}

body .container-fluid .row-fluid .four-col-image-cm .section-heading{
  margin: 0 auto 14px;
}

.four-col-image-cm h6 {
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 21px;

  text-transform: uppercase;
}

.four-col-image-cm .content-block h3{
  margin: 20px 0 10px 0;
}

.four-col-image-cm .content-block p{
  font-size: 18px;
  letter-spacing: 0;
  color: #66688D;
}

@media(min-width: 1025px){
  body .container-fluid .row-fluid .four-col-image-cm .four-col-adjust>span{
    margin-right: -5.5%;
  }

  body .row-fluid .four-col-image-cm .four-col-adjust span>.hs_cos_wrapper.content-block{
    flex-basis: 19.5%;
    -webkit-flex-basis: 19.5%;
    margin-right: 5.5%;
  }
}

@media(max-width: 1024px) and (min-width: 768px){
  body .container-fluid .row-fluid .four-col-image-cm .four-col-adjust>span{
    margin-right: -6.5%;
  }

  body .row-fluid .four-col-image-cm .four-col-adjust span>.hs_cos_wrapper.content-block{
    flex-basis: 43.5%;
    -webkit-flex-basis: 43.5%;
    margin-right: 6.5%;
  }
}

@media(max-width: 767px){
  .four-col-image-cm{
    padding: 36px 0 16px 0;
  }
}




/********* Card Section Style *********/



.four-col-card-cm{
  padding: 85px 0 140px 0;
}

body .container-fluid .row-fluid .four-col-card-cm .wrapper{
  max-width: 1400px;
}

body .container-fluid .row-fluid .four-col-card-cm .section-heading{
  margin: 0 auto 15px;
}

.four-col-card-cm h6{
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 21px;
  text-transform: uppercase;
}

.four-col-card-cm h2{
  margin-top: 16px;
}

.four-col-card-cm .section-description{
  max-width: 435px;
  margin: 0 auto;
  float: none;
}

.four-col-card-cm .section-description p{
  color: #66688D;
  letter-spacing: 0;
  line-height: 27px;
}

.four-col-card-cm .content-block{
  border: 1px solid #BDC3C9;
  border-radius: 4px;
  background-color: #FFFFFF;
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
  position: relative;
}

.four-col-card-cm .content-block:hover{
  border: 1px solid #000FFF;
  box-shadow: 0 5px 9px 4px rgba(0,15,255,0.04);
}

.four-col-card-cm .content-block .image-section{
  width: 100%;
  height: 138px;
}

.four-col-card-cm .content-block .logo-container{
  margin-bottom: 16px;
}

.four-col-card-cm .text-content-section{
  padding: 25px 15px 25px 15px;
}

.four-col-card-cm .content-block h3{
  margin: 6px 0;
  color: #17191c;
  font-size: 18px;
  font-weight: 600;
}

.four-col-card-cm .content-block p{
  color: #66698A;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.8px;
}

.four-col-card-cm .content-block .tag-section{
  text-transform: uppercase;
  color: #66698A;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.61px;
  line-height: 16.8px;
}

.four-col-card-cm .content-block a.card-link{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media(max-width: 1024px) and (min-width: 768px){
  .four-col-card-cm{
    padding: 75px 0 80px 0;
  }

  body .container-fluid .four-col-card-cm .row-fluid .four-col-adjust>span{
    margin-right: -4.5%;
  }

  body .row-fluid .four-col-card-cm .four-col-adjust span>.hs_cos_wrapper.content-block{
    flex-basis: 45.5%;
    -webkit-flex-basis: 45.5%;
    margin-right: 4.5%;
  }
}

@media(max-width: 767px){
  .four-col-card-cm{
    padding: 35px 0 40px 0;
  }
}

/********* Two Col TExt Image Section Style *********/     

.two-col-section{
  position: relative;
}

.two-col-section .bottom-shape .vector-cm{
  position: absolute;
  bottom: 160px;
}

.two-col-section .top-shape{
  position: relative;
  z-index: 1;
}

.two-col-section .top-shape .vector-cm{
  position: absolute;
  top: -26px;
  left: 69%;
}


.service-two-col-text-image.plan-tracking-cm{
  width:100%;
  height:auto;
  position:relative;
  padding: 90px 0 110px 0;
}

.service-two-col-text-image.plan-tracking-cm:after{
  content: '';
  position: absolute;
  background: url(https://www.thedigitalproject.com.au/hubfs/Tdp%20Assets%202019/Images/yellow%20stripes.svg) no-repeat;
  background-size: contain;
  width: 95px;
  height: 96px;
  bottom: 0;
  right: 244px;
}

body .container-fluid .row-fluid .service-two-col-text-image .wrapper{
  max-width: 1400px;
}

.service-two-col-text-image .heading-container{
  max-width: 488px;
}

.service-two-col-text-image .heading-container h2{
  margin-top: 14px;
  margin-bottom: 8px;
}

.service-two-col-text-image .image-container{
  position:relative;
  z-index:1;
  float:right;
}

.service-two-col-text-image .left-col .heading-container p{
  color: #66698A;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.8px;
}

body .service-two-col-text-image .left-col a.cta_button{
  border: 1px solid #000FFF;
  border-radius: 2px;
  color: #000FFF;
  font-size: 16px;
  letter-spacing: 0.53px;
  line-height: 28px;
  background: transparent;
  box-shadow: none;
  margin-top: 9px;
}

body .service-two-col-text-image .left-col a.cta_button:hover{
  color: #fff;
}

@media(max-width: 1400px){
  .service-two-col-text-image.plan-tracking-cm:after{
    right: 20px;
  }
}


@media(max-width:1024px){
  .service-two-col-text-image.plan-tracking-cm{
    padding: 80px 0 80px 0; 
  }
}

@media(max-width:767px){
  .service-two-col-text-image.plan-tracking-cm{
    padding: 40px 0;
    text-align: center;
  }

  .service-two-col-text-image.plan-tracking-cm:after{
    height: 50px;
    width: 50px;
  }

  .service-two-col-text-image .heading-container{
    max-width:100%;
  }

  .service-two-col-text-image .right-col{
    margin-bottom:30px;
  }

  .service-two-col-text-image .wrapper>.row-fluid-wrapper>.row-fluid{      
    display:flex;
    flex-direction:column-reverse;
  }

  .service-two-col-text-image .image-container {        
    max-width: 400px;
    margin: 0 auto;
    float: none;
  }
}

@media(min-width: 1025px){
  body.project-hub .project-hub-hero-section .two-col-hero-cm{        
    margin-bottom: 47px;       
  }
}




body.project-hub .left-floating-icons.project-plan-tracking-icons .shapes{    
  right: 18%;
}

body.project-hub .right-floating-icons .shapes{
  top: 307px;
}

@media(max-width: 1024px){
  body.project-hub .right-floating-icons .shapes{
    top: 144px;
  }
}

.understand-big-picture-cm .cta-container a.cta_button,
.c1 .cta-container a.cta_button{
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  color: #252A58;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 28px;
  position: relative;
  padding-right: 20px;
  transition: all 0.3s ease-in-out;                     
}      

.understand-big-picture-cm .cta-container a.cta_button:hover,
.c1 .cta-container a.cta_button:hover{
  color: #3E1E97;
}

.understand-big-picture-cm .cta-container a.cta_button:before,
.c1 .cta-container a.cta_button:before{
  position: absolute;
  content: '';
  background: url('https://f.hubspotusercontent00.net/hubfs/4777856/CTA%20Right%20Arrow.svg') no-repeat;    
  background-size: contain;
  background-position: center;
  height: 7px;
  width: 8px;
  top: 10px;
  right: 0;              
}   

body.diversity-page .two-col-hero-cm{
  padding: 98px 0px 195px 0;
}

body.diversity-page .container-fluid .row-fluid .two-col-section .wrapper{
  max-width: 1200px;
}    

/* body.diversity-page .expert-cm{
padding: 65px 0 93px;
} */

@media(max-width: 1024px){
  body.diversity-page .two-col-hero-cm{
    padding: 98px 0px 100px 0;
  }
}





/**************ADVISORY PAGE STYLING************/

.advisory .two-col-hero-cm {
  padding: 155px 0px 155px 0;
}


/***********ADVISOR SERVICES SECTION*********/

.advisory-services{
  padding:66px 0 74px;
}

.advisory-services .heading-cont{
  max-width:530px;
  margin:0 auto;
}

.advisory-services .heading-cont p{
  color: #66688D;
}

body .row-fluid .advisory-services .four-col-adjust span>.hs_cos_wrapper{
  border: 1px solid #BDC3C9;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 10px;
}

body .row-fluid .advisory-services .four-col-adjust span>.hs_cos_wrapper:hover{
  border: 1px solid #000FFF;
  box-shadow: 0 5px 9px 4px rgba(0,15,255,0.04);
}

.advisory-services .cm-cont .text-cont{
  padding:25px 0 0;
}

.advisory-services .cm-cont .text-cont p{
  color: #66698A;
  margin-bottom: 0;
}

/********TWO COL SECTION*******/

.advisory-two-col .two-col-section-container .two-col-section:first-child h5{
  color: #44B5FF;
}

.advisory .two-col-section .text-container h5{
  color:#989AB0;
}

@media(max-width:767px){

  .advisory .two-col-hero-cm {
    padding: 70px 0;
  }
}

/*********DOWNLAOD SECTION********/

.brochure-section{
  background: #000FFF;
  padding:78px 0;
}

.brochure-section .brochure-text{
  max-width: 650px;
  margin: 0 auto!important;
  width: 100%;
  float: none;
  clear: both;
}



/****************INDUSTRY PAGE STYLING*******************/


body .row-fluid .industry-hero.position-class .vector-cm.span12 {
  top: 250px;
  left: auto;
  right: -85%;
  z-index: 1;
}

body .row-fluid .industry-hero.position-class .vector-cm.span12 .shapes .triangle,
body .row-fluid .industry-hero.position-class .vector-cm.span12 .shapes .circle,
body .row-fluid .industry-hero.position-class .vector-cm.span12 .shapes .sqare{
  opacity:1;
}

/****************CASE STUDIES SECTION*****************/

.case-studies{
  padding:80px 0;
}

body .row-fluid .case-studies .two-col-adjust span>.hs_cos_wrapper{
  margin-right:3%;
}

body .row-fluid .case-studies .two-col-adjust span>.hs_cos_wrapper:nth-child(even){
  margin-right:0;
}

.case-studies .topic-link{
  border: 1px solid #000FFF;
  border-radius: 1px;
  background-color: rgba(255,255,255,0.34);
  color: #000FFF;
  font-family: Fieldwork;
  font-size: 11px;
  letter-spacing: 0.3px;
  line-height: 15px;
  padding: 8.5px 20.8px;
  text-transform: uppercase;
}

.case-studies .feature-img{
  height:300px;
  margin-top: 20px;
  border-radius: 4px;
}

.case-studies .text-cont{
  padding:30px 0 0;
}

.case-studies .post-title-related{
  height:91px;
}

.case-studies .post-title-related a{
  color: #212A62;
  font-family: Fieldwork;
  font-size: 29px;
  letter-spacing: 0;
  line-height: 33px;
  border-bottom:2px solid transparent;
  transition: all ease-in-out .2s;
}

.case-studies p{
  color: #242A5B;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 27px;
}


.case-studies .two-col-adjust span>.hs_cos_wrapper:hover .feature-img,
.case-studies .two-col-adjust span>.hs_cos_wrapper:hover p,
.case-studies .two-col-adjust span>.hs_cos_wrapper:hover .topic-link{
  opacity:0.5;
  transition: all ease-in-out .2s;
  cursor:pointer;
}

.case-studies .two-col-adjust span>.hs_cos_wrapper:hover .post-title-related a{
  border-color: #000FFF;
  color: #000FFF;
  transition: all ease-in-out .2s;
}


body .case-studies .cta-container.transparent-cta a.cta_button{
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  color: #252A58;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 28px;
  position: relative;
  padding-right: 20px;
  transition: all 0.3s ease-in-out;
}

body .case-studies .two-col-adjust span>.hs_cos_wrapper:hover .cta-container.transparent-cta a.cta_button{
  color: #3E1E97;
}

body .case-studies .cta-container.transparent-cta a.cta_button:after{
  position: absolute;
  content: '';
  background: url('https://f.hubspotusercontent00.net/hubfs/4777856/CTA%20Right%20Arrow.svg') no-repeat;
  background-size: contain;
  background-position: center;
  height: 7px;
  width: 8px;
  top: 10px;
  right: 0;
}


@media(max-width:767px){

  body .row-fluid .case-studies .two-col-adjust{
    text-align:left;
  }

  .case-studies {
    padding: 50px 0;
  }

}
/**************TECHNOLOGY PAGE STYLING*************/

body .row-fluid .tech-two-col .text-container h5{
  color:#44B5FF;
}


/******************TECH HEADING SECTION***************/

body .row-fluid .position-class .tech-heading-icon.vector-cm.span12 {
  top: 250px;
  z-index: 1;
}


.tech-heading-section{
  padding: 70px 0 60px;
}

.tech-heading-section .heading-text{
  max-width: 770px;
  margin: 0 auto!important;
  width: 100%;
  float: none;
}


.tech-heading-section .heading-text p{
  color: #656890;
}

/******************FOUR COL CM *******************/


.four-col-cm{
  background:#F5FAFF;
  padding: 80px 0; 
}

.four-col-cm .img-cont{
  border-radius:100%;
  max-width:60px;
  margin: 0 auto;
  background:#64B3FF;
}



/***********************TECH SLIDER CM***********************/

.tech-slider-cm{
  background: #F8FAFB;
  padding:80px 0;
}

.tech-slider .img-cont{
  outline:0;
  min-height:595px;
}

.tech-slider .img-cont img{
  margin:0 auto;    
}

.tech-slider .slick-dots li{
  display:inline-block;
}

.tech-slider .slick-dots button{
  border: none;
  border-radius: 100%;
  font-size:0;
  border: 2px solid #BDC3C9;
  background-color:transparent;
  width: 12px;
  height: 15px;
}

.tech-slider .slick-dots li.slick-active button {
  background-color:#8C949D;
  border: 2px solid transparent;
}

.tech-slider .slick-next:after{
  position: absolute;
  right: auto;
  margin-left: 70px;
  bottom: 10px;
  content: '';
  cursor: pointer;
  width:12px;
  height:12px;
  cursor:pointer;
  transition: all .4s ease-in-out;
  border-right:2px solid #989AB0;
  border-top:2px solid #989AB0;
  transform: rotate(45deg);
}


.tech-slider .slick-prev:after{
  position: absolute;
  left:auto;
  margin-left: -75px;
  bottom:10px;
  content:'';
  z-index:1;
  width:12px;
  height:12px;
  cursor: pointer;
  transition: all .4s ease-in-out;
  border-left:2px solid #989AB0;
  border-bottom:2px solid #989AB0;
  transform: rotate(45deg);
}


@media(max-width:767px){

  .tech-slider .img-cont {
    min-height: 300px;
  }
}


/****************CASE STUDIES SECTION*****************/


.case-icons.left-floating-icons .shapes,
.case-icons.right-floating-icons .shapes{
  top:20px;
}


.case-icons.right-floating-icons .shapes .sqare{
  top:130px;
}

.case-studies-section{
  padding:0 0 80px;
}

body .row-fluid .case-studies-section .three-col-adjust span>.hs_cos_wrapper{
  margin-right:2.7%;
  border-bottom: 1px solid #E8E8E8;
  margin-top: 0;
  margin-bottom: 63px;
}

body .row-fluid .case-studies-section .three-col-adjust span>.hs_cos_wrapper:nth-child(3n){
  margin-right:0;
}

.case-studies-section .topic-link{
  border: 1px solid #000FFF;
  border-radius: 1px;
  background-color: rgba(255,255,255,0.34);
  color: #000FFF;
  font-family: Fieldwork;
  font-size: 11px;
  letter-spacing: 0.3px;
  line-height: 15px;
  padding: 8.5px 20.8px;
  text-transform: uppercase;
}

.case-studies-section .feature-img{
  height:230px;
  margin-top: 20px;
  border-radius: 4px;
}

.case-studies-section .text-cont{
  padding:30px 0 0;
}

.case-studies-section .post-title-related{
  height:50px;
}

.case-studies-section .post-title-related a{
  color: #212A62;
  font-family: Fieldwork;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 29px;
  border-bottom:2px solid transparent;
  transition: all ease-in-out .2s;
}

.case-studies-section p{
  color: #66698A;
}

.case-studies-section .date{
  color: #252A58;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 27px;
}


.case-studies-section .three-col-adjust span>.hs_cos_wrapper:hover .feature-img,
.case-studies-section .three-col-adjust span>.hs_cos_wrapper:hover p,
.case-studies-section .three-col-adjust span>.hs_cos_wrapper:hover .topic-link{
  opacity:0.5;
  transition: all ease-in-out .2s;
  cursor:pointer;
}

.case-studies-section .three-col-adjust span>.hs_cos_wrapper:hover .post-title-related a{
  border-color: #000FFF;
  color: #000FFF;
  transition: all ease-in-out .2s;
}

@media(max-width:1024px) and (min-width:768px){

  .case-studies-section .post-title-related {
    height: 70px;
  }
}


@media(max-width:767px){

  .case-studies-section {
    padding: 0;
  }
}


/**********************CASE STUDY SINGLE ************************/


.case-study .post-body{
  padding:50px 0;
}

.case-study .post-body .post-text{
  max-width:600px;
  margin:0 auto;
  float:none;
}

.case-study .post-body img{
  padding:0 0 30px;
}

.case-study .post-body p,
.case-study .post-body li{
  color: #252A58;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 29px;
}

.case-study .post-body h4{
  color: #293142;
  font-family: Fieldwork;
  font-size: 21px;
  letter-spacing: 0;
  line-height: 25px;
}

.case-study .post-body li{
  position:relative;
  padding-left: 25px;
}

.case-study .post-body li:after{
  position:absolute;
  content:'';
  background: #000FFF;
  width:7px;
  height:7px;
  left:0;
  top:12px;
}


@media(max-width:767px){

  .change-on-mobile .row-fluid-wrapper>.row-fluid{
    display:flex;
    flex-direction:row;
  }
  
  .case-single-hero .img-cont{
    width:auto;
    float:left;
  }
  
  body .row-fluid .case-single-hero .author-text{
    width:auto;
    float:left;
    text-align: left;
    margin-left: 20px;
  }
}


/*********************RELATED CASE STUDY ******************/


.related-case{
  padding:80px 0;
}

.related-case .heading-cont h4{
  font-size: 23px;
  letter-spacing: 0;
  line-height: 33px;
}

body .row-fluid .related-case .three-col-adjust span>.hs_cos_wrapper{
  margin-right:2.7%;
}

body .row-fluid .related-case .three-col-adjust span>.hs_cos_wrapper:nth-child(3n){
  margin-right:0;
}

.related-case .topic-link{
  border: 1px solid #000FFF;
  border-radius: 1px;
  background-color: rgba(255,255,255,0.34);
  color: #000FFF;
  font-family: Fieldwork;
  font-size: 11px;
  letter-spacing: 0.3px;
  line-height: 15px;
  padding: 8.5px 20.8px;
  text-transform: uppercase;
}

.related-case .feature-img{
  height:180px;
  margin-top: 20px;
  border-radius: 4px;
}

.related-case .text-cont{
  padding:30px 0 0;
}

.related-case .post-title-related{
  height:50px;
}

.related-case .post-title-related a{
  color: #212A62;
  font-family: Fieldwork;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 29px;
  border-bottom:2px solid transparent;
  transition: all ease-in-out .2s;
}


.related-case .three-col-adjust span>.hs_cos_wrapper:hover .feature-img,
.related-case .three-col-adjust span>.hs_cos_wrapper:hover .topic-link{
  opacity:0.5;
  transition: all ease-in-out .2s;
  cursor:pointer;
}

.related-case .three-col-adjust span>.hs_cos_wrapper:hover .post-title-related a{
  border-color: #000FFF;
  color: #000FFF;
  transition: all ease-in-out .2s;
}

@media(max-width:1024px) and (min-width:768px){

  .related-case .post-title-related {
    height: 70px;
  }
}


@media(max-width:767px){

  .related-case {
    padding: 50px 0 0;
  }
}