/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */


  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .dnd-section > .row-fluid {
    max-width: 1160px;
  }
  
  .dnd-section {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  
  .body-container__homepage .dnd-section:nth-child(odd) {
    background-color: #F8FAFC;
  }
  .page-center {
    max-width: 1160px;
  }
  
  
  
  
  
  
  body {
    color: #000000;
    font-family: Mulish;
    font-weight: 400;
    font-size: 16px;
  }
  
  body {
    
    color: #000000;
    
  }
  
  
  a {
    color: rgba(0, 139, 202, 1.0);
  }
  a.color-inherit{
    color: inherit;
  }
  
  a:hover {
    color: rgba(236, 155, 72, 1.0);
  }
  
  
  
  h1 {
    color: #1e4874;
    font-family: Mulish;
    font-size: 54px;
    font-weight: 300;
  }
  
  h1 {
    
    color: #1e4874;
    
  }
  
  
  h2 {
    color: #008bca;
    font-family: Mulish;
    font-size: 36px;
    font-weight: 300;
  }
  
  h2 {
    
    color: #008bca;
    
  }
  
  h3 {
    color: #008bca;
    font-family: Mulish;
    font-size: 22px;
    font-weight: 300;
  }
  
  h3 {
    
    color: #008bca;
    
  }
  
  h4 {
    color: #008bca;
    font-family: Mulish;
    font-size: 20px;
    font-weight: 600;
  }
  
  h4 {
    
    color: #008bca;
    
  }
  
  h5 {
    color: #008bca;
    font-family: Mulish;
    font-size: 18px;
    font-weight: 600;
  }
  h5 {
    
    color: #008bca;
    
  }
  
  h6 {
    color: #008bca;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 600;
  }
  h6 {
    
    color: #008bca;
    
  }
  
  
  
  
  
  
  
  form,
  .submitted-message {
    border-color: rgba(#null, 0.0) ;
    font-family: Mulish;
  }
  
  h3.form-title {
    background-color: rgba(255, 255, 255, 0.0);
    color: rgba(51, 51, 51, 1.0);
  }
  
  .hs-button,
  .button--primary {
    background-color: rgba(236, 155, 72, 1.0);
    border-color: rgba(236, 155, 72, 1.0);
    border-radius: inherit;
    border-width: 2px;
    color: rgba(255, 255, 255, 1.0);
    padding-left: 29px;
    padding-right: 29px;
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 1.2;
    text-align: center;
  }
  
  .hs-button:hover,
  .hs-button:focus,
  .button--primary:hover,
  .button--primary:focus {
    background-color: rgba(30, 72, 116, 1.0);
    border-color: rgba(30, 72, 116, 1.0);
    color: rgba(255, 255, 255, 1.0);
  }
  
  
  
  .hs-form label {
    color: rgba(51, 51, 51, 1.0);
  }
  
  .hs-form legend {
    color: rgba(51, 51, 51, 1.0);
  }
  
  form input,
  form select,
  form textarea,
  .hs-input {
    border-color: rgba(238, 238, 238, 1.0);
    color: rgba(51, 51, 51, 1.0);
    border-radius: 0px;

  }
  
  form input:focus,
  form select:focus,
  form textarea:focus,
  .hs-input:focus {
    border-color: rgba(13, 41, 127, 1.0);
    outline-color: rgba(13, 41, 127, 1.0) !important;
  }
  
  .fn-date-picker .pika-table thead th {
    color: rgba(255, 255, 255, 0.0);
  }
  
  .hs-input:-moz-placeholder,
  .hs-input::-webkit-input-placeholder,
  .hs-field-desc,
  .hs-dateinput:before,
  .hs-richtext {
    color: #000000;
  }
  
  .hs-richtext {
    font-size: 16;
  }
  
  .hs-default-font-element,
  .hs-main-font-element {
    font-family: Mulish;
  }
  
  .fn-date-picker td.is-today .pika-button {
    color: #494a52;
  }
  
  .fn-date-picker td.is-selected .pika-button {
    background: #494a52;
  }
  
  .fn-date-picker td .pika-button:hover {
    background-color: #F8FAFC !important;
  }
  
  
  
  
  
  th,
  td {
    background-color: rgba(255, 255, 255, 1.0);
    border: 1px solid rgba(119, 119, 119, 1.0);
    color: rgba(119, 119, 119, 1.0);
  }
  
  thead th,
  thead td {
    background-color: rgba(73, 74, 82, 1.0);
    color: rgba(255, 255, 255, 1.0);
  }
  
  tfoot td {
    background-color: rgba(255, 255, 255, 1.0);
    color: rgba(119, 119, 119, 1.0);
  }
  
  table,
  tbody + tbody {
    border-color: rgba(119, 119, 119, 1.0);
  }
  
  
  
  
  
  .header_top{
    background-color: rgba(0, 139, 202, 1.0);
    border-color: rgba(229, 229, 229, 1.0);
  }
  .header_top a{
    color: rgba(255, 255, 255, 1.0);
  }
  .header_top a:hover{
    color: rgba(255, 255, 255, 1.0);
  }
  .header_top .top_menu ul li{
    border-color: rgba(229, 229, 229, 1.0);
  }

  .header_bottom{
    background-color: rgba(255, 255, 255, 1.0);
    border-color: rgba(229, 229, 229, 1.0);
  }
  body .custom-menu-primary div>ul>li>a{
    color: rgba(51, 51, 51, 1.0);
  }
  body .custom-menu-primary div>ul>li>a:hover{
    color: rgba(0, 139, 202, 1.0);
    background-color: rgba(255, 255, 255, 0.0);
  }
  body .custom-menu-primary div>ul>li.active>a{
    background-color: rgba(255, 255, 255, 0.0);
    color: rgba(0, 139, 202, 1.0);
  }
  body .search_toggle a{
    color: rgba(51, 51, 51, 1.0);
  }
  body .search_toggle a:hover{
    color: rgba(0, 139, 202, 1.0);
  }
  body.search-active .search_toggle a{
    color: rgba(0, 139, 202, 1.0);
  }

 body .search_wrapper{
  background-color: rgba(255, 255, 255, 1.0);
  border-color: rgba(220, 218, 219, 1.0);
  }
  .search_wrapper .advanced-search p{
    color: rgba(0, 0, 0, 1.0);
  }

   .advanced-search p a{
 color: rgba(0, 139, 202, 1.0);
  }
  .advanced-search p a:hover{
    color: rgba(236, 155, 72, 1.0);
  }
  .search_wrapper .fusion-search-form-content .fusion-search-field input{
    color: rgba(51, 51, 51, 1.0);
    border-color: rgba(204, 204, 204, 1.0);
  }



  .header_bottom input.fusion-search-submit{
    background-color: rgba(30, 72, 116, 1.0);
    color: rgba(255, 255, 255, 1.0);
  }
  .header_bottom input.fusion-search-submit:hover{
    background-color: rgba(236, 155, 72, 1.0);
    color: rgba(255, 255, 255, 1.0);
  }





  body .custom-menu-primary div>ul>li>ul{
    background-color: rgba(255, 255, 255, 1.0);
    border-color: rgba(0, 139, 202, 1.0);
  }
  body .custom-menu-primary ul ul li a{
    color: rgba(51, 51, 51, 1.0);
  }
  body .custom-menu-primary ul ul li a:hover{
    background-color: rgba(255, 255, 255, 0.0);
    color: rgba(51, 51, 51, 1.0)
  }
  body .custom-menu-primary ul ul li.active a{
    color: rgba(51, 51, 51, 1.0);
    background-color: rgba(255, 255, 255, 0.0);
  }
  body .custom-menu-primary div>ul>li>ul>li>ul>li{
    border-color: rgba(220, 218, 219, 1.0);
  }
  body .custom-menu-primary div>ul>li:first-child>ul>li{
    border-color: rgba(220, 218, 219, 1.0);
  }
  body .custom-menu-primary div>ul>li:first-child>ul>li>ul>li ul>li:nth-child(4)>a,   body .custom-menu-primary div>ul>li:last-child>ul>li>ul>li ul>li:nth-child(4)>a{
    background-color: rgba(236, 155, 72, 1.0);
    color: rgba(255, 255, 255, 1.0);
  }

  body .custom-menu-primary div>ul>li:first-child>ul>li>ul>li ul>li:nth-child(4)>a:hover,  body .custom-menu-primary div>ul>li:last-child>ul>li>ul>li ul>li:nth-child(4)>a:hover{
    background-color: rgba(30, 72, 116, 1.0);
    color: rgba(255, 255, 255, 1.0);
  }
  
  body .custom-menu-primary div>ul>li:nth-child(4) ul ul ul li:nth-child(3)>a,
  body .custom-menu-primary div>ul>li:nth-child(4) ul ul ul li:nth-child(4)>a,
  body .custom-menu-primary div>ul>li:nth-child(4) ul ul ul li:nth-child(5)>a{
    color: rgba(30, 72, 116, 1.0);
  }
  
  body .custom-menu-primary div>ul>li:nth-child(4) ul ul ul li:nth-child(4)>a:before{
    background-color: rgba(30, 72, 116, 1.0);
  }



  
  
  
  
  
  
  .footer-top{
    color: rgba(255, 255, 255, 1.0);
  }
  .footer-top a{
    color: rgba(255, 255, 255, 1.0);
  }
  .footer-top a:hover{
    color: rgba(0, 139, 202, 1.0);
  }
  .footer-top h4{
    color: rgba(255, 255, 255, 1.0); 
  }
  .footer-top h4:after{
    background-color: rgba(236, 155, 72, 1.0);
  }
  .footer-top  .footer_col.col3 p>span{
    color: rgba(31, 177, 243, 1.0);
  }
  .footer-top .footer_col.col1 ul>li>span{
    background-color: rgba(0, 139, 202, 1.0);
  }
  .footer-top .footer_col.col1 ul>li>span>i{
    color: rgba(255, 255, 255, 1.0);
  }
  .footer-top  .footer_col.col3 p>a{
    background-color: rgba(236, 155, 72, 1.0);
    color: rgba(255, 255, 255, 1.0);
  }
  .footer-top  .footer_col.col3 p>a:hover{
    background-color: rgba(30, 72, 116, 1.0);
    color: rgba(255, 255, 255, 1.0);
  }



  .footer_bottom{
    background-color: rgba(30, 72, 116, 1.0);
    color: rgba(255, 255, 255, 1.0);
  }
  .footer_bottom a{
    color: rgba(255, 255, 255, 1.0);
  }
  .footer_bottom a:hover{
    color: rgba(0, 139, 202, 1.0);
  }
  .fusion-social-networks .fusion-social-network-icon{
    color: rgba(0, 139, 202, 1.0);
  }
  .fusion-social-networks .fusion-social-network-icon:hover{
    color: rgba(0, 139, 202, 0.8);
  }
  
  
  
  
.content-wrapper {
	max-width: 1160px;
}

.blog-post__date {
	border-color: #000000;
}

.blog-tag-filter__menu-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
	color: #000000;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
	color: #000000;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
	color: #282828;
}

.blog-tag-filter__menu-link--active-item:after {
	background-color: #494a52;
}



.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
	background-color: #494a52;
}


