/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap');

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
































































html {
  font-size: 16px;
}

body {
  font-family: Muli, sans-serif;
  font-size: 16px;
  color: #494a52;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  margin:0;
  overflow-x:hidden;
}

body .container-fluid .row-fluid .page_max_width{
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    float: none;
    padding-left:15px;
    padding-right:15px;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Muli, sans-serif;
}

/* Anchor Links */
a {
  color: #0270E0;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration:none;
  color:#007aff;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
  font-weight: 800;
  font-family: Muli, sans-serif;
  color: #000000;
  word-break: break-word;
}

h1 {
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -1px;
    margin-bottom: 20px;
}

h2 {
    font-size: 24px;
    line-height: 1.24;
    letter-spacing: -0.7px;
}

h3 {
    font-size: 24px;
    line-height: 1.42;
    letter-spacing: -0.4px;
}

h4 {
  font-family: Muli, sans-serif;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: normal;
}

h5 {
    font-size: 18px;
    line-height: 1.44;
    letter-spacing: normal;
}

h6 {
   font-size: 16px;
   line-height: 1.44;
   letter-spacing: normal;
   color:#007aff;
}

strong {
  font-weight: 800;
}

code {
  vertical-align: bottom;
}

ul,
ol {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

ul li,
ol li {
  line-height: 1.5rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

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

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

.no-list__style li:before{
    display:none;
}

.single-line__list ul{
 margin:0;
padding:0;
}

.single-line__list ul li{
  margin:0;
  padding:0;
  display:inline-block;
  margin-bottom:15px;
}

.boxed-style {
    border-radius: 8px;
    box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.21);
    background-color: #ffffff;
    padding: 54px 30px 40px;
    text-align:center;
}

.boxed-style h3 {
    margin-top: 45px;
}

.border-boxed__style{
  border: solid 1px #eeeeee;
  background-color: #ffffff;
  padding:25px;
}

@media(max-width:767px){

.boxed-style{
  padding:30px 20px;  
}


}


blockquote {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-left: 2px solid #A9A9A9;
  padding-left: 15px;
}

/* Horizontal Rules */
hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
  width: 100%;
}

/* TODO */
small {

}

/* TODO */
mark {

}

sup,
sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

:focus {
  outline: auto;
  outline-color: green;
}

.disable-focus-styles :focus {
  outline: none;
}

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

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

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

.column-left{
    float:left;
}

.column-right{
    float:right;
}

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

.overlay:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background:rgba(43, 43, 43, 0.4);
    z-index: -1;
}

.black-gradient:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(271deg, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.28) 33%);
    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 .fab,
.all-text__white a{
    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 .fab,
.text-margin__zero a,
.text-margin__zero .widget-type-cta,
body .container-fluid .row-fluid .text-margin__zero .span12{
    margin:0;
}

.base-color__text h1,
.base-color__text h2,
.base-color__text h3,
.base-color__text p,
.base-color__text h4,
.base-color__text h5,
.base-color__text h6,
.base-color__text .fab,
.base-color__text a{
    color:#007aff;
}




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



.row-background__image{
    background-size: cover!important;
    background-position: center center!important;
}

.row-background__image .background-img{
    display:none!important;
}

.row-padding{
   padding:100px 0;
}




/*===========================================
   CTA Styling
 =============================================================*/

body a.cta_button[title],
body .container-fluid .row-fluid .hs-button{    
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    padding: 14px 24px;
    text-align: center;
    display: inline-block;
    color: #fff;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    transition: all ease-in-out .2s;
    top: 0;
    background: #007aff;
    text-transform: capitalize;
    border: 1px solid #007aff;
    cursor:pointer;
    border-radius: 4px;
    text-decoration: none;
}

body .container-fluid .row-fluid .hs-button{
    margin-top: 8px;
}

body a.cta_button[title]:hover,
body .container-fluid .row-fluid .hs-button:hover{
    background: transparent;
    color:#007aff;
}

body .white-cta a.cta_button[title]{
  background:#ffffff;
  color:#000000;
  border-color:#ffffff;
}

body .simple-cta a.cta_button[title]{
   background:transparent;
   padding:0;
   border:none;
   border-radius:0;
   text-decoration:underline;
  color:#007aff;
  position:relative;
  text-transform: none;
}

body .simple-cta a.cta_button[title]:after{
  content:" ";
  position:absolute;
  right: -19px;
  top: 7px;
  background:url('https://7106460.fs1.hubspotusercontent-na1.net/hubfs/7106460/Coast%20Assets/path.svg') no-repeat;
  background-size:contain;
  width:6px;
  height:8px;

}

body .white-cta a.cta_button[title]:hover{
  background:#007aff;
  color:#fff;
  border-color:#007aff;
}

body .border-style__cta a.cta_button[title]{
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
  color:#000000;
  border:1px solid #007aff;
  background:transparent;
  text-decoration:none;
  position:relative;
}



body .border-style__cta a.cta_button[title]:hover{
  background:#007aff;
  color:#ffffff;
}

body .container-fluid .row-fluid .no-margin{
   margin:0;
}

.list-single__row ul li{
 display:inline-block;
 margin-right:15px;
 }

.list-single__row ul li:last-child{
  margin:0;
}

.no-marginpadding__ul ul{
  margin:0;
  padding:0;
  
}

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


.tick-list__style li{
  position:relative;
  list-style-type:none;
  padding-bottom: 13px;
}

.tick-list__style li:before{
    position: absolute;
    content: "\f00c";
    left: -30px;
    top: -2px;
    color: #007aff;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
}



.single-line__formcontainer form{
  position:relative;
  max-width:690px;
  margin:0 auto;
}

.single-line__formcontainer label{
  display:none;
}

body .container-fluid .row-fluid .single-line__formcontainer form .hs-button{
  position:absolute;
  top:8px;
  right:8px;
  margin:0;
  text-transform: uppercase;
  padding: 15px 48px;
}


body .container-fluid .row-fluid .single-line__formcontainer form input[type=email]{
    padding: 15px 15px;
    height: 66px;

}


@media(min-width:768px){

body .container-fluid .row-fluid .single-line__formcontainer form input[type=email]{
      padding-right: 31%;
}

}



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

body a.cta_button[title], body .container-fluid .row-fluid .hs-button{
   padding:14px 21px;
}


}


@media (max-width: 767px) {
  
body .container-fluid .row-fluid .single-line__formcontainer form .hs-button{
 position:static;  
}
  
 .row-right {
    text-align: center;
}
  
  .row-left {
      text-align: center;    
  }
  
body .container-fluid .row-fluid .page_max_width{
    padding-left:20px;
    padding-right:20px;
}

h1 {
    font-size: 45px;
}

.row-padding {
    padding: 60px 0;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 18px;
}
  
.text-container p {
    margin-top: 16px;
}  
  
.mobile-top__space{
   margin-top:50px;  
} 
  
.mobile-bottom__space{
   margin-bottom:50px;  
}   

.mobile-top__space20{
   margin-top:20px;
}
  
  
.mobile-top__space80{
   margin-top:80px;  
} 
  
.mobile-imagefull img{
   width:100%;
}  
  
body a.cta_button[title]{
   display:block;
}  
  
  body .simple-cta a.cta_button[title]{
   display:inline-block;
  }  
  
  
}



/*============================================================
   Equal grids
==============================================================*/

@media (min-width: 768px) {
    
.equal-height__column > .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 .column-center{
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}     
}


body .container-fluid .row-fluid .grid-column__two>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%;
  justify-content: center;
    -webkit-justify-content: center;
}

body .row-fluid .grid-column__two 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;
      flex-direction: column;
    -webkit-flex-direction: column;
}

@media(max-width:767px){
  
body .row-fluid .grid-column__two span>.hs_cos_wrapper{
    display:block;
    width:100%;
    margin:0;
    margin-top:20px;
    max-width:379px;
    width:100%;
    margin:35px auto 0;
    float:none;
}
  
body .container-fluid .row-fluid .grid-column__two>span{
      display:block;
      margin-right:0;
}
  
  
}


body .container-fluid .row-fluid .grid-column__three>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.43%;
  justify-content: center;
    -webkit-justify-content: center;
}

body .row-fluid .grid-column__three 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: 2.43%;
    box-sizing:border-box;
    position:relative;
    flex-direction: column;
    -webkit-flex-direction: column;
}




@media (max-width:767px){
  
body .container-fluid .row-fluid .grid-column__three>span {
    display: block;
    margin-right: 0;
}

body .row-fluid .grid-column__three span>.hs_cos_wrapper {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 20px;
    max-width: 379px;
    width: 100%;
    margin: 30px auto 0;
    float: none;
}   
}



body .container-fluid .row-fluid .grid-column__four>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%;
  justify-content: center;
    -webkit-justify-content: center;
}

body .row-fluid .grid-column__four 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: 2.43%;
    box-sizing:border-box;
    position:relative;
    flex-direction: column;
    -webkit-flex-direction: column;
}




@media (max-width:767px){
 
body .container-fluid .row-fluid .grid-column__four>span {
    display: block;
    margin-right: 0;
}

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

@media(min-width:768px){

.body-container-wrapper {
    /*margin-top: 117px;*/
      overflow-x: hidden;
}

}


/*====================================================================
   Custom Class Declaration
=====================================================================*/

.background-image{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
}

.image-for__background{
  display:none!important;
}

body .container-fluid .row-fluid .text-container{
    max-width: 866px;
    float: none;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:40px;
}

body .container-fluid .row-fluid .small-text__container{
    max-width: 650px;
    float: none;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:40px;
}

.text-container p,
.small-text__container p{
    font-size:20px;
    font-weight:400;
    line-height:1.5;
}


.hide-span li span,
body .container-fluid .row-fluid .hide-module{
  display:none;
}

.h4-normal__fontweight h4{
  font-weight:normal
}

.link-before__border a{
  position:relative;
}


.link-before__border a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -4px;
  background: #007aff;
}

.grey-background{
  background:#f7fcff;
}

body .white-bordered__bg{
  border-radius: 8px;
  border: solid 1px #eeeeee;
  background-color: #ffffff;
    padding: 42px 30px 29px;
}

.white-bordered__bg h3{ 
    margin: 20px 0px;
}

.theme-background{
  background:#007aff;
}

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


.background-padding{
   padding: 70px 35px 29px;
}

.before-grey__bg{
  position:relative;
}


.before-grey__bg:before{
  content:"";
  position:absolute;
  width: 300%;
  height: 100%;
  left: -300%;
  top:0;
  background:#f7fcff;

}


/*=====================================================================
  header styling
========================================================================*/

/*header top bar styling*/

@media(min-width:768px){
  
.wp-nav-menu {
    box-shadow: 0 2px 10px 0 rgba(7, 7, 7, 0.15);
    background-color: #ffffff;
    position: fixed;
    z-index: 3;
}
  
}

.header-top-bar{
  background-color: #1A1C23;
  padding: 3px 0px;
}

.contact-list-cm ul{
  margin:0;
  padding:0;
  list-style:none;
}

.contact-list-cm ul li{
  margin:0;
  list-style:none;
  padding-right:31px;
  display:inline-block;
  font-size: 14px;
  line-height: normal;
  font-weight: 600;
}

.contact-list-cm ul li img{
    margin-right:3px;
    vertical-align: text-top;
}

.social-list-cm ul{
  margin:0;
  padding:0;
}

body .social-list-cm ul li{
  margin:0;
  padding:0;
  display:inline-block;
  list-style:none;
  margin-right:12px;
}

.social-list-cm ul li:last-child{
  margin-right:0;
}

.social-list-cm ul li i.fab{
    font-size: 12px;
    line-height: 1.2;
    font-weight: bold;
}


/*Header bottom Bar Styling*/

.header-bottom-bar{

}

.header-container-wrapper .hs-menu-wrapper {
    line-height: 0;
    float:right;
}

.header-container-wrapper .hs-menu-wrapper ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}





/*.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    padding: 28px 20px;
    color: #000000;
    max-width: 100%;
    text-decoration: none;
    font-weight: bold;
    line-height: 1.75;
}*/

.header-container-wrapper .cta-grp.column-center{
     align-items: flex-end;
    -webkit-align-items: flex-end;
}


.hs-menu-item:hover a,
.hs-menu-item:focus a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
}

.hs-menu-item.active a {
  color: rgba(0, 0, 0, 0.9);
}

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

.contact-list-cm ul li{
    padding-right:6px;
    font-size: 10px;
}  
  
  
/*.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{
   font-size:14px;
   padding: 28px 10px;
}  */
  
body .header-container-wrapper  a.cta_button[title]{
    font-size: 13px;
    padding: 10px 7px;
}
  

}


@media(max-width:767px){

body .container-fluid .row-fluid .header-top-bar{
  display:none;
}

}

/*==========================================================
  sub menu styling
============================================================*/

.header-container-wrapper ul.hs-menu-children-wrapper {
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(7,7,7,0.15);
}

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

body .header-container-wrapper .header-bottom-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-2 a{
  color:#000000;
  width: 100%;
  max-width: 100%;
  min-width: 150px;
}


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

  body a.cta_button[title], body .container-fluid .row-fluid .hs-button{
  padding:14px 14px;
  }


}



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


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */
/*@media(max-width:767px){


.custom-menu-primary .hs-menu-wrapper > ul,
.custom-menu-primary .hs-menu-wrapper{ 
  background:#1A1C23;;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:;
}

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


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

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




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


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

.mobile-trigger, .child-trigger{
    display: none; /* Hide button on Desktop */
}

@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 custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */
  
  /*.custom-menu-primary .hs-menu-wrapper{
   display:none;
  }

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

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

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

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


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

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


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

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

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

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

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

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

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




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

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

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

@media (max-width:767px){




.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after {
    width: 30px;
    background-color: #007aff;
    height:3px;
}

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

.mobile-trigger i:after {
    top: 10px;
}

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

.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: #007aff;
}

.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-color: #007aff;
}

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

.custom-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 .header-bottom-bar .logo{
    max-width: 180px;
    float: left;
    margin-top: 0;
    margin-left: 0;
    position:relative;
    z-index:11;
}

.custom-menu-primary .hs-menu-wrapper>ul li {
    border-top: 0px;
    border-bottom: 1px solid #e7e7e7;
}

.custom-menu-primary.js-enabled .hs-menu-wrapper{
    padding: 0;
    margin:0;
    z-index:3;
  background:#1A1C23;;
    top:65px;
}

body .header-container-wrapper .header-bottom-bar ul>li{
    border:0;
}

body .header-container-wrapper .header-bottom-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    padding: 15px 20px;
  border-bottom: 1px solid #e7e7e724;
}

body .container-fluid .row-fluid .header-bottom-bar{
    padding: 15px 0;
    background:#fff;
    border-bottom:1px solid #e7e7e7;
}
   
body .header-bottom-bar .cta-grp a.cta_button[title]{
  display: block;
  width: auto;
  border-radius:0;
  }  


}


/****************** END Header Mobile Responsive *******************/





/*===============================================================
  Footer Styling
=================================================================*/

.footer {
  background-color: #1A1C23;;
}

.footer .page_max_width{
    background: url(https://7106460.fs1.hubspotusercontent-na1.net/hubfs/7106460/Coast%20Assets/world-map.svg) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 100px 0 8px;
}

.footer h3{
  margin-bottom:18px;
}




.footer  ul{
 margin:0;
 padding:0;
}



.footer li span {
    margin-right: 10px;
}

.footer .hs-menu-wrapper.hs-menu-flow-vertical>ul {
    column-count: 2;
}

.footer .hs-menu-wrapper.hs-menu-flow-vertical>ul li a{
   padding:0;
  white-space:normal;
}

.footer .hs-menu-wrapper.hs-menu-flow-vertical>ul li:hover a{
  color:#fff;
}

.footer .social-list-cm{
  text-align:left;
}

.footer__copyright {
  font-family: Muli, sans-serif;
  font-size:14px;
  line-height:23px;
  margin:0;
  padding-top: 49px;
}

.footer__copyright a{
  text-decoration:underline;
}

@media(min-width:768px){

  
.footer .left-col .row-number-5 {
    padding-right: 30px;
}

}

@media(max-width:767px){

.inner-left__col,
.inner-right__col {
    margin-top: 30px;
}
  
.footer .page_max_width{
   padding-top:60px;
}  
  
.footer__copyright{
   padding-top:0;
} 
  
.footer__copyright .row-right{
   text-align:left;
}  

}



/*==================================================
   Dnd styling
====================================================*/

.dnd-section {
  padding:0;
}

.dnd-section > .row-fluid {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding:0 15px;
}

.dnd-section .widget-type-cell {
  padding-left: 0px;
  padding-right: 0px;
}

@media (max-width: 767px) {
  .dnd-section .widget-type-cell {
    padding-left: 0px;
    padding-right: 0px;
  }
}





/*================================================================
 form styling
==========================================================================*/


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

.hubspot-link__container.sproket{
  display:none;
}

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

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

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

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

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



form {
  max-width: 100%;
  font-family: Muli, sans-serif;
}

.hs-button {
  margin: 0;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  line-height: 1.1;
  position: relative;
  text-align: center;
  transition: all 0.15s linear;
  background-color: #007aff;
  border-color: #007aff;
  color: #fff;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  font-size: .92rem;
  padding: 15px 53px;

  text-decoration: none;
}

.hs-button:hover, .hs-button:focus {
  background-color: #0052d7;
  border-color: #0052d7;

  color: #fff;
}

.hs-button:active {
  background-color: #28a2ff;
  border-color: #28a2ff;
}


.hs-form label {
  font-size: 16px;
  color: #000000;
  display: block;
  float: none;
  width: auto;
  font-weight: bold;
  text-align: left;
  line-height: 1.2;
  padding-top: 0;
  margin-bottom: 4px;
}

.hs-error-msgs label {
  margin-top: .5rem;
  color: red;
}

body .row-fluid .hs-input {
  display: inline-block;
  width: 100%;
  height: 50px;
  padding: 9px 10px;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

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

.hs-input[type=file] {
  background-color: #fff;
  padding: initial;
  border: initial;
  line-height: initial;
  box-shadow: none;
}

.hs-input:-moz-placeholder {
  color: #7f7f7f;
}

.hs-input::-webkit-input-placeholder {
  color: #7f7f7f;
}

.hs-input input,
.hs-input textarea {
  transition: border 0.2s linear;
}
.hs-input:focus {
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
}

textarea.hs-input {
  height: 170px;
}

select[multiple].hs-input {
  height: inherit;
}

/* Force single column fields to full width inside of fieldsets */
fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) {
  width: 100% !important;
}

input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
  border-color: #007aff;
}
input.hs-input.error:focus,
div.field.error input:focus,
div.field.error textarea:focus,
div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus,
select.hs-input.error:focus {
  border-color: #007aff;
}

.actions {
  padding: 0;
}

.inputs-list {
  margin: 0 0 5px;
  width: 100%;
  padding-left: 0;
}
.inputs-list > li {
  display: block;
  padding: 0;
  width: 100%;
  padding-top: 0;
}
.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  line-height: 18px;
  text-align: left;
  white-space: normal;
  font-weight: normal;
}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list > li + li {
  padding-top: 2px;
}
.inputs-list label > input,
.inputs-list label > span {
  vertical-align: middle;
}

ul.no-list {
  list-style: none;
}

.field {
  margin-bottom: 18px;
}

.hs-field-desc {
  color: #7c98b6;
  margin: 0px 0px 6px;
  font-size: 14px;
}

.hs-form-required {
  color: red;
}

.hs-richtext {
  margin-bottom: 3px;
  line-height: 1.2;
  font-size: 16px;
  color: #494a52;
}
.hs-richtext hr {
  text-align: left;
  margin-left: 0;
  width: 91%;
}

.grecaptcha-badge {
  margin: 0 auto;
}

.email-correction, .email-validation {
  padding-top: 3px;
  font-size: 12px;
}
.email-correction a,
.email-validation a {
  cursor: pointer;
}
@media (max-width: 400px),
(min-device-width: 320px) and (max-device-width: 480px) {
  .email-correction form .form-columns-2 .hs-form-field,
  .email-correction form .form-columns-3 .hs-form-field,
  .email-validation form .form-columns-2 .hs-form-field,
  .email-validation form .form-columns-3 .hs-form-field {
    float: none;
    width: 100%;
  }
  .email-correction form .form-columns-2 .hs-form-field .hs-input,
  .email-correction form .form-columns-3 .hs-form-field .hs-input,
  .email-validation form .form-columns-2 .hs-form-field .hs-input,
  .email-validation form .form-columns-3 .hs-form-field .hs-input {
    width: 90%;
  }
  .email-correction form .form-columns-2 .hs-form-field input[type=checkbox],
  .email-correction form .form-columns-2 .hs-form-field input[type=radio],
  .email-correction form .form-columns-3 .hs-form-field input[type=checkbox],
  .email-correction form .form-columns-3 .hs-form-field input[type=radio],
  .email-validation form .form-columns-2 .hs-form-field input[type=checkbox],
  .email-validation form .form-columns-2 .hs-form-field input[type=radio],
  .email-validation form .form-columns-3 .hs-form-field input[type=checkbox],
  .email-validation form .form-columns-3 .hs-form-field input[type=radio] {
    width: 24px;
  }
}

.hs-button,
.hs-form-field input[type=text],
.hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=number],
.hs-form-field input[type=tel],
.hs-form-field input[type=date],
.hs-form-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Muli, sans-serif;
}


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


.blog-index__post-image {
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
  background-image: url('https://6326501.fs1.hubspotusercontent-na1.net/hubfs/6326501/boilerplate/grayscale-mountain.png');
}

/*==================================================================
  Home 1 Hero section styling
=====================================================================*/

.homepage-hero{
    padding: 132px 0px 132px;
}

.homepage-hero h4{
    margin: 25px 0px 31px;
}

.homepage-hero .overlay{
    background: rgba(43, 43, 43, 0.08);
}

@media(min-width:768px){
  
.homepage-hero .page_max_width >.row-fluid-wrapper > .row-fluid{
    max-width: 520px;
}

}

