/* ******************************************************************************
*********************************************************************************
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: 1425px;
}
@media only screen and (max-width: 690px){
  .dnd-section > .row-fluid {
    max-width: 360px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 690px){
  .dnd-section > .row-fluid {
    max-width: 420px;
  }
}
@media only screen and (min-width: 690px) and (max-width: 999px){
  .dnd-section > .row-fluid {
    max-width: 600px;
  }
}
@media only screen and (max-width: 321px){
  .dnd-section > .row-fluid {
    max-width: 300px;
  }
}
.dnd-section {
  padding-bottom: 40px;
  padding-top: 40px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #F8FAFC;
}
.page-center {
  max-width: 1425px;
}
@media only screen and (max-width: 690px){
  .page-center {
    max-width: 320px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 690px){
  .page-center {
    max-width: 420px;
  }
}
@media only screen and (min-width: 690px) and (max-width: 999px){
  .page-center {
    max-width: 600px;
  }
}
@media only screen and (max-width: 321px){
  .page-center {
    max-width: 300px;
  }
}





html {
  font-size: 16;
}

body {
  
  color: #676767;
  
  font-family: Montserrat,Helvetica,Arial,Lucida,sans-serif;
  font-weight: 300;
  font-size: 16px;
  }

p {
  font-family: Montserrat;
  font-weight: 300
}

a {
  font-family: Montserrat;
  color: rgba(241, 104, 35, 1.0);
  cursor: pointer;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

a:hover {
  color: rgba(96, 97, 100, 1.0)
}

a:active {
  color: rgba(255, 144, 75, 1.0);
}

h1 {
  
  color: #606164;
  
  font-family: Montserrat,Arial,sans-serif;
  font-size: 42px;
  font-weight: 200;
}

@media only screen and (max-width: 999px) and (min-width: 690px){
  h1 {
    font-size: 22.05px;
  }
}
@media only screen and (max-width: 690px) {
  h1 {
    font-size: 20.474999999999998px;
  }
}


h2 {
  
  color: #606164;
  
  font-family: Montserrat,Arial,sans-serif;
  font-size: 34px;
  font-weight: 200;
}
@media only screen and (max-width: 1300px) and (min-width: 1000px){
  h2 {
    font-size: 28.9px;
  }
}
@media only screen and (max-width: 999px) and (min-width: 690px){
  h2 {
    font-size: 27.200000000000003px;
  }
}
@media only screen and (max-width: 690px) {
  h2 {
    font-size: 25.5px;
  }
}
  
h3 {
  
  color: #606164;
  
  font-family: Montserrat,Arial,sans-serif;
  font-size: 24px;
  font-weight: 200;
}
  
@media only screen and (max-width: 1300px) and (min-width: 1000px){
  h3 {
    font-size: 20.4px;
  }
}
@media only screen and (max-width: 999px) and (min-width: 690px){
  h3 {
    font-size: 19.200000000000003px;
  }
}


h4 {
  
  color: #606164;
  
  font-family: Montserrat,Arial,sans-serif;
  font-size: 18px;
  font-weight: 300;
}
@media (max-width: 690px){
  h4 {
    font-size: 16.2px;
  }
}

h5 {
  
  color: #606164;
  
  font-family: Montserrat,Arial,sans-serif;
  font-size: 14px;
  font-weight: 300;
}
  
h6 {
  
  color: #606164;
  
  font-family: Montserrat,Arial,sans-serif;
  font-size: 12px;
  font-weight: 500;
}

blockquote {
  border-left: 10px solid #F8FAFC;;
}





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

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

.hs-button,
.button--primary,
.blog-comments .hs-button {
  background-color: rgba(241, 104, 35, 1.0);
  border-color: rgba(255, 255, 255, 0.0);
  border-radius: 200px;
  border-width: 0px;
  color: rgba(255, 255, 255, 1.0);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus,
.blog-comments .hs-button:hover,
.blog-comments .hs-button:focus {
  background-color: rgba(37, 93, 134, 0.85);
  border-color: rgba(255, 255, 255, 0.0);
  color: rgba(255, 255, 255, 1.0);
}

.hs-button:active,
.button--primary:active {
  background-color: rgba(255, 144, 75, 1.0);
  border-color: rgba(255, 255, 255, 0.0);
  color: rgba(255, 255, 255, 1.0);
}

.hs-form label {
  color: rgba(96, 97, 100, 1.0);
}

.hs-form legend {
  color: rgba(103, 103, 103, 1.0);
}
input[type="password"],
form input,
form select,
form textarea,
.hs-input {
  border-color: rgba(230, 230, 230, 1.0);
  
  color: #676767;
  
  border-radius: 0px;
}
input[type="password"]:focus,
form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
  border-color: rgba(153, 153, 153, 1.0);
}

.fn-date-picker .pika-table thead th {
  color: rgba(96, 97, 100, 0.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
  color: #676767;
}

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

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

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

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

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





th,
td {
  background-color: rgba(255, 255, 255, 0.0);
  border: 1px solid rgba(96, 97, 100, 1.0);
  color: rgba(96, 97, 100, 1.0);
}

thead th,
thead td {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(96, 97, 100, 1.0);
}

tfoot td {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(96, 97, 100, 1.0);
}

table,
tbody + tbody {
  border-color: rgba(96, 97, 100, 1.0);
}





header.header {
  background-color: rgba(255, 255, 255, 1.0);
}

.header__container {
  max-width: 1425px;
}
@media only screen and (max-width: 690px){
  .header__container {
    max-width: 320px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 690px){
  .header__container {
    max-width: 420px;
  }
}
@media only screen and (min-width: 690px) and (max-width: 999px){
  .header__container {
    max-width: 600px;
  }
}
@media only screen and (max-width: 321px){
  .header__container {
    max-width: 300px;
  }
}

body .custom-menu-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: rgba(96, 97, 100, 1.0);
}

body .custom-menu-primary {
  font-family: Montserrat !important;
}

body .custom-menu-primary .submenu.level-1 > li:hover > a,
body .custom-menu-primary .submenu.level-1 > li:focus > a,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: rgba(96, 97, 100, 1.0);
}
body .custom-menu-primary .submenu.level-1 > li > a:after{
  border-color: rgba(241, 104, 35, 1.0);
}

body .custom-menu-primary a.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: rgba(96, 97, 100, 1.0);
}
body .custom-menu-primary .submenu.level-1 > li.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li:active {
  background-color: rgba(255, 255, 255, 0.0);
}
body .custom-menu-primary .submenu.level-1 > li {
  background-color: rgba(#null, 0.0);
}
body .custom-menu-primary .submenu.level-1 > li:hover,
body .custom-menu-primary .submenu.level-1 > li:focus {
  background-color: rgba(37, 93, 134, 0.0);
}
body .custom-menu-primary .submenu.level-1 > li > a.active-item,
body .custom-menu-primary .submenu.level-1 > li > a.active-branch {
  color: rgba(96, 97, 100, 1.0);
}
body .custom-menu-primary .submenu.level-1 > li > a.active-item:after,
body .custom-menu-primary .submenu.level-1 > li > a.active-branch:after {
  border-color: rgba(230, 230, 230, 1.0);
}
body .custom-menu-primary .submenu.level-2 > li > a {
  color: rgba(96, 97, 100, 1.0);
}
body .custom-menu-primary .submenu > li > .submenu{
  background-color: rgba(255, 255, 255, 1.0);
  border-color: rgba(96, 97, 100, 1.0);
}
body .submenu.level-1>li.has-submenu:hover .submenu.level-2, 
body .submenu.level-1>li.has-submenu.focus .submenu.level-2{
  border-top-color: rgba(233, 233, 233, 1.0);
}
body .custom-menu-primary .submenu.level-2 .triangle-container .triangle {
  background-color: rgba(255, 255, 255, 1.0);
}

body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:hover,
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .custom-menu-primary .submenu.level-2 .triangle-container.level-2.hover .triangle {
  background-color: rgba(230, 230, 230, 1.0);
  color: rgba(96, 97, 100, 1.0);
}

body .custom-menu-primary .submenu.level-2 > li > a.active-item,
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link.active-branch,
body .custom-menu-primary .submenu.level-2 .menu-item.active-branch .menu-link {
  background-color: rgba(230, 230, 230, 1.0);
  color: rgba(96, 97, 100, 1.0);
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Montserrat;
}

.header__language-switcher-label-current:after {
  border-top-color: rgba(96, 97, 100, 1.0);
}
body .cta_button.free-btn:before{
  background-color: rgba(241, 104, 35, 1.0);
}
body .cta_button.free-btn:hover:before{
  background-color: rgba(241, 104, 35, 0.85);
}
body .cta_button.free-btn{
  color: rgba(255, 255, 255, 1.0);
}


@media(max-width: 767px) {
  .header__navigation {
    background-color: rgba(255, 255, 255, 1.0);
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: rgba(96, 97, 100, 1.0);
  }
}





body .footer {
  background-color: rgba(37, 93, 134, 1.0);
  color: rgba(255, 255, 255, 1.0);
}
body .footer-rss h4 a{
  color: rgba(255, 255, 255, 1.0);
}
body .footer-rss .hs-rss-item a.hs-rss-title{
  color: rgba(255, 255, 255, 1.0);
}
body .footer-about h2,
body .footer-menu h2{
  color: rgba(255, 255, 255, 1.0);
}
body .footer-form form label{
  color: rgba(204, 204, 204, 1.0);
}
body .footer-form form .input .hs-input{
  background-color: rgba(255, 255, 255, 1.0);
  border-color: rgba(230, 230, 230, 1.0);
  color: rgba(0, 0, 0, 1.0);
}
body .footer-form form input.hs-button.primary.large {
  background-color: rgba(240, 105, 35, 1.0);
  color: rgba(255, 255, 255, 1.0);
}
body .footer-menu .hs-menu-wrapper ul li a{
  color: rgba(255, 255, 255, 1.0);
}
body .footer-menu .hs-menu-wrapper ul li a:hover{
  color: rgba(240, 105, 35, 1.0);
}
body .footer .footer__copyright {
  color: rgba(255, 255, 255, 1.0);
}
body .footer ul.social li a i.fa{
  color: rgba(255, 255, 255, 1.0);
}
body .footer ul.social li a:hover i.fa{
  color: rgba(240, 105, 35, 1.0);
}

.footer__container {
  max-width: 1425px;
}
@media only screen and (max-width: 690px){
  .footer__container {
    max-width: 320px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 690px){
  .footer__container {
    max-width: 420px;
  }
}
@media only screen and (min-width: 690px) and (max-width: 999px){
  .footer__container {
    max-width: 600px;
  }
}
@media only screen and (max-width: 321px){
  .footer__container {
    max-width: 300px;
  }
}




.content-wrapper {
  max-width: 1425px;
}
@media only screen and (max-width: 690px){
  .content-wrapper {
    max-width: 320px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 690px){
  .content-wrapper {
    max-width: 420px;
  }
}
@media only screen and (min-width: 690px) and (max-width: 999px){
  .content-wrapper {
    max-width: 600px;
  }
}
@media only screen and (max-width: 321px){
  .content-wrapper {
    max-width: 300px;
  }
}
.blog-post__date {
  border-color: #676767;
}

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

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

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

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

.blog-pagination__link {
  color: #676767;
}

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

.blog-post__title {
  color: #606164;
  font-family:Montserrat;
  font-size: 34px;
  font-weight: ;
}

.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(#FFFFF);
}

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

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

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

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

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

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

.blog-sidebar a {
  color: #676767;
}

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

.blog__subscription-block {
  background-color: rgb(#FFFFF);
}

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

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

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

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

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

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

.blog-post__back-to-blog {
  color: #676767;
}

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

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

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

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

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

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

 .blog-recent-posts {
  background-color: rgb(#FFFFF);
}


/* New Blog Templates */