.blog-post__author {
	background-color: #F8FAFC;
}

#comments-listing .comment-reply-to {
	color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
	color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
	color: rgba(#null, 0.0);
}

/*             Blog Grid Listing and Post styles            */

.blog-header {
	background-color: rgb(238, 238, 238);
}

.hs-blog-listing,
.hs-blog-post {
	background-color: #F8F8F8;
}



.blog-post__tag-link:hover{
	color: #ec9b48;
}

.blog-post__read-more svg {
	fill: #000000;
}

.blog-post__read-more a:hover svg {
	fill: #ec9b48;
}



.blog-sidebar a:hover {
	color: #ec9b48;
}

.blog__subscription-block {
	background-color: rgb(238, 238, 238);
}



.blog-post__meta a {
	color: #000000;
}

.blog-post__meta a:hover {
  color: #ec9b48
}



.blog-post__back-to-blog svg {
	fill: #000000;
}

a.blog-post__back-to-blog:hover svg {
	fill: #ec9b48;
}

.comment.depth-0,
.blog-comments form {
	border-top: 2px solid rgb(228, 230, 232);
}

.comment.depth-1 {
	border-left: 2px solid rgb(228, 230, 232);
}

.section.post-footer .hs-input {
	border-color: rgb(228, 230, 232);
}