@media(max-width:767px){
 
.homepage-hero{
    padding: 132px 0px 132px;
}  
  
.homepage-hero .page_max_width >.row-fluid-wrapper > .row-fluid{
    text-align:center;
}

}


/*=======================================================
  Two column image text cm
==========================================================*/

.two-col-image-text__cm{
   padding: 132px 0px 89px;
}


.two-col-image-text__cm h2{
   margin-bottom: 19px;
}

.two-col-image-text__cm p{
   margin-bottom:22px;
}

body .row-fluid .two-col-image-text__cm .image-border{
  position:relative;
  z-index:1;
  max-width:450px;
  margin:0 auto;
  float:none;
}

/*.two-col-image-text__cm .image-border:before {
    content: "";
    position: absolute;
    border: 4px solid #007aff;
    top: -25px;
    left: 21px;
    height: 100%;
    width: 100%;
    z-index: 1;
}*/


.two-col-image-text__cm .inner-module__width{
  max-width: 487px;
   margin: 0 auto;
}

.two-col-image-text__cm .inner-module__width img{
  margin-bottom:20px; 
}

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

.two-col-image-text__cm .image-border:before{
      left: 4px;
}
  
.two-col-image-text__cm  .right-col{
      padding-left: 15px;
  }  
  
.two-col-image-text__cm {
    padding: 122px 0px 45px;
}  

}

@media(max-width:767px){

.two-col-image-text__cm {
    padding: 97px 0px 79px;
}  
  
.two-col-image-text__cm .image-border:before{
   left:4px;
}
  
.two-col-image-text__cm .right-col{
   margin-top:30px;
}  
  
.two-col-image-text__cm .right-col{
   text-align:left;
}  
  
.two-col-image-text__cm .inner-module__width {
    max-width: 100%;
}
  
.two-col-image-text__cm .inner-module__width img{
   margin-bottom:20px;
}  

}


/*==============================================
     Testimonial cm
===============================================*/


.testimonial-cm{
    padding: 130px 0 125px;
}

body .container-fluid .row-fluid .testimonial-cm .page_max_width{
  position:relative;
}

body .container-fluid .row-fluid .testimonial-cm .inner-module__maxwidth{
  max-width:871px;
  margin:0 auto;
  float:none;
}

.testimonial-cm blockquote{
   margin:0;
   padding: 30px 0;
   border:none;
  font-size: 20px;
  font-weight: normal;
  font-style: italic;
  line-height: 1.5;
 
}

.testimonial-cm h2{
      margin-top: 24px;
}


.testimonial-cm h5{
  color:#007aff;
}

.testimonial-cm .slick-slide img{
    margin: 0 auto;
}

.testimonial-cm img.slick-arrow {
    position: absolute;
    left: -11%;
    top: 58%;
    cursor:pointer;
}

.testimonial-cm img.slick-next.slick-arrow {
    left: auto;
    right: -11%;
    
}


@media(max-width:1024px){
  
.testimonial-cm img.slick-next.slick-arrow{
      right: 30%;
}  
  
.testimonial-cm img.slick-arrow {
    left: -17%;
    top: auto;
    bottom: -59px;
    left: 30%;
}  

}

@media(max-width:767px){


.slick-initialized .slick-slide {
    float: left;
}
  
.testimonial-cm {
  padding: 87px 0 112px;
  background-size: contain!important;
}
  
}



/*==============================================
     Image text  cm
===============================================*/

.image-text__cm{
    padding: 82px 0 96px;
}


.image-text__cm h3{
    margin: 18px 0 6px;
}


.image-text__cm h5{
  color:#007aff;
  margin-bottom: 18px;
  font-weight: 400;
}


body  .container-fluid .row-fluid .image-text__cm  .circular-image__container{
    max-width: 257px;
    margin: 0 auto;
    height:257px;
    border-radius:100%;
}

.image-text__cm .cta-grp{
    padding-top: 62px;
}


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

 body .row-fluid .image-text__cm .grid-column__four span>.hs_cos_wrapper{
      flex-basis: 46%;
    -webkit-flex-basis: 46%;
  }


}


@media(max-width:767px){

.image-text__cm {
    padding: 45px 0 85px;
}

}


/*==============================================
     Three Column Image Text Cm
===============================================*/

.three-col__image-text-cm{
     padding: 100px 0;
}

body .row-fluid .three-col__image-text-cm .grid-column__three span>.hs_cos_wrapper{
    margin-top: 4.43%;
}

.three-col__image-text-cm .cta-grp{
    padding-top: 54px;
}

body .container-fluid .row-fluid .three-col__image-text-cm .text-container.row-center {
    margin-bottom: 30px;
}

.three-col__image-text-cm h4{
  margin: 15px 0px 10px;
}


@media(min-width:768px){

body .row-fluid .three-col__image-text-cm .grid-column__three>span{
  margin-right: -6.43%;
}  
  
body .row-fluid .three-col__image-text-cm .grid-column__three span>.hs_cos_wrapper{
    flex-basis: 26.9%;
    -webkit-flex-basis: 26.9%;
    float: left;
    margin-right: 6.43%;
}
  
  
}


@media(max-width:767px){

.three-col__image-text-cm {
    padding: 65px 0;
}
  
body .container-fluid .row-fluid .three-col__image-text-cm .text-container.row-center{
   text-align:left;
   margin-bottom: 10px;
}  
  
body .row-fluid .three-col__image-text-cm .grid-column__three span>.hs_cos_wrapper,
body .row-fluid .three-col__image-text-cm .grid-column__four span>.hs_cos_wrapper {
    margin-top: 35px;
  max-width: 100%;
}  


}
  
  


  
/*==============================================
    Background Wistia CM
===============================================*/   
  
body .container-fluid .row-fluid .wistia_video__popup {
    min-height: 671px;
    margin-left: 0;
   height:1px;
}  
  
.wistia_video__popup img{
    cursor:pointer;
}  


@media(max-width:767px){

body .container-fluid .row-fluid .wistia_video__popup {
    min-height: 400px;
    margin-left: 0;
    display: flex;
    align-items: center;
}

}
  
  
/*===============================================
  Counter CM Styling
================================================*/
  
  
.counter-cm{
   padding: 50px 0px 64px;
} 
  
.counter-cm h5{
    font-weight:400;
}  

@media(max-width:1024px) and (min-width:768px){
  
.counter-cm h3 {
    font-size: 18px;
}
  
.counter-cm h5{
      font-size: 16px;
}  
  
  
}

@media(max-width:767px){

body .row-fluid .counter-cm .grid-column__four span>.hs_cos_wrapper{
   margin-bottom:20px;
}

}


/*===============================================
  Two Column Text  CM Styling
================================================*/  

.two-col-text__cm{
    padding: 128px 0 140px;
}

.two-col-text__cm .left-col p {
    margin: 18px 0 20px;
}

@media(max-width:767px){

.two-col-text__cm {
    padding: 60px 0 77px;
}
  
.two-col-text__cm .right-col{
    margin-top:30px;
}  

}


  
/*===============================================
  Backgroud Image CM Styling
================================================*/  
  
body .container-fluid .row-fluid   .simple-background__cm{
    min-height: 300px;
    left: 0;
    overflow:hidden;
} 

@media(min-width:768px){  
  
body .container-fluid .row-fluid   .simple-background__cm{
    min-height: 671px;
    position: relative;
    left: 176px;
  }

}


/*===============================================
 Two Column Left Text Cm Styling
================================================*/  
  
.two-col-left-text__cm {
    padding: 122px 0 46px;
}

@media(min-width:768px){  
  
body .row-fluid .two-col-left-text__cm .grid-column__two span>.hs_cos_wrapper{
  margin-bottom:40px;
  margin-top:0;
}

}


@media(max-width:767px){

.two-col-left-text__cm {
    padding: 62px 0 65px;
}  
  
.two-col-left-text__cm .cta-grp{
    margin: 30px 0px 50px;
}  
  
body .row-fluid .two-col-left-text__cm .grid-column__two span>.hs_cos_wrapper{
  max-width:100%;  
  
}  

}



  
/*===============================================
 Gallery Cm Styling
================================================*/  

.gallery-cm {
    padding: 97px 0;
}  

body .container-fluid .row-fluid .gallery-cm .text-container{
   margin-bottom:77px;
}


@media(min-width:768px){

.gallery-cm .masonary-grp{
     flex-direction: column;
    margin: 0 -2.6% 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;
}  
  
.gallery-cm  .grid-item{
   margin-bottom:30px;
     width: 22.4%;
    display: block;
    box-sizing: border-box;
    margin: 0 2.6% 35px 0;
    list-style: none;
    padding-bottom: 0;
    display: block;
    box-sizing: border-box;
    align-self: stretch;
    transition: all ease-in-out .4s;
    background: #fff;
}

}

.gallery-cm .cta-grp{
  margin-top:77px;
}


@media(max-width:767px){

.gallery-cm {
    padding: 65px 0;
}  
  
body .container-fluid .row-fluid .gallery-cm .text-container {
    margin-bottom: 48px;
    text-align: left;
}  
  
.grid-item img {
    display: block;
    width: 100%;
    margin: 0 auto 10px;
}  

}

/*===============================================
   Two column reverse  Cm Styling
================================================*/  


.two-col-image-text-cm.icon-text__cm {
    padding: 120px 0 97px;
}

@media (min-width: 768px){
  
  
body .row-fluid .icon-text__cm .column-center {
      align-items: flex-start;
    -webkit-align-items: flex-start;
}
  
.column-reverse .equal-height__column>.row-fluid-wrapper>.row-fluid{
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}  
  
  
body .container-fluid .row-fluid  .column-reverse .right-col{
    margin:0;
  }  
  
}

@media (min-width: 768px) and (max-width:1024px){
  
body .container-fluid .row-fluid .column-reverse .right-col {
    margin: 0;
    padding-left: 0;
    padding-right: 23px;
}
  
.two-col-image-text-cm.icon-text__cm {
  padding: 122px 0px 75px;
}  
  
}


@media(max-width:767px){

.two-col-image-text__cm.icon-text__cm {
    padding: 97px 0px 0;
}
  
.two-col-image-text__cm.icon-text__cm.mobile-pad-bottom{
  padding-bottom:75px;
}  

}


/*===================================================================
   Request a quote styling
====================================================================*/

.request-quote__cm{
    margin: 28px 0 110px;
}


body .container-fluid .row-fluid .request-quote__cm .page_max_width {
    max-width: 1170px;
}

.request-quote__cm .equal-height__column>.row-fluid-wrapper>.row-fluid{
  max-width:990px;
  margin:0 auto;
}

.request-quote__cm .page_max_width{
   padding: 60px 0;
}

.request-quote__cm h4{
  font-weight:400;
}

body .request-quote__cm .white-cta a.cta_button:hover{
 border-color:#fff;
}

@media(max-width:767px){


.request-quote__cm .right-col{
   margin-top:30px;  
}

}

/*===============================================================
     Rss Blog and Blog 1 listing page styling for cards
=================================================================*/

  
.blog-rss__section{
    padding-top: 99px;
    padding-bottom: 100px;
}
  

 body .container-fluid .row-fluid .blog-rss__section .text-container{
  margin-bottom: 81px;
}

.blog-rss__section .cta-grp{
    margin-top: 25px;
}


@media(min-width:768px){
  
.blog-rss__section  .post-listing{
    margin: 0 -3.6% 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;
  }
  
.blog-rss__section .post-item{
    width:29.733%;
    display: block;
    box-sizing: border-box;
    margin: 0 3.6% 25px 0;
    list-style: none;
    padding-bottom: 0;
    display: block;
    box-sizing: border-box;
    align-self: stretch;
    transition: all ease-in-out .4s;
  
}   
  
}  
 
.blog-rss__section .post-item{
   background: #f7fcff;
}  

.blog-rss__section  .hs-featured__image{
    height: 226px;
    padding: 15px;
}  

.hs-blog-post.masonary-blog .blog-rss__section .hs-featured__image{
height: 226px!important;
}
  
.blog-rss__section h4 a{
  color:#000000;
 }  
  

.blog-rss__section   .post-body {
    padding: 32px 20px 20px;
    margin-bottom:30px;
 
}

ul.topic_list__style{
 margin:0;
 padding:0;
}

ul.topic_list__style li{
  margin:0;
  padding: 5px 24px;
  text-transform: uppercase;
  list-style:none;
  background:#ffffff;
  display:none;
   border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
}

ul.topic_list__style li a{
  color: #000000;
  
}

ul.topic_list__style li:first-child{
  display:inline-block;
}

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

.blog-rss__section .post-body {
    padding: 32px 10px 20px;
}
  
.blog-rss__section.page-rss .hs-featured__image{
  height:150px;
  }  

}


@media(max-width:767px){

.blog-rss__section {
    padding-top: 65px;
    padding-bottom: 85px;
}

body .container-fluid .row-fluid .blog-rss__section .text-container {
    margin-bottom: 53px;
    text-align: left;
}
  
  
.blog-rss__section .post-body {
    padding: 20px 20px 30px;
   
}  

}

/*================================================================
  Blog 1 Listing Page Hero Styling
===================================================================*/

.image-border {
    position: relative;
}

/*
.image-border:before {
    content: "";
    position: absolute;
    border: 4px solid #007aff;
    top: -25px;
    left: 21px;
    height: 100%;
    width: 100%;
    z-index: 1;
}*/

.blog-listing__hero.blog-rss__section {
    padding-top: 118px;
    padding-bottom: 78px;
}

.blog-listing__hero h2{
margin-top: 14px;
}

.blog-listing__hero h2 a{
  color:#000000;
}

.blog-listing__hero ul.topic_list__style li{
  background:#007aff;
}

.blog-listing__hero ul.topic_list__style li a{
  color:#ffffff;
}

.blog-listing__hero .hs-featured__image{
  height:403px;
}

@media(min-width:768px){

.pad-right__space{
   padding-right: 3.9%;
}

}

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

.image-border:before{
  left:-22px;
}

}


@media(max-width:767px){
  
.blog-listing__hero .equal-height__column>.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;
    flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
}  

.blog-listing__hero.blog-rss__section {
    padding-top: 65px;
    padding-bottom: 40px;
}
  
.image-border:before {
 left:4px;
}

.hs-blog-listing .image-border {
    margin-top: 0px;
    margin-bottom: 50px;
}
  
.hs-blog-listing .image-border img{
   width:100%;
}  

}

/*================================================================
  Blog 1 Listing Page Topic Styling
===================================================================*/

.topi-filter__grp{
  background:#f7fcff;
}


.topi-filter__grp ul{
     margin:0;
     padding:0;
}


.topi-filter__grp ul li{
     margin:0;
     list-style-type:none;
    display: inline-block;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

.topi-filter__grp ul li a{
 padding: 11px 30px;
 display: inline-block; 
}

.topi-filter__grp li .active-topic ,
.topi-filter__grp li .current-page{
    background: #fff;
    border-radius: 4px;
}

.topi-filter__grp ul li a{
  color:#000000;
  font-weight:bold;

}

.topi-filter__grp span.filter-link-count {
    display: none;
}

.topi-filter__grp li .active-topic ,
.topi-filter__grp li .current-page {
  text-decoration:underline
}

@media(max-width:767px){

.topi-filter__grp ul{
   text-align:center;
}

}

/*===========================================================
    Blog listing body
============================================================*/

.blog-section.blog-rss__section .post-item{
 margin-bottom:45px;
}



/*===========================================================
    Blog Subscribe Section Styling
==============================================================*/

.subcribe-blog__cm{
  padding: 107px 0px 121px;
  margin-bottom: 0px;
}


@media(min-width:768px){
  
.subcribe-blog__cm .inner-div__width{
    max-width: 500px;
    float: right;
}

body .row-fluid .subcribe-blog__cm  .column-center{
  align-items: flex-end;
  -webkit-align-items: flex-end;
}  
  
}


.subcribe-blog__cm p{
  font-size:20px;
  line-height:1.5;
  margin-bottom: 52px;
}


 body .container-fluid .row-fluid .subcribe-blog__cm .hs-button{
  width:100%;
}

@media(max-width:767px){

.inner-div__width.image-border img{
   width:100%;
}  
  
}

/*==========================================================
   Masonary Blog Styling
===========================================================*/

.masonary-blog.blog-rss__section .post-item{
 background:transparent;
 margin-bottom: 15px;
}
  
.masonary-blog  .inner-post {
  background: #f7fcff;
}

.blog-rss__section.masonary-blog  .post-body {
    padding: 32px 20px 33px 20px;
}

/*==========================================================
   Blog With Sidebar Styling
===========================================================*/

@media(min-width:768px){

.blog-with__sidebar.blog-rss__section .post-listing{
   margin: 0px -5.7% 0 0;
}  
  
.blog-with__sidebar.blog-rss__section .post-item{
    width: 44.3%;
    margin: 0 5.7% 45px 0;
  }
  
.blog-listing__grp .right-col {  
     padding-left: 1.1%;
}
  

}

.blog-3 .blog-listing__grp {
    padding-bottom: 75px;
}

.blog-listing__grp .right-col {
    padding-top: 99px;
}

.hs-blog-post .blog-listing__grp .right-col{
    padding-top: 81px;
}

.blog-author__cm{
  text-align:center;
  padding: 36px 25px;
}

.blog-author__cm h4{
    margin-top: 19px;
}

.blog-author__cm .hs-author-avatar{
  height:236px;
  max-width:233px;
  margin:0 auto;
  float:none;
  border-radius:100%;
}

.blog-listing__grp  .right-col h3{
 margin-bottom:16px;
}

.blog-listing__grp  .right-col .block ul li,
.blog-listing__grp  .right-col .block ul{
  margin:0;
  padding:0;
  list-style:none;
}

.blog-listing__grp  .right-col .block ul li a,
.blog-listing__grp  .right-col .block h5 a{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: normal;
  color: #000000;
  padding-bottom: 15px;
  display: block;
}


.blog-listing__grp  .right-col .block p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.blog-listing__grp  .right-col .block h5 a{
 font-weight: 900;
  padding-bottom: 2px;
}

.sidebar-top__space{
    margin-top: 65px;

}

@media(min-width:768px){
  
.blog-3.hs-blog-post .sidebar-top__space{
  margin-top:0;
}
  
}


.hs-blog-post .sidebar-top__space65{
  margin-top: 65px;
}

.hs-blog-post .blog-author__cm{
    display: none;
}


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

.blog-author__cm .hs-author-avatar {
    height: 178px;
    max-width: 178px;
}

}

@media(max-width:767px){

.hs-blog-post .blog-listing__grp .right-col{
   padding-top:0;
}
  
body.hs-blog-post .container-fluid .row-fluid .blog-post__section{
  padding-bottom:0;
} 
  
.hs-blog-post .sidebar-top__space65 .sidebar-top__space{
  margin-top: 0px;
}
  
.hs-blog-post .sidebar-top__space65 {
    margin-top: 37px;
} 
  
.blog-3 .blog-listing__grp {
    padding-bottom: 0px;
} 
  
.blog-3  .blog-listing__grp .right-col {
    padding-top: 0;
    padding-bottom: 60px;
}  

}


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

.post-hero__grp.blog-listing__hero {
    padding-top: 108px;
    padding-bottom: 133px;
}

.topic_list__style span{
   color: #7f7f7f;
   margin-left: 7px;
}

body .container-fluid .row-fluid .blog-post__section{
   max-width:748px;
   margin:0 auto;
   float:none;
   padding: 75px 0px;
   position:relative;
}

.section.post-body ul li,
.section.post-body ol li,
.section.post-body p,
.section.post-body blockquote,
.blog-post__author p{
color: #7f7f7f;
}

.section.post-body p{
    margin-bottom: 27px;
    
}

.section.post-body ul,
.section.post-body ol{
    margin-top: 0px;
}

.section.post-body ul li,
.section.post-body ol li{
    margin-bottom: 11px;
}

.section.post-body h2,
.section.post-body h3,
.section.post-body h4,
.section.post-body h5,
.section.post-body h6{
    margin: 30px 0px 16px;
    display: block;
}

.section.post-body blockquote{
  font-size: 20px;
  font-weight: normal;
  font-style: italic;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  padding:0;
  margin:0;
  border:none;
  background: url(https://7106460.fs1.hubspotusercontent-na1.net/hubfs/7106460/Coast%20Assets/left-quote-1.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32%;
  padding: 73px 0 82px;
}

.blog-post__author{
  background:#f7fcff;
}

.blog-post__author .hs-author-avatar {
    height: 233px;
    border-radius: 100%;
    max-width: 236px;
}


body .container-fluid .row-fluid .blog-post__author {
    margin-left: 0;
    padding: 35px 32px;
    margin-top: 77px;
    margin-bottom: 142px;
}

body.blog-3 .container-fluid .row-fluid .blog-post__author{
    margin-bottom: 0;
}


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

.blog-post__author .hs-author-avatar{
   height:178px;
   width:178px;
}

  
body .container-fluid .row-fluid .blog-post__author{
      padding: 35px 10px;
}  

}

@media(max-width:767px){
  
  
.post-hero__grp.blog-listing__hero {
    padding-top: 65px;
    padding-bottom: 92px;
}  

.blog-post__author .hs-author-avatar{
    margin: 0 auto 30px;
}
  
body .container-fluid .row-fluid .blog-post__author {
    margin-top: 47px;
    margin-bottom: 11px;
    padding: 25px 20px;
}
  
  


}

/*================================================================
   Blog post social sharing styling
=================================================================*/

 .sharing-icon {
    position: absolute;
    margin: 0;
    margin-top: 3px;
    top:0px;
    width: 40px;
    left: -75px;
    text-align: center;
}

ul.sharing-icon{
  margin:0;
  padding:0;
}

 .sharing-icon li{
   margin-left:0;
   padding:0;
   list-style:none;
   margin-bottom: 10px;
}

 .sharing-icon li:first-child{
   font-size:12px;
   color:#007aff;
   font-weight:normal;
   letter-spacing:0;
   margin-bottom: 3px;
}




