/* ******************************************************************************
*********************************************************************************
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,
.page-center,
.content-wrapper {
  max-width: 125rem;
}

.dnd-section {
  padding-bottom: 10rem;
  padding-top: 10rem;
}

.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #333;
}





body {
  color: #6A6A6A;
  font-family: Open Sans;
  font-weight: 400;
  font-size: 1.7rem;
}

p {
  font-family: Open Sans;
  font-weight: 400
}

a {
  color: rgba(106, 106, 106, 1.0);
  cursor: pointer;
}
a:focus{
  outline:none;
}
a:hover {
  color:#6a6a6a;
}

a:active {
  color: rgba(146, 146, 146, 1.0);
}

h1 {
  color: #6a6a6a;
  font-family: Open Sans;
  font-size: 36px;
  font-weight: 400;
}

@media(max-width: 767px) {
  h1 {
    font-size: 30.599999999999998px;
  }
}

h2 {
  color: #6a6a6a;
  font-family: Open Sans;
  font-size: 30px;
  font-weight: 400;
}

@media(max-width: 767px) {
  h2 {
    font-size: 25.5px;
  }
}

h3 {
  color: #6a6a6a;
  font-family: Open Sans;
  font-size: 28px;
  font-weight: 400;
}

@media(max-width: 767px) {
  h3 {
    font-size: 23.8px;
  }
}

h4 {
  color: #6a6a6a;
  font-family: Open Sans;
  font-size: 26px;
  font-weight: 400;
}

@media(max-width: 767px) {
  h4 {
    font-size: 22.099999999999998px;
  }
}

h5 {
  color: #6a6a6a;
  font-family: Open Sans;
  font-size: 24px;
  font-weight: 400;
}

h6 {
  color: #6a6a6a;
  font-family: Open Sans;
  font-size: 22px;
  font-weight: 400;
}






form,
.submitted-message {
  border-color: rgba(#null, 0.0);
  font-family: Open Sans;
}

h3.form-title {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(0, 0, 0, 1.0);
}

.hs-button,
.cta-button,
.button--primary {
  background-color: rgba(255, 255, 255, 1.0);
  border-color: rgba(16, 152, 203, 1.0);
  border-radius: 0px;
  border-width: 1px;
  color: rgba(16, 152, 203, 1.0);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
  background-color: rgba(16, 152, 203, 1.0);
  border-color: rgba(16, 152, 203, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.hs-button:active,
.button--primary:active {
  background-color: rgba(255, 255, 255, 1.0);
  border-color: rgba(56, 192, 243, 1.0);
  color: rgba(16, 152, 203, 1.0);
}

.hs-form .field > label,
.hs-form-field > label {
  color: rgba(112, 112, 112, 1.0);
}

.hs-form legend {
  color: rgba(0, 0, 0, 0.5);
}

form input,
form select,
form textarea,
.hs-input,
input#hs-pwd-widget-password {
  border-color: rgba(234, 234, 234, 1.0);
  color: ;
  border-radius: 0px;
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus,
input#hs-pwd-widget-password:focus {
  border-color: rgba(234, 234, 234, 1.0);
}

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

.hs-richtext {
  font-size: 1.7;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Open Sans;
}

.fn-date-picker td.is-today .pika-button {
  color: #000;
}

.fn-date-picker td.is-selected .pika-button {
  background: #000;
}

.fn-date-picker td .pika-button:hover {
  background-color: #333 !important;
}





th,
td {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
  color: rgba(0, 0, 0, 1.0);
}

thead th,
thead td {
  background-color: rgba(0, 0, 0, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

tfoot td {
  background-color: rgba(0, 0, 0, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

table,
tbody + tbody {
  border-color: rgba(0, 0, 0, 1.0);
}





.menu--secondary .hs-menu-wrapper>ul{
  background-color : rgba(5, 67, 91, 1.0);
}

.menu--secondary .hs-menu-wrapper ul li a{
  color : rgba(255, 255, 255, 1.0);
}

.menu--secondary .hs-menu-wrapper ul li a:hover{
  color : rgba(255, 255, 255, 1.0);
}

#header .primary{
  background-color: rgba(18, 91, 119, 1.0);
}

.custom-menu-primary>div>ul>li>a{
  color : rgba(255, 255, 255, 1.0);
}

.custom-menu-primary>div>ul>li>a:hover{
  color : rgba(255, 255, 255, 1.0);
}

.custom-menu-primary>div>ul>li:hover >a{
  background-color : rgba(255, 255, 255, 0.0);
}

.custom-menu-primary>div>ul>li.active-branch > a{
  background-color : rgba(255, 255, 255, 0.0);
  color : rgba(255, 255, 255, 1.0);
}

.custom-menu-primary .level-2,
.level-2::before{
  background-color : rgba(255, 255, 255, 1.0);
}

.custom-menu-primary .level-2>li > a {
  color : rgba(16, 152, 203, 1.0);
}

.custom-menu-primary .level-2>li > a:hover {
  color : rgba(16, 152, 203, 1.0);
}

.custom-menu-primary .level-2>li:hover > a {
  background-color : rgba(255, 255, 255, 0.0);
}

.custom-menu-primary .level-2>li.active-branch > a  {
  background-color : rgba(255, 255, 255, 0.0);
  color : rgba(16, 152, 203, 1.0);
}

.custom-menu-primary .level-3>li > a {
  color : rgba(112, 112, 112, 1.0);
}

.custom-menu-primary .level-3>li > a:hover {
  color : rgba(112, 112, 112, 1.0);
}

.custom-menu-primary .level-3>li:hover > a {
  background-color : rgba(255, 255, 255, 0.0);
}

.custom-menu-primary .level-3>li.active-branch > a  {
  background-color : rgba(255, 255, 255, 0.0);
  color : rgba(112, 112, 112, 1.0);
}


.scroll_header #header .primary,
.cstm_head_page:not(.scroll_header) header#header .primary {
  background-color: rgba(255, 255, 255, 1.0);
}

@media only screen and (min-width: 801px) and (min-height: 601px){
  .cstm_head_page:not(.scroll_header) #header .primary {
    background-color: rgba(255, 255, 255, 1.0) !important;
  }
}

.scroll_header .custom-menu-primary>div>ul>li>a,
.cstm_head_page:not(.scroll_header) .custom-menu-primary>div>ul>li>a{
  color : rgba(16, 152, 203, 1.0);
}

.scroll_header .custom-menu-primary>div>ul>li>a:hover
.cstm_head_page:not(.scroll_header) .custom-menu-primary>div>ul>li>a:hover{
  color : rgba(16, 152, 203, 1.0);
}

.scroll_header .custom-menu-primary>div>ul>li:hover >a{
  background-color : rgba(255, 255, 255, 0.0);
}

.scroll_header .custom-menu-primary>div>ul>li.active-branch > a,
.cstm_head_page:not(.scroll_header) .custom-menu-primary>div>ul>li.active-branch>a{
  background-color : rgba(255, 255, 255, 0.0);
  color : rgba(16, 152, 203, 1.0);
}








#footer {
  background-color: rgba(74, 74, 74, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

#footer a{
  color: rgba(255, 255, 255, 1.0);
}

#footer a:hover{
  color: rgba(255, 255, 255, 1.0);
}

#copyright{
  color: rgba(255, 255, 255, 1.0);
}






.blog-post__date {
  border-color: #6A6A6A;
}

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

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-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: #424242;
}

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

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

.blog-pagination__link {
  color: #6A6A6A;
}

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

.blog-post__title {
  color: #6a6a6a;
  font-family:Open Sans;
  font-size: 30px;
  font-weight: ;
}

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

#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(245, 245, 245);
}


.blog-index__post-inner-card {
  box-shadow: -5px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

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

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

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

.blog-sidebar ul {
  box-shadow: -5px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

.blog-sidebar a {
  color: #6A6A6A;
}

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

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

.post-featured-image {
  max-height: 600px;
}

.blog-post {
  box-shadow: -5px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

.blog-post__meta a {
  color: #6A6A6A;
}

.blog-post__body, .blog-post__tags a {
  color: #6A6A6A;
}

.blog-post__meta a:hover {
  color: #6a6a6a
}

.blog-post__links {
  border-top:  2px solid rgb(31, 31, 31);
}

.blog-post__back-to-blog {
  color: #6A6A6A;
}

.blog-post__back-to-blog:hover {
  color: #6a6a6a;
}

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

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

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

.blog-recent-posts {
  background-color: rgb(245, 245, 245);
}










body .icon svg {
  fill: #000;
}

body .tns-nav button.tns-nav-active {
  background-color: #000;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #000;
}

body .social-links__icon {
  background-color: #000;
}

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





.body-container__website .dnd-section:nth-child(odd) {
  background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, blog_settings=, header=, forms=}
}


.serif{
  font-family:"DM Serif Display",serif;
}
/* cs21FM */