.blog-recent-posts {
	background-color: rgb(238, 238, 238);
}
  
  
  
  
  
  
  
  
  
  
  body .icon svg {
    fill: #494a52;
  }
  
  body .tns-nav button.tns-nav-active {
    background-color: #494a52;
  }
  
  body .tns-nav button:hover,
  body .tns-nav button:focus {
    background-color: #494a52;
  }
  
  body .social-links__icon {
    background-color: #494a52;
  }
  
  body .social-links__icon:hover svg,
  body .social-links__icon:focus svg {
    fill: rgba(#null, 0.0);
  }
  
  body .social-links__icon:active svg {
    fill: rgba(#null, 0.0);
  }
  
  body .team-member__description {
    background-color: #F8FAFC;
  }
  
  .page-center {
    max-width: 1160px;
    margin: 0 auto;
  }
  
  
  
  
  .body-container__website .dnd-section:nth-child(odd) {
    background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, blog_settings=, header=, forms=}
  }
  

  
  
  
  .hr-large hr{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 30px;
    width: 100%;
    max-width: 150px;
    background-color: #ec9b48;
    height: 2px;
  }

  .hr-large-white hr{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 30px;
    width: 100%;
    max-width: 150px;
    background-color: #ffffff;
    height: 2px;
  }
  body .ul-checklist{
    list-style: none;
    padding: 0;
  }
  body .ul-checklist li{
    display: flex;
  }
  body .ul-checklist li *{ display: inline-block; }
  body .ul-checklist li::before{
    margin-top: -5px;
    margin-right: 10px;
    content: '';
    padding: 17px;
    position: relative;
    display: inline-block;
    -webkit-mask-image: url(https://8926463.fs1.hubspotusercontent-na1.net/hubfs/8926463/check.svg);
    mask-image: url(https://8926463.fs1.hubspotusercontent-na1.net/hubfs/8926463/check.svg);
    background-color: white;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: 0;
    -webkit-mask-position:0;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
  }
  body .ul-checklist-circle li::before{
    -webkit-mask-image: url(https://8926463.fs1.hubspotusercontent-na1.net/hubfs/8926463/check-circle-solid.svg);
    mask-image: url(https://8926463.fs1.hubspotusercontent-na1.net/hubfs/8926463/check-circle-solid.svg); 
    margin-top: -2px
  }
  body .ul-checklist-circle--orange li::before{
    background-color: #ec9b48;
  }
  body .ul-checklist li p:last-child{margin-bottom:0}
  .button--secondary{ background: #008bca;border:none }
  .button--secondary:hover{ background: #1e4874; }
  .button--tertiary{
    text-transform: initial;
    border-radius: 10px;
  }
  .button--right,.text-right{
    text-align: right;
  }
  .button--center,.text-center{
    text-align: center;
  }
  .button--small{
    padding: 9px 20px;
    line-height: 14px;
    font-size: 12px;
  }
  .button--large{
    padding: 17px 40px;
    line-height: 21px;
    font-size: 18px;
  }
  iframe{ max-width: 100%; }
  .membership_login_page{
    background-image: url(https://8926463.fs1.hubspotusercontent-na1.net/hubfs/8926463/IBI-Full-Cost-Estimator-Tool.jpg);
    min-height: 100vh;
  }
  .membership_login_page .systems-page{
    width: 100%;
    max-width: 550px;
    padding: 8% 0 0;
    margin: auto;
  }
  .membership_login_page .form-container{
    box-shadow: 1px 1px 2px #eeeeee, -1px -1px 2px #eeeeee;
    border-radius: 5px;
    border: 1px solid #ccd0d4;
    margin-top: 20px;
    margin-left: 0;
    padding: 26px 24px 16px;
    font-weight: 400;
    overflow: hidden;
  }
  .membership_login_page .systems-page .hs-form-field{margin-bottom: 0}
  .membership_login_page .form-container label{
    line-height: 1.5;
    margin-bottom: 3px;
    color: white;
    font-size: 12px;
  }
  .membership_login_page .form-container .hs-submit{
    margin: -18px ​0 16px;
    text-align: right;
  }
  .membership_login_page .form-container .hs-button{
    color: #666666;
    text-shadow: 2px 2px 5px #eeeeee;
    border: 1px solid #999999;
    border-radius: 3px;
    background: #FBFBFB;
    box-shadow: 0 -1px 2px 0 rgb(0 0 0 / 20%) inset;
    min-height: 32px;
    line-height: 2.30769231;
    padding: 0 12px;
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-appearance: none;
    cursor: pointer;
    display: inline-block;
  }

  .membership_login_page a,
  .membership_login_page a:hover,
  .membership_login_page a:focus{
    color: #ffffff;
    text-shadow: 1px 1px 3px #eeeeee;
    font-size: 12px
  }

  .membership_login_page .px-0{ padding-left: 0; padding-right: 0 }
  .membership_login_page .mt-3{ margin-top: 2em }
  @media (min-width: 768px){
    .membership_login_page .px-md-3{ padding-left: 2em; padding-right: 2em }
    .line-left{border-left: 1px solid #efefef;}
    .padding-1{padding-left: 20px; padding-right:20px}
  }
.blockquote--padding{
  padding-left: 60px;
}
blockquote{
  word-break: break-word;
  background-image: url("https://8926463.fs1.hubspotusercontent-na1.net/hubfs/8926463/ibi-quote%20%281%29.png");
  background-repeat: no-repeat;
  background-position: center left;
  margin-left: 0;
  margin-right: 0;
  padding-left: 60px;
  position: relative;
  border: none;
}
blockquote::before{
  content: '';
  width: 2px;
  background: #ccc;
  display: block;
  height: 100%;
  position: absolute;
  left: 48px;
}