@media(max-width:1385px){
  .post-sharing-icons {
    display: none;
}
}


/*=================================================================
  Related Blog Section Styling
===================================================================*/

.related-post__section.blog-rss__section {
    padding-top: 0;
    padding-bottom: 114px;
}


.related-post__section h2 {
    margin-bottom: 73px;
}


/*===================================================================
   Blog Pagination Styling
=====================================================================*/

.blog-paginations {
    padding-top: 60px;
    padding-bottom: 6px;
}

.simple-blog-pagination .blog-paginations{
  padding: 57px 0 112px;
  display: block;
  clear: both;
}

.blog-paginations ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.blog-paginations ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
}


.blog-paginations ul li a {
    padding: 9.2px 13.8px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.2;
    background: #f7fcff;
}

.blog-paginations ul li.current a{
  background: #007aff;
  color:#ffffff;
}


/*============================================================
   Blog 4 Styling
============================================================*/

.no-margin__padding ul{
 margin:0;
 padding:0;
}

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

.social-share__icon ul li{
  display:inline-block;
  margin-right:10px;
}

.social-share__icon ul li img{
 vertical-align:middle;
}

.social-share__icon ul  li.text-li{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #b3b3b3;
}

.blog-4  .name_author{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color:#b3b3b3;
}

.blog-4 .blog-with__sidebar.blog-rss__section .post-listing {
    margin: 0;
    display: block;
}


.blog-4 .blog-with__sidebar.blog-rss__section .post-item{
     width: 100%;
}

.blog-4.hs-blog-listing .post-item h4{
    display: block;
    clear: both;
    margin-top: 41px;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.19;
    margin-bottom: 20px;
}

.blog-4.hs-blog-listing .blog-rss__section .post-body{
  padding-bottom:0;
}


@media(min-width:768px){

.blog-4 .blog-rss__section .hs-featured__image {
    height: 468px;
}


}


.blog-4 .blog-paginations {
    padding-top: 26px;
    padding-bottom: 35px;
}

.blog-4.hs-blog-post .sidebar-top__space{
  margin-top:0;
}


@media(max-width:767px){

.blog-4.hs-blog-post .sidebar-top__space {
    margin-top: 50px;
}
  
.blog-4.hs-blog-post .sidebar-top__space65 {
    margin-top: 0;
}  
  
.blog-4 .related-post__section.blog-rss__section {
    padding-top: 60px;
} 
  
.blog-4 .name_author,
.blog-4 .row-right.social-share__icon {
    text-align: left;
    display: block;
}
  
.blog-4.hs-blog-listing .post-item h4 {
    margin-top: 14px;
}
  
.blog-4.hs-blog-listing .blog-rss__section .post-body {
    padding-bottom: 30px;
}  
  
.blog-4.hs-blog-listing .blog-rss__section {
    padding-bottom: 8px;
}  
  
.blog-4 .blog-listing__grp .right-col {
    padding-top: 34px;
}  


}

/*===============================================================================
   Home 3 styling
================================================================================*/


.home3-hero__section{
    padding: 134px 0 100px;
}

.home3-hero__section .cta-grp {
    margin-top: 31px;
    max-width: 400px;
}

.client-logo__cm {
    padding: 34px 0px;
}
.client-logo__cm .list-single__row ul{
  text-align:center;
}

.client-logo__cm .list-single__row ul li {
    min-width: 190px;
    text-align: center;
  margin-bottom:10px;
}


.client-logo__cm .list-single__row ul li img {
    vertical-align: middle;
}


.three-col__image-text-cm.home3-three__Col {
    padding-bottom: 62px;
    padding-top:74px;
}

.home3-two-col-image-text__cm{
    padding: 100px 0px 89px;
}

@media(min-width:768px){

.space-left__right{
   padding-right:10%;
}



}



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

.client-logo__cm .list-single__row ul{
   text-align:center;  
}  
  
.client-logo__cm .list-single__row ul li{
    min-width: 180px;
    margin-bottom: 15px;
}


}


@media(max-width:767px){
  
.home3-hero__section {
    padding: 51px 0 100px;
}  

.client-logo__cm .list-single__row ul{
   text-align:center;  
}  
  
.client-logo__cm .list-single__row ul li {
    min-width: 165px;
    text-align: center;
    margin-bottom: 15px;
}
  
.home3 .two-col-image-text__cm {
    padding: 46px 0px;
}  

}


/*============================================================
   Home 3 gallery Cm Styling
============================================================*/

.home3-gallery__cm.span12 {
    padding: 99px 0 129px;
}

.home3-gallery__cm .hs_cos_wrapper {
    position: relative;
    overflow: hidden;
    transition: all ease-in-out .2s;
}

.hover_description__module {
    padding: 14px 20px;
    position: absolute;
    background: #fff;
    bottom: -89px;
    left: 0;
    right: 0;
    margin: 0 30px;
    transition: all ease-in-out .7s;
}

.hover_description__module h4 {
    margin-bottom: 4px;
}

.hover_description__module p {
    margin-bottom: 0;
}

.home3-gallery__cm .hs_cos_wrapper:hover .hover_description__module {
    bottom: 30px!important;
}


@media(max-width:767px){

.home3-gallery__cm.span12 {
    margin-top: 75px;
}  

}


/*=============================================================
   Full width request a quote cm
================================================================*/

.request-quote__fullwidthcm.request-quote__cm .equal-height__column>.row-fluid-wrapper>.row-fluid{
  max-width:100%;
}

.request-quote__cm.request-quote__fullwidthcm {
    margin: 51px 0 43px;
}


/*=========================================================
   Faq Cm Styling
==========================================================*/


.two-col-image-text__cm.faq-two__col{
    padding: 0 0 110px;
}


.accordion_group {
    margin-bottom: 30px;
   transition: all ease-in-out .2s;
}

.accordion_header {
    cursor:pointer;
    background-color: #f7fcff;
    padding: 13px 20px;
    position:relative;
}

.accordion_header:before{
  content:"";
  position:absolute;
  width:21px;
  height:21px;
  right: 20px;
  top: 19px;
  background:url('https://7106460.fs1.hubspotusercontent-na1.net/hubfs/7106460/Coast%20Assets/group-7.svg');
}

.expanded .accordion_header:before{
  background:url('https://7106460.fs1.hubspotusercontent-na1.net/hubfs/7106460/Coast%20Assets/group-7%20%281%29.svg');
}

.accordion_content {
  background-color: #f7fcff;
    padding: 5px 20px 36px;
}

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

.accordion_header h4{
    font-size:16px;
}  
  
.accordion_header:before{
    right: 14px;
    top: 15px;
}


}


@media(max-width:767px){

.accordion_header h4{
    font-size:15px;
}  
  
.faq-two__col .accordion_header h4{
    font-size:15px;
    text-align:left;
}    
  
.accordion_header:before{
    right: 14px;
    top: 15px;
}
  
.two-col-image-text__cm.faq-two__col {
    padding: 0 0 30px;
}
  
.faq-two__col .accordion_content p{
   text-align:left;
}  


}


/*=================================================================
   Three Slide Slider
===================================================================*/

.testimonial-cm.home3-testimonial__cm{
    padding: 29px 0 19px;
}

body .container-fluid .row-fluid .home3-testimonial__cm .text-container{
     margin-bottom: 81px;
}

.testimonial-cm .three-slide__slider .slick-slide img {
    margin: 0;
}

.three-slide__slider{
    overflow: hidden;
    margin-right: -50px
}

.three-slide__slider .slider-inner__grp{
    background-color: #f7fcff;
    padding: 45px 20px 30px;
    margin: 0 25px!important;
}

.three-slide__slider.slick-initialized .slick-slide {
    outline: none;
}

.slider-inner{
   margin: 0 25px!important;
}

.three-slide__slider .slick-slide p {
    margin: 0;
    padding: 35px 0 29px;
}

.three-slide__slider ul.slick-dots{
   margin: 0;
   padding: 0;
   text-align:center;
      margin-top: 50px;
}

.three-slide__slider ul.slick-dots li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
   cursor:pointer;
  outline:none;
}

.three-slide__slider ul.slick-dots li button {
    font-size: 0;
    line-height: 0;
    border: 1px solid #007aff;
    width: 17px;
    height: 17px;
    margin: 0 4px;
    background: transparent;
    background-color: #f7fcff;
   cursor:pointer;
  outline:none;
}

.three-slide__slider ul.slick-dots li.slick-active button {
  background: #007aff;
}

.pad-l18{
  padding-left: 18px;
}

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

.slider-inner {
    margin-right: 30px;
}
  
}

@media(max-width:767px){

.slider-inner,.three-slide__slider .slider-inner__grp {
    margin: 0px!important;
}
  
}

/*==============================================================
   Blog 5 styling
===============================================================*/


.blog-simplehero__section {
     padding: 77px 0px 74px;
    //text-align: center;
}

.blog-simplehero__section .equal-height__column>.row-fluid-wrapper>.row-fluid{
  display:block;
}

.blog-section.blog-rss__section.blog5-listing {
    padding-top: 76px;
    padding-bottom: 100px;
}


.blog5-listing .hs-featured__image {
    height: 285px;
    padding: 0;
}

.blog5-listing .post-item {
    background: #ffffff;
}

.blog5-listing  .post-body {
    padding: 0;
    margin-bottom: 30px;
}

.blog5-listing ul.topic_list__style.two-topic__list {
    margin-top: 24px;
    margin-bottom: 27px;
}

.blog5-listing ul.topic_list__style li{
  background:transparent;
  padding:0;
}

.blog5-listing ul.topic_list__style li:nth-child(2){
  display:inline-block;
}

.blog5-listing ul.topic_list__style li:nth-child(2) span{
  display:none;
}

.blog5-listing ul.topic_list__style li a {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.38;
    letter-spacing: normal;
    text-transform: none;
    position: relative;
}

.blog5-listing ul.topic_list__style li a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -4px;
    background: #007aff;
}

 .blog5-listing .topic_list__style span {
    color: #000000;
    margin-left: 7px;
    margin-right: 7px;
}

.blog5-listing .post-item h4 a {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.41;
    letter-spacing: normal;
}

.post-date {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #7f7f7f;
    margin-top: 26px;
}

@media(max-width:767px){

.blog-simplehero__section {
    padding: 74px 0px 74px;
}


}

/*========================================================
   Blog 5 pagination
=========================================================*/

.type2-pagination.blog-paginations ul li a,
span.page-numbers {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.38;
    letter-spacing: normal;
    color: #000000;
    background: transparent;
    padding: 0;
}

.type2-pagination.blog-paginations li.nxt-btn {
    text-align: right;
    float: right;
}

 .type2-pagination.blog-paginations li.prev-btn {
    float: left;
}

 .type2-pagination.blog-paginations {
    padding-top: 0px;
    padding-bottom: 65px;
}

.bottom-pagination .type2-pagination.blog-paginations {
    padding: 36px 0 0px;
}

/*=======================================================
   Blog Post 3 type styling
==========================================================*/

body .container-fluid .row-fluid .post-type3-hero__grp .page_max_width{
  max-width:800px;
}
.post-type3-hero__grp{
    padding-top: 81px;
}

.post-type3-hero__grp h2 {
    padding-bottom: 56px;
    padding-top: 18px;
    display: block;
    clear: both;
    margin: 0;
}


.post-type3-hero__grp .name_author,
.post-type3-hero__grp .name_author a {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.38;
    letter-spacing: normal;
    color:#000000;
}

.post-type3-hero__grp .name_author span{
  display:block;
}


.post-type3-hero__grp .name_author a{
  display:inline-block;
  padding-top: 12px;
}

.post-type3-hero__grp .post-date{
  margin-top:32px;
}

.post-type3-hero__grp  .featured-custom__image{
    padding-top: 54px;
    padding-bottom: 44px;
}

@media(max-width:767px){

.post-type3-hero__grp {
    padding-top: 20px;
}  
  
.post-type3-hero__grp .featured-custom__image {
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
} 
  
.blog-5 .related-post__section.blog-rss__section ,
.blog-6 .related-post__section.blog-rss__section {
    padding-top: 60px;
}

}


/*=====================================================================
   Blog 7 styling
======================================================================*/

.hide-first-post.hs-blog-listing .blog-rss__section .post-item:first-child,
.category-page .blog-rss__section.blog-listing__hero {
    display: none;
}

.category-page .blog7-listing__hero,
.category-page.blog-7 .blog-simplehero__section{
  display: none;
}

.category-page.hs-blog-listing .blog-rss__section .post-item:first-child{
  display:block;
}

.blog-7 .blog-simplehero__section {
    padding: 128px 0 108px;
}

.blog-7 .blog-simplehero__section h1{
  font-size:42px;
}





.blog-7.hs-blog-listing ul.topic_list__style li:last-child,
.blog-7 .blog5-listing ul.topic_list__style li:nth-child(2) {
  display:none;
}

.blog-7.hs-blog-listing ul.topic_list__style li.show-li:last-child{
 display:inline-block;
}

.blog-7  li .post-date {
    margin: 0;
}


.blog7-listing__hero h2,
.blog7-listing__hero h2 a{
  color:#000000;
}  


@media(min-width:768px){
  
.blog7-listing__hero h2,
.blog7-listing__hero h2 a{
  font-size: 36px;
  line-height: 1.28;
  letter-spacing: normal;
  color:#000000;
}  
  
body .row-fluid .blog7-listing__hero .hs-featured-image-wrapper {
    min-height: 453px;
}  
  
.blog7-listing__hero h2 {
    margin-bottom: 17px;
}

.blog-7 .blog7-listing__hero ul.topic_list__style.two-topic__list {
    margin-top: 0;
    margin-bottom: 17px;
}  

.blog7-listing__hero  .hs-featured-image-wrapper{
   margin-right:11px;
  }
  
.blog-7.hs-blog-listing .blog-rss__section .post-item:nth-child(2),
.blog-7.hs-blog-listing .blog-rss__section .post-item:nth-child(3) {
    width: 46.4%;
}
  
.blog-7.hs-blog-listing .blog-rss__section .post-item:nth-child(2) .hs-featured__image,
.blog-7.hs-blog-listing .blog-rss__section .post-item:nth-child(3) .hs-featured__image{
   height:362px;
  }
  
.blog-7  .blog5-listing .hs-featured__image,
.category-page.blog-7 .blog-rss__section .post-item:nth-child(2) .hs-featured__image, 
.category-page.blog-7 .blog-rss__section .post-item:nth-child(3) .hs-featured__image{
    height: 247px;
}
  
.category-page.blog-7.hs-blog-listing .blog-rss__section .post-item:nth-child(2),
.category-page.blog-7.hs-blog-listing .blog-rss__section .post-item:nth-child(3){
      width: 29.733%;
}
  
  
.blog-7  .blog5-listing ul.topic_list__style.two-topic__list {
    margin-bottom: 21px;
}  
  
.blog-7 .blog-rss__section .post-item h4{
      margin-bottom: 20px;
}  
  
.blog-7.hs-blog-listing .blog-rss__section .post-item h4 a{
  font-size: 32px;
  line-height: 1.19;
  font-weight:800;

} 

}


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

.blog7-listing__hero h2, 
.blog7-listing__hero h2 a {
    font-size: 27px;
  }
  
.blog-7 .blog-rss__section .post-item h4 a {
    font-size: 22px;
}

}


@media(max-width:767px){

.blog-7 .blog-simplehero__section {
    padding: 70px 0;
} 
  
.blog7-listing__hero h2, .blog7-listing__hero h2 a{
   font-weight:normal;
}  
  
.blog-7  .hs-featured-image-wrapper{
    height: 285px;
}
  
.blog-7 .blog-section.blog-rss__section.blog5-listing {
    padding-top: 35px;
    padding-bottom: 0;
}  

}


/*====================================================
   Blog 8 styling
======================================================*/


.blog-8 .blog-simplehero__section{
  text-align:left;
}

.blog-8 .post-topic.topi-filter__grp {
    padding: 15px 0px 47px;
}

.blog-8 .topi-filter__grp{
  background:#ffffff;
}

.blog-8 .topi-filter__grp ul li {
    //padding: 6px 16px;
    margin-right: 16px;
    border-radius:0;
}

.blog-8 .topi-filter__grp ul li a{
    background-color: #f7fcff;
}

.blog-8 .topi-filter__grp ul li a.current-page{
  background:#007aff;
  color:#ffffff;
}


.blog-8.hs-blog-listing ul.topic_list__style li:first-child, 
.blog-8.hs-blog-listing ul.topic_list__style li:nth-child(2){
    display: inline-block;
    padding: 0;
    background: transparent;
}

.blog-8.hs-blog-listing ul.topic_list__style li:nth-child(2) span{
  display:none;
}

.blog-8 .blog7-listing__hero .hs-featured-image-wrapper {
    margin-right:0;
}

.blog-8.hs-blog-listing ul.topic_list__style li span {
    font-size: 20px;
    line-height: 30px;
    border-radius: 100%;
    position: relative;
    top: -3px;
    left: -2px;
    color: #000;
}

.blog-8 .blog-rss__section {
    padding-top: 61px;
    padding-bottom: 100px;
}

.blog-8  .post-item {
    box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
}

.blog-8 .blog-section .post-date {
    margin: 0;
}

.blog-8 .blog-section .post-item h4 {
    margin: 10px 0px;
    font-size: 18px;
}

.blog-8 .blog-section .post-item p {
    margin-bottom: 27px;
}

.blog-8 .blog-rss__section .post-body {
    padding: 32px 20px 24px;
    margin-bottom: 0px;
}

ul.bottom-space__forul{
  padding-bottom:20px;
}

@media(min-width:768px){

.blog8-listing__hero .box-shadow{
    width: 34%;
}
 
body .row-fluid .blog8-listing__hero .hs-featured-image-wrapper {
    min-height: 492px;
}  
  
.blog8-listing__hero h2, .blog8-listing__hero h2 a {
    font-size: 32px;
  }
  
.blog8-listing__hero h2 {
    margin-bottom: 15px;
    margin-top: 17px;
}
  
.blog8-listing__hero .post-date {
    margin-top: 63px;
}  
  
.blog8-listing__hero p {
    padding-bottom: 73px;
} 
  
.blog8-listing__hero .box-shadow{
    box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    margin: 0;
    padding: 0 30px;
}  
  
.blog-8  .blog-rss__section .post-listing {
   margin-right:  -2.5%;
  }
  
.blog-8.hs-blog-listing .blog-rss__section .post-item {
    width: 22.5%;
    display: block;
    box-sizing: border-box;
    margin-right:  2.5%;
  }
  
.blog-8.hs-blog-listing .blog-rss__section .hs-featured__image {
    height: 183px;
    padding: 0;
}  

}


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

.blog-8 .topi-filter__grp ul li{
  margin-bottom:10px;
  margin-right: 7px;
}
  
.blog8-listing__hero h2, .blog8-listing__hero h2 a {
    font-size: 22px;
}  
  
.blog-8.hs-blog-listing .blog-rss__section .post-item {
    width: 30.7333%;
  }

}

@media(max-width:767px){

.blog-8 .blog7-listing__hero .hs-featured-image-wrapper{
  height:285px;
  }
  
.blog-8 .topi-filter__grp ul li {
    margin-right: 1px;
    margin-bottom:10px;
}
  
.blog-8 .blog-simplehero__section {
    padding: 74px 0px 53px;
      text-align: center;
}    
  
.blog-8 .blog-simplehero__section h1{
        font-size: 43px;
}  
  
.blog-8 .blog-section.blog-rss__section.blog5-listing {
    padding-top: 47px;
    padding-bottom: 100px;
}  
  
.blog8-listing__hero h2, .blog8-listing__hero h2 a {
    margin: 10px 0px;
    font-size: 18px;
    font-weight: bold;
}
  
.blog8-listing__hero  .post-date{
  margin:0;
  } 
  
.blog-8 .box-shadow {
    box-shadow: 0 10px 24px 0 rgba(0,0,0,0.08);
    background-color: #fff;
    padding: 32px 20px 24px;
    margin-bottom: 0px;
}  
  
.blog-8  .blog-rss__section {
    padding-top: 44px;
}
  
  

}


/*====================================================
   Blog 9 styling
======================================================*/

.blog-9 .post-item{
  margin-bottom:30px;
}

.blog-9 .left-col__section .post-item h4,
.blog-9 .left-col__section .post-item h4 a{
  font-size: 26px;
  font-weight: 800;
  line-height: 1.31;
  letter-spacing: normal;
  color: #000000;
}

.blog-9.hs-blog-listing .left-col__section .post-body {
    padding: 21px 20px 21px 4px;
}

.blog-9 .right-col__section h3{
  font-size: 26px;
  font-weight: 800;
  line-height: 1.31;
  letter-spacing: normal;
  color: #000000;
      margin-bottom: 28px;
}

.blog-9 .right-col__section .inner-post{
 margin-bottom:20px;
}

.blog-9 .right-col__section .inner-post h4,
.blog-9 .right-col__section .inner-post h4 a{
  font-size: 18px;
  font-weight: 800;
  line-height: 1.31;
  letter-spacing: normal;
  color: #000000;
}

.blog-9 .right-col__section  .post-date{
  margin:0;
}

.blog-9 .blog-popular__post,
.blog-9.hs-blog-listing .subcribe-blog__cm {
    padding: 21px 25px;
}

.blog-9.hs-blog-listing .subcribe-blog__cm {
 margin-top:30px;
 padding-bottom: 35px;
}

.blog-9.hs-blog-post .left-col__section{
  width:100%;
}


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

.blog-9 .right-col__section .inner-post h4, 
.blog-9 .right-col__section .inner-post h4 a {
    font-size: 13px;
}

.blog-9 .right-col__section .post-date {
    font-size: 11px;
}  

}


@media(max-width:767px){

.blog-9.hs-blog-listing .left-col__section .post-body {
    padding: 21px 20px 21px 20px;
}
  
.blog-9.hs-blog-listing .hs-featured-image-wrapper {
    height: 242px;
}  
  
.blog-9.hs-blog-listing .right-col__section .hs-featured-image-wrapper {
    height: 183px;
    margin-bottom: 14px;
}  
  
}