.standard-blog .blog-related-posts .content-wrapper  {
  border-top: 1px solid rgb(0 0 0 / 24%);
  padding-top:1rem;
  margin-top:1rem;
}
.standard-blog .blog-related-posts h2{
   padding-bottom:1rem;
}
.standard-blog .blog-related-posts__list {
  display:flex;
  gap:1%;
     margin-bottom: 3rem;
}
.standard-blog .blog-related-posts__post{
  width:32%;
}

.standard-blog .blog-related-posts__image-wrap {
  width:100%;
  height:220px;
}

.standard-blog .blog-related-posts__image{
height: 100%;
width: 100%;
object-fit: cover;
  object-position:  center;
}
.standard-blog .hs-post-column.right-column {
 
  height: 1200px;
}
.standard-blog .hs-blog-post-body-section .hs-blog-sidebar-content {
  top: 288px;
 background:#fff;
   position: sticky;
position: -webkit-sticky;
}

.standard-blog .hs-blog-sidebar-content .sidebar-sub,
.standard-blog .hs-blog-sidebar-content .sidebar-share{
  margin-bottom: 40px;
  padding: 20px;
  background: #f7f7f7;
}

.standard-blog .hs-blog-sidebar-content h3{
  font-size: 14px;
  color: #999;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 12px;
}
.standard-blog .hs-blog-sidebar-content ul {
  padding: 0;
  margin: 0;
  display: block;
  list-style: none;
  margin-bottom: 30px;
}
.standard-blog .post-listing {display: flex;flex-wrap: wrap;gap: 1%;padding-top:1rem;}

