/* @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: #003a5d;
  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: #009c50;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration:none;
  color:#003a5d;
}

/* 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: #50505b;
  word-break: break-word;
}

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

h2 {
    font-size: 42px;
    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: 20px;
  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:#003a5d;
}

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;
}


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;
}

/* 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:#003a5d;
}




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: #009c50;
    text-transform: capitalize;
    border: 1px solid #009c50;
    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:#009c50;
}

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

body .simple-cta a.cta_button[title]{
   background:transparent;
   padding:0;
   border:none;
   border-radius:0;
   text-decoration:underline;
  color:#003a5d;
  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:#003a5d;
  color:#fff;
  border-color:#003a5d;
}

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



body .border-style__cta a.cta_button[title]:hover{
  background:#003a5d;
  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: #009C50;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
}


@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) {
  

  
 .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%
}

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.5%;
}

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%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex-direction: column;
    -webkit-flex-direction: column;
    position:relative;
}




@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%;
}

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;
}

}


/*====================================================================
   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;
}

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


.hide-span li span,
.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: #003a5d;
}

.grey-background{
  background:#f4f4f4;
}

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:#f4f4f4;

}


/*=====================================================================
  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: #333;
  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 li.hs-menu-item.hs-menu-depth-1 {
    line-height: 0;
}



.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    padding: 28px 20px;
    color: #333;
    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:1040px) 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:#333;
  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){

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

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

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

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




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


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

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

@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:#333;; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

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

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

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

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

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

@media (max-width:767px){




.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after {
    width: 30px;
    background-color: #003a5d;
    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: #003a5d;
}

.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: #003a5d;
}

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

.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 p{
  margin-bottom:0;
}

.footer p,
.footer ul li,
.footer ul li a{
  font-size:14px;
  line-height:23px;
  margin:0;
  padding: 24px 0px;
}

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

.footer ul li{
 margin:0;
 padding:0;
 padding-bottom: 15px;
 list-style:none;
}

.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;
}  

}



/*==================================================
   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: #009c50;
  border-color: #009c50;
  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: #007428;
  border-color: #007428;

  color: #fff;
}

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


.hs-form label {
  font-size: 16px;
  color: #0080C8;
  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;
}

.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: #0080C8;
}
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: #0080c8;
}

.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: #003a5d;
}
.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 #003a5d;
    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:#003a5d;
}

.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:#003a5d;
  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: 30.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;
}  
  
.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: #f4f4f4;
}  

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

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

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

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 #0080c8;
    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:#333;
}

.blog-listing__hero ul.topic_list__style li{
  background:#003a5d;
}

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


.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:#333;
  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: 84px;
}


@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: #f4f4f4;
}

.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: #333;
  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:#f4f4f4;
}

.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:#003a5d;
   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: #f4f4f4;
}

.blog-paginations ul li.current a{
  background: #003a5d;
  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: #F4F4F4;
    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: #f4f4f4;
    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;
}  
  
.accordion_header:before{
    right: 14px;
    top: 15px;
}
  
.two-col-image-text__cm.faq-two__col {
    padding: 0 0 30px;
}  


}


/*=================================================================
   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: #f4f4f4;
    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 #003a5d;
    width: 17px;
    height: 17px;
    margin: 0 4px;
    background: transparent;
    background-color: #f4f4f4;
   cursor:pointer;
  outline:none;
}

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

.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: #003a5d;
}

 .blog5-listing .topic_list__style span {
    color: #333;
    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: #333;
    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:#333;
}

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


@media(min-width:768px){
  
.blog7-listing__hero h2,
.blog7-listing__hero h2 a{
  font-size: 36px;
  line-height: 1.28;
  letter-spacing: normal;
  color:#333;
}  
  
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: #f4f4f4;
}

.blog-8 .topi-filter__grp ul li a.current-page{
  background:#003a5d;
  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: #333;
}

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

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

.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 #333;
    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: #333;
    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: #003a5d;
    text-transform: capitalize;
    border: 1px solid #003a5d;
    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: #333;
    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: #F4F4F4;
  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:#f4f4f4;
  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: #333;
}

.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: #333;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: uppercase;
    border-radius: 4px;
    border: solid 1px #003a5d;
    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: #003a5d;
}

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: #333;
}


@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:#003a5d;
    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:#333;
}

.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:#003a5d;
}

.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: #003a5d;
}

@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:#003a5d;
  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:#f4f4f4;
}

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

ul.theme-bg.topic_list__style li {
  background: #003a5d;
}

.theme-bg a.topic-link {
    text-transform: capitalize;
    color: #fff;
}

.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: #003a5d;
    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 #003a5d;
}


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:#003a5d;
}

.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 #003a5d;
}

.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: #333;

}


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: #003a5d;
    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: #0080C8;
    color: #fff;
  transition:all ease-in-out .2s;
}

.blog-13 .ias-trigger a:hover{
  color:#003a5d;
  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;
    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-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 .post-item {
  margin-bottom:30px
}