/*====================================================================
   Home Page 4 Styling
=====================================================================*/

.homepage4-hero{
    padding: 142px 0px 0px;
}

body .container-fluid .row-fluid .homepage4-hero .page_max_width{
  max-width:730px;
}


.homepage4-hero h4{
   margin: 23px 0px 37px;
   font-weight:normal;
}


@media(max-width:767px){

.homepage4-hero {
    padding: 80px 0px 0px;
}


}

/*===============================================================
   Home4 three column cm styling
=================================================================*/

@media (min-width: 768px){
  
body.home4 .row-fluid .three-col__image-text-cm .grid-column__three span>.hs_cos_wrapper {
    flex-basis: 30.9%;
    -webkit-flex-basis: 29.9%;
    float: left;
    margin-right: 3.43%;
    margin-top: 37px;
}
  
body.home4 .row-fluid .three-col__image-text-cm .grid-column__three span {
    margin-right: -3.43%;
}  
  
}

/*===============================================================
   Home4 Faq cm styling
=================================================================*/

.home4 .accordion_header{
   padding: 19px 20px;
}

.home4 .two-col-image-text__cm {
    padding: 0px 0px 189px;
}

body.home4 .container-fluid .row-fluid .text-container{
  margin-bottom:106px
}

.home4 .remove-padding__bottom{
    padding-bottom: 100px;
}


@media(max-width:767px){

.home4 .two-col-image-text__cm {
    padding: 0px 0px 89px;
}
 
.home4  .accordion_header h4 {
    text-align: left;
}  
  
.home4 .accordion_header:before {
    top: 21px;
}  
  
  
}


/*===============================================================
   Home4 two column text logo cm  styling
=================================================================*/

.two-col__logolist .list-single__row ul{
  margin: 0;
  padding: 0;
}

.two-col__logolist .list-single__row ul li {
    margin-right: 52px;
    margin-bottom: 46px;
}

.two-col__logolist .list-single__row li img {
    vertical-align: middle;
}

.home4 .two-col__logolist{
     margin: 30px 0 82px;
    padding: 89px 0px 85px;
}

@media(max-width:767px){

.two-col__logolist .list-single__row ul{
    text-align:center;
}  
  
.two-col__logolist .list-single__row ul li {
    margin-right: 2px;
    margin-bottom: 30px;
}

}

/*============================================================
  Hubspot search form styling
=============================================================*/


.home5-hero__section {
    padding-bottom: 36px;
    position:relative;
}


.home5-hero__section .left-col{
   padding-top: 159px;
    padding-bottom: 180px;
}


body .row-fluid .hubspot-search__form form{
 position:relative;
}

body .row-fluid .hubspot-search__form .hs-search-field__input{
    border-radius: 4px;
    border: solid 1px #000000;
    background-color: #ffffff;
    height: 63px;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #7f7f7f;
    padding: 10px 20px;
}

.home5-hero__section p {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: 55px;
}


body .row-fluid .hubspot-search__form button{
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    padding: 14px 24px;
    text-align: center;
    display: inline-block;
    color: #fff;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    transition: all ease-in-out .2s;
    top: 0;
    background: #007aff;
    text-transform: capitalize;
    border: 1px solid #007aff;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none;

}
  

@media(min-width:768px){
  
 
  
.home5-hero__section .background-image{
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    bottom: 0;
}
  
body .row-fluid .hubspot-search__form{  
    position: absolute;
    width: 50%;
   z-index: 2;
   max-width: 759px;
}

  body .row-fluid .hubspot-search__form button{
      position: absolute;
    top: 8px;
    right: 12px;
  }  


}



.home-5 .testimonial-cm.span12.home3-testimonial__cm {
    padding-bottom: 131px;
}

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

.home5-hero__section h1{
  font-size:40px;
}

}

@media(max-width:767px){

.home5-hero__section .left-col {
    padding-top: 75px;
    padding-bottom: 15px;
}
  
body .row-fluid .hubspot-search__form button{  
    display: block;
    width: 100%;
    margin-top: 20px; 
}

}

/*================================================================
   Search result page styling
================================================================*/


body .row-fluid .search-result__grp .hubspot-search__form {
    position: static;
    width: 100%;
   max-width: 900px;
    margin: 0 auto!important;
    float: none;
}

.search-result__grp input.hs-search-field__input {
    padding-right: 0!important;
}


/*================================================================
   Home 6 page styling
================================================================*/

.home6-hero__section .left-col {
    padding-top: 159px;
    padding-bottom: 148px;
}

.home6-hero__section p {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: 55px;
}

@media (min-width: 768px){
  
.home6-hero__section{
  position:relative;
}  
  
.home6-hero__section .background-image{
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    bottom: 0;
}  
  
body .row-fluid .two-col-left-text__cm.home6-two-col .grid-column__two span>.hs_cos_wrapper {
    margin-bottom: 40px;
    margin-top: 0;
    flex-direction: column;
    -webkit-flex-direction: column;
}
  
.home6-two-col .grid-column__two {
    padding-left: 4%;
}  

}

@media(max-width:767px){

.home6-hero__section .left-col {
    padding-top: 59px;
    padding-bottom: 70px;
}
  
body .home6-hero__section  a.cta_button[title]{
    display: block;
    margin-bottom: 20px;
}
  
 

}

.home6-two-col h4{
 margin: 10px 0px 14px;
}

.home6-two-col h2{
    margin: 27px 0px 10px;
}


.home6-tworightimage__col.home6-two-col {
    padding: 130px 0px;
}

@media(min-width:768px){

.home6-tworightimage__col.home6-two-col .grid-column__two {
    padding: 63px 35px 5px;
    background: #fff;
}
  
body .container-fluid .row-fluid  .span4-custom__width{
    margin-left: 0;
    width: 34.2%;
  }  

}

@media(max-width:767px){

.home6-imagetext__col {
    padding: 72px 0 62px;
}
  
.span4-custom__width {
    height: 200px;
}  
  
.home6-tworightimage__col .equal-height__column>.row-fluid-wrapper>.row-fluid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column-reverse;
}  

}



.home6-formimage__col {
    padding: 102px 0px 119px;
}

body .container-fluid .row-fluid .home6-formimage__col .text-container{
    margin-bottom: 80px;
}

fieldset.form-columns-2,
fieldset.form-columns-1 {
    max-width: 100%!important;
}

.home6-formimage__col.home6-two-col .form-grp{
    padding: 63px 35px 65px;
    background: #fff;
}


.home6-imagetext__col {
    padding: 127px 0 117px;
}

body .container-fluid .row-fluid  .home6-imagetext__col .text-container{

}

.home6-imagetext__col .background-img{
  height:406px;
}


.home6-imagetext__col h4{
 margin-top:12px;
}




@media(min-width:768px){


.top-space{
   padding-top:60px;
}


}

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

body .row-fluid .home6-hero__section a.cta_button {
    font-size: 12px;
    padding: 10px;
}


}

@media(max-width:767px){

.home6-formimage__col {
    padding: 60px 0px 119px;
}

}

/*================================================================
  Blog 10 styling
=================================================================*/

.default-image__height{
   height:256px;
}

.blog-section.blog-rss__section.blog-10-listing {
    padding-top: 0;
   padding-bottom: 20px;
}

body .post-topic.topi-filter__grp.no-top-__padding {
    padding: 0px 0px 34px;
}

.blog-simplehero__section.blog10-hero {
    padding: 85px 0px 61px;
    text-align: center;
}

body .row-fluid .blog-10-listing .post-item {
    box-shadow:none;
    background-color: #fff;
    border: solid 1px #dadada;
}

.blog-rss__section.blog-10-listing .post-body {
    padding: 32px 20px 47px;
}

.blog-rss__section.blog-10-listing  .post-item {
    margin-bottom: 30px;
}

body .container-fluid .row-fluid .description-text__container {
    max-width: 789px;
      text-align: left;
}

.blog-10-listing .blog-paginations.type2-pagination {
    padding: 45px 0 0;
}

.blog-twocol__textcm.span12 {
    padding-bottom: 80px;
    padding-top:80px;
}

body .row-fluid .blog-twocol__textcm span>.hs_cos_wrapper{
  background-color: #f7fcff;
  padding: 31px 30px 60px;
  margin-top:0;
}

body .blog-twocol__textcm a.cta_button{
  display:inline-block;
}

.blog-twocol__textcm h3{
   margin-bottom: 19px;
}

@media(max-width:767px){

body .row-fluid .blog-twocol__textcm span>.hs_cos_wrapper{
  padding: 31px 20px 60px;
  margin-top:30px;
}

}

.blog-10-listing .post-listing .post-item:first-child {
       padding: 29px 10px;
} 

 .subcribe-blogtype2__cm  h3{
    margin-bottom: 25px;
}

body .container-fluid .row-fluid .subcribe-blogtype2__cm{
    min-height: 250px;
}

body .container-fluid .row-fluid .subcribe-blogtype2__cm form .hs_button{
  display:block;
}


/*==============================================================
   Blog 11 Styling
================================================================*/

.blog11-listing .post-item:first-child,
.blog11-listing .post-item:nth-child(2),
.blog11-listing .post-item:nth-child(3),
.recent-post__type2 .post-item:first-child,
.category-page .recent-post__type2,
.category-page .recent-post__type1{
  display:none;
}

.category-page .blog11-listing .post-item:first-child,
.category-page .blog11-listing .post-item:nth-child(2),
.category-page .blog11-listing .post-item:nth-child(3){
  display:block;
}

.category-page .blog11-listing {
    padding-top: 101px;
}


.blog11-featured__image{
  height:151px;
}


.more-than__one ul.topic_list__style li{
  background:#f7fcff;
  margin-right: 10px;
}

.more-than__one ul.topic_list__style li a {
    font-size: 12px;
    text-transform: capitalize;
}

.more-than__one ul.topic_list__style li:first-child,
.more-than__one ul.topic_list__style li:nth-child(2),
.more-than__one ul.topic_list__style li:nth-child(3),
.more-than__one ul.topic_list__style li:nth-child(4){
    display: inline-block;
}

.blog11-listing .post-item{
   border-top: solid 1px #dadada;
   padding: 30px 0px 38px;
}

.blog11-listing h4,
.blog11-listing h4 a,
.recent-post__type2 h4,
.recent-post__type2 h4 a{
  font-size: 26px;
  font-weight: 800;
  line-height: 1.31;
  letter-spacing: normal;
  color: #000000;
}

.blog11-listing h4,
.recent-post__type2 h4 {
    margin: 24px 0px 0px;
}

.recent-post__type1 .hs-featured-image-wrapper{
  min-height: 468px;
  position:relative;
}

.recent-post__type1 h2,
.recent-post__type1 h2 a{
  font-size: 38px;
  font-weight: 800;
  line-height: 1.11;
  letter-spacing: normal;
  color: #ffffff;
  margin: 25px 0px;
}

.recent-post__type1 .post-date{
    color: #ffffff;
}


.recent-post__type1 .post-body {
    z-index: 1;
    position: absolute;
    bottom: 45px;
    padding: 0 35px;
}

.recent-post__type1.overlay:before{
 z-index:1;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 116%);
}


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

.recent-post__type1 .post-body {
    padding: 0 25px;
}
  
.recent-post__type1 h2, .recent-post__type1 h2 a {
    font-size: 30px;
}
  
}


@media(max-width:767px){
  
.category-page .blog11-listing .post-item:first-child,
.category-page .blog11-listing .post-item:nth-child(2),
.category-page .blog11-listing .post-item:nth-child(3){
  display:flex;
}  
  
.category-page .blog11-listing {
    padding-top: 70px;
}  

.recent-post__type1 .post-body {
    padding: 0 20px;
}

.recent-post__type1 h2,
.recent-post__type1 h2 a {
    font-size: 28px;  
}
  
.recent-post__type1 .hs-featured-image-wrapper {
    min-height: 327px;
}  

}

/*============================================================
   Recent Post Type 2 Styling
==============================================================*/


.recent-post__type2.span12{
    margin: 35px 0 38px;
}

.recent-post__type2 .post-body {
    padding-top: 25px;
}

@media (min-width: 768px){
  
.recent-post__type2 .post-listing {
    margin: 0 -3.6% 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;
}  
  
.recent-post__type2 .post-item {
    width: 46.4%;
    display: block;
    box-sizing: border-box;
    margin: 0 3.6% 25px 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:767px){

.recent-post__type2 .post-item {
    margin-bottom: 30px;
}  
  
}  
  
 
.blog-11 .blog-simplehero__section{
  padding-bottom: 173px;
}  
    
  
.hs-blog-listing .blog11-listing__grp{  
  margin-top: -150px;
}
  
.hs-blog-listing.category-page .blog11-listing__grp{  
  margin-top:0;
}  
  
  
}

.recent-post__type2 .blog11-featured__image{
  height:231px;
}

.blog11-listing__grp .subcribe-blogtype2__cm{
    border: solid 1px #dadada;
    background-color: #ffffff;
    padding: 36px 15px 55px;
}

body .container-fluid .row-fluid .subcribe-blogtype2__cm .hs-button{
  display:block;
  width: 100%;
}

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

.blog11-listing h4, .blog11-listing h4 a, 
.recent-post__type2 h4, .recent-post__type2 h4 a {
    font-size: 18px;
}
  
.subcribe-blogtype2__cm h3 {
    font-size: 17px;
}  


}


@media(max-width:767px){

.blog11-listing .post-item {
    border-top: none;
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    margin-bottom: 30px;
}
  
.blog11-listing ul.topic_list__style {
    margin-top: 18px;
} 
  
.blog11-featured__image {
    height: 231px;
}  


}



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

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

.ias-trigger a {
    font-size: 16px;
    line-height: 1.2;
    color: #000000;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: uppercase;
    border-radius: 4px;
    border: solid 1px #007aff;
    background-color: #ffffff;
    padding: 15px 10px;
    display: block;
}


@media(max-width:767px){

.ias-trigger {
    padding: 38px 0 68px;
}


}

/*============================================================
   Post type 4 Styling blog 11 
=================================================================*/

.post-type4-hero__grp{
    padding-top: 75px;
}


.hs-blog-post .blog11-listing__grp .right-col{
     padding-top: 54px;
}

body .container-fluid .row-fluid .blog11-listing__grp .blog-post__section{
    padding-top: 59px;
    background: #fff;
    margin: 0;
    margin-top: -130px;
    max-width: 100%;
}

.hs-blog-post .blog11-listing__grp .post-body.more-than__one h2{
    margin-top: 3px;
    margin-bottom: 0;
}

.hs-blog-post .blog11-listing__grp .post-body{
    padding-bottom: 50px;
}

.author-social__links{
 margin:0;
 padding:0;
 margin-bottom: 10px;
}

.author-social__links li{
  display:inline-block;
  margin:0;
  padding:0;
  margin-right:10px;
}

.author-social__links li img{
  vertical-align:middle;
}

@media(max-width:767px){
  
body .container-fluid .row-fluid .blog11-listing__grp .blog-post__section {
    margin-top: -50px;
}

.hs-blog-post  .blog11-listing__grp .subcribe-blogtype2__cm{
   display:none;
}
  
.hs-blog-post .blog11-listing__grp .right-col {
    padding-top: 0;
}  
  
body .container-fluid .row-fluid .blog11-listing__grp .blog-post__author {
    margin-bottom: 30px;
    margin-top: 0;
}  

}


/*=========================================================
  Related Post type 3
==========================================================*/

.related-posttype3__section h2 {
    margin-bottom: 69px;
}

.related-posttype3__section .post-item {
    background: transparent;
}

.related-posttype3__section h4 {
    margin-top: 10px;
}

.related-posttype3__section .post-body {
    padding: 20px 0 0;
}


body .container-fluid .row-fluid .blog11-listing__grp .blog-post__author {
    margin-bottom: 103px;
}



/*=========================================================
  Simple Ebook Download Styling
==========================================================*/

.ebook-section h1 {
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.7px;
}

.ebook-section form {
    border: solid 1px #dadada;
    background-color: #ffffff;
    padding: 35px 25px 30px;
    border-top-width: 6px;
    border-top-color: #007aff;
}

body .container-fluid .row-fluid .ebook-section .hs-button {
    display: block;
    width: 100%;
}

.ebook-section .submitted-message {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
}

@media (max-width: 1139px) and (min-width: 768px){
  
.ebook-section .row-fluid {
    width: auto;
}
  
.ebook-section h1 {
    font-size: 37px;
}

}

@media(max-width:767px){
  

.ebook-section .row-fluid {
    width: auto;
}  

body .ebook-section .dnd-section {
    padding: 75px 0!important;
}
  
.form-module {
    margin-top: 50px;
} 
  
#hs_cos_wrapper_dnd_ebook_section-module-3_{
   margin-top:30px;
}  

}


/*=========================================================
   Ebook Download 1  Styling
==========================================================*/

.ebook-download1__hero{
    padding: 155px 0 157px;
}

.hero-bottom__grp{
padding: 107px 0 0;
}

.hero-bottom__grp ul{
  margin:0;
 padding:0;
 padding-top: 34px;
}


.hero-bottom__grp ul li{
  margin:0;
  padding:0;
  display:inline-block;
  margin-right:36px;
}

.hero-bottom__grp ul li img{
  vertical-align:middle;

}

.hero-bottom__grp ul li:last-child{
  margin-right:0;
}

.hero-bottom__grp h6{
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #000000;
}


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

.hero-bottom__grp ul li{
    margin-right: 10px;
    margin-bottom: 10px;
}
  


}

@media(max-width:767px){

.ebook-download1__hero {
    padding: 80px 0 80px;
}  
  
.hero-bottom__grp{
  padding:60px 0 0 ;
}
  
.hero-bottom__grp ul li {
    margin: 8px 30px 20px 0;
}
  
}

.ebook-author-cm{
  padding:118px 0px;
}

.ebook-author-cm .column-center{
     align-items: flex-start;
    -webkit-align-items: flex-start;
}

.ebook-author-cm h2{
margin-bottom: 90px;
}

.ebook-author-cm ul{
      margin:0;
      padding:0;
      text-align:center;
      display: block;
      width: 81%;
      margin-top: 17px;
}

.ebook-author-cm ul li{
      margin:0;
      padding:0;
      text-align:center;
      display:inline-block;
      margin-right:15px;
}

.ebook-author-cm ul li:last-child{
   margin-right:0;
}

.ebook-author-cm p{
    margin-bottom: 26px;
}

.ebook-author-cm p span{
  font-weight:bold;
}

.no-margin__bottom{
 margin-bottom:0;
}


body .container-fluid .row-fuid .margin-left__tab{
   margin-left:0px;
}

@media(min-width:768px){

body .row-fluid .subcribe-blog__cm .column-center.row-center {
    align-items: center;
    -webkit-align-items: center;
}

}

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

  
body .container-fluid .row-fuid .margin-left__tab{
   margin-left:20px;
}

}

@media(max-width:767px){
  
.ebook-author-cm {
    padding: 80px 0px;
}  
  
.ebook-author-cm .column-center {
    text-align: center;
}  
  
.ebook-author-cm ul {
    width: 100%;
    margin-top: 17px;
    margin-bottom: 30px;
}  
  

}


/*=========================================================
   Ebook Download 3  Styling
==========================================================*/

.ebook-section__container{
    padding-top: 108px;
    padding-bottom: 123px;
}

.ebook-twocol__textcm{
    padding: 130px 0 103px;
}

.ebook-twocol__textcm h2{
    margin-bottom: 48px;
}

.ebook-twocol__textcm p span{
    color:#007aff;
    font-weight: 600;
    font-style: italic;
    font-size: 20px;
    line-height: 1.5;
}

.ebook-twocol__listcm{
    position: relative;
    margin-bottom: -240px;
    padding-top: 123px;
}

.ebook-twocol__listcm .image-zindex{
  z-index: 2;
 position: relative;
}

.ebook-twocol__listcm ul {
    column-count: 2;
}

.ebook-twocol__listcm h2{
    margin-bottom: 29px;
}

.ebook-twocol__listcm .tick-list__style li:before{
  top:2px;
}

.ebook-twocol__rightempty{
 position:relative;
}

.ebook-twocol__rightempty {
    padding: 86px 0 107px;
}

.ebook-twocol__rightempty ul{
  margin:0;
  padding:0;
  padding-bottom: 34px;
}

.ebook-twocol__rightempty ul li{
 margin:0;
 padding:0;
 margin-right:15px;
 display: inline-block;
 min-width: 143px;
}

.ebook-twocol__rightempty ul li span{
  display:block;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: normal;
  padding-top: 10px;
}

.ebook-twocol__rightempty .white-cta {
    margin-top: 30px;
}

@media(max-width:1150px){

.ebook-twocol__listcm {
    margin-bottom: 0;
}


}

@media(max-width:767px){

  
.ebook-section .col-2 {
    text-align: center;
    margin-bottom: 40px;
}  
  
.ebook-twocol__textcm {
    padding: 70px 0 65px;
}  
  
.ebook-section__container{
    padding-top: 75px;
    padding-bottom: 75px;
}
  
.ebook-twocol__listcm ul{
   column-count: 1;
   padding-left: 30px;
}  
  
.ebook-twocol__listcm {
    position: relative;
    margin-bottom: 0;
    padding-top: 70px;
    padding-bottom: 70px;
}  
  
.ebook-twocol__rightempty {
    padding: 70px 0 70px;
}  


}


/*================================================================
   Download app 1 styling
==================================================================*/


.download-app1__hero{
    padding: 50px 0 120px;

}

.download-app1__hero h6{
    margin-top: 25px;
    color:#000000;
}

.download-app1__singletext{
    padding: 119px 0 90px;
}

.download-app1__singletext h2{
    margin-bottom: 25px;
}

body .container-fluid .row-fluid .download-app1__singletext .cta-grp {
    margin-top: 31px;
    max-width: 400px;
    margin: 0 auto;
    float: none;
    clear: both;
    padding: 55px 0 30px;
}