.cs21FM .st0 {
    fill: #1098cc;
}

.cs21FM .dnd-section {
    padding-bottom: 0rem;
}
.cs21FM h2 {
  font-weight: 100;
  text-transform: uppercase;
  font-size: 4rem;
  color: #1098cc;
  margin-bottom: 4rem;
}

.cs21FM h4 {
  font-family:"DM Serif Display", serif;
      font-size: 2.5rem;
}

.cs21FM .callout-section p {
       font: normal 8rem/1.2 "DM Serif Display", serif;
}

.cs21FM .cta-section {
  margin-top:10rem;
  padding-bottom:10rem;
}


.cs21FM .case-studies-heading h2 {
    color:#5a5a5a;
}

.cs21FM .case-studies-posts {
     padding-top: 0;
}

.cs21FM .case-studies-posts img {
    margin-bottom:1rem;
}
.cs21FM .case-studies-posts a {
    font-weight:bold;
}

@media (max-width: 800px) {
  .cs21FM h2 {
  font-size: 3rem;
}
.cs21FM h4 {
       font-size: 1.5rem;
}
  .cs21FM .callout-section p {
  font-size:5rem;
}
  }

/* Client Partner */

.client-partners .st0 {
    fill: #1098cc;
}
.client-partners .banner {
     background: #ededed;
}
.client-partners .banner:before {
     background: unset;
}
.client-partners .banner .page-center {
     bottom: 20%;
}


