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

/**
 * TODO: EVERYTHING - placeholder - this is just a port of hotLava.css at this time.....
 * /

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* THEME COLORS for centralization */
 /* accessible red with white color */
























.fancyfont { 
  font-family: Georgia, 'georgiaRegular', 'georgiaRegular Fallback', serif;
}

/* shortcut classnames using the theme colors */

.charcoal_gray  { color:#333333; }
.dark_orange    { color:#F77F00; }
.white          { color:#FFFFFF; }



html { 
  font-family:Helvetica, Arial, verdana; /* roboto, -apple-system, BlinkMacSystemFont,  */
  line-height:normal;
  scroll-behavior: smooth; 
  /*scroll-padding-top: 80px;*/ /* height of any sticky header */
  /* New change default base font size from (unset - default 16px) to 18px; */
  font-weight:normal;
  font-size:18px;
  /* outline:2px solid red; */
  /*background-color: #333333;*/
}

body { 
  margin:0;
  background-color: #FFFFFF;
  color: #1A1A1D;
  min-width: 360px; 
  --hr-line-offset: 25%;
  --hr-color: #F77F00;
}


:root hr {
    border-image-slice: 1;
    border-image-source: linear-gradient(
        to right,
        transparent,
        var(--hr-color) calc(50% - var(--hr-line-offset)),
        var(--hr-color) calc(50% + var(--hr-line-offset)),
        transparent
    );
}


/* HUBSPOT SPROCKET OVERLAY position - move it to the bottom-left. */
body .hs-tools-menu { left:10px !important; right:initial !important; bottom:10px !important; top:initial !important; }

header { position:relative; display:block;  background-color: #FFFFFF; 
  /*position:sticky; top:0; z-index:5;
  border-bottom:2px solid #FFFFFF; */
}

.header-logo { margin-right:1.5rem; }
.header-logo #header_logo_img { display:inline-block; height:38px; }
.header-logo a { display:inline-block; padding:0; overflow:hidden; }

main { 
  background-color:#FFFFFF; min-height:15rem; 
  /*margin-top: 50px;*/ 
  line-height:1.5rem;
} /* margin is because header is sticky. */


fieldset.form-columns-1 .input { margin-right:0 !important; }




/* HOMEPAGE SPECIFIC */

.imagebox_rounded { border-radius:1rem; }
.imagebox_rounded img { width:100%; }

.hp_hero_content_box { 
  display:flex; flex-direction:row; padding-bottom:5rem;
  /*align-items:center;*/
  padding:0 2rem;
}
.hp_hero_content { max-width:35rem;
                   /*backdrop-filter:brightness(150%); */
                   padding:25px 5px 25px 0; border-radius:25px; }
.hp_hero_content h1 { margin-top:1rem; font-style:normal; font-weight:900; font-size:3.3rem; line-height:3.5rem; }
.redtext { color: #A10F18; }
.biggertext { font-size:1.25rem; }

.hp_hero_content .hp_hero_richtext { line-height:1.5rem; font-weight:600; color:black; /*text-shadow:0 0 4px white;*/ }


.hp_hero_content_box .hero_side_image { max-width:40%; }
.hp_hero_content_box .hero_side_image img { max-width:100%; }


/*.postheader_background { width:100%; position:absolute; bottom:-5px; }*/
.postheader_background { width:100%; position:relative; bottom:90px; }




.deliver_results_box {  }






.hi_lead_capture_row { background-color:#A10F18; color:white; 
                       position:relative;
                       padding: 3rem 1rem 5rem 1rem !important;
                       background-size:cover;                     
                       background-image: url('https://6576634.fs1.hubspotusercontent-na1.net/hubfs/6576634/marketxyz/images/background/tail-bg.png');}
.hi_lead_capture_row h2, .hi_lead_capture_row h3 { margin-top:0; }
.hi_leadcapture_content { display:flex; flex-direction:row; gap:2rem; }

.hi_leadcapture_content ul { margin-left:0; padding-left:0; }
.hi_leadcapture_content ul.columns_2 li { margin-right:1rem; margin-bottom:0.1rem; font-size:0.8rem; }

.hi_leadcapture_content .imagebox_rounded { width: 50%; display:inline-block; }

.hi_leadcapture_content .left_side { width:50%; text-align:left; }
.hi_leadcapture_content .right_side { width:50%; padding-left:1rem; display:flex; flex-direction:row; }
.hi_leadcapture_content .right_side .imagebox_rounded.box1 {  }
.hi_leadcapture_content .right_side .imagebox_rounded.box2 { margin-left:1rem; margin-top:2rem; }


.post_hileadcapture_background { width:100%; left:0; position:absolute; bottom:-10px; }


ul.checkmarks_white,
ol.checkmarks_white {
  vertical-align: middle;
  list-style-position: inside;
  list-style-image: url("/hubfs/marketxyz/icons/check-icon-white.png");
}



.quality_leads_box { display:flex; flex-direction:row; text-align:left; }
.quality_leads_box ul { margin-left:0; padding-left:3rem; list-style-type: none; }
.quality_leads_box ul li { /*height:12rem;*/ align-items:center; 
                           display:flex; gap:1rem;  flex-direction:row; border:2px solid #F77F00; border-radius:0.75rem; }
.quality_leads_box ul  .red_circled_bg { margin-left:-3rem; }

.quality_leads_box .left_content { display:flex; align-self:center; }
.quality_leads_box .right_content .right_side { padding: 0.5rem 2rem 0.5rem 0rem; }

.quality_leads_box .left_content img { max-width:100%; align-content:center; border-radius:0.5rem; }
.quality_leads_box .right_content { width:50%; padding-left:2rem; text-align:left; }


/* COLUMN: an icon, Title, text in each*/
.icon_title_boxes { display:flex; flex-direction:row; }
.icon_title_boxes .icon_title_box {  display:flex; flex-direction:column; padding:0 0.5rem; margin:0 0.75rem; }

.icon_title_boxes .icon_title_box .icon_box { text-align:center; height:100px; margin-bottom:1rem; }
.icon_title_boxes .icon_title_box .icon_box img { max-height:100%; }
.icon_title_boxes .icon_title_box h3 { margin-top:0; font-size:1.0rem; font-weight:600; }




/* COMPREHENSIVE Lead Gen */
/* comprehensive_gen: WHAT SETS US APART */
.row.comprehensive_gen_row { background-color:#EBECF1;
  padding: 0 0 10rem 0; 
  /*
  background-size:cover;
  background-image: 
    linear-gradient(360deg, rgba(255, 255, 255, 1) 30%, rgb(0 0 0 / 85%) 30%),
    url('https://6576634.fs1.hubspotusercontent-na1.net/hubfs/6576634/marketxyz/images/foreground/comp-bg.png');
  */
}
.comprehensive_gen_box { min-height:20rem; position:relative; padding: 0 0 1rem 0; }

/* Panel boxes */
.comprehensive_panelboxes { display:flex; flex-direction:row; gap:1rem;
                            position:absolute; width:100%;
                            /*bottom:-7rem;*/ }

.comprehensive_panelbox { text-align:left; padding:1rem; 
  background-size:cover; background-color: #2c2b2b;
  position:relative; width:calc(22% - 1rem);
  height:18rem; border-radius:0.7rem;  border:1px solid #2c2b2b; }

.comprehensive_panelbox_filter { backdrop-filter:brightness(0.4); }

.comprehensive_panelbox .comprehensive_panelbox_content {
  min-height: 8rem;
  text-shadow:0 0 10px black; 
  color: #FFFFFF;
  
  position:absolute;
  bottom:1rem;
  width:calc(100% - 2rem);
}

.comprehensive_panelbox .comprehensive_panelbox_content h3 { margin-top:0; text-shadow:0 0 10px black; }

/* end: Panel boxes */

/* end: COMPREHENSIVE Lead Gen */







.why_us_box .icon_title_box { width:33%; border:2px solid #F77F00; border-radius: 0.75rem; }

.red_circled_bg {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background: #A10F18;
  margin: 20px auto;
  align-content: center;
  text-align:center;
}


/* setsus_apart: WHAT SETS US APART */
.row.setus_apart_row { padding: 0 0 2rem 0; 
  /*background-color: #EBECF1;*/
  
  background-color:#161414;
  background-size:cover;
  background-image: url('https://6576634.fs1.hubspotusercontent-na1.net/hubfs/6576634/marketxyz/images/background/what-bg.png');
  
}
.pre_setsusapart_background {margin-top: -1px; }
/* end: HOMEPAGE SPECIFIC */





/* SUCCESS Stories */
.success_row { background-color:#A10F18; color:white; 
                position:relative;
                padding: 3rem 0rem 7rem 0 !important;
                background-size:cover;                     
                background-image: url('https://6576634.fs1.hubspotusercontent-na1.net/hubfs/6576634/marketxyz/images/background/tail-bg.png');}

.success_row h2, .success_row h3 { margin-top:0; }

.success_box {  }

.rating_boxes { display:flex; flex-direction:row; gap:2%; }
.rating_boxes .rating_box { border-radius:0.75rem; background-color:#FFFFFF; width:30%;
                            display:flex; flex-direction:column;
                            align-items:start;
                            padding:1rem;  margin:0 0.75rem; }
.rating_boxes .rating_box blockquote { font-style:italic; margin-left:0; color:gray; text-align:left; }
.rating_boxes .rating_box .icon_box { text-align:center; height:100px; margin-bottom:1rem; }
.rating_boxes .rating_box .icon_box img { max-height:100%; }
.rating_boxes .rating_box h3 { color: black; margin-top:0.1rem; margin-bottom:0; font-size:1.0rem; font-weight:600; }

.rating_head { display:flex; flex-direction:row; }

.author { font-size:0.8rem; font-weight:bold;  }

.circle_letter {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #002C47;
    text-align: center;
    vertical-align: middle;
    align-content: center; 
    color:white;
    font-weight:600;
}

.postsuccess_background { width:100%; position:absolute; bottom:-10px; }
/* end: SUCCESS Stories */




/* readytogrow section */
.readytogrow_box { display:flex; flex-direction:row;  align-items:center; margin:2rem 0; }
.readytogrow_box .leftside { margin-right:2rem; width:calc(50% - 2rem); }
.readytogrow_box .leftside img { max-width:100%; }
.readytogrow_box .rightside { width:50%; }
/* end:readytogrow section */




.container {
  width: 100%;
  /*
  width: calc(100% - 30px);  
  padding-right: 15px;
  padding-left: 15px;
  */
  margin-right: auto;
  margin-left: auto;
  max-width: 1140px; /* GH added here instead of within media size queries. */
  position:relative; 
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction:column; /* NEWLY ADDED - testing for problems. */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*padding-left:1rem; padding-right:1rem;*/
  
  padding: 1rem 2rem 1rem 2rem
  
  /*justify-content: center;  */
  /* align-items: center; */
}

.row.directionrow, .directionrow { flex-direction:row; }
.row.directioncol, .directioncol { flex-direction:column; }

.container .row { padding-left:0; padding-right:0; }


.row.center { justify-content: center; }

/* Allow any .row classed el;ement to have an default BGcolor and text-color. */
.row.light         { background-color:#FFFFFF;         color: #333333; }
.row.dark          { background-color:#333333; color: #FFFFFF; }
.row.dark_red      { 
  color: #FFFFFF; 
  background-color:#A10F18;
  background: linear-gradient(180deg, rgba(130,7,20,1) 0%, rgba(230,57,70,1) 15%);
}
.row.dark_orange   { background-color:#F77F00;   color: black; }
.row.charcoal_gray { background-color:#333333; color: #FFFFFF; }
.row.lava_black    { background-color:black;    color: #FFFFFF; }
.row.soft_beige    { background-color:#F6E8C3;    color: black; }
.row.white         { background-color:black;    color: #FFFFFF; }




















.footer_wrapper { /*position:absolute;*/
  bottom:0; width:100%; } 


footer {
    /*margin-top: 5rem;*/
    /*background-clip: border-box;*/
    background-color: #333333; 
    color: #FFFFFF;
    padding: 1.5rem;
    text-align:center;
  /*
  position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
  */
}

footer div, footer span, footer a, footer li { font-size:1.1rem; }

footer ul li {
    list-style: none;
}


footer img { max-width:50%; }


/*
footer a:active,
footer a:focus,
footer a:hover {
  color: #1A1A1D;
  text-decoration: none;  
  background-color: transparent;
  border-radius:0.2rem;
}
*/


/*
footer a {
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}
*/

/* Footer menus as flex */

/* JUST ABOVE THE FOOTER TAGS - full width. */
.prefooter_background { background-color:#2c2b2b; }

footer .footer-menus ul { display:flex; flex-direction:row; }

footer .footer-menus ul li a { font-size: 0.8rem; }

footer .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:active,
footer .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:focus,
footer .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover {
  background-color:#333333;
  color: #FFFFFF;
  text-decoration: underline;
}

footer .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:focus {
    outline: 1px solid #fff;
}

footer .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    color: #fff;
    cursor: pointer;
    /*font-size: 1rem;*/
    font-weight: 500;
    line-height: normal;
    margin: 0 5px -7px;
    max-width: 100%;
    padding: 3px 9px;
    width: auto;
}

footer .footer-links a {
    color: #fff;
    /*font-size: 1rem;*/
    font-weight: 500;
    line-height: normal;
    padding: 3px 9px;
    text-decoration: none
}

footer .footer-links a:active,
footer .footer-links a:focus,
footer .footer-links a:hover {
    color: #fff;
    text-decoration: underline
}




.copyrighttext,
.footer-copy-text {
  margin-top:2rem; margin-bottom:1rem; font-size:0.8rem; text-align:center;
}

footer .footer-menus .hs-menu-wrapper.hs-menu-flow-horizontal>ul { margin-left:-13px; font-size:0.8rem; display:flex; flex-direction:row; }

footer .footer-social-links { 
  position:absolute;
  right: 0.5rem;
  bottom: -0.5rem; 
}

footer .footer-social-links ul li {
  padding: 0px 4px;
}

footer .footer-social-links ul li:first-child { padding-left:0; }
/*footer .footer-social-links ul li a:first-child { padding-left:0; }*/

footer .footer-social-links ul li a {
    display:inline-block;
}

footer .footer-contents { position:relative; } /* contains social links when absolute */

.footer-social-links ul{
  margin: 0;
  padding: 0;
  display: flex;
}
.footer-social-links ul li{
  padding-left: 20px;
  display:inline-block;
}
.footer-social-links ul li:first-child{
  padding-left: 0px;
}
.footer-social-links a{
  color: #fff;
  cursor: pointer;
}


.footer-social-links a:hover, 
.footer-social-links a:active, 
.footer-social-links a:focus {
  color: #fff;
  background-color:brown;
  outline:2px solid #FFFFFF; 
  border-radius: 0.15rem;
  max-height:25px; 
}

.footer-social-links a img {
 max-height:25px; 
}

.footer-section h2{
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
}
.footer-top-section .row-fluid-wrapper>.row-fluid{
  display: flex;
  justify-content: space-between;
}
.footer-social-links-container{
  max-width: 135px;
  margin-left: 20px !important;
}

















/* form-field styles */

ul.no-list, ol.no-list {
 list-style-type:none;
 padding:0.2rem;
 margin:0.2rem 0;
}
ul.no-list li,
ol.no-list li { margin-bottom:auto !important; }

form .hs-form-required {
    color: #F77F00; /* #E63946 */
    font-weight: bold;
    display: inline-block;
    margin-left: .25em;
}

form .hs-form-field legend { display:none; }
form .hs-form-field { margin-bottom:1rem; }
form .hs-form-field label { font-size:1rem; font-weight:400; }
form .hs-fieldtype-textarea {
  padding:0.4rem 0.5rem; border-radius:0.2rem; 
  font-size: 1.0rem;
}


form .hs-form-field .hs-input { width:95%; font-family:Helvetica, Arial, verdana; font-size:1.0rem; padding:0.4rem 0.3rem; border-radius:0.15rem; border-width:1px; color: }
form .hs-form-field .hs_email .hs-input  { width:95%; font-family:Helvetica, Arial, verdana; font-size:1.0rem; padding:0.2rem 0.25rem; border-radius:0.15rem; border-width:1px; }
form .hs-form-field.hs-message.hs-fieldtype-textarea { padding:0; }
form .hs-form-field .hs-fieldtype-textarea { width:95%; font-family:Helvetica, Arial, verdana;  min-height: 7rem; padding:0.2rem 0.25rem; border-radius:0.25rem; }



/* form errors and error messages */
form .hs-form-field .hs-input.invalid
{
  border-color:#E63946; 
}

form .hs-form-field .hs-error-msgs { background-color:#A10F18; color:#FFFFFF; font-size:1rem; max-width:90%; font-size:0.8rem; }
form .hs-form-field .hs-error-msgs li { margin-bottom:0rem; }
form .hs-form-field .hs-error-msgs label { font-weight:normal; font-size:0.8rem; }
form .hs_error_rollup { background-color:#F77F00; color:black; border:0.5rem solid #A10F18; font-size:1.2rem; text-align:center; }

form .actions .hs-button { margin-left:unset; font-size:1.2rem; min-width:10rem; }

/* Thank you inline form messages */
.submitted-message { 
  font-size:1.75rem;
  margin:1rem;
  background-color:#FFFFFF;
  color:forestgreen;
  padding:0.5rem;
  border-radius:0.25rem;
  text-align:center;
  /*box-shadow: 0 0 10px #A10F18;*/ }








.featured_pages_box { display:flex; flex-direction:column; align-items:flex-start; justify-content:space-around; margin-bottom:2rem; }
.featured_pages_box .article_image { margin:0.25rem; box-shadow:none; }
.featured_pages_box .featured_page {}
.featured_pages_box .featured_page .featuredpage_title { padding-bottom:0.1rem; border-bottom:1px solid #3c4146;
  background-color:#333333; color: #FFFFFF; padding:0.2rem 1.5rem; border-radius: 0.5rem 0 0 0.5rem;
}
.featured_pages_box .featured_page .featuredpage_tagline {}
.featured_pages_box .featured_page .featuredpage_body { display:flex; flex-direction:row; }
    .featured_pages_box .featured_page .featuredpage_body.reverse_row { display:flex; flex-direction:row-reverse; }

.featured_pages_box .featured_page .featuredpage_body .article_image_box { margin:1rem; max-width:calc(100% - 1rem); margin-right:1rem; outline:1px solid gray; }
.featured_pages_box .featured_page .featuredpage_body.reverse_row .article_image_box { margin-left:1rem; margin-right:0; }
.featured_pages_box .featured_page .featuredpage_body .article_image_box .article_image { margin:0;  }
.featured_pages_box .featured_page .featuredpage_body .featuredpage_content { padding:1rem; color: #3c4146; font-size:0.9rem; }
.featured_pages_box .featured_page .featuredpage_body .featuredpage_content h2, 
.featured_pages_box .featured_page .featuredpage_body .featuredpage_content h3, 
.featured_pages_box .featured_page .featuredpage_body .featuredpage_content h4,
.featured_pages_box .featured_page .featuredpage_body .featuredpage_content h5 {
  margin-top:0; 
}
























.title_richtext { margin-bottom:2rem; }


.title_richtext_form { margin-bottom:2rem; }

.title_richtext_form .hero_form_box { display:inline-block; min-width:50%; width:100%; text-align:left; }

.title_richtext_form .hero_form_box form { width:100%;  }

.title_richtext_form .hero_form_box h3,
.title_richtext_form .hero_form_box h4,
.title_richtext_form .hero_form_box h5 { 
  text-align:center;
  color: #FFFFFF;
  background-color: #1A1A1D;
  margin-top:auto; margin-bottom:auto; padding:0.5rem;
}



/* FIX HubSpot Form widths: they default max-width:500px; */
form.hs-form fieldset { max-width:100%; }
form.hs-form fieldset.form-columns-1 { width:100%; }


/* SEARCH */

/* end: SEARCH */





/* MAIN links */

main a,
main a:link,
main a:visited {
  color: #A10F18;
  transition: all 0.15s;
  padding: 0rem 0.1rem;
  text-decoration:underline;
}

main a:active,
main a:focus,
main a:hover {
  /*color: #333333;*/
  text-decoration: none;  
  background-color: #EBECF1;
  border-radius:0.2rem;
}
/* end: MAIN links */






.borderbottom { border-bottom: 2px solid #333333; }

.block   { display:block; }
.inblock { display:inline-block; }
.inline  { display:inline; }

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

.marg, .marg05 { margin:0.5rem !important; }
.marg1 { margin:1rem !important; }
.marg2  { margin:2rem !important; }
.marg3  { margin:3rem !important; }


.marg0 { margin: 0 !important; }
.margleft, .margleft05 { margin-left:0.5rem !important; }
.margleft1 { margin-left:1rem !important; }
.margleft2  { margin-left:2rem !important; }
.margleft3  { margin-left:3rem !important; }

.margright0 { margin-right: 0 !important; }
.margright, .margright05 { margin-right:0.5rem !important; }
.margright1 { margin-right:1rem !important; }
.margright2  { margin-right:2rem !important; }
.margright3  { margin-right:3rem !important; }

.margtop0 { margin-top: 0 !important; }
.margtop, .margtop05 { margin-top:0.5rem !important; }
.margtop1  { margin-top:1rem !important; }
.margtop2  { margin-top:2rem !important; }
.margtop3  { margin-top:3rem !important; }

.margbottom0 { margin-bottom: 0 !important; }
.margbottom, .margbottom05 { margin-bottom:0.5rem !important; }
.margbottom1 { margin-bottom:1rem !important; }
.margbottom2  { margin-bottom:2rem !important; }
.margbottom3  { margin-bottom:3rem !important; }

.pad, .pad05 { padding:0.5rem!important; }
.pad1 { padding:1rem !important; }
.pad2  { padding:2rem!important; }
.pad3  { padding:3rem!important; }

.padleft, .padleft05 { padding-left:0.5rem; }
.padleft1 { padding-left:1rem!important; }
.padleft2  { padding-left:2rem !important; }
.padleft3  { padding-left:3rem !important; }

.padright, .padright05 { padding-right:0.5rem !important; }
.padright1 { padding-right:1rem !important; }
.padright2  { padding-right:2rem !important; }
.padright3  { padding-right:3rem !important; }

.padtop, .padtop05 { padding-top:0.5rem !important; }
.padtop1 { padding-top:1rem !important; }
.padtop2  { padding-top:2rem !important; }
.padtop3  { padding-top:3rem !important; }

.padbottom, .padbottom05 { padding-bottom:0.5rem !important; }
.padbottom1 { padding-bottom:1rem !important; }
.padbottom2  { padding-bottom:2rem !important; }
.padbottom3  { padding-bottom:3rem !important; }

.borderbottom, .borderbottom1 { border-bottom:1px solid #333333 !important; }
.borderbottom2 { border-bottom:2px solid #333333 !important; }
.borderbottom3 { border-bottom:3px solid #333333 !important; }







h1 { font-family: ; 
     font-size: 3.0rem;
     font-style:italic; font-weight:400; 
     margin-top:1rem;
     line-height:normal;
}

h2 { font-family: ;
     font-size: 2.5rem;
     margin-top:2rem; margin-bottom:0.3rem; 
     font-style:normal; font-weight:600;
     line-height:normal;
}

h3 { font-family: inherit;
       font-size: 1.4rem;   
       margin-top:1.4rem; margin-bottom:0.6rem; font-weight:400;
     line-height:normal;
}

h4 { font-family: inherit;
     font-size: 1.2rem;
     margin-top:1.4rem; margin-bottom:0.3rem; font-weight:400;
     line-height:normal;
}

h5 { font-family: inherit;
     font-size: 1.1rem;
     margin-top:1.4rem; margin-bottom:0.1rem; font-weight:600;
     line-height:normal;
}

h6 { font-family: inherit;
     font-size: 1.0rem;
     margin-top:1.5rem; margin-bottom:0.1rem; font-weight:900; font-style:italic;
     line-height:normal;
}


/* LISTS */
main > ol { padding-left:1rem; }
main > ul { list-style-type: square; padding-left:1rem; }

main ul li,
main ol li {
 margin-bottom:0.7rem;
  text-align:left;
}

main ul li li { margin-top:0.25rem; margin-bottom:0.5rem; }
/* end: LISTS */


ul.columns_2, ol.columns_2 { columns: 2; }



/* BUTTONS
 * ------------------ */

.big { font-size:1.5rem; }
.small { font-size:0.75rem; }


.actions .hs-button.primary.large,
.button,
main a.button
{
    display:inline-block;
    text-decoration:none;
    background-color: #A10F18;
    border: 2px solid #A10F18;
    border-radius: 1rem;
    color: #FFFFFF;/* actual black for contrast */
    padding: 0.3rem 1rem;
    margin: 0.1rem 0.5rem;
    font-size: 1.4rem;
    text-decoration: none;  
    vertical-align:middle;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    transition: all 0.15s;
}

.redbutton { }

.bigbutton { font-size:1.7rem; }

.actions .hs-button.primary.large:hover,
.actions .hs-button.primary.large:focus,
.actions .hs-button.primary.large:active,

.button:hover, .button:focus, .button:active,
main a.button:hover, main a.button:focus, main a.button:active {
  background-color: #1A1A1D;
  color: #FFFFFF;
  border-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4), 0 3px 10px 0 rgba(0,0,0,0.38);
}


.buttonblack,
main a.buttonblack,
main .hs-button {
    display:inline-block;
    text-decoration:none;
    background-color: #1A1A1D;
    border: 2px solid #1A1A1D;
    border-radius: 0.25rem;
    color: #FFFFFF;
    padding: 0.25rem 0.6rem;
    margin: 0.1rem 0.5rem;
    text-decoration: none;  
    vertical-align:middle;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    transition: all 0.15s;
}
.buttonblack:hover, .buttonblack:focus, .buttonblack:active,
a.buttonblack:hover, a.buttonblack:focus, a.buttonblack:active,
a.buttonblack:hover, a.buttonblack:focus, a.buttonblack:active,
main .hs-button:hover, main .hs-button:focus, main .hs-button:active
 {
  background-color: #FFFFFF;
  color: #1A1A1D;
  border-color: #1A1A1D;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4), 0 3px 10px 0 rgba(0,0,0,0.38);
}

.buttonblue,
main a.buttonblue {
    display:inline-block;
    text-decoration:none;
    background-color: #008CFF;
    border: 2px solid #FFFFFF;
    border-radius: 0.25rem;
    color: #FFFFFF;
    padding: 0.25rem 0.6rem;
    margin: 0.1rem 0.5rem;
    text-decoration: none;  
    vertical-align:middle;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    transition: all 0.15s;
}
.buttonblue:hover, .buttonblue:focus, .buttonblue:active,
a.buttonblue:hover, a.buttonblue:focus, a.buttonblue:active {
  background-color: #F77F00;
  color: #1A1A1D;
  border-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4), 0 3px 10px 0 rgba(0,0,0,0.38);
}

.buttonred,
main a.buttonred {
    display:inline-block;
    text-decoration:none;
    background-color: #A10F18;
    border: 2px solid #1A1A1D;
    border-radius: 0.25rem;
    color: #FFFFFF; /* actual black for contrast */
    padding: 0.25rem 0.6rem;
    margin: 0.1rem 0.5rem;
    text-decoration: none;  
    vertical-align:middle;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    transition: all 0.15s;
}
.buttonred:hover, .buttonred:focus, .buttonred:active,
a.buttonred:hover, a.buttonred:focus, a.buttonred:active {
  background-color: #1A1A1D;
  color: #FFFFFF;
  border-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4), 0 3px 10px 0 rgba(0,0,0,0.38);
}



.buttonwhite,
main a.buttonwhite {
    display:inline-block;
    text-decoration:none;
    background-color: #FFFFFF;
    border: 2px solid #1A1A1D;
    border-radius: 0.25rem;
    color: #1A1A1D; /* actual black for contrast */
    padding: 0.25rem 0.6rem;
    margin: 0.1rem 0.5rem;
    text-decoration: none;  
    vertical-align:middle;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    transition: all 0.15s;
}
.buttonwhite:hover, .buttonwhite:focus, .buttonwhite:active,
a.buttonwhite:hover, a.buttonwhite:focus, a.buttonwhite:active {
  background-color: #A10F18;
  color: white; /* actual white for contrast */
  border-color: #A10F18;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4), 0 3px 10px 0 rgba(0,0,0,0.38);
}


.bigbutton { font-size:1.3rem; }

/* ------------------ 
 * end: BUTTONS */













/* SUBPAGE ELEMENTS */
.header_subpage_wrapper { background-color:#EBECF1;  border-bottom:2px solid gray; }
.header_subpage_wrapper .hp_hero_content_box { padding: 0 2rem 1rem 2rem; }

.header_subpage_wrapper .hp_hero_content  { padding:0; backdrop-filter:none; }
.header_subpage_wrapper .hp_hero_content h1 { margin-top:0; margin-bottom:1rem; }

a.privacylink, a.privacylink:visited { color:#FFFFFF; font-size:0.8rem; }
a.privacylink:hover, a.privacylink:active { color:orange; text-decoration:none; }
/* end: SUBPAGE ELEMENTS */




/* this contains the BG image at top. */
.header_wrapper { min-height:35rem;
  background-size:48%; contain; 
  background-position-x:right;
  background-position-y:center;
  max-width:100%; }





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

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

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

.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: block; /* inline-block */
    max-width: 140px;
    overflow: hidden;
    padding: 4px 10px 4px 10px;
    margin: 0px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1A1A1D;
    text-decoration:none;
  
    width:90px;
    font-weight:400;
    font-size:0.9rem;
    padding-left:5px;
    padding-right:5px;
    text-align:center;
}

.header-topwrap { z-index:9; padding-left:2rem; } /*padding: 10px 0 5px 0; */
.header-topwrap > .row { align-items:center; flex-direction:row; }
.header-topwrap .header-menu .hs-menu-wrapper ul li { margin-bottom:0; }

.header-topwrap .menus_container { z-index:10; background-color:#f2f1ed; 
  /* margin-left: 3rem; */
}

.header-topwrap .menus_container ul { display:flex; flex-direction:row;  }
.header-topwrap .menus_container.hidden { display:block; } /* we will use this 'hidden' classname to 'display:none' ONLY when the width is less than 1200px. */


/*
.header-topwrap a:active,
.header-topwrap a:focus,
.header-topwrap a:hover 
MAIN NAVIGATION MENU (Main nav, topnav)
*/
.header-topwrap .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:active,
.header-topwrap .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:focus-visible,
.header-topwrap .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover
{
  text-decoration: none;
  background-color: #F77F00;
  color: #1A1A1D;
  /*text-shadow: -0px -0px 3px #FFFFFF;*/
  /*font-weight:bold;*/ /* this will make the text jump */
  
  transition: background 0.35s; /*all 0.15s*/
  /*text-shadow:0px 0px 1px #1A1A1D;*/
  text-shadow:0px 0px 8px #FFFFFF;
  font-weight:600;
}

.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 {
    left: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 10
}

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

.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 {
    margin-bottom: 20px;
    min-height: 7rem;
    position: relative
}

.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;
    opacity: 1;
    visibility: visible
}

.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 {
    clear: both;
    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>li {
    XXXfloat: 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;
    max-width: 140px;
    overflow: hidden;
    padding: 10px 20px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto
}

.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;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px
}

.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 {
    left: 180px;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .4s;
    visibility: hidden;
    z-index: 10
}

.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;
    opacity: 1;
    position: static;
    visibility: visible
}

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

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

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

.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: 0 1px 3px rgba(0,0,0,.18);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.18);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.18)
}







/*
@media (min-width: 1199px) {
  .header-topwrap .menus_container { display:block; }
}
*/


@media (max-width: 1400px) {
   /*.header_wrapper { background-size:cover; background-position-x:left; }*/
  
  .quality_leads_box .right_content { width:100%; }
  
  .postheader_background { bottom:60px; }
  
  /*
 .hero_content .hero_form_box fieldset.form-columns-2 .hs-form-field { width:95% !important; float:none !important; }
  h1.hero_mainline { max-width:95%; }
  
  .feature_box_columns .featurebox {
    width:calc(50% - 2rem);
  }
  */
}

/*MIN WIDTH*/


@media (min-width: 1700px) {
  .postheader_background { bottom:-20px; }
  .postsuccess_background { position:relative; bottom:-135px; }
}

@media (max-width: 1700px) {
  .postheader_background { bottom:20px; }
}


@media (max-width: 1500px) {
  /*.header_wrapper { background-size: cover; }*/
  .postheader_background { bottom:80px; }
}



/* MAX WIDTH */
@media (max-width: 1200px) {
  .header_wrapper { background-size: 0%; }
  .postheader_background { bottom:20px; }
  .hp_hero_content_box .hero_side_image { width:0; max-width:0; }
  .hp_hero_content_box .hp_hero_content { max-width:100%; }
}


@media (max-width: 800px) {
  fieldset.form-columns-2 .hs-form-field { width:100% !important; float:none !important; }
  fieldset.form-columns-2 .input { width:100%; }
  
  .header-topwrap { padding-left:1rem; }
  .hp_hero_content_box { padding: 0 1rem; }
  .hp_hero_content_box h1 { margin-top:0; }
  
  .hp_hero_content { max-width:90%; backdrop-filter:none; padding:0; border-radius:0; }
  
  .header_wrapper { background-image:none !important; min-height:300px; }
  .postheader_background {  display:none; }
  
  h1, .hp_hero_content h1 { font-size:2.5rem; line-height:2.5rem; }
  h2 { font-size:2rem; line-height:2rem; }
  
  .row { padding-left:1rem; padding-right:1rem; }
  
  .comprehensive_gen_box { padding:0rem; }
  .comprehensive_panelboxes { flex-direction:column; position:static; align-items:center; }
  .comprehensive_panelboxes .comprehensive_panelbox { width:80%; } 
  
  .row.comprehensive_gen_row { padding-bottom:2rem; }
  
  .row.hi_lead_capture_row { padding:2rem !important; }
  .hi_leadcapture_content { flex-direction:column; }
  .hi_leadcapture_content .left_side,
  .hi_leadcapture_content .right_side { width:auto; }
  
  
  .icon_title_boxes { flex-direction:column; }
  .icon_title_boxes .icon_title_box { margin-bottom:2rem; }
  
  .quality_leads_box { flex-direction:column; }
  .quality_leads_box .left_content { display:none; }
  .quality_leads_box .right_content { padding-left:0; width:100%; }
  
  .effortless_growth_box { flex-direction:column; }
  .effortless_growth_box .left_content { width:100% }
  .effortless_growth_box .right_content { padding-left:0; width:100% }
  
  .row.success_row { padding-bottom:3rem; }
  .rating_boxes { flex-direction:column; margin:0 1rem; }
  .rating_boxes .rating_box { margin:0 0 1rem 0; width:auto; }
  
  .why_us_box .icon_title_box { width:auto; }
  
  .readytogrow_box { flex-direction:column; }
  .readytogrow_box .leftside  { width:auto; margin-right:0; }
  .readytogrow_box .rightside { width:auto; }
  .readytogrow_box .rightside h2 { margin-top:0; }
  
  /*
  h1.hero_mainline { max-width:100%; }
  .header-topwrap .row { flex-direction:column; align-items:flex-start; }
  
  .header-topwrap .hamburger_icon {
    position: absolute; right:0.5rem; top:0.5rem;
    display:block; 
  }
  */
  
  
  
}
  



@media (max-width: 600px) {
  /* footer menus, make column instead of row (flex). */ 
  
  
  /* hubspot form fields with two columns */
  .comprehensive_gen_box h2 { padding:0 0.5rem; }
  
  .row.hi_lead_capture_row { padding: 1rem !important; }
  h1 { font-size: 2.2rem;  } /* orig 3rem */
  
  .hi_leadcapture_content ul.columns_2 li { margin:auto auto; }
  ul.columns_2 {  columns:1; }
  
  /*
  footer .footer-menus ul li { margin-bottom:0.25rem; }
  footer .footer-menus ul li a { display:inline-block; }
  footer .footer-menus .hs-menu-wrapper.hs-menu-flow-horizontal>ul { flex-direction:column; }
  footer .footer-menus .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { display:inline-block; }
  */


}



@media (max-width: 500px) {

}