body .container-fluid .row-fluid .subcribe-blogtype4__cm  .page_max_width{
  max-width:870px;
}

body .container-fluid .row-fluid .subcribe-blogtype4__cm  form{
 max-width:500px;
 margin:0 auto;
 float:none;
    margin-top: 47px;
}

body .container-fluid .row-fluid .subcribe-blogtype4__cm  h2{
margin-bottom: 21px;
}

.slider-type2 {
padding: 72px 0 150px;
}

.slider-type2 .hs_cos_wrapper {
    border-radius: 8px;
    box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.21);
    background-color: #ffffff;
    align-items: flex-start;
      padding: 51px 25px 28px;
}

.slider-type2 .hs_cos_wrapper p {
    margin: 10px 0px 1px;
}

.slider-type2 p{

}

.slider-type2 ul{
 margin:0;
 padding:0;
}

.slider-type2 ul li{
  display:inline-block;
  margin-right:20px;
}

.slider-type2 ul ul li{
 margin-right:5px;
}

.slider-type2 ul ul li:last-child{
  margin-right:0;
}

.slider-type2 .slider-inner__grp p{
  font-size: 20px;
  font-weight: normal;
  font-style: italic;
  line-height: 1.5;
  margin: 24px 0px;
}

.slider-type2 .slider-inner__grp h3{
  margin-bottom:4px;
}

.slider-type2 .slider-inner__grp h6{
  font-size: 18px;
  font-weight: normal;
  line-height: 1.44;
  color:#007aff;
}

.slider-inner__grp {
    outline: none;
}

.slider-type2 .slick-dots button {
    background: #d8d8d8;
    border: none;
    border-radius: 100%;
    font-size: 0;
    line-height: 0;
    width: 9px;
    height: 12px;
    webkit-appearance: none;
    -webkit-appearance: none;
    display: block;
   cursor:pointer;
}

.slider-type2 .slick-dots li.slick-active button {
    background: #007aff;
}

@media(min-width:768px){
  
body .container-fluid .row-fluid .slider-type2  .grid-column__two>span{
  margin-right: -7%;
}  
  
body .row-fluid .slider-type2  .grid-column__two span>.hs_cos_wrapper{
    flex-basis: 43%;
    -webkit-flex-basis: 43%;
    margin-right: 7%;
}  
  
body .row-fluid .slider-type2 .grid-column__two span>.hs_cos_wrapper:nth-child(even) {
    position: relative;
    top: 60px;
}
  
.slider-type2  ul.slick-dots {
    position: relative;
    top: -44px;
    text-align: right;
}  

}

.number-container{
  background:#007aff;
  border-radius:100%;
  width:81px;
  height:81px;
  margin:0 auto;
}

.number-container h3{
  font-size: 42px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -0.7px;
  text-align: center;
  color: #ffffff;
  padding: 10px 10px;
}


@media(max-width:767px){

.download-app1__hero {
    text-align: center;
}
  
.download-app1__hero .cta-grp {
    max-width: 100%;
}  
  
body .container-fluid .row-fluid .three-col__numbercm .text-container.row-center {
    text-align: center;
}  
  
.slider-type2 {
    padding: 72px 0 90px;
}  

}



/*===============================================================================
  Blog 12 styling
==============================================================================*/

.blog-12 .blog-simplehero__section{
    padding: 100px 0 97px;
    text-align: left;
}

.blog-12.hs-blog-listing .blog-listing__grp{
  background:#f7fcff;
}

ul.theme-bg.topic_list__style {
    text-align: right;
}

ul.theme-bg.topic_list__style li {
  padding:0;
}

.theme-bg a.topic-link {
    text-transform: capitalize;
    color: #fff;
    padding:5px 24px;
    background: #007aff;
    border-radius: 4px;
}

.blog-listing__author .hs-author-avatar {
    width: 39px;
    height: 39px;
    border-radius: 100%;
}


.blog-12 .post-body .blog-listing__author h4{
  margin:0;
  font-size: 16px;
  line-height: 1.38;
}


.blog-12 .post-body h4,
.blog-12 .post-body h4 a {
    display: block;
    clear: both;
    font-size: 28px;
    color: #000;
    line-height: 1.29;
  margin: 54px 0px 16px;
}

.blog-12 .container-fluid .row-fluid .post-body.white-bg {
    background: #fff;
    margin: 0;
    box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.08);
    padding: 20px;
}

.blog-12 .post-item{
    margin-bottom: 70px;
}


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

.blog-12 .ias-trigger a{
     padding: 15px 56px;
     display: inline-block;
     text-align: center;
}

.blog-12 .topic_list__style span{
  display:none;
}

.blog-post-type5 .theme-bg.topic_list__style span{
  display:none;
}



@media(min-width:768px){

.blog-12 .container-fluid .row-fluid .post-body.white-bg {
    width: 68.4%;
    padding: 20px 40px;
}  

}

.blog-12 .post-date {
    margin: 0 0 15px 0;
}


.hs-blog-listing.blog-12 .subcribe-blog__cm{
 margin-bottom:0;
}

@media(max-width:767px){


.blog-12 .post-item{
    margin-bottom: 40px;
}
  
  
.blog-12 .hs-featured-image-wrapper.hs-featured__image{
    height: 250px;
}  
  
  
.blog-12 .post-body h4,
.blog-12 .post-body h4 a{
    margin: 24px 0px 16px;
}  
  
.blog-12 .ias-trigger {
    padding: 33px 0 76px;
}  
  
.blog-12 .subcribe-blog__cm {
    padding: 90px 0px 75px;
    margin-bottom: 0;
}  
  

}


/*=============================================================
  Post 5 Styling And Blog 12 styling
===============================================================*/

.blog-post-type5{
    padding: 100px 0px 0;
}

.height-of__bg{
  height:554px;
}

.blog-post-type5 h2{
  font-size: 32px;
  font-weight: 800;
  line-height: 1.31;
  letter-spacing: normal;
  margin: 28px 0px 35px;
}

.blog-post-type5 ul.theme-bg.topic_list__style {
    text-align: left;
}

.blog-post-type5 .theme-bg a.topic-link,
.blog-post-type5 ul.theme-bg.topic_list__style li {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.13;
    letter-spacing: normal;
    color: #007aff;
    background: transparent;
    text-align: left;
    padding: 0;
    text-transform: uppercase;
}

.blog-post-type5 .left-inner-col{
  margin:0;
}

.blog-post-type5 .hs-author-avatar{
    height:53px;
    border-radius: 100%;
    min-width:53px;
}
 
.blog-post-type5 h4 {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.38;
    letter-spacing: normal;
    margin: 0;
}


.blog-post-type5 .right-col{
    margin: 0;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.21);
    background-color: #ffffff;
    padding: 20px;
    margin-top: 20px;
    border-bottom: 8px solid #007aff;
}


body .container-fluid .row-fluid .blog-post-type5 .right-inner-col{
    padding-left: 6%;
    margin: 0;
}

.sharing-icon__list{
 margin:0;
 padding:0;
}

.sharing-icon__list li{
 display:inline-block;
 margin:0;
 padding:0;
 margin-right:15px;
 color:#007aff;
}

.sharing-icon__list li i.fab {
    font-size: 13px;
}

.sharing-icon__list li:first-child{
  font-size: 12px;
  font-weight: normal;
  line-height: 2.17;
  letter-spacing: normal;
  color: #7f7f7f;
}

.sharing-icon__list li:last-child{
  margin-right:0;
}

.read-time span{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #7f7f7f;
}

.blog-post-type5.border-bottom {
    border-bottom: 1px solid #bcbcbc;
    padding-bottom: 103px;
}
 
body .container-fluid .row-fluid .read-socialshare__div{
    max-width: 748px;
    margin: 0 auto!important;
    float: none;
    padding: 88px 0px 0px;
    clear: both;
}

body .container-fluid .row-fluid .min-height__formodule{
    min-height: 554px;
}

.blog-12 .blog-listing__grp{
  background:#ffffff;
}

body.blog-12 .container-fluid .row-fluid .blog-post__section {
    padding: 59px 0px 75px;
}


@media(min-width:768px){
  
.blog-post-type5 .page_max_width{
  position:relative;
  } 
  
body .container-fluid .row-fluid .blog-post-type5 .right-col{
    width: 34.1%;
    position: relative;
    float:right;
    padding: 30px 40px;
    z-index: 2;
  }
  
.blog-post-type5  .height-of__bg {
    position: absolute;
    width: 68%;
}  

}


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

.blog-post-type5 h2 {
    font-size: 22px;
}

body .container-fluid .row-fluid .blog-post-type5 .right-col {
    padding: 30px 20px;
}  
  
body .container-fluid .row-fluid .blog-post-type5 .right-inner-col {
    padding-left: 15%;
}
  
}


@media(max-width:767px){

.blog-post-type5.border-bottom {
    padding-bottom: 38px;
}  
  
.blog-post-type5 h2 {
    font-size: 22px;
}
  
.height-of__bg {
    height: 354px;
    margin: 0;
}  
  
.blog-post-type5 .right-col {
    margin-top: -110px;
}
  
.sharing-icon__list{
  text-align:right;
}  
  
body .container-fluid .row-fluid .read-time, 
body .container-fluid .row-fluid .social-share.row-right {
    width: 50%;
    float: left;
}  
  
 body .container-fluid .row-fluid .read-socialshare__div {
    padding: 60px 0px 0px;
}
  
body.blog-12 .container-fluid .row-fluid .blog-post__section {
    padding: 38px 0px 0px;
}  
  
.blog-post-type5 .hs-author-avatar {
    max-width: 53px;
    float: left;
}  
  
body .container-fluid .row-fluid .blog-post-type5 .right-inner-col {
    display: flex;
    align-items: center;
}
  
body .blog-post-type5 .equal-height__column>.row-fluid-wrapper>.row-fluid {
    display: flex;
    flex-direction: row;
}  
  
.sharing-icon__list li {
    margin-right: 11px;
}

}

/*=====================================================================
   Related Post type 6 Styling
=======================================================================*/


.blog-rss__section.related-post__type6 .hs-featured__image {
    height: 249px;
    padding: 0;
}

.related-post__type6 .post-body {
    padding: 37px 20px 67px;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,0.21);
    background-color: #fff;
    margin: -56px 20px 30px 20px;
    border-bottom: 8px solid #007aff;
}

.related-post__type6.blog-rss__section .post-item {
    background: transparent;
}

.related-post__type6 .related-post .post-body a,
.related-post__type6 .related-post .post-body h4 {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: normal;
    margin: 0;
}

.related-post__type6 .related-post .read-more__time a{
 font-size:16px;
}

.related-post__type6  .post-body p {
    margin: 16px 0 24px;
}


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

.related-post__type6 .related-post .post-body a, 
  .related-post__type6 .related-post .post-body h4 {
    font-size: 18px;
}
  
.related-post__type6 .post-body {
    padding: 37px 15px 67px;
    margin: -56px 10px 30px 10px;
}
  
.related-post__type6 .read-time span{
    font-size: 12px;
}
  
.related-post__type6 .related-post .read-more__time a {
    font-size: 12px;
} 
  
body .related-post__type6 .simple-cta a.cta_button[title]:after {
    right: -10px;
    top: 4px;
  }

}

@media(max-width:767px){


.related-post__type6 .related-post .post-body a, .related-post__type6 .related-post .post-body h4 {
    font-size: 18px;
}
  
.related-post__type6 .post-body {
    margin: -56px 10px 30px 10px;
  }
  
.related-post__section.blog-rss__section.related-post__type6 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  
.related-post__type6.related-post__section h2 {
    margin-bottom: 51px;
}  
  
body .container-fluid .row-fluid .related-post__type6 .read-time,
body .container-fluid .row-fluid .related-post__type6 .read-more-sec {
    width: 50%;
    float: left;
    text-align: right;
    line-height: 1;
}

.related-post__type6 .read-time span{
    font-size: 13px;
}
  
.related-post__type6 .related-post .read-more__time a {
    font-size: 13px;
    float: left;
}  
  
body .related-post__type6 .simple-cta a.cta_button[title]:after {
    top: 5px;
  }  

}


/*=======================================================================
  Blog 13 listing Style
=======================================================================*/


.blog-hero__type5 h1,
.blog-hero__type5 h1 a{
  font-size: 32px;
  font-weight: 800;
  line-height: 1.31;
  letter-spacing: normal;
  color: #000000;

}


body.hs-blog-listing.blog-13 .post-item:first-child,
body.hs-blog-listing.category-page.blog-13 .container-fluid .row-fluid .blog-hero__type5.blog-post-type5{
  display:none;
} */

body.hs-blog-listing.category-page .post-item:first-child{
  display:block;
}


@media(min-width:768px){
  
  
body .container-fluid .row-fluid .blog-hero__type5.blog-post-type5 .right-col {
      padding: 36px 30px 42px;
}
  
body .container-fluid .row-fluid .blog-hero__type5.blog-post-type5{  
    min-height: 670px;  
}

}

.blog-13 .blog-rss__section {
    padding-top: 67px;
}

.heavy-font__filter.topi-filter__grp{
    background: #fff;
    padding: 87px 0 0px;

}


.heavy-font__filter.topi-filter__grp ul li {
    margin-right: 25px;
  margin-bottom:10px;
}

.heavy-font__filter.topi-filter__grp ul li:last-child{
 margin-right:0;
}

.heavy-font__filter.topi-filter__grp ul li a {
    font-weight: 900;
    padding: 0;
}

.search-form .hs-search-field button svg {
    display: none;
}

.search-form .hs-search-field form {
    position: relative;
}

.search-form input.hs-search-field__input {
    border-radius: 4px;
    border: solid 1px #e3e3e3;
    background-color: #ffffff;
    height: 50px;
    padding: 15px;
}

.search-form  .hs-search-field button {
    position: absolute;
    font-size: 0;
    border: none;
    background: #007aff;
    height: 50px;
    padding: 10px 26px;
    border-radius: 0 4px 4px 0;
    right: 0;
  cursor:pointer;
}

.search-form .hs-search-field button:before {
    background: url(https://7106460.fs1.hubspotusercontent-na1.net/hubfs/7106460/Coast%20Assets/search%20%281%29.svg) no-repeat;
    width: 24px;
    height: 24px;
    top: 11px;
    right: 13px;
    content: "";
    position: absolute;
    background-size: contain;
}

.blog-13 .ias-trigger{
    padding: 5px 0 6px;
}

.blog-13 .ias-trigger a {
    max-width: 168px;
    margin: 0 auto;
    background: #007aff;
    color: #fff;
  transition:all ease-in-out .2s;
}

.blog-13 .ias-trigger a:hover{
  color:#007aff;
  background:transparent;
}



@media(max-width:767px){

.search-form input.hs-search-field__input{
  margin-top:30px;
}

.search-form .hs-search-field button{
   top:30px;
}
  
body .container-fluid .row-fluid .blog-hero__type5 .read-more-sec, 
body .container-fluid .row-fluid .blog-hero__type5  .read-time {
    width: 50%;
    float: left;
} 
  
.blog-post-type5.blog-hero__type5  .right-col {
    padding-bottom: 49px;
}  
  
body.hs-blog-listing .container-fluid .row-fluid .related-post__type6 .post-item .read-more-sec{
  text-align:left;
}
  
.heavy-font__filter.topi-filter__grp {
    padding: 35px 0 0px;
}  
  
.blog-13 .blog-rss__section {
    padding-bottom: 26px;
}  

}


/*==================================================================
   Blog 14 styling
=====================================================================*/


body.blog-14 .blog-simplehero__section .page_max_width>.row-fluid-wrapper{
  max-width:820px;
}

@media (min-width: 768px){
  
.blog-fourcol__section .post-listing {
    margin: 0 -2.6% 0 0;
    padding: 0;
    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;
}  
  
.blog-fourcol__section .post-item {
    width: 22.4%;
    display: block;
    box-sizing: border-box;
    margin: 0 2.6% 30px 0;
    list-style: none;
    padding-bottom: 0;
    display: block;
    box-sizing: border-box;
    align-self: stretch;
    transition: all ease-in-out .4s;
}
  
}

.blog-fourcol__section h2.top-title{
   font-size: 28px;
  line-height: 1.29;
  margin: 60px 0 57px 0;
}

.blog-fourcol__section h4{
  line-height:1.3;
  position:absolute;
  bottom:20px;
  width: auto;
  left: 20px;
  right: 20px;
}

.blog-fourcol__section .post-item {
  margin-bottom:30px;
  position:relative;
  border-radius:24px;
  min-height:310px;
  padding:20px;
}

.blog-fourcol__section .post-item.overlay:before{
 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 114%);
 border-radius:24px;
}

.blog-fourcol__section .box-click__anchor {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
}

.grey-background .heavy-font__filter.topi-filter__grp{
  background:#f7fcff;
}

.blog-14  .ias-trigger {
    padding: 59px 0 104px;
}

.blog-14 .ias-trigger a {
    display: inline-block;
    min-width: 196px;
}

body.blog-14 .container-fluid .row-fluid .subcribe-blog__cm .page_max_width{
  padding:0;
}

.blog-14 .blog-listing__grp{
 overflow-x:hidden;
}

body.blog-14.hs-blog-listing .subcribe-blog__cm{
  background:#fff!important;
  margin-left:0!important;
  position:relative;
  margin-top: 84px;
}

body.blog-14 .subcribe-blog__cm:before,
body.blog-14 .subcribe-blog__cm:after{
  content:"";
  position:absolute;
  left:-400%;
  top:0;
  height:100%;
  width:400%;
  background:#ffffff;
}

body.blog-14 .subcribe-blog__cm:after{
 left:auto;
  right:-400%;
}  

body.blog-14.hs-blog-post .grey-background{
  background:#fff;
}

.blog-14.hs-blog-post .blog-fourcol__section {
    padding-bottom: 84px;
}

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

.blog-fourcol__section .post-item {
    width: 30.733%;
  }


}


/*========================================================
  Download App2 Page Styling
==========================================================*/



.download-app2__hero{
 padding-bottom:0;
  padding-top: 64px;
}

@media(min-width:768px){

.download-app2__hero .space-lb{
    padding-left: 9%;
    padding-bottom: 86px;

}

}


.download-app2__feature{
  padding:116px 0;
}

body .container-fluid .row-fluid .download-app2__feature .text-container{
     margin-bottom: 93px;
}

.download-app2__feature .space-tb__col{
    padding-bottom: 24px;
    padding-top: 41px;
}



.download-app2__feature .middle-col.column-center {
    align-items: center;
    -webkit-align-items: center;
}

.download-app2  .faq-two__col{
 padding-top:120px;
}


.download-app2 .container-fluid .row-fluid .faq-two__col .text-container{
    margin-bottom: 106px;
}

@media(max-width:767px){

.download-app2__hero{
 padding-bottom:60px;
  padding-top: 0px;
}
  
.download-app2__feature {
    padding: 60px 0;
}  
  
.download-app2__hero .space-lb {
    margin-top: 30px;
}  
  
body .container-fluid .row-fluid .download-app2__feature .text-container {
    margin-bottom: 50px;
}  

.download-app2__feature .space-tb__col{
    padding-bottom: 30px;
    padding-top: 0px;
    text-align:center;
}
  
.download-app2  .faq-two__col{
 padding-top:70px;
}  
  
  
.download-app2__feature .left-col .space-tb__col>.row-fluid{
   display:flex;
   flex-direction:column-reverse;
}  
  
.download-app2__feature .space-tb__col .span2{
    margin-bottom:20px;
}  
  
.download-app2__feature .right-col.column-center {
    margin-top: 50px;
}  
  
.download-app2  .download-app1__singletext{
   padding:60px 0px;
  } 
  
.download-app2 .container-fluid .row-fluid .faq-two__col .text-container {
    margin-bottom: 50px;
}  
  

}


.download-app2 .body-container-wrapper .hs_cos_wrapper {
    overflow-x: hidden;
}


/*=================================================================
   Blog-15
====================================================================*/

.featured-image__big{
 height:492px;
 border-radius:14px;
}


.hide-featured__post .related-post__type7,
.category-page .related-post__type7,
.category-page .blog-container,
.hide-featured__post .blog-container{
  display:none!important;
}

@media(min-width:768px){

.blog-15.hs-blog-listing .post-listing__twocol .featured-image{
  height:467px;
}
  
  
.post-item7 h2 {
    min-height: 78px;
}  
  
.blog-15 .post-listing__twocol{
      margin: 0 -5.7% 0 0px;
    padding: 0;
    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;
  
}

  
.blog-15 .post-listing__twocol .post-item{
    margin: 0 5.7% 30px 0;
    list-style: none;
    padding-bottom: 0;
    display: block;
    box-sizing: border-box;
    align-self: stretch;
    transition: all ease-in-out .4s;
    width: 44.2%;
  
}  

.blog-15 .post-listing2 {
    padding-left: 15px;
}

.post-item7{
   margin-bottom:87px;
}
  
.blog-15.hs-blog-listing .post-listing2 .featured-image{
  height:189px;
}  
  
.blog-15 .blog-container .right-col{
  padding-top:69px;
  padding-left:15px;
}  

}


.post-item7 h2 a{
  color:#000000;
}

.post-item7 h2{
     display: block;
    clear: both;
    margin: 0px 0px;
    padding: 11px 0px 15px;
}

.blog-15 .post-item7  ul.no-bg__list {
    margin: 37px 0px 10px;
    display: block;
    clear: both;
}

body .post-item7 a.more-link.cta_button {
    margin-top: 13px;
    padding: 14px 24px;
    min-width: 141px;
}

ul.single-line__list li{
  display:inline-block;
  margin-right:20px;
}

ul.single-line__list  li:last-child{
  margin-right:0;
}



.blog-15 .post-listing2 .post-item {
    margin-bottom: 56px;
}

body.blog-15 ul.no-bg__list li a{
 text-transform:none;
}



.blog-15 .blog-container{
 padding:120px 0 28px;
}

.blog-15 .blog-simplehero__section{
 padding:0;
}