.client-partners .dnd-section {
    padding-bottom: 0rem;
}
.client-partners .half-fill {
  background: rgb(237,237,237);
background: linear-gradient(0deg, rgba(237,237,237,1) 50%, rgba(255,255,255,1) 50%);
}

.client-partners .banner h1,
.client-partners .banner p,
.client-partners .banner .banner_contnt{

    color: unset;

}
.client-partners h2 {
  font-weight: 100;
  text-transform: uppercase;
  font-size: 4rem;
  color: #1098cc;
  margin-bottom: 4rem;
}

.client-partners h3 {
  font-family:"DM Serif Display", serif;
/*       font-size: 2.5rem; */
}
.client-partners .button {
    background:#ffffff;
     color: #1098cb;
    }

.client-partners .button a{
      color: #1098cb;
    transition: all 270ms cubic-bezier(0.77,0,0.175,1);
}
 .client-partners .testimonial p {
       font: normal 5rem/1.2 "DM Serif Display", serif;

}

.client-partners .tested-section {
  margin-top:10rem;
  padding-bottom:10rem;
}
.client-partners .tested-section h2{
     color:#5a5a5a;

}


.client-partners .client-partners-heading h2 {
    color:#5a5a5a;
}

.client-partners .client-partners-posts {
     padding-top: 0;
}

.client-partners .client-partners-posts img {
    margin-bottom:1rem;
}
.client-partners .client-partners-posts a {
    font-weight:bold;
}


.client-partners ol {
      padding-left:2rem;
}
.client-partners ol li {
  counter-increment: part-counter;
word-break: break-word;
    padding-left: 17rem;
    text-indent: -16rem;
    margin-bottom:2rem
   }
.client-partners ol li::marker {
  content:"0" counter(part-counter);

}

.client-partners ol li::before {
    content:"";
    width:5rem;
    height:1px;
    display:inline-block;
    background-color:#fff;
     margin:.71rem 10rem .71rem 1rem;
}