.standard-blog .post-item {
      width: 32.3%;
  margin-bottom:1rem;
}

.standard-blog .blog-featured-image-wrapper {
  width:100%;
  padding-bottom:52%;
  background-size:cover;
}

.standard-blog .sidebar-sub .hs-input,
.standard-blog .hs-blog-sidebar-search form .hs-search-field__input{
  height: unset;
  padding: 9px 10px;
 
}
.standard-blog .body-container.body-container--blog-index {
  padding-top: 1rem;
}
 

.standard-blog .blog-featured-image-wrapper {
    margin-bottom: 0.5rem;
}
.standard-blog .blog-related-posts__title ,
.standard-blog .post-listing h4 {
  font-weight:bold;
  line-height:1.3;
  /* margin-bottom:1.5rem */
}
.standard-blog .recent-post{
  margin-bottom:1rem;
}
.case-study.standard-blog .recent-post{
  margin-bottom:2rem;
}
.standard-blog .recent-post h3{
  font-weight: bold;
}

.standard-blog .hs-blog-post-banner {
  background: #dedede;
}  
.standard-blog .hs-blog-post-banner .banner-content {
  width: 100%;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  margin-top: -12px;
  left: 0;
}
.standard-blog .blog-image {
  width:100%;
  padding-bottom:52%;
  background-size:cover!important;
  background: #dedede;
  margin-bottom:2rem;
}
.standard-blog .hs-blog-post-banner  {
  min-height: 270px;
  background-color: rgba(240, 105, 35, 1.0);
  position:absolute;
  top:100px;
  left:0;
  width:100%;
  z-index:0;
}