.blog-15 .search-form label {
    font-size: 26px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #000000;
    padding-bottom: 17px;
    display: block;
}



.blog-15 .post-item h4,
.blog-15 .post-item h4 a{
   font-size: 24px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: normal;
  color: #000000;
    padding-bottom: 5px;
    padding-top: 3px;
    display: block;
    clear: both;
    margin: 0;
}

.topic{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.63;
  letter-spacing: normal;
  color:#007aff;
}

.blog-15.hs-blog-listing .featured-image{
 height:383px;
 border-radius:14px;
}

.blog-15 h2.top-title{
    padding-bottom: 43px;
}

.blog-threecol__section {
    padding: 60px 0px 0;
}










@media (min-width: 768px){
  
.blog-threecol__section .post-listing {
    margin: 0 -2.5% 0 0px;
    padding: 0;
    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;
}  
  
.blog-threecol__section .post-item {
    width: 30.83%;
    display: block;
    box-sizing: border-box;
    margin: 0 2.5% 30px 0;
    list-style: none;
    padding-bottom: 0;
    display: block;
    box-sizing: border-box;
    align-self: stretch;
    transition: all ease-in-out .4s;
}
  
.blog-15 .post-item7 ul.no-bg__list.single-line__list {
    text-align: right;
}  

}

.blog-threecol__section .post-item {
  margin-bottom:85px;
}

.blog-15 ul.no-bg__list{
    margin: 20px 0px 10px;
}

body ul.no-bg__list, 
body ul.no-bg__list li a,
body ul.no-bg__list li {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.13;
    letter-spacing: normal;
    color: #007aff;
    background: transparent;
    text-align: left;
    padding: 0;
    text-transform: uppercase;
}

.blog-15 .blog-paginations {
    padding-top: 40px;
    padding-bottom: 126px;
}




@media (min-width: 768px){

body .row-fluid .subcribe-blog__cm.button-green .column-center.row-center {
    align-items: flex-end;
    -webkit-align-items: flex-end;
}
  
body .container-fluid .row-fluid .subcribe-blog__cm.button-green input[type="email"]{
    padding-right: 27%;
}  
  
} 

body .container-fluid .row-fluid .subcribe-blog__cm.button-green form{
 position:relative;
}

body .container-fluid .row-fluid .subcribe-blog__cm.button-green .hs-button {
    width: auto;
    position: absolute;
    right: -1px;
    margin: 0;
    top: 23px;
    height: 51px;
    text-transform: uppercase;
    background: #63c100;
    border-color: #63c100;
}

body .container-fluid .row-fluid .subcribe-blog__cm.all-text__white label{
 color:#ffffff;
}


.blog-15 .blog-listing__grp{
 overflow-x:hidden;
}

body.blog-15.hs-blog-listing .subcribe-blog__cm{
  margin-left:0!important;
  position:relative;
     margin-top: 42px;
    margin-bottom: 130px;
}

body.blog-15 .subcribe-blog__cm:before,
body.blog-15 .subcribe-blog__cm:after{
  content:"";
  position:absolute;
  left:-400%;
  top:0;
  height:100%;
  width:400%;
  background:#007aff;
}

body.blog-15 .subcribe-blog__cm:after{
 left:auto;
  right:-400%;
} 

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

.blog-15 .post-listing__twocol .featured-image {
    height: 385px;
}
  
.blog-15 .post-listing2 .post-item h4, .blog-15 .post-listing2 .post-item h4 a {
    font-size: 18px;
}  
  
.blog-15.hs-blog-listing .featured-image {
    height: 189px;
}  

.post-item7 h2 a {
    font-size: 30px;
}  
  
.blog-15 .post-listing2 .post-item {
    margin-bottom: 48px;
}  
  
}

@media(max-width:767px){

.blog-threecol__section .post-item {
  margin-bottom:30px;
}
  
body .container-fluid .row-fluid .subcribe-blog__cm.button-green .hs-button {
 width:100%;
 position:static;
 margin-top:20px;
}  
  
.featured-image__big{
 height:383px;
  }
  
.related-post__type7 .post-item,
.blog-15 .post-listing2 .post-item{
    margin-bottom: 30px;
}  

.blog-threecol__section {
    padding: 30px 0px 0;
}  
  
body .container-fluid .row-fluid .mobile-width50 .span6 {
    width: 50%;
    float: left;
}  
  
.blog-15 .post-item7 ul.no-bg__list {
    margin: 27px 0px 10px;
  }
  
.blog-15 .blog-container {
    padding: 60px 0 60px;
}  
  
.blog-15 .blog-container .right-col{
  padding-top:30px;
}    
  
.blog-15 .search-form input.hs-search-field__input {
    margin-top: 0px;
   padding-right:15px!important;
}
  
body.blog-15.hs-blog-listing .subcribe-blog__cm{

     margin-top: 42px;
    margin-bottom: 42px;
} 
  
body.blog-15.hs-blog-listing .subcribe-blog__cm .page_max_width{
   padding:0;
}  
  
}



/*===============================================================
   Blog 16 Styling
================================================================*/

.blog-16 .hs-featured-image-wrapper {
    height: 260px;
}

.blog-16 .post-item h4,
.blog-16 .post-item h4 a{
  color:#000000;
  font-size: 18px;
  line-height: 1.44;
}

.blog-16 .post-item .post-body{
  background:#fff;
  padding: 24px 15px 25px;
}

.blog-16 ul.no-list__style {
    margin: 0;
    padding: 0;
    padding-top: 5px;
}

.blog-16.hs-blog-listing a.topic-link,
.blog-16 .no-list__style li {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7f7f7f;
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: middle;
}

.blog-16 .no-list__style li{
    display:none;
    position:relative;
    margin-right: 14px;
}

.blog-16 .no-list__style li:first-child,
.blog-16 .no-list__style li:nth-child(2){
  display:inline-block;
}

.blog-16 .no-list__style li:nth-child(2){
  margin-right:0;
}

.blog-16 .no-list__style li:nth-child(2):after{
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    left: -10px;
    top: 8px;
    background: #000;
    border-radius: 100%;
    border: 0.1px solid #000
}

/* .blog-16 .no-list__style li:nth-child(2):after{
  display:none;
} */



@media (min-width: 768px){
  
.blog-16 .blog-threecol__section .post-listing {
    margin: 0 -3.3% 0 0px;
}
  
.blog-16 .blog-threecol__section .post-item {
    width: 30.033%;
    margin: 0 3.3% 30px 0;
    margin-bottom:30px;
    background:#fff;
}

}

/*======================================================
 Popular post styling
==========================================================*/

.blog-16 .popuplar-blog__post {
  height:270px;
  position:relative;
  padding:20px;
  margin-bottom:30px;
}

.block h3 {
    margin-bottom: 25px;
}

.blog-16 .popuplar-blog__post:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 114%);
}

.blog-16 .popuplar-blog__post h4 a{
  color:#fff;
}

.blog-16 .popuplar-blog__post h4{
  color:#fff;
  position:absolute;
  bottom:20px;
  width: auto;
  right: 20px;
  left: 20px;
}

.blog-16 .blog-listing__grp{
    padding-top: 60px;
}

.blog-16 .blog-threecol__section {
    padding: 6px 0px 0;
}

.blog-16 .cta-trigger h3{
    margin-top: -8px;
    font-size: 16px;
    font-weight: 800;
    display: inline-block;
    color: #fff;
    padding: 14px 44px 14px 23px;
    border-radius: 4px;
    background-color:#007aff;
    position:relative;
    cursor:pointer;
    letter-spacing: 0.5px;
}

.blog-16 .cta-trigger h3:before{
    content: "";
    position: absolute;
    right: 24px;
    top: 22px;
    background: url(https://7106460.fs1.hubspotusercontent-na1.net/hubfs/7106460/Coast%20Assets/path-3.svg);
    width: 14px;
    height: 9px;
    background-size: contain;
    background-repeat: no-repeat;
}

.blog-16 .topic-section {
    position: relative;
}

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

.blog-16 .topic-section ul li {
    list-style-type: none;
}

.blog-16 .topic-section ul {
    margin: 0;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.13);
    background-color: #ffffff;
    padding: 27px 25px 16px;
    position: absolute;
    width: 100%;
    max-width: 234px;
    right: -128px;
    z-index: 3;
    display:none;
}

.blog-16 .topic-section ul li a {
    display: block;
    color: #000000;
    font-weight: 600;
    padding-bottom: 13px;
    text-align: left;
}

@media(max-width:767px){

.blog-16 .topic-section ul {
  right:0;
}
  
.blog-16 .cta-trigger h3{
    left: 0;
    font-size: 13px;
}
  
  
}


.blog-16 .post-item.slick-slide {
    margin-right: 30px;
    outline:none;
}
  
.featured-slider__section{
    padding: 143px 0px 60px;
}  

.featured-slider__section h3{
    padding-bottom: 20px;
}

@media(min-width:768px){

.featured-slider__section{
   overflow:hidden;
}
  
.blog-16 .slick-list{
   overflow:visible;
}
  
.featured-post__cm{
   position:relative;
}
  
.featured-post__cm:before {
    content: "";
    position: absolute;
    width: 100%;
    background:#f7fcff;
    height: 101%;
    left: -102%;
    top: -3px;
    z-index: 4;
}  
  
}

.blog-16 .ias-trigger {
    padding: 39px 0 130px;
}

.blog-16 .ias-trigger a {
    color: #fff;
    border: solid 1px #007aff;
    background-color: #007aff;
    max-width: 169px;
    margin: 0 auto;
}


@media(max-width:1024px) and (min-width:768px){
  
.featured-slider__section {
    padding: 90px 0px 40px;
}

.blog-16 .blog-threecol__section .post-item {
    width: 46.033%;
    background:#fff;
}
  
  
.blog-16 .left-col__section{
  width:67%;  
}  
  

.blog-16 .right-col__section{
  width:30%  
}  
  

}

@media(max-width:767px){

.featured-slider__section {
    padding: 52px 0px 30px;
}  
  
  
.blog-16 .ias-trigger {
    padding: 39px 0 70px;
}


body .container-fluid .row-fluid .mobile-width50 {
    width: 50%;
    float: left;
    margin-bottom:30px;
}
  
.blog-16 .post-item.slick-slide {
    margin-right: 0px;
   margin:0 5px;
}  
  
.blog-16 .cta-trigger h3:before {
    top: 19px;
}
  
  
  

}

/*========================================================================
   Blog 16 Post Styling
=========================================================================*/


.blog-16.hs-blog-post .container-fluid .row-fluid .left-col__section {
    width: 100%;
}


.blog-16.hs-blog-post  .blog-listing__grp.grey-background {
  background:#fff;
}


.blog-16.hs-blog-post .container-fluid .row-fluid .blog-post__section {
    padding: 0px 0px 75px;
}


.blog-16.hs-blog-post .blog-rss__section .post-item,
.blog-16.hs-blog-post .blog-rss__section .post-item .post-body{
  background:#f7fcff;
}

.blog-16.hs-blog-post .related-post__section a.topic-link {
    color: #000;
}


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

.blog-17.hs-blog-listing .single-line__formcontainer .hs-input{
    padding: 15px;
    height: 66px;
}

.blog-17.hs-blog-listing .single-line__formcontainer .hs-form label,
.blog-17.hs-blog-listing .single-line__formcontainer .form-title {
  display:none;
}

.blog-17.hs-blog-listing .text-container p {
    font-size: 16px;
}

.blog-17.hs-blog-listing .featured-slider__section {
    padding: 134px 0px 0px;
    margin-bottom: -170px;
}

.blog-17.hs-blog-listing .single-line__formcontainer {
    padding-bottom: 126px;
}


.blog-17.hs-blog-listing  .blog-listing__grp{
    padding-top: 285px;
}


@media(max-width:767px){

.blog-17.hs-blog-listing .featured-slider__section {
    padding: 90px 0px 0px;
}
  
body.blog-17 .container-fluid .row-fluid .single-line__formcontainer form .hs-button {
    background: #fff;
    color: #007aff;
} 
  
.blog-17.hs-blog-listing .single-line__formcontainer {
    padding-bottom: 75px;
}  
  
  
.blog-17 .post-item.slick-slide {
    margin-right: 0px;
    margin: 0 15px;
}
  

}


/*==================================================================
   Agency Home Page Styling
====================================================================*/


 body .row-fluid .counter-icon__cm .grid-column__four span>.hs_cos_wrapper{
 margin-top:0;
}

.counter-icon__cm h6{
  color:#494a52;
 font-weight:normal;
}

.span4-top__space{
    padding-top: 12px;
}

body .container-fluid .row-fluid  .counter-icon__cm .inner-border__module{
  border: solid 1px #007aff;
  background-color: #ffffff;
  padding: 64px 10px;
   margin-top: -112px;
}


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


.counter-inner__grp h2 {
    font-size: 30px;
}


}





body .row-fluid .three-col__image-text-cm .grid-column__three span>.hs_cos_wrapper.white-box{
    border-radius: 8px;
    box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.21);
    background-color: #ffffff;
  
}

.agency-home .three-col__image-text-cm {
    padding: 100px 0 0;
    margin-bottom: -270px;
}

.agency-home .home3-hero__section {
    padding: 134px 0 253px;
}

.agency-home .slider-type2 {
    padding: 320px 0 150px;
}

@media (min-width: 768px){
  
body.agency-home  .row-fluid .three-col__image-text-cm .grid-column__three>span{
   margin-right: -3.9%;
}  
  
body.agency-home  .row-fluid .three-col__image-text-cm .grid-column__three span>.hs_cos_wrapper {
    flex-basis: 30.9%;
    -webkit-flex-basis: 29.43%;
    float: left;
    margin-right: 3.9%;
}

}

.agency-two__colsection {
    padding: 358px 0px 124px;
}

.agency-two__colsection  h4{
    padding-top: 14px;
    margin: 0;
    padding-bottom: 63px;

}

.agency-two__colsection ul {
    margin: 0;
    padding: 0;
    padding-top: 19px;
}

.agency-two__colsection ul li{
    display: inline-block;
    margin-right: 20px;
    vertical-align: text-top;
}

.agency-two__colsection ul ul li {
    margin-right: 3px;
}

@media(max-width:767px){

.agency-home .home3-hero__section {
    padding: 80px 0 253px;
}
  
body .row-fluid .counter-icon__cm .grid-column__four span>.hs_cos_wrapper {
    margin-bottom: 15px;
}  
  
body .container-fluid .row-fluid .counter-icon__cm .inner-border__module {
    padding: 40px 10px;
}

.agency-two__colsection {
    padding: 289px 0px 70px;
} 
  
.agency-two__colsection .span6.row-right {
    margin-top: 60px;
}  
  
.agency-two__colsection ul li {
    margin-right: 10px;
}
  
.agency-two__colsection ul li {
    margin-right: 4px;
  }

}


/*====================================================================
  Agency slider section styling
=====================================================================*/



.slider-type3 {
    padding: 113px 0px;
}


.slider3 .inner-slider__grp.slick-slide {
    margin: 0 15px;
}

.slider-type3 {
    position: relative;
}

.slider3 .slick-arrow {
    position: absolute;
    bottom: -105px;
    left: -117px;
    right: 0;
    margin: 0 auto;
    float: none;
    z-index:2;
    cursor:pointer;
}

.slider3 img.slick-next.slick-arrow {
    right: -202px;
}



body .container-fluid .row-fluid .slider-type3  .text-container {
    margin-bottom: 79px;
}


@media(max-width:767px){

.slider-type3 {
    padding: 30px 0px;
}


}


/*====================================================================
  Agency wistia section styling
=====================================================================*/

.agency-home__video{
    margin-top: 470px;
    padding-bottom: 86px;
}

.agency-home__video .thumbnail-image {
    min-height: 487px;
    position: relative;
    margin-top: -330px;
}

.agency-home__video .wistia_click_to_play {
    position: absolute!important;
    left: 0;
    right: 0;
    bottom: -65px;
    cursor: pointer;
}

.agency-home__video .text-container{
    padding-top: 127px;
}

@media(max-width:767px){

.agency-home__video {
    margin-top: 385px;
  }
  
.agency-home__video .thumbnail-image {
    min-height: 387px;
      margin-top: -228px;
}
  
.agency-home__video .wistia_click_to_play {
    bottom: -48px;
}
  
.agency-home__video .wistia_click_to_play img {
    width: 33%;
}  

}


/*======================================================================
   Agency team section
======================================================================*/

.team-type1 {
    padding: 127px 0px;
}

.team-type1 .hs_cos_wrapper {
    background: #f7fcff;
    padding: 15px;
}


.team-member__grp{
    min-height: 358px;
    position: relative;
}


.team-type1 ul {
    margin: 0;
    padding: 0;
    background-color: #f7fcff;
    display: inline-block;
    position: absolute;
    bottom: -1px;
    right: 0;
}


.team-type1 ul li {
    display: inline-block;
    padding: 9px 12px;
    vertical-align: middle;
}


.team-type1 h3{
  margin: 0;
  padding: 21px 0px 4px;
}


.team-type1 h6{
 font-weight:400;
}

body .container-fluid .row-fluid .team-type1 .text-container{
    margin: 0;
    margin-bottom: 42px;
}

@media(max-width:767px){

.team-type1 {
    padding: 70px 0px;
}


}


/*=====================================================================
 Time Line Section
=======================================================================*/

.two-col__timeline{
    padding-bottom: 163px;
}

.two-col__timeline h2{
  margin-bottom: 16px;
}

.time-line__barsection ul {
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 130px 0 109px;
}

.time-line__barsection ul li {
    display: inline-block;
    margin-right: 10.97%;
    position:relative;
}

.time-line__barsection ul li:before{
    content: "";
    position: absolute;
    height: 1px;
    background-color:#cccccc;
    width: 161%;
    right: -135px;
    top: 41px;
    display: block;
    overflow: hidden;
}

.time-line__barsection ul li:last-child{
  margin-right:0;
}

.time-line__barsection ul li:last-child:before{
  display:none;
}

.time-line__barsection h6{
  font-weight:400;
  color:#000;
  margin: 0;
  padding-top: 11px;
}

.list-image__container{
    border: 1px solid #ccc;
    border-radius: 100%;
    width: 82px;
    height: 82px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background-color: #f7fcff;
}



.two-col__timeline .cta-container {
    margin-top: 33px;
}


@media(max-width:1234px) and (min-width:1024px){
  
.time-line__barsection ul li{
   margin-right: 9.97%;
}
  
}

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

.time-line__barsection ul li {
    margin-right: 4.97%;
}

.time-line__barsection ul li:before {
    width: 130%;
    right: -109px;
}

}


@media(max-width:767px){

.time-line__barsection ul li:before{
   display:none;
}
  
.time-line__barsection ul li {
    display: block;
    margin-right: 0;
    position: relative;
    margin-bottom: 30px;
}  
  
.time-line__barsection ul {
    padding: 70px 0 50px;
}  
  
.two-col__timeline .right-col{
   margin-top:50px;
}  
  
.two-col__timeline {
    padding-bottom: 70px;
}  

}


/*===================================================================
   Agency Home Rss 
=====================================================================*/

@media(min-width:768px){
  
.blog-rss__section.agency-home__rss .post-listing{
    margin-right:-2.4%;
}  
  
.blog-rss__section.agency-home__rss .post-item {
    width: 18.07%;
    margin: 0 2.4% 25px 0;
   background:#fff;
}
  
.blog-rss__section.agency-home__rss .post-item:last-child {
    margin-right: 0;
}  
  
}

.blog-rss__section.agency-home__rss .post-item {
   background:#fff;
}


.agency-home__rss .post-item h4,
.agency-home__rss .post-item h4 a{
  font-size: 18px;
  font-weight: 800;
  line-height: 1.44;
  letter-spacing: normal;
  margin:0;
 padding-top:10px;
  padding-bottom:10px;
}

.agency-home__rss.blog-rss__section .post-body {
    padding: 0;
    margin-bottom: 0;
}

.agency-home__rss .post-item ul {
    margin: 0;
    padding: 0;
}

.agency-home__rss .post-item ul li,
.agency-home__rss .post-item ul li a {
    color: #000;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: normal;
    color: #7f7f7f;

}

.agency-home__rss .post-item ul li,
.agency-home__rss .post-item ul li:first-child span{
  display:none;

}

.agency-home__rss .post-item ul li:first-child,
.agency-home__rss .post-item ul li:nth-child(2){
  display:inline-block;
}



.agency-home__rss .post-item ul li span {
    font-size: 19px;
    line-height: 29px;
    display: inline-block;
    padding-left: 5px;
    position: relative;
    top: -3px;
    color:#000;
  padding-right: 6px;
}


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


.blog-rss__section.agency-home__rss .post-item {
    width: 47.601%;
  }

}


@media(max-width:767px){

.blog-rss__section.agency-home__rss  {
    padding-right: 15px;
    padding-left: 15px;
      padding-bottom: 30px;
}
  
.blog-rss__section.agency-home__rss .post-item {
    margin-bottom: 30px;
}  

}


/*================================================================
  About Us minimal page
====================================================================*/

.white-before .before-grey__bg:before{
  display:none;
}

.about1-hero__section{
     padding: 140px 0px;
}

@media(max-width:767px){

.about1-hero__section {
    padding: 70px 0;
}

}


/*=======================================================
  About us 1 three col section 
========================================================*/


.aboutus-threecol__section{
  padding:105px 0;
}

body .container-fluid .row-fluid .aboutus-threecol__section .text-container{
  max-width:655px;
  margin-bottom:65px;
}

.aboutus-threecol__section h3{
     margin-top: 35px;
}

@media(max-width:767px){

.aboutus-threecol__section {
    padding: 70px 0;
}

body .row-fluid .aboutus-threecol__section .grid-column__three span>.hs_cos_wrapper{
  margin-top:50px;
}  

}

/*=======================================================
  About us 1 blog section 
========================================================*/

.aboutus-1__blogsection {
    padding: 22px 0 52px;
}

