.cta-primary,
  .cta-secondary,
  .cta-tertiary,
  .cta-outline-white{
    text-decoration: none; 
    line-height: 1;
    display: inline-block;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
  
  
   /************************** 
   * PRIMARY CTA : USE -->  cta-primary
   * *****************************/
  
  .cta-primary,
  .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu a.cta-primary{font-family: Roboto; 
      font-family: Roboto, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; 
      color: #FFFFFF !important; 
      font-size: 13px;letter-spacing: 1px;
   text-transform: uppercase;
   padding: 20px 25px !important;
   -webkit-border-radius: 2px;
   border-radius: 2px;background-color: #BA0C2F;-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0,0.10);
     box-shadow: 0 10px 20px 0 rgba(0, 0, 0,0.10);}
  
  .cta-primary:hover {
   color: #ffffff !important;background-color: #EA9999;transform: scale(1.05);}
  
  
  
  /************************** 
   * SECONDARY CTA : USE -->  cta-secondary
   * *****************************/
 
  .cta-secondary,
  .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu a.cta-secondary{font-family: Roboto; 
      font-family: Roboto, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; 
      color: #ba0c2f !important; 
      font-size: 13px;letter-spacing: 1px;
   text-transform: uppercase;
   padding: 20px 25px !important;
   -webkit-border-radius: 2px;
   border-radius: 2px;background-color: #00548F;
      background: -moz-linear-gradient(45deg, rgba(0, 84, 143,1) 0%, rgba(105, 179, 231,1) 100%);
      background: -webkit-linear-gradient(45deg, rgba(0, 84, 143,1) 0%, rgba(105, 179, 231,1) 100%);
      background: linear-gradient(45deg, rgba(0, 84, 143,1) 0%, rgba(105, 179, 231,1) 100%);-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0,0.50);
     box-shadow: 0 10px 20px 0 rgba(0, 0, 0,0.50);}
  
  .cta-secondary:hover {
   color: #EA9999 !important;background-color: #00a4bd;
      background: -moz-linear-gradient(45deg, rgba(0, 164, 189,1) 0%, rgba(0, 189, 165,1) 100%);
      background: -webkit-linear-gradient(45deg, rgba(0, 164, 189,1) 0%, rgba(0, 189, 165,1) 100%);
      background: linear-gradient(45deg, rgba(0, 164, 189,1) 0%, rgba(0, 189, 165,1) 100%);transform: scale(1.05);}
  
  
  
  /************************** 
   * TERTIARY CTA : USE -->  cta-tertiary
   * *****************************/
 
  .cta-tertiary,
  .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu a.cta-tertiary{font-family: Roboto; 
      font-family: Roboto, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; 
      color: #69b3e7 !important; 
      font-size: 13px;letter-spacing: 1px;
   text-transform: uppercase;
   padding: 20px 25px !important;
   -webkit-border-radius: 2px;
   border-radius: 2px;background-color: transparent;
      border: 2px solid #69B3E7;}
  
  .cta-tertiary:hover {
   color: #69B3E7 !important;transform: scale(1.05);background-color: transparent;
      border: 2px solid #69B3E7;}
  
  
  /************************** 
   * WHITE OUTLINE BUTTON : USE -->  cta-outline-white
   * *****************************/
 
  .cta-outline-white {font-family: Roboto; 
      font-family: Roboto, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; 
      color: #FFFFFF !important; 
      font-size: 13px;letter-spacing: 1px;
   text-transform: uppercase;
   padding: 20px 25px !important;
   -webkit-border-radius: 2px;
   border-radius: 2px;background-color: transparent;
      border: 2px solid #FFFFFF;}
  
  .cta-outline-white:hover {
   color: #FFFFFF !important;transform: scale(1.05);background-color: transparent;
      border: 2px solid #FFFFFF;}
  
  
  
  
  /************************** 
   * FORM SUBMIT BUTTON : --> DEFAULT
   * *****************************/
  .hs-button.primary,
  .hhs-form-con .hs-button.primary {font-family: Roboto; 
      font-family: Roboto, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; 
      color: #FFFFFF !important; 
      font-size: 13px;letter-spacing: 1px;
   text-transform: uppercase;
   padding: 20px 25px;
   line-height: 20px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   border: none;
    -webkit-appearance: button;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   cursor: pointer;
   display: inline-block;
   margin: 0px;background-color: #BA0C2F;-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0,0.20);
     box-shadow: 0 10px 20px 0 rgba(0, 0, 0,0.20);}
  .hs-button.primary:hover,
  .hhs-form-con .hs-button.primary:hover {
   color: #ffffff !important;background-color: #EA9999;transform: scale(1.05);}
  
   
  
  /************************** 
   * FORM SUBMIT BUTTON : --> ALTERNATIVE
   * *****************************/
 
  .submit-alt .hs-button.primary {font-family: Roboto; 
      font-family: Roboto, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; 
      color: #FFFFFF; 
      font-size: 13px;letter-spacing: 1px;
   text-transform: uppercase;
   padding: 20px 25px;
   line-height: 20px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   border: none;
   margin: 0px;background-color: transparent;
      border: 2px solid #FFFFFF;-webkit-box-shadow: none;
     box-shadow: none;}
  
  .submit-alt .hs-button.primary:hover {
   color: #ffffff !important;transform: scale(1.05);background-color: transparent;
      border: 2px solid #FFFFFF;}
  .hs-button.primary:focus { outline: none;}
  
   
  
  /************************** 
   * TYPOGRAPHY
   * *****************************/h1 {font-family: Roboto; 
     font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; 
     color: #444444; 
     font-size: 50px;text-transform: uppercase;
   letter-spacing: 0px;
   line-height: 1.2em;
  }
  h2 {font-family: Roboto; 
     font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; 
     color: #444444; 
     font-size: 37px;text-transform: none;
   letter-spacing: 0px;
   line-height: 1.2em;
  }
  h3 {font-family: Roboto; 
     font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; 
     color: #444444; 
     font-size: 30px;text-transform: uppercase;
   letter-spacing: 0px;
   line-height: 1.2em;
  }
  h4 {font-family: Roboto; 
     font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; 
     color: #444444; 
     font-size: 28px;text-transform: none;
   letter-spacing: 0px;
   line-height: 1.2em;
  }
  h5 {font-family: Roboto; 
     font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; 
     color: #444444; 
     font-size: 21px;text-transform: none;
   letter-spacing: 0px;
   line-height: 1.2em;
  }
  h6 {font-family: Roboto; 
     font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; 
     color: #444444; 
     font-size: 10px;text-transform: none;
   letter-spacing: 1px;
   line-height: 1.2em;
  }
  body, p {font-family: arial, helvetica, sans-serif; 
     font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; font-weight: 300; text-decoration: none; 
     color: #444444; 
     font-size: 18px;text-transform: none;
   letter-spacing: 0px;
   line-height: 1.44em;
  }
  p {margin-bottom: 10px}
  
  blockquote, 
  blockquote p {font-family: arial, helvetica, sans-serif; 
     font-weight: normal; text-decoration: none; font-family: arial, helvetica, sans-serif; font-style: italic; 
     color: #444444; 
     font-size: 24px;text-transform: none;
   letter-spacing: 0px;
   line-height: 1.44em;
  }
  li {font-family: arial, helvetica, sans-serif; 
     font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; font-weight: 300; text-decoration: none; 
     color: #444444; 
     font-size: 18px;text-transform: none;
   letter-spacing: 0px;
   line-height: 1.44em;
   margin-bottom: 10px
  }
  label {font-family: arial, helvetica, sans-serif; 
     font-weight: 700; text-decoration: none; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; 
     color: #444444; 
     font-size: 13px;text-transform: none;
   letter-spacing: 1px;
   line-height: 1.44em;
  }
  .hs-field-desc {font-family: arial, helvetica, sans-serif; 
     font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; font-weight: 300; text-decoration: none; 
     color: #999999; 
     font-size: 11px;text-transform: none;
   letter-spacing: 0px;
   line-height: 1.44em;
  }
  .legal-consent-container,
  .legal-consent-container p {font-family: arial, helvetica, sans-serif; 
     font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; font-weight: 300; text-decoration: none; 
     color: #999999; 
     font-size: 12px;text-transform: none;
   letter-spacing: 0px;
   line-height: 1.44em;
  }
  .hs-form-booleancheckbox label {font-family: arial, helvetica, sans-serif; 
     font-weight: 700; text-decoration: none; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; 
     color: #999999; 
     font-size: 10px;text-transform: none;
   letter-spacing: 0px;
   line-height: 1.44em !important;
  }
  body input[type="text"],
  body input[type="password"], 
  body input[type="datetime"], 
  body input[type="datetime-local"], 
  body input[type="date"], 
  body input[type="month"], 
  body input[type="time"], 
  body input[type="week"], 
  body input[type="number"], 
  body input[type="email"], 
  body input[type="url"], 
  body input[type="search"], 
  body input[type="tel"], 
  body input[type="color"],
  body input[type="file"],
  body textarea,
  body select  {font-family: arial, helvetica, sans-serif; 
     font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; font-weight: 300; text-decoration: none; 
     color: #444444; 
     font-size: 18px;text-transform: none;
   letter-spacing: 0px;
   line-height: 1.44em !important;
  }
  
 
  
  /** HEADER AND FOOTER NAV FONT- FAMILY **/
  
  .hhs-hat-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
  .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {font-family: Roboto; 
      font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; 
      color: #FFFFFF; 
      font-size: 12px;}
  
  .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {font-family: Roboto; 
      font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; 
      color: #FFFFFF; 
      font-size: 12px;}
  
  
  @media (max-width: 768px) {
    h1 {font-size: 60px;}
    h2 {font-size: 39px;}
    h3 {font-size: 31px;}
    h4 {font-size: 25px;}
    h5 {font-size: 20px;}
    body, p {font-size: 16px;}
    li {font-size: 16px;}
    label {font-size: 11px;}
  }
  
  @media (max-width: 575px) {
    h1 {font-size: 50px;}
    h2 {font-size: 33px;}
    h3 {font-size: 27px;}
    h4 {font-size: 23px;}
    h5 {font-size: 19px;}
    body, p {font-size: 16px;}
    li {font-size: 16px;}
    label {font-size: 11px;}
  }
  
  h1, h2, h3, h4, h5, p, li, span {
   text-rendering: optimizelegibility;
    margin-top: 0px;
  }
  
  /************************** 
   * UI ELEMENTS
   * *****************************/
  
  .hhs-divider {
    border-bottom: 2px solid #00548F;
    width: 50px;
    margin: 0 0 50px 0;
  }
  .fa,.fal,.fab,.fas,.far{
      color: #00548F;
  }
  .hhs-icon-con svg {
    fill: #00548F;
  }
  
  .hs-search-highlight,
  .blog-listing-wrapper .post-listing .post-item .post-body a,
  .blog-post-wrapper .post-body a, 
  a {
   color: #00548F;
  }
  .hs-search-results__title:hover,
  .blog-listing-wrapper .post-listing .post-item .post-body a:hover,
  .blog-post-wrapper .post-body a:hover,
  a:hover,a:focus  {
   color: #0195ac;
  }
  
  .hhs-search-modal button {
   background-color:  #ff7a59;
  }

  
  /************************** 
   * BLOG
   * *****************************/
  .blog-post-wrapper h1,
  .blog-listing-wrapper .post-listing .post-item h2 {
    font-size: 50px;
  }
  
  .blog-post-wrapper h1 a,
  .blog-listing-wrapper .post-listing .post-item h2 a {
    color: #444444;
  }
  
  .blog-post-wrapper h1 a:hover,
  .blog-listing-wrapper .post-listing .post-item h2 a:hover {
    color: #00a4bd;
  }
  
  /* POST CONTENT */
  
  .blog-post-wrapper .post-body p {font-family: Roboto; font-family: Roboto, sans-serif; font-style: normal; font-weight: 300; text-decoration: none; 
      color: #444444; 
      font-size: 18px;letter-spacing: 0px;
   margin-bottom: 10px;
   line-height: 1.6em;
  }
  p.author-bio-short {
   color: #444444;
  }
  
  /* SIDE BAR */
  
  .hs-rss-module a.hs-rss-title {
    color: #444444;
  }
  .hs-rss-module a.hs-rss-title:hover {
   color: #00a4bd;
  }
  
  .hhs-blog-sidebar .hs-rss-item {
    background-color: #f2f5f8;
  }
  
  .hhs-blog-sidebar .hs-rss-item .hs-rss-byline .hs-rss-date,
  .hhs-blog-sidebar .hs-rss-item .hs-rss-description p {
    color: #666666;
  }
  
  @media (max-width: 768px) {
    .blog-post-wrapper h1,
    .blog-listing-wrapper .post-listing .post-item h2 {
      font-size: 50px;
    }
    .blog-post-wrapper .post-body p {
      font-size: 16px;
    }
  }
  
  .hs_cos_wrapper_type_post_filter a,
  a.topic-link {font-family: Roboto; 
     font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;letter-spacing: 1px;
    background-color: #00a4bd;
    color: #FFFFFF;
    font-size: 10px;
    text-transform: none;
    
  }
  .hs_cos_wrapper_type_post_filter a:hover,
  a.topic-link:hover {
    background-color: #33475b;
    color: #FFFFFF;
  }
  
  @media (max-width: 575px) {
    .blog-post-wrapper h1,
    .blog-listing-wrapper .post-listing .post-item h2 {
      font-size: 50px;
    }
    .blog-post-wrapper .post-body p {
      font-size: 16px;
    }
  }