.standard-blog .content-wrapper{
padding-top:0;
z-index: 1;
position: relative;
}
.standard-blog .index-header * ,
.standard-blog .hs-post-column.left-column .post-header * {
  color:#fff;
  }

 

  .standard-blog .recent-post,
  .standard-blog .post-item {
    background-color:unset;
    padding: 10px;
    border-radius: 10px;
    transition: background-color .3s;
}
.standard-blog .recent-post:hover,
.standard-blog .post-item:hover {
  background-color: rgba( 0, 0, 0, .15);
 
}
@media only screen and (max-width: 690px){
  .standard-blog .hs-blog-post-banner {
    /* min-height: 270px; */
     top: 0px;
 }
 .standard-blog .index-header {
  margin-top: 1rem;
}

.standard-blog .content-wrapper {
  max-width: 100%;
}
.body-container--blog-index .hs-search-field,
.body-container--blog-index .blog-sidebar-topic-filter {
    display:none;
}
.standard-blog .post-listing,
.standard-blog .blog-related-posts__list {
  display: block;
  flex-wrap: unset;
  gap: unset;
}

.standard-blog .post-item,
.standard-blog .blog-related-posts__post{
width: 100%;
}
.standard-blog .hs-blog-post-body-section .hs-blog-sidebar-content {
  top: unset;
   position: block;
   
}
.standard-blog .hs-post-column.right-column {
  height: unset;
}
.standard-blog .post-header h1 {
  margin-top:2rem;
}
}

/* Case Study Versions */
.case-study .hs-blog-sidebar-search { 
    margin-bottom: 40px;
    padding: 20px;
    background: #f7f7f7;
}









body .icon svg {
  fill: #606164;
}

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

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

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

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 {
  margin: 0 auto;
}




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


.text-slider ul.slick-dots li button,
.logo-slider ul.slick-dots li button{
   width:15px;
    height:15px;
}

 

.text-slider ul.slick-dots li.slick-active button,
.logo-slider ul.slick-dots li.slick-active button{
    -webkit-transform: scale(1.5);
    transform: scale(1.15);
    background-color: #000;
}

@media(max-width: 767px) {
.site-top-bar ul li a {
    padding:20px;
}

.logo-slider ul.slick-dots,
  .text-slider ul.slick-dots {
  display:none!important;    
}

.footer-fine-print li a {
   padding:20px;
}
}

.hs-search-results__title {
    font-family: Montserrat,Helvetica,Arial,Lucida,sans-serif;
 
}