.client-partners .partnership {
  margin-top:180px;
  padding-bottom:90px;
}

.client-partners .partnership img {
  margin-top:-360px;
}

.client-partners .tabber-wrap .tabber-content {
    width: 40%;
}
.client-partners .tabber-wrap .tabber-tabs>.active>a, .client-partners .tabber-wrap .tabber-tabs>.active>a:hover, .client-partners .tabber-wrap .tabber-tabs>.active>a:focus {
    background-color: unset;
 }
.client-partners  th,.client-partners  td {
    background-color: unset;
    border: 0px hidden;
 }


@media (max-width: 800px) {
  .client-partners h2 {
  font-size: 3rem;
}
.client-partners h4 {
       font-size: 1.5rem;
}
  .client-partners .callout-section p {
  font-size:5rem;
}

  .client-partners .partnership {
  margin-top:1rem;
  padding-bottom:3rem;
}

.client-partners .partnership img {
  margin-top:0;
}

  .client-partners ol {
      padding-left:0rem;
}
.client-partners ol li {
  counter-increment: part-counter;
word-break: break-word;
     padding-left: 0rem;
    text-indent: -0rem;
    margin-bottom:2rem
   }
.client-partners ol li::marker {
  content:"";
       display:none;
    border-bottom:1px solid white;

}

.client-partners ol li::before {
      content:"0" counter(part-counter);

     width:5rem;
    height:fit-content;
        display:block;
background:unset;
    border-bottom   :1px solid #fff ;
     margin:.71rem 0rem 2rem 0rem ;
}

  }
/* Careers Page */
.hs-content-id-49564459105 .st0 {
    fill: #1098cc;
}
.hs-content-id-49564459105 .custom-menu-primary>div>ul>li>a {
       color: rgba(106, 106, 106, 1.0);
}

.hs-content-id-49564459105 .banner {
     background-color: #ffffff;
      top: 10rem;
}


.hs-content-id-49564459105 .banner p {
     max-width: unset;

}

.hs-content-id-49564459105 .row-fluid-wrapper.row-depth-1.row-number-7.dnd_area-row-2-max-width-section-centering.dnd-section {
    background: rgb(5,67,92);
background: linear-gradient(0deg, rgba(5,67,92,0) 30%, rgba(5,67,92,1) 30%);
}

#textimg-widget_1624638494108  {
    display: flex;
    align-items: flex-start;
    align-items: top;
}
#textimg-widget_1624638494108 h2{
   font: normal 4.5rem/1.2 "DM Serif Display",serif;
  color:#ffffff;
  text-transform:unset;
}

#textimg-widget_1624638494108 .button {
     color: #fff;
     border: 1px solid #fff;
  }
.span6.widget-span.widget-type-cell.dnd-column.cell_16246393433742-vertical-alignment {
  margin-top:-3rem;
}

div#hs_cos_wrapper_module_16246403947532 h2,
div#hs_cos_wrapper_widget_1624639849653 h2,
div#hs_cos_wrapper_module_162464075037011 h2,
div#hs_cos_wrapper_module_16246407668789 h2,
div#hs_cos_wrapper_module_162464078284511 h2{
   font: normal 4rem/1.2 "DM Serif Display",serif;
 }
div#hs_cos_wrapper_module_16246403947532 h2 {
color:#1098cc;
}

@media (max-width: 800px) {
  .hs-content-id-49564459105 .row-fluid-wrapper.row-depth-1.row-number-7.dnd_area-row-2-max-width-section-centering.dnd-section {
    background: rgb(5,67,92);
 }
.span6.widget-span.widget-type-cell.dnd-column.cell_16246393433742-vertical-alignment {
  margin-top:0rem;
  }

  }



	/* Hubspot Onboarding Template
	 */

.hb_onboard .fl-icon {
	display: block;
margin-bottom: 20px;
    vertical-align: middle;
		text-align:center;
}
.hb_onboard .fl-icon i {
     height: auto;
    width: auto;
		color:#1098cb;
		font-size:30px;
}