.aboutus-1__blogsection .right-col .grid-column__two .hs_cos_wrapper{
  position:relative;
  min-height:294px;
  margin:0;
  padding:0 20px;
}

.aboutus-1__blogsection .right-col .grid-column__two .hs_cos_wrapper h4 {
    position: absolute;
    width: auto;
    bottom: 20px;
}

.aboutus-1__blogsection .left-col h2{
    margin-bottom: 16px;
}

.aboutus-1__blogsection .left-col a.cta_button{
    margin-top: 12px;
}

@media(min-width:768px){


body .row-fluid .aboutus-threecol__section .grid-column__three span>.hs_cos_wrapper{
  padding-right: 2.5%;
}
  
.aboutus-1__blogsection .left-col{
   padding:20px 50px;
}


.aboutus-1__blogsection .right-col{
    margin: 0;
    width: 52%;

}  

}

@media(max-width:767px){

.aboutus-1__blogsection .left-col{
   padding:50px 20px;
}
  
.aboutus-1__blogsection .left-col a.cta_button {
    margin-top: 27px;
}  

}

/*===================================================
   About Team Section
====================================================*/

.aboutus-team__section{
    padding: 65px 0px 0;
}

.aboutus-team__section h6{
  font-weight:400;
  color:#000;
  margin:0;
}

.aboutus-team__section .text-grp h4,
.team-hover__section h4{
    margin: 0;
}

.aboutus-team__section .team-hover__section h6{
  color:#fff;
}

.team-hover__section{
  height:100%;
  position:relative;
  opacity:0;
  padding:20px;
}

.aboutus-team__section .team-hover__section ul {
    border-bottom: 1px solid #fff;
    padding: 0px 0px 20px;
    margin-bottom: 21px;
}

.aboutus-team__section .text-grp {
    background: #fff;
    opacity: 0.9;
    text-align: center;
    padding: 4px 10px;
    position:absolute;
    width:auto;
    bottom:0;
}

.aboutus-team__section ul{
  margin:0;
  padding:0;
}

.aboutus-team__section ul li{
  margin:0;
  padding:0;
  display:inline-block;
  margin-right:10px;
  vertical-align:middle;
}

.aboutus-team__section ul li:last-child{
  margin:0;
}

body .row-fluid .aboutus-team__section .grid-column__four span>.hs_cos_wrapper{
  position:relative;
  min-height:383px;
  transition:all ease-in-out .2s;
}



body .row-fluid .aboutus-team__section .grid-column__four span>.hs_cos_wrapper:before{
    opacity: 0;
    background-color: #007aff;
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
}

body .row-fluid .aboutus-team__section .grid-column__four span>.hs_cos_wrapper:hover:before{
opacity: 0.75;

}

body .row-fluid .aboutus-team__section .grid-column__four span>.hs_cos_wrapper:hover .team-hover__section{
  opacity:1;
}
body .row-fluid .aboutus-team__section .grid-column__four span>.hs_cos_wrapper:hover .text-grp{
  opacity:0;
}

.aboutus-team__section .cta-grp {
    padding-top: 89px;
      display: block;
    clear: both;
}

@media(min-width:768px){

  .aboutus-team__section .text-grp{
   width:100%;
  }  

}

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

body .row-fluid .aboutus-team__section .grid-column__four span>.hs_cos_wrapper{
    flex-basis: 47.5%;
    -webkit-flex-basis: 47.5%;
}

}

@media(max-width:767px){

.aboutus-team__section {
    padding: 25px 0px 0;
}
  
body .container-fluid .row-fluid .text-grp {
    width: 100%;  
}
  
 
body .row-fluid .aboutus-team__section .grid-column__four span>.hs_cos_wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}  
  
  
}


/*===================================================
   About Map Section
====================================================*/

.about-us1 .agency-home__video {
    margin-top: 470px;
    padding-bottom: 172px;
}

.about-us1 .row-fluid .three-col__image-text-cm .grid-column__three.row-center {
    margin-bottom: -220px;
}

.agency-home.about-us1 .three-col__image-text-cm {
    margin-bottom: 0;
}

.aboutus-map__section {
    margin-top: 346px;
   padding:60px 0px;
}

body .container-fluid .row-fluid .aboutus-map__section .page_max_width{
    max-width: 442px;
    border-radius: 10px;
    box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.21);
    background-color: #ffffff;
    padding: 54px 20px;
}


.aboutus-map__section .white-background__section {
    max-width: 270px;
    margin: 0 auto;
}

.aboutus-map__section .right-col {
    padding-left: 10px;
}

.white-background__section h4 {
    margin-bottom: 1px;
}


@media(max-width:767px){

.about-us1 .row-fluid .three-col__image-text-cm .grid-column__three.row-center {
    margin-bottom: -300px;
}
  
  
body .container-fluid .row-fluid  .aboutus-map__section .left-col {
    width: 10%;
    float: left;
}    
  
body .container-fluid .row-fluid  .aboutus-map__section .right-col {
    width: 90%;
    float: left;
}  
  
.about-us1 .agency-home__video {
    margin-top: 331px;
}
  
  
  
}


/*=======================================================================
   Home 2 Styling
=========================================================================*/

/**** hero section *************/

.homepage2-hero{
    padding: 131px 0px 132px;
}

.homepage2-hero h4 {
    margin: 23px 0px 37px;
    font-weight: normal;
}

body .container-fluid .row-fluid .homepage2-hero .page_max_width {
    max-width: 730px;
}

.homepage2-hero ul{
  margin:0;
 padding:0;
  text-align:center;
}


.homepage2-hero ul li{
  margin:0;
  padding:0;
  display:inline-block;
  margin-right:25px;
}

.homepage2-hero ul li:last-child{
  margin-right:0;
}

@media(max-width:767px){

.homepage2-hero{
    padding:70px 0;
}
  
.homepage2-hero ul li{
  margin-right:0;
  margin-bottom:20px;
}  

}


/*=================================================================
   Home 2 section 2
===============================================================*/


.homepage2-section2{
margin: 171px 0px 35px;
}

body .container-fluid .row-fluid .homepage2-section2 .page_max_width {
    max-width: 1000px;
}

body .container-fluid .row-fluid .homepage2-section2 .left-col{
    margin-top: -58px;
    margin-bottom: -58px;
}


@media (min-width: 768px){
  
body .container-fluid .row-fluid .homepage2-section2.column-reverse .right-col {
    margin: 0;
    padding-right: 9%;
      box-sizing: content-box;
}

}

@media(max-width:767px){

.homepage2-section2 .right-col {
    padding-top: 84px;
    padding-bottom: 40px;
}
  
.homepage2-section2 {
    margin: 130px 0px 0;
}  


}

/*=====================================================================
   Home 3 Section 3
=======================================================================*/

.homepage2-section3 {
    padding: 205px 0px 65px;
}

.small-img__grp{
  height:86px;
}

.background-grey__bg{
    background-color: #f7fcff;
    margin-bottom: 30px;
    padding: 51px 60px 60px;
}

.background-grey__bg p{
  margin:0;
  font-size: 20px;
  font-weight: normal;
  font-style: italic;
  line-height: 1.5;
  letter-spacing: normal;
  color: #7f7f7f;
}

.testimonial-grp{
    padding-top: 31px;
}

.descriptive-bottom__space{
    padding-bottom: 116px;
}

@media(min-width:768px){

body .container-fluid  .row-fluid .small-img__grp{
   width: 19.2%;
}
  
body .container-fluid .row-fluid .custom-width{
   width: 78%;
   padding-left: 8px;  
}

}

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

.background-grey__bg {
    padding: 20px;
}

}


@media(max-width:767px){

.homepage2-section3 {
  padding: 50px 0px 0px;
}
  
.background-grey__bg {
    padding: 20px;
}  
  
.descriptive-bottom__space {
    padding-bottom: 61px;
}  
  
.custom-width {
    margin-top: 10px;
}  

  
.small-img__grp {
    height: 200px;
}  
}


/*=============================================================
   Home 2 section 4
===============================================================*/

.homepage2-section4{
  padding: 36px 0px;
}

body .container-fluid .row-fluid .homepage2-section4 .page_max_width {
    max-width: 1044px;
}

@media(max-width:767px){


.homepage2-section4  .right-col{
      margin-top: 28px;
  
  }


}


/*=============================================================
   Home 2 section5
===============================================================*/

.homepage2-section5{
   margin: 234px 0px 194px;
}


body .container-fluid .row-fluid .homepage2-section5 .page_max_width {
    max-width: 1044px;
}


.homepage2-section5 .left-col p{
  font-size:20px;
  line-height:1.5;
}


.homepage2-section5 .right-col{
    margin-top: -70px;
    margin-bottom: -70px;
}

.homepage2-section5 h2{
    margin-bottom: 38px;
}

.homepage2-section5 a.cta_button{
      margin-top: 14px;
}

.homepage2-section5 .left-col{
    padding: 71px 0 78px;
}

@media(max-width:767px){

.homepage2-section5 {
    margin: 60px 0px 131px;
}
  
.homepage2-section5 .right-col {
    padding-top: 49px;
}  

.homepage2-section5 h2 {
    margin-bottom: 17px;
}
  
.homepage2-section5 a.cta_button {
    margin-top: 28px;
}  
  
}

/*============================================================
   About us 2 section 2 styling
===============================================================*/


.aboutus2-section2{
    padding: 116px 0px 125px;
}

.aboutus2-section2 .time-line__barsection ul{
   padding: 89px 0 0px;
}


.aboutus2-section2 .time-line__barsection ul li:before{
  display:none;
}

.aboutus2-section2 .time-line__barsection ul li h6{
   font-weight:bold;
}


@media(min-width:768px){


body .container-fluid .row-fluid .aboutus2-section2 .span2{
   width: 30%;
}
  
body .container-fluid .row-fluid .aboutus2-section2 .span5 {
    width: 32.4%;
}

 

}


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

body .container-fluid .row-fluid .aboutus2-section2 .span5 {
    width: 32.2%;
}
  
  
.aboutus2-section2 h2{
   font-size:30px;
} 


}


@media(max-width:767px){


.aboutus2-section2 {
    padding: 70px 0px 47px;
} 
  
  
.aboutus2-section2 .time-line__barsection ul {
    padding: 42px 0 0px;
}  



}


/*==============================================================
   About us 2 Section 3
===============================================================*/

.aboutus2-section3{
  position:relative;
}

.aboutus2-section3 ul{
  margin:0;
  padding:0;
}

.aboutus2-section3 ul li{
  margin:0;
  padding:0;
  display:inline-block;
  margin-right: 18px;
  max-width: 155px;
}


.aboutus2-section3 ul li:last-child{
  margin-right:0;
}

.aboutus2-section3 ul li h3{
  font-size: 42px;
  line-height: 1.24;
  letter-spacing: -0.7px;
}


.heading-p>p{
  font-size: 20px;
  font-weight: normal;
  line-height: 1.5;
}

.aboutus2-section3 .heading-p p{
  margin:0;
}


.aboutus2-section3 .heading-p{
    padding: 25px 0 39px;
}


.aboutus2-section3 .right-col{
    padding-top: 115px;
    padding-bottom: 111px;
}

@media(min-width:768px){
  
.aboutus2-section3 .right-col{
  padding-left: 5%;
  max-width:586px;
}  

}


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

  
.aboutus2-section3 .right-col {
    padding-right: 20px;
  padding-left: 3%;
}  
  
.aboutus2-section3 ul li {
    margin-right: 7px;
}
  


}

@media(max-width:767px){

.aboutus2-section3 .right-col{
    padding-top: 70px;
    padding-bottom: 70px;
}

.aboutus2-section3 {
    padding-left: 20px;
    padding-right: 20px;
}  
  
.aboutus2-section3 ul {
    text-align: center;
}  
  
.aboutus2-section3 ul li {
    margin-right: 0;
    margin-bottom: 20px;
}  
  

}

/*===========================================================
   About us section 4
==============================================================*/

.aboutus2-section4{
  padding:130px 0;
}

body .container-fluid .row-fluid .aboutus2-section4 .text-container{
  max-width:650px;
}


.aboutus2-section4 h3{
    margin-top: 15px;
}

body .row-fluid .aboutus2-section4  .grid-column__four span>.hs_cos_wrapper{
  position:relative;
}

body .row-fluid .aboutus2-section4  .grid-column__four span>.hs_cos_wrapper:before{
    content: "";
    position: absolute;
    height: 1px;
    background-color: #ccc;
    width: 85%;
    right: -50%;
    top: 41px;
    display: block;
    overflow: hidden;
    z-index: -1;
}


body .row-fluid .aboutus2-section4  .grid-column__four span>.hs_cos_wrapper:last-child:before{
 display:none;
}


@media(min-width:768px){


body .row-fluid .aboutus2-section4  .descriptive-space{
   padding:0 20px;
}  


}

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

body .row-fluid .aboutus2-section4 .grid-column__four span>.hs_cos_wrapper {
    padding: 0 0px;
}
 


}

@media(max-width:767px){


body .row-fluid .aboutus2-section4 .grid-column__four span>.hs_cos_wrapper:before{
 display:none;  
}
  
.aboutus2-section4 {
    padding: 70px 0;
}  


}


/*======================================================================
   Abouts us 2 section 5
======================================================================*/

.aboutus2-section5 .inner-right__col{
    padding: 107px 0;
}

.aboutus2-section5 .image-position img {
    left: auto;
    right: 0;
}

.aboutus2-section5 h2{
  margin-bottom: 18px;
}

.icon-text__grp h3{
  font-size: 42px;
  line-height: 1.24;
  letter-spacing: -0.7px;
}

.img-negative {
    margin-top: 10px;
}


@media(min-width:768px){

.aboutus2-section5 .custom-module__width {
    max-width: 562px;
    float: right;
}


}


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


.aboutus2-section5 .inner-right__col {
    padding: 107px 0;
    padding-left: 20px;
}  


}


@media(max-width:767px){

.aboutus2-section5 .inner-right__col {
    padding: 47px 0;
}
  
  
.aboutus2-section5 .icon-text__grp,
.aboutus2-section5 .custom-module__width {
    text-align: center;
}  
  


}


/*======================================================================
   Abouts us 2 team section 
======================================================================*/

.aboutus2-team__section{
   padding: 130px 0 110px;
}

.aboutus2-team__section h6 {
    font-weight: 400;
    margin-bottom: 19px;
}

.aboutus2-team__section h4 {
    margin-top: 17px;
}


.team2-bg__height{
  height:270px;
  border-radius:100%;
}


@media(max-width:767px){

.aboutus2-team__section {
    padding: 70px 0 69px;
}


}



/*======================================================================
   Abouts us 2 section 6
======================================================================*/

.aboutus2-section6{
  padding:116px 0 90px;

}

.aboutus2-section6 .text-container p {
    margin: 0;
    padding: 23px 0px 34px;
}

.aboutus2-section6 .client-logo {
    padding-top: 74px;
}

.aboutus2-section6 .single-line__list  li{
    margin-right: 4.7%;
    vertical-align: middle;
}

.aboutus2-section6 .single-line__list  li:last-child{
 margin:0;
}


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

.aboutus2-section6 .single-line__list ul{
   text-align:center;
}

.aboutus2-section6 .single-line__list li {
    margin-right: 3.7%;
  }

}


@media(max-width:767px){

.aboutus2-section6 {
    padding: 70px 0 90px;
}
  
.aboutus2-section6 .client-logo {
    padding-top: 23px;
}
  
.aboutus2-section6  .single-line__list ul {
    text-align: center;
}  
  
.aboutus2-section6 .single-line__list li {
    margin-right: 0;
    display: block;
}  

}


/*============================================================
   About 3 styling
===============================================================*/

.aboutus3-section1{
   padding: 135px 0px;
}


body .container-fluid .row-fluid .aboutus3-section1 .text-container{
    margin: 0;
    margin-bottom: 46px;
}

@media(max-width:767px){

.aboutus3-section1{
   padding: 70px 0px;
}

}

/*============================================================
   About 3 section 2 styling
===============================================================*/

.aboutus3-section2 {
    padding: 28px 0px 71px;
}

body .container-fluid .row-fluid .remove-margin__left{
  margin-left:0;
}

.aboutus3-section2 .icon-text__grp h4 {
    max-width: 300px;
    margin-bottom: 17px;
}


body .container-fluid .row-fluid .remove-margin__left{
  margin-left:0;
}

.aboutus3-section2 .icon-text__grp h4 {
    max-width: 300px;
    margin-bottom: 17px;
}

.aboutus3-section2 .icon-text__grp{
    padding-bottom: 39px;
}

.aboutus3-section2  .left-col h2{
    margin-bottom: 22px;
}

@media(min-width:768px){

.aboutus3-section2 .right-col{
      padding-left: 6%;
}
  
.aboutus3-section2  .left-col p{
  font-size: 20px;
  line-height: 1.5;
}

}

@media(min-width:768px){

.aboutus3-section2 .right-col{
      padding-left: 6%;
}

}

@media(max-width:767px){

.aboutus3-section2 .right-col{
      margin-top:50px;
}

}

/*============================================================
   About 3 section 3 styling
===============================================================*/


.aboutus3-section3{
 padding:130px 0;
}

.aboutus3-section3 h6{
  font-weight:400;
  color:#000;
  margin-top:24px;
}

.aboutus3-section3 .single-line__list ul li {
    margin-right: 15px;
    margin-bottom: 0;
}


.aboutus3-section3 .single-line__list ul li:last-child{
    margin-right: 0;
}

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


body .row-fluid .aboutus3-section3 .grid-column__four span>.hs_cos_wrapper.border-boxed__style {
    flex-basis: 47.5%;
    -webkit-flex-basis: 47.5%;
}

}


@media(max-width:767px){

.aboutus3-section3 {
    padding: 70px 0;
}
  
script {
    display: none!important;
}  

}

/*================================================================
   About us 4 styling
==================================================================*/


.aboutus-4 .about1-hero__section {
    padding: 140px 0px 233px;
}

@media(max-width:767px){

.aboutus-4 .about1-hero__section {
    padding: 70px 0px 233px;
}

}

.aboutus2-section2.aboutus4-section2 {
    padding-top: 0;
    padding-bottom:0;
}

.aboutus4-section2 .page_max_width{
    margin-top: -140px;
    background: #fff;
    padding-top: 88px;
    position:relative;
}

.aboutus4-section2 .page_max_width:after,
.aboutus4-section2 .page_max_width:before{
  content:"";
  position:absolute;
  left:-63px;
  top:0;
  width:65px;
  height:100%;
  background:#fff;
}

.aboutus4-section2 .page_max_width:after{
  left:auto;
  right:-63px;
}

@media(max-width:767px){

.aboutus4-section2 .page_max_width:after,
.aboutus4-section2 .page_max_width:before{
   display:none;
  }

}

/*====================================================================
  About us 4 team section
====================================================================*/

body .container-fluid .row-fluid .aboutus4-team__section .small-text__container{
   margin-bottom: 76px;
}


.aboutus4-team__section .team2-bg__height {
    max-width: 147px;
    height: 147px;
}

.aboutus4-team__section .single-line__list ul li {
    min-width: 150px;
    max-width:200px;
}


@media(min-width:768px){

.aboutus4-team__section .single-line__list ul li {
    margin-right: 3.2%;
    vertical-align: text-top;
    min-width: 150px;
    
}

.aboutus4-team__section .single-line__list ul li:nth-child(6n+6){
  margin-right:0;  
}
  
}

@media(max-width:767px){

.aboutus4-team__section .single-line__list ul li {
  margin-bottom:30px;  
}

}

/*====================================================================
  About us 4 testimonial section
====================================================================*/

.aboutus-4  .testimonial-cm .hs_cos_wrapper{
  background-color: #f7fcff;
 
}

.aboutus-4  .testimonial-cm  .inner-threecol__padding{
   padding: 45px 20px 30px;
}

.aboutus-4  .testimonial-cm .hs_cos_wrapper p{
    padding: 41px 0 10px;
}

.aboutus-4  .testimonial-cm{
    padding-bottom: 242px;
}



@media(max-width:767px){

.aboutus-4 .testimonial-author-grp,
.aboutus-4  .testimonial-cm  .grid-column__three{
  text-align:center;
  }
  
.aboutus-4  .column-center.pad-l18 {
    padding: 0;
    margin-top: 15px;
}  

.aboutus-4  .aboutus2-section4 {
    padding: 70px 0 45px;
}  

}

/*==================================================================
  Team 2 styling
====================================================================*/

.aboutus4-team__section.module-spacing__tb{
    padding: 113px 0 77px;
}

.aboutus4-team__section.module-spacing__tb .single-line__list ul li{
 margin-bottom:30px;
}

@media(max-width:767px){

.aboutus4-team__section.module-spacing__tb{
    padding: 70px 0 70px;
}  

}

/*==================================================================
  Team 3 styling
====================================================================*/

.team-type3.aboutus-team__section {
    padding: 108px 0px 64px;
}

body .row-fluid .aboutus-team__section.team-type3 .grid-column__four span>.hs_cos_wrapper {
    position: relative;
    min-height: 331px;
    transition: all ease-in-out .2s;
    margin-right: 0;
    margin-top: 0px;
}

.aboutus-team__section.team-type3 .team-hover__section ul {
    border-bottom: none;
    padding: 8px 15px;
    margin-bottom: 0;
    background: rgba(255, 255, 255, 0.8);
}

.team-type3 .team-hover__section{
  padding:0;
}


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


body .row-fluid .aboutus-team__section.team-type3 .grid-column__four span>.hs_cos_wrapper:before{
  background:transparent;
}

.hover-text-grp{
  background:#007aff;
  padding: 5px 15px;

}

@media(min-width:768px){

body .container-fluid .row-fluid .aboutus-team__section.team-type3 .grid-column__four>span{
   margin:0;
}  
  
body .row-fluid .aboutus-team__section.team-type3 .grid-column__four span>.hs_cos_wrapper {
    flex-basis: 25%;
    -webkit-flex-basis: 25%;
}  
  

}

