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

/* Test */























































/*CUSTOMISE SUBSCRIPTION */
  .body-wrapper.hs-content-id-1.hs-landing-page.hs-page {background: #F3F5F7; font-family: Poppins,sans-serif;}
  .systems-page .item-inner,  .systems-page p, .systems-page .page-header  {font-family: Poppins,sans-serif;}
  .page-header h1 {font-family: Poppins; font-style: normal; font-weight: 600; font-size: 30px; line-height: 135%; text-align: center; letter-spacing: 0.003em; color: #333537; }
  .page-header h2 {font-family: Poppins; font-style: normal; font-weight: 600; font-size: 18px; line-height: 160%; text-align: center; letter-spacing: 0.003em; color: #00BDEB;}
  
  .systems-page form { margin: 0 auto;width: auto; }
  .systems-page form #content { width: 580px; margin: 0 auto; background: #FFFFFF; border: 1px solid #DEDEDE; box-sizing: border-box; border-radius: 3px; padding: 30px; }
  .systems-page .top-icon { margin: 0 auto; width: 72px}
    
  #email-prefs-form .sub-header{ text-align: center; padding: 30px 0; margin: 0 auto; font-family: Poppins; font-style: normal; font-weight: normal; font-size: 18px; line-height: 160%;
text-align: center; letter-spacing: 0.003em; color: #6D7277; width: auto;}
  #email-prefs-form br {display: none;}
  input#submitbutton { width: 100%;}
  
  .item .checkbox-row span { font-family: Poppins; font-style: normal; font-weight: 600; font-size: 16px; line-height: 160%; letter-spacing: 0.003em; color: #333537;}
  .item {padding: 20px 0; border-bottom: #DEDEDE 1px solid; }
  .item p {margin-bottom: 0;}
  .item-inner p {padding-left: 22px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 160%;}

  .subscribe-options {padding-top: 20px;}
  .fakelabel input[type="checkbox"] {margin-right: 5px; background: #FFFFFF; border: 1px solid #00BDEB; box-sizing: border-box; border-radius: 3px;}
  .content-wrapper {background:url("https://8734844.fs1.hubspotusercontent-na1.net/hubfs/8734844/background-pattern.png") 0 bottom no-repeat; position: relative}
  .right-pattern { position: absolute; right: 0; bottom: -15px;}
.cta_button {margin-right: 10px;}
  
.simple-button:hover { border-radius: 3px; padding: 8px 25px 8px 0; background: transparent url("https://8734844.fs1.hubspotusercontent-na1.net/hubfs/8734844/LP%20-%20Icons/arrow-vector.png") right 22px no-repeat;}
.span6.widget-span.widget-type-cell.cell_1624837298301-vertical-alignment.dnd-column {background: #FFFFFF; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); border-radius: 3px; padding: 50px; }
.hs-form-field label { font-family: Open Sans; font-style: normal; font-weight: 600; font-size: 16px; line-height: 160%; display: flex; align-items: flex-end; color: #333537; }
a#cta_button_8734844_18000337-d2da-40e3-8e26-f4024100a7e8:hover { background: transparent url("https://8734844.fs1.hubspotusercontent-na1.net/hubfs/8734844/LP%20-%20Icons/arrow-vector.png") right 22px no-repeat;}
simple-button-white:hover {border-radius: 3px; padding: 8px 25px 8px 0; background: transparent url("https://8734844.fs1.hubspotusercontent-na1.net/hubfs/8734844/LP%20-%20Icons/arrow-white.png") right 22px no-repeat;}
a#cta_button_8734844_29b7abc7-4b4e-4e08-aa76-8ee76a56a19e:hover {background: transparent url("https://8734844.fs1.hubspotusercontent-na1.net/hubfs/8734844/LP%20-%20Icons/arrow-white.png") right 22px no-repeat;}

.testimonial-slider__slide-name {font-family: Poppins; font-style: normal; font-weight: normal; font-size: 13px; line-height: 150%; margin-bottom: 0!important; color: #333537;}
.testimonial-slider__slide-subtitle {font-family: Poppins; font-style: normal; font-weight: normal; font-size: 13px; line-height: 150%; display: flex; align-items: flex-end; margin: 0 0 .5em 0 !important; color: #90969C }
.testimonial-slider__slide-content {font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 160%; color: #6D7277;}
  
.main-section-row-10-background-color p {margin-top: 0; margin-bottom: 0;}
.col-lg-4.pad.bg-grey.addOns { display: none;}





.dnd-section > .row-fluid {
  max-width: 1140px;
}

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

.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #444;
}
.page-center {
  max-width: 1140px;
}




html {
  font-size: 16;
}

body {
  color: #666666;
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
}

p {
  font-family: Poppins;
  font-weight: 400
}

a {
  font-family: Poppins;
  color: rgba(0, 189, 235, 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,
a:focus {
  color: rgba(0, 189, 235, 1.0);
}

a:active {
  color: rgba(40, 229, 255, 1.0);
}

h1 {
  color: #333537;
  font-family: Poppins,sans-serif;
  font-size: 44px;
  font-weight: 600;
}

@media(max-width: 576px) {
  h1 {
    font-size: 33.99999999968px;
  }
  .systems-page form #content, #email-prefs-form .sub-header {width: auto}
  .right-pattern {display: none;}
  
}

h2 {
  color: #444444;
  font-family: Poppins,sans-serif;
  font-size: 40px;
  font-weight: 500;
}

@media(max-width: 767px) {
  h2 {
    font-size: 34.0px;
  }
  .systems-page form #content {width: auto}
   .right-pattern {display: none;}
}

h3 {
  color: #444444;
  font-family: Poppins,sans-serif;
  font-size: 32px;
  font-weight: 500;
}

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

h4 {
  color: #444444;
  font-family: Poppins,sans-serif;
  font-size: 30px;
  font-weight: 500;
}

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

h5 {
  color: #333537;
  font-family: Poppins,sans-serif;
  font-size: 24px;
  font-weight: 600;
}

h6 {
  color: #90969c;
  font-family: Poppins,sans-serif;
  font-size: 18px;
  font-weight: 400;
}

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






form,
.submitted-message {
  font-family: Poppins;
}

h3.form-title {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(68, 68, 68, 1.0);
  
  padding: 10px 5px;
  
}

.hs-button,
.button--primary {
  background-color: rgba(0, 189, 235, 1.0);
  border-color: rgba(0, 189, 235, 1.0);
  border-radius: 4px;
  border-width: 1px;
  color: rgba(255, 255, 255, 1.0);
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(0, 158, 197, 1.0);
  background-color: rgba(0, 158, 197, 1.0);
}

.hs-button:active,
.button--primary:active {
  background-color: rgba(40, 229, 255, 1.0);
  border-color: rgba(40, 229, 255, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.hs-form label {
  color: rgba(68, 68, 68, 1.0);
}

.hs-form legend {
  color: rgba(68, 68, 68, 1.0);
}

form input,
form select,
form textarea,
.hs-input {
  border-color: rgba(213, 218, 226, 1.0);
  border-radius: 4px;
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
  border-color: rgba(0, 189, 235, 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: #666666;
}

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

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

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

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

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

.cta_button {margin-right: 0;}







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

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

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

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





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


.header__container {
  max-width: 1140px;
}

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(102, 102, 102, 1.0);
}

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



.custom-menu-primary .navigation-primary > ul > li > a:hover,
.custom-menu-primary .navigation-primary>ul>li.open_child>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(51, 51, 51, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}

.custom-menu-primary .navigation-primary>ul>li> ul.level-2{
  background-color:rgba(255, 255, 255, 1.0);
}

.custom-menu-primary .navigation-primary > ul > li > a.active-item,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: rgba(102, 102, 102, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}

body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li:active {
  background-color: rgba(255, 255, 255, 0.0);
}

.custom-menu-primary .navigation-primary > ul ul li a,
.product-item__details .link-title{
  color: rgba(51, 51, 51, 1.0);
}

.custom-menu-primary .navigation-primary > ul ul li a:hover,
.hs-mega-menu .col-lg-8.pad .menu_row>li:hover a .link-title,
body .header__language-switcher .lang_list_class li:hover,
body .custom-menu-primary .submenu.level-2 .triangle-container.level-2.hover .triangle {
  color: rgba(0, 189, 235, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}
.custom-menu-primary .navigation-primary > ul ul li a.active-item{
  color: rgba(51, 51, 51, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}

.product-item__details p,
.navigation-primary>ul>li:first-child .hs-mega-menu>li>a p{
   color: rgba(51, 51, 51, 1.0);
}


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

.header__language-switcher-label-current:after {
  border-top-color: rgba(102, 102, 102, 1.0);
}

.custom-menu-primary .navigation-primary>ul>li>a.book_a_demo{
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(0, 189, 235, 1.0);
  border-color: rgba(0, 189, 235, 1.0);
}

.custom-menu-primary .navigation-primary>ul>li>a.book_a_demo:hover{
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(0, 158, 197, 1.0);
  border-color: rgba(0, 158, 197, 1.0);
}



@media(max-width: 767px) {
  .header__navigation { background-color: rgba(255, 255, 255, 1.0);}
  .cta-wrap {display: block !important;}
  h3 { text-align: center;}
  .span6.widget-span.widget-type-cell.cell_1624837298301-vertical-alignment.dnd-column { margin-top: 50px;}
  .dnd-section { padding: 15px 0; text-align: center; }
  .widget-type-linked_image {padding: 10px 0;}
  .row-fluid-wrapper.row-depth-1.row-number-1.dnd-section.main-section-row-0-padding.main-section-row-0-background-color { padding-top: 50px;}
  .row-fluid-wrapper.row-depth-1.row-number-38.main-section-row-6-background-color.dnd-section.main-section-row-6-padding {padding-top: 50px;}
  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: rgba(102, 102, 102, 1.0);
  }
  
}





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

.footr_top_menu .hs-menu-wrapper>ul>li>a,
.footr_top_menu .hs-menu-wrapper>ul>li>a:hover{
  color: rgba(51, 53, 55, 1.0);
}

.footr_top_menu .hs-menu-wrapper>ul ul li a{
  color: rgba(144, 150, 156, 1.0);
}
.footr_top_menu .hs-menu-wrapper>ul ul li a:hover{
  color: rgba(0, 189, 235, 1.0);
}

.footer__copyright{
  color: rgba(144, 150, 156, 1.0);
}

.copyright_menu ul>li>a{
  color: rgba(144, 150, 156, 1.0);
}
.copyright_menu ul>li>a:hover{
  color: rgba(144, 150, 156, 1.0);
}

.social_sharing>li a{
  color: rgba(51, 53, 55, 1.0);
}
.social_sharing>li a:hover{
  color: rgba(0, 189, 235, 1.0);
}

.footer__container {
  max-width: 1140px;
}





.content-wrapper {
  max-width: 1140px;
}

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

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

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

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

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

.blog-pagination__link {
  color: #666666;
}

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

.blog-post__title {
  color: #444444;
  font-family:Poppins,sans-serif;
  font-size: 40px;
  font-weight: ;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blog-post__meta a:hover {
  color: #00bdeb
}

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

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

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

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

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

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

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

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

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










body .icon svg {
  fill: #444;
}

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

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

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

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

.page-center {
  max-width: 1140px;
  margin: 0 auto;
}

#email-prefs-form { position: relative; z-index: 99;}




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


@media (min-width: 576px){
  .footer__container, 
  .header__container,
  .page-center,
  .dnd-section > .row-fluid,
  .content-wrapper{
    max-width: 539.9999999928px;
  }
  


  @media (min-width: 768px){
    .footer__container,
    .header__container,
    .page-center,
    .dnd-section > .row-fluid,
    .content-wrapper{
      max-width: 719.9999999903999px;
    }
  }

  @media (min-width: 992px){
    .footer__container, 
    .header__container,
    .page-center,
    .dnd-section > .row-fluid,
    .content-wrapper{
      max-width: 959.999999991px;
    }
  }

  @media (min-width: 1200px){
    .footer__container, 
    .header__container,
    .page-center,
    .dnd-section > .row-fluid,
    .content-wrapper{
      max-width: 1140px;
    }
  }