.hb_onboard .hpt-rt-wrapper ul  {
  list-style:none;
}
.hb_onboard .hpt-rt-wrapper ul li {

    margin:0  ;

}
.hb_onboard .hpt-rt-wrapper ul li:before {
    font-family: 'FontAwesome';
    content: '\f058';
margin: 5px 10px 0 -37px;    color: #1098cb;
			font-size:26px;
			position: relative;
top: 5px;
}


.hb_onboard .hs-testimonial  {
    background:rgba(0,0,0,.3);
        color: white;
}
.hb_onboard .hs-testimonial * {
        color: white;
        line-height:1;
}


body.onboard_page .hb_onboard .fl-icon {
     text-align: left;
}

.ho-card  {
    background:#fff;
    height:100%;
    display:block;
    min-height:320px;
    border-radius:10px;
    box-shadow: 0px 0px 20px 0px rgba(000,000,000, .3);
    padding:40px;
}


 
.ho-card p,
.ho-card h3{
    padding-left:10px;
    padding-right:10px;
}
 
.hb_onboard .ho-card  .fl-icon i {
        padding:10px;
    background:red;
    border-radius:10px;
    fill:red;
    height: auto;
    width: auto;
    color: white;
    font-size: 30px;
}

.ho-card p{
    padding-left:10px;
    padding-right:10px;
    font-size:1.5rem;
    line-height:2
}

.ho-card h3{
    padding-left:10px;
    padding-right:10px;
    font-family: "DM Serif Display",serif!important; 
}
.hb_onboard .ho-card.strat-card h3 {
    color:#168fc1;
    }
.hb_onboard .ho-card.audit-card h3 {
    color:#093b50;
    }
 .hb_onboard .ho-card.implement-card h3 {
    color:#5eb6d7;
    }
 .hb_onboard .ho-card.support-card h3 {
    color:#093b50;
    }
.hb_onboard .ho-card  .fl-icon i {
    border-radius:10px;
       height: 60px;
    width: 60px;
    font-size: 30px;
    margin:10px 10px 0px 10px;
}


.hb_onboard .ho-card.strat-card .fl-icon i {
    background:#168fc1;
    color: white;
    padding:15px 11px;
    }

.hb_onboard .ho-card.audit-card .fl-icon i {
    background:#093b50;
    color: white;
    padding:15px 14px;
    }

.hb_onboard .ho-card.implement-card .fl-icon i {
    background:#5eb6d7;
    color: white;
    padding:15px 12px;
    }
.hb_onboard .ho-card.support-card .fl-icon i {
    background:#eaeaea ;
    color: #093b50;
    padding:15px 14px;
    
    }



.onboard_page footer#footer {
    background-color:#05435b;
  margin-top: 0;
}

.onboard_page footer#footer div#copyright p{
    margin-top:25px;
    font-weight:bold;
}
/* Website Grader */

body.webgrader .st0 {
    fill:#1098cb
}
body.webgrader .menu-bars, body.webgrader .menu-bars:focus, body.webgrader .menu-bars:hover {
        color:#1098cb
}

body.webgrader .secondary {
    display: none;
}

body.webgrader #header .primary {
    background-color: unset;
     top: 0;
}
body.webgrader .hubspot-grader-form-container .hs-form .hs-button, .hubspot-grader-form-container .hs-form .hs-button:hover, .hubspot-grader-form-container .hs-form .hs-button:hover:not(.inactive), .hubspot-grader-form-container .hs-form .hs-button:focus, .hubspot-grader-form-container .hs-form .hs-button:active, .hubspot-grader-form-container .hs-form .hs-button:active:not(.inactive):not(.link) {
    background: #70aec6;
    border-color: #70aec6;
 }  

body.webgrader .private-layer {
    display: none!important;
}

body.webgrader footer#footer {
    background-color:#05435b;
  margin-top: 0;
}

body.webgrader footer#footer div#copyright p{
    margin-top:25px;
    font-weight:bold;
}

.left-menu.page-center.sd_menu_wrap.no_pad_cell{
max-width: 141rem !important;
}

.left-menu>div {
    float: left;
    margin-bottom: 5rem;
    max-width: 18% !important;
    padding-right: 0;
    position: relative;
    z-index: 999;
}