@media(max-width:767px){

.team-type3.aboutus-team__section {
    padding: 70px 0px 40px;
}  
  
body .row-fluid .aboutus-team__section.team-type3 .grid-column__four span>.hs_cos_wrapper {
    display: flex;
    align-items: inherit;
    justify-content: flex-end;
}  

}

/*======================================================================
   Team 5 Page styling
========================================================================*/

.team5-hero__section{
    padding: 139px 0 0px;
}

body .container-fluid .row-fluid .team5-hero__section .text-container{
  margin:0;
}

.masonary-img-text__cm  h5{
  font-weight:400;
  color:#007aff;
}

.masonary-img-text__cm  h3{
    margin: 0;
    padding-top: 15px;

}

.masonary-grid{
    margin-bottom:50px;
}


@media(min-width:768px){

.masonary-img-text__cm {
    padding-top: 9px;
    padding-bottom: 30px;
}



.masonary-grp{
  margin: 0 -8.6% 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;
}

.masonary-grid{
    width: 24.76%;
    display: block;
    box-sizing: border-box;
    margin: 0 8.6% 80px 0;
    list-style: none;
    padding-bottom: 0;
    display: block;
    box-sizing: border-box;
    align-self: stretch;
    transition: all ease-in-out .4s;
}


.masonary-grp .masonary-grid:nth-child(3n-3){
 padding-right:0;
}

  
.masonary-grp .masonary-grid:first-child{
   margin-top:120px;
}  
  
.masonary-grp .masonary-grid:nth-child(2){
   margin-top:200px;
}  


}


@media(max-width:767px){

.team5-hero__section {
    padding: 75px 0 0px;
}

}

/*==============================================================
   Team 6 section styling
==============================================================*/

.team6-section{
    padding: 40px 0 131px;
}


.team6-section .hs_cos_wrapper {
    background: #fff;
    padding: 25px 30px;
    border: solid 1px #eeeeee;
}

.team6-section h6 {
    text-transform: uppercase;
    font-weight: 400;
    color: #7f7f7f;
    font-size: 14px;
    margin-bottom: 3px;
    margin-top: 24px;
}

.team6-section ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.team6-section li {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: 15px;
}

.team6-section .circular-img__container{
  height:81px;
  width:81px;
  display:block;
  border-radius:100%;
}

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


.team6-section .hs_cos_wrapper {
    padding: 24px 15px;
}


}

/*=====================================================
   Team page 7
======================================================*/

.team7-section{
  padding: 40px 0 131px;
}


.team7-section h6 {
    text-transform: uppercase;
    font-weight: 400;
    color: #7f7f7f;
    font-size: 14px;
    margin-bottom: 3px;
    margin-top: 0;
}

.team7-section ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.team7-section li {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: 15px;
}

@media(min-width:768px){


.team7-section .text-module{
    padding-left: 12px;
}

  
.team7-section .hs_cos_wrapper{
  margin-bottom:54px;  
}  

}


@media(max-width:767px){


body .row-fluid .team7-section .grid-column__two span>.hs_cos_wrapper{
    max-width: 100%;
    margin-bottom: 60px;
    margin-top: 0;
}
  
  
body .container-fluid .row-fluid .team7-section .image-full__widthcontainer{
    min-height: 300px;
}  
  
  
.team7-section h6 {
    margin-top: 15px;
}  



}


/*===========================================================
   Team 8 Page Styling
=============================================================*/

@media(min-width:768px){

body .row-fluid .team8-section .grid-column__three span>.hs_cos_wrapper{
   -webkit-flex-basis: 29.9%;
    flex-basis: 29.9%;
    margin-right: 3.43%;
}

body .row-fluid .team8-section .grid-column__three span{
    margin-right: -3.43%;
}
  
}

.team8-section .hs_cos_wrapper {
    background: #fff;
    padding: 25px 30px;
    border: solid 1px #eee;
    box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

.team8-section .hs_cos_wrapper img{
  text-align:center;
  display: block;
  margin: 0 auto;
}

.team8-section h6 {
    text-transform: uppercase;
    font-weight: 400;
    color: #7f7f7f;
    font-size: 14px;
    margin-bottom: 3px;
    margin-top: 24px;
}

.team8-section ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-top: 30px;
    padding-bottom: 22px;
}

.team8-section li {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: 15px;
}

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


.team8-section .hs_cos_wrapper {
    padding: 24px 15px;
}


}


@media(max-width:767px){


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


}


/*================================================================================
   Contact 1 page styling
====================================================================================*/


.contact1-form__section{
  background:#f7fcff;
  padding:50px 0 130px;
}

.contact1-form__section form{
  margin-top: 20px;
}

.contact1-form__section  .hs-form-field textarea {
    min-height: 180px;
}


@media(max-width:767px){

.contact1-form__section .right-col{
    margin-top: 50px;
 }
  
.agency-home .mobile-top50{
  padding-top:50px;
}    
  
.mobile-top50{
  padding-top:50px;
}  
  
.contact1-form__section{
  padding:50px 0 100px;
}  

}

/*====================================================
    Contact 2 page styling
=================================================*/

.contact2-form__section{
  padding:95px 0 130px;
}


.contact2-form__section .left-col h3 {
    margin-bottom: 30px;
}

.contact2-form__section .left-col{
    padding: 83px 5%;
}


.contact2-form__section  .hs-form-field textarea {
    min-height: 180px;
}

body .container-fluid .row-fluid .background__cm{
  min-height:522px;
}

.contact2-form__section .left-col img {
    vertical-align: middle;
}


body .container-fluid .row-fluid .contact2-form__section .left-col .span11 {
    margin-left: 3px;
}


@media(max-width:767px){

.contact2-form__section{
  padding:50px 0 70px;
}
  
  
.contact2-form__section .left-col{
    padding: 30px 20px;
   margin-bottom:50px;
}
 
.contact2-form__section h4{
    margin-top:10px;
}  
  


}

/*=============================================================
   Contact 3 page styling
==============================================================*/


body .container-fluid .row-fluid .contact3-form__section .background__cm{
  min-height:219px;
}

.contact3-form__section {
    padding: 95px 0 30px;
}

.contact3-form__section .left-col {
    padding: 52px 10% 40px;
}

.contact3-form__section .right-col{
box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.21);
}

.white-box__shadow{
  box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.21);
  background-color: #ffffff;
}

.pad-all60 {
    padding: 5%;
}


@media(min-width:768px){

body .container-fluid .row-fluid .width-50 {
    width: 50%;
    margin: 0;
}

}


@media(max-width:767px){

.contact3-form__section {
    padding: 95px 0 0px;
}  
  
.pad-all60 {
    padding:40px 20px;
}
 
.contact3-form__section .right-col{
   padding-bottom:70px;
}  
  
.contact3-form__section .left-col {
   padding: 40px 20px 20px 20px;
    margin-bottom: 0;
}  
  
}

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

.contact-minimal__section2 .page_max_width,
.contact-minimal__section2 .page_max_width:before,
.contact-minimal__section2 .page_max_width:after{
  background:#f7fcff;
}

.contact-minimal__section2{
  padding-bottom:22px;
}

@media(max-width:767px){

.contact-minimal__section2 .page_max_width {
    margin-top: 0;
    background: #fff;
    padding-top: 75px;
}


}

/*==================================================
   Service 1 Page Styling
=====================================================*/

.remove-ulmargin.tick-list__style ul{
  margin-top:0;
}


.service-home .two-col-image-text__cm h2 {
    margin-bottom: 24px;
}

.simple-iconheading__cm{
    padding: 34px 0 9px;
}


.more-bottom__space{
  padding-bottom:130px;
}

@media(min-width:768px){
  
.aboutus-4.service-home .about1-hero__section {
    padding: 125px 0px 130px;
} 

.simple-iconheading__cm ul li {
    min-width: 200px;
    padding-right: 3%;
}

.simple-iconheading__cm ul li:last-child{
    padding-right:0;
}

.img-t7{
      padding-right:4%;
}

}

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


.simple-iconheading__cm  .single-line__list ul{
   text-align:center;
  }

}


@media(max-width:767px){

.aboutus-4.service-home .about1-hero__section {
    padding: 75px 0;
}  
  
.simple-iconheading__cm .left-col{
    margin-bottom: 50px;
}
  
.simple-iconheading__cm .single-line__list ul li {
    display: block;
    text-align: center;
    margin-bottom: 35px;
}  
  
.simple-iconheading__cm h3{
   margin-top:15px;
} 
  
.service-home .two-col-image-text__cm h2 {
    margin-top: 15px;
} 
  
  
.service-home .two-col-image-text__cm .left-col{
   margin-bottom:50px;
}  
  
.home3 .two-col-image-text__cm.more-bottom__space{
  padding-bottom:95px;
}  

}


/*==================================================
   Service 2 Page Styling
=====================================================*/

.service-twocol__section {
    padding-top: 27px;
    padding-bottom: 128px;
}

.service-twocol__section .grid-column__two span>.hs_cos_wrapper{
  border: solid 1px #eeeeee;
  background-color: #ffffff;
}

.service-twocol__section .module-space{
    padding: 31px 15px 35px 15px;
}

body .row-fluid .service-twocol__section .grid-column__two span>.hs_cos_wrapper{
  margin-top:43px;
}


.twocol-textform__cm{
  padding:118px 0;
}

.twocol-textform__cm h2{
    margin-bottom: 18px;
}

.twocol-textform__cm h3{
    margin-bottom: 14px;
}

body .container-fluid .row-fluid .twocol-textform__cm form label{
  color:#fff;
}

.service-home .testimonial-cm.home3-testimonial__cm {
    padding-top: 102px;
}

@media(min-width:768px){

body .container-fluid .row-fluid .twocol-textform__cm .right-col{
 padding-left:4%;
}
  
}

body .container-fluid .row-fluid .green-button .hs-button{
  background-color:#63c100;
}


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

.service-twocol__section .module-space {
    padding: 31px 0px 35px 5px;
}
  
.service-twocol__section h3{
    font-size: 18px;
}  
  
.service-twocol__section p{
    font-size: 14px;
}  


}

@media(max-width:767px){

.mobile-bg__height{
   height:200px;
}  
  
.service-twocol__section {
    padding-bottom:75px;
}  
  
.service-twocol__section .module-space{
    padding: 20px 15px;
}
 
.service-home .testimonial-cm.home3-testimonial__cm {
    padding-top: 75px;
}  
  
.twocol-textform__cm {
    padding: 75px 0;
}  
  
.twocol-textform__cm .mobile-top__space80 {
    margin-top: 50px;
}  
  

}



/*=======================================================
   Service page 3 styling
==========================================================*/

.service-home .aboutus3-section1{
  padding-bottom:70px;
}


.service-simple__section2.aboutus2-section2 {
    padding: 0px 0px 125px;
}


.aboutus2-section2.service-simple__section2 .time-line__barsection ul {
    padding: 0px 0 0px;
}

.tabber-cm .tabber-content-here {
    display: none !important;
}

.tabber-cm .tabber-content-here.active {
    display: block !important;
}

@media (max-width: 767px){
  
.tabber-cm span.mobile-tab-text-here {
    display: block;
    background: #fcfcfc;
    padding: 10px 20px 10px 10px;
    text-align: left;
    color: #0d1d6f;
    line-height: 30px;
    position: relative;
}
  
.tabber-cm span.mobile-tab-text-here:before {
    position: absolute;
    content: '';
    background: url(https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Assets%20Growthkit/Growthkit%20dropdown.svg) no-repeat;
    background-position: center;
    background-size: contain;
    height: 25px;
    width: 16px;
    top: 13px;
    right: 18px;
    transition: all .3s ease-in-out;
}  
  
.tabber-cm .tab-container-here ul {
    display: block;
}  
  
.tabber-cm .dropdown-cont {
    display: none;
    background: #fff;
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    top: 0;
    padding-top: 10px;
}  

}




/*====================================================
   Pricing Page 1 styling
======================================================*/


.pricing1-table__cm{
  padding: 120px 0 68px 0;
}

body .container-fluid .row-fluid .pricing1-table__cm .text-container{
  margin-bottom: 77px;
}

.pricing1-table__cm .table-container{
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
}

.pricing1-table__cm table{
  border-spacing: 0;
  width: 100%;
}

.pricing1-table__cm table td{
  width: 25%;
}

.pricing1-table__cm table thead td{
  padding: 35px 20px;
}

.pricing1-table__cm table thead td h4{
  line-height: 1.2;
}

.pricing1-table__cm table tbody td{
  padding: 18px 20px 18px 35px;
}

.pricing1-table__cm table tbody tr:first-child td{
  padding-top: 48px;
}

.pricing1-table__cm table tbody td:nth-child(odd),
.pricing1-table__cm table tfoot td:nth-child(odd){
  background: #f7fcff;
}

.pricing1-table__cm table h4{
  display: inline-block;
}

.pricing1-table__cm table h4 span{
  margin-left: 7px;
  display: inline-block;
  vertical-align: text-bottom;
  position: relative;
}

.pricing1-table__cm table h4 span img{
  cursor: pointer;
}

.pricing1-table__cm table .information-box{
  box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.21);
  background-color: #ffffff;
  padding: 20px 17px 20px 17px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  letter-spacing: normal;
  color: #7f7f7f;
  min-width: 192px;
  box-sizing: border-box;
  position: absolute;
  display: none;
  opacity: 0;
  transition: 0.3s ease-in-out;
  z-index: 1;
  bottom: 32px;
  left: -86px;
}

.pricing1-table__cm table .information-box.show{
  display: block;
  opacity: 1;
}

.pricing1-table__cm table .information-box:after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 100%;
  left: 0;
  right: 0;
  border: 7px solid transparent;
  border-top: none;
  border-bottom-color: #fff;
  -webkit-filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
  transform: rotate(180deg);
  margin: 0 auto;
  float: none;
}

.pricing1-table__cm table tfoot td{
  padding: 56px 20px 54px 20px;
}

.pricing1-table__cm .heading-col.hide-info span{
  display: none;
}


@media(max-width: 1024px){
  .pricing1-table__cm table tr td:first-child{
    width: 35%;
  }

  .pricing1-table__cm table td{
    width: 21.66%;
  }

  .pricing1-table__cm table h4{
    font-size: 18px;
  }

  .pricing1-table__cm table tbody td{
    padding: 18px 15px 18px 15px;
  }

  body .pricing1-table__cm a.cta_button[title]{
    font-size: 12px;
  }
}

@media(max-width: 767px){
  .pricing1-table__cm{
    padding: 80px 0 0px 0;
  }

  .pricing1-table__cm .table-container,
  .pricing1-table__cm .table-container table{
    overflow-x: scroll;
    white-space: nowrap;
  }
  
  .pricing1-table__cm table thead td{
    padding: 20px 20px;
  }
  
  .pricing1-table__cm table tbody td{
    padding: 13px 15px 13px 15px;
  }
  
  body.pricing1 .two-col-image-text__cm.icon-text__cm{
    padding: 97px 0px 60px;
  }
}




/*====================================================
   Pricing Page 2 styling
======================================================*/



.pricing2-tabber__cm{
  padding: 120px 0 120px 0;
}

body .container-fluid .pricing2-tabber__cm .row-fluid .text-container{
  margin-bottom: 67px;
}

.pricing2-tabber__cm .tabber-container ul{
  margin: 0;
  padding: 9px 10px 9px 10px;
  display: inline-block;
  border: solid 1px #cccccc;
  background-color: #ffffff;
}

.pricing2-tabber__cm .tabber-container ul li{
  display: inline-block;
  vertical-align: middle;
  padding: 12px 40.4px;
  border-radius: 4px;
  border: solid 1px transparent;
  background-color: tansparent;
  color: #000000;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.pricing2-tabber__cm .tabber-container ul li.current,
.pricing2-tabber__cm .tabber-container ul li:hover{
  border: solid 1px #007aff;
  background-color: #007aff;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}

.pricing2-tabber__cm .tab-content{
  display: none;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.pricing2-tabber__cm .tab-content.current{
  display: block;
  opacity: 1;
}

.pricing2-tabber__cm .tab-container{
  margin-top: 50px;
}

.pricing2-tabber__cm .content-block{
  border: solid 1px #cccccc;
  background-color: #ffffff;
  padding: 60px 30px 60px 30px;
  position: relative;
  box-sizing: border-box;
}

.pricing2-tabber__cm .content-block.tag:before{
  content: '';
  position: absolute;
  background: url('https://7106460.fs1.hubspotusercontent-na1.net/hubfs/7106460/Coast%20Assets/group-4.svg') no-repeat;
  background-size: contain;
  height: 65px;
  width: 65px;
  top: 0;
  left: 0;
}

.pricing2-tabber__cm .content-block h4{
  margin: 0;
}

.pricing2-tabber__cm .content-block h2{
  margin: 13px 0 22px 0;
}

.pricing2-tabber__cm .content-block h2 span.small-text{
  font-size: 16px;
  line-height: 1.63;
  color: #7f7f7f;
  font-weight: normal;
}

.pricing2-tabber__cm .content-block hr{
  height: 2px;
}

.pricing2-tabber__cm .content-block ul{
  padding: 0; 
  margin: 24px 0 32px 0;
}

.pricing2-tabber__cm .content-block p{
  color: #7f7f7f;  
} 

.pricing2-tabber__cm .content-block ul li{
  color: #7f7f7f; 
  padding: 6px 0;
} 

.pricing2-tabber__cm .image-container{
  min-height: 258px;
}


@media(min-width: 768px){
  body .row-fluid .pricing2-tabber__cm .grid-column__three span>.hs_cos_wrapper.content-block{
    flex-basis: 30.1%;
    -webkit-flex-basis: 30.1%;
    margin-right: 3.2%;
  }
}

@media(max-width: 767px){
  .pricing2-tabber__cm{
    padding: 80px 0 80px 0;
  }

  body .container-fluid .pricing2-tabber__cm .row-fluid .text-container{
    margin-bottom: 44px;
  }

  .pricing2-tabber__cm .content-block{
    padding: 45px 20px 45px 20px;
  }

  .pricing2-tabber__cm .image-container{
    min-height: auto;
    margin-bottom: 30px;
  }

  body.pricing2 .two-col-image-text__cm.icon-text__cm{
    padding: 97px 0px 60px;
  }
}

@media(max-width: 480px){
  .pricing2-tabber__cm .tabber-container ul li{
    padding: 6px 20.4px;
  }
}


/*====================================================
   Pricing Page 3 styling
======================================================*/




.pricing3-threecol__cm{
  padding: 120px 0 197px 0;
}

body .container-fluid .pricing3-threecol__cm .row-fluid .text-container{
  margin-bottom: 50px;
}

.pricing3-threecol__cm .content-block{
  position: relative;
  border: solid 1px #cccccc;
  background-color: #f3f8fb;
  padding: 53px 35px 80px 35px;
  box-sizing: border-box;
}

.pricing3-threecol__cm .content-block.highlight{
  background: #ffffff;
  border: solid 1px #ffffff;
  box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.21);
}

.pricing3-threecol__cm .content-block.highlight:before{
  position: absolute;
  content: '';
  height: 6px;
  width: 100%;
  background: #007aff;
  top: -1px;
  left: 0;
  right: 0;
}

.pricing3-threecol__cm .content-block .highlight-text{
  min-height: 60px;
}

.pricing3-threecol__cm .content-block .highlight-text p{
  display: none;
  text-transform: uppercase;
  color: #007aff;
}

.pricing3-threecol__cm .content-block.highlight .highlight-text p{
  display: block;
}

.pricing3-threecol__cm .content-block h3{
  font-size: 32px;
}

.pricing3-threecol__cm .content-block p{
  color: #8a8b8a;
}

.pricing3-threecol__cm .content-block h2{
  color: #007aff;
  margin: 25px 0 30px 0;
}

.pricing3-threecol__cm .content-block h2 span.small-text{
  font-size: 16px;
  color: #8a8b8a;
  font-weight: normal;
  letter-spacing: normal;
}

.pricing3-threecol__cm .content-block ul{
  padding: 0;
  margin: 33px 0 60px 0;
}

.pricing3-threecol__cm .content-block ul li{
  color: #8a8b8a;
  padding: 6px 0;
}

.pricing3-threecol__cm .content-block .bottom-cta{
  margin-top: 25px;
}


@media(min-width: 768px){
  body .row-fluid .pricing3-threecol__cm .grid-column__three span>.hs_cos_wrapper.content-block{
    flex-basis: 29%;
    -webkit-flex-basis: 29%;
    margin-right: 4.33%;
  }
}

@media(max-width: 1024px){
  .pricing3-threecol__cm .content-block h2{
    font-size: 33px;
  }
  
  .pricing3-threecol__cm .content-block{
    padding: 43px 25px 70px 25px;
  }
}


@media(max-width: 767px){
  .pricing3-threecol__cm{
    padding: 74px 0 200px 0;
  }
  
  .pricing3-threecol__cm .content-block{
    padding: 30px 25px 40px 25px;
  }
  
  .pricing3-threecol__cm .content-block h2{
    margin: 20px 0;
  }
  
  .pricing3-threecol__cm .content-block .highlight-text{
    min-height: auto;
  }
  
  .pricing3-threecol__cm .content-block ul{
    margin: 18px 0 26px 0;
  }
  
  body.pricing3 .two-col-image-text__cm.icon-text__cm{
    padding: 97px 0px 60px;
  }
}






.pricing3-twocol__cm{
  margin-bottom: 50px;
}

.pricing3-twocol__cm .content-container{
  padding: 53px 30px 56px 53px;
  border: solid 1px #007aff;
  background-color: #ffffff;
  position: relative;
  margin-top: -90px;
}


@media(max-width: 767px){
  .pricing3-twocol__cm{
    margin-bottom: 0px;
  }
  
  .pricing3-twocol__cm .content-container{
    padding: 38px 30px 41px 30px;
    margin-top: -138px;
  }
}




.hs-search-field--open .hs-search-field__suggestions {
    border: 1px solid #000;
    position: absolute;
    background: #fff;
    border-color: #ddd;
    border-radius: 0;
    border-top: none;
}