/* 1a. Containers */




/* 1b. Colors */













/* 1c. Typography */








































/* 1d. Buttons */







/* 1e. Forms */










/* 1f. Tables */











/* 1g. Site header */





/* 1h. Site footer */








.content-wrapper,.body-container-wrapper .content-wrapper {
  max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 20px;
}

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





/* new fonts */
@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 400;
  src: url("//crate.io/hubfs/raw_assets/public/sf2-crate/css/fonts/Inter-Regular.woff2") format("woff2"),
    url("//crate.io/hubfs/raw_assets/public/sf2-crate/css/fonts/Inter-Regular.woff") format("woff");
      font-display: swap;
      }

@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 400;
  src: url("//crate.io/hubfs/raw_assets/public/sf2-crate/css/fonts/Inter-Italic.woff2") format("woff2"),
    url("//crate.io/hubfs/raw_assets/public/sf2-crate/css/fonts/Inter-Italic.woff") format("woff");
      font-display: swap;
      }

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: bold;
  src: url("//crate.io/hubfs/raw_assets/public/sf2-crate/css/fonts/Inter-SemiBold.woff2") format("woff2"),
    url("//crate.io/hubfs/raw_assets/public/sf2-crate/css/fonts/Inter-SemiBold.woff") format("woff");
      font-display: swap;
      }

@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: bold;
  src: url("//crate.io/hubfs/raw_assets/public/sf2-crate/css/fonts/Inter-SemiBoldItalic.woff2") format("woff2"),
    url("//crate.io/hubfs/raw_assets/public/sf2-crate/css/fonts/Inter-SemiBoldItalic.woff") format("woff");
      font-display: swap;
      }

/* roboto-mono-regular - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local(''),
    url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/roboto-mono-v22-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */
      url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/roboto-mono-v22-latin-regular.woff") format('woff'), /* Modern Browsers */
        url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/roboto-mono-v22-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */
          url("") format('svg'); /* Legacy iOS */
            font-display: swap;
            }

/* roboto-mono-700 - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local(''),
    url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/roboto-mono-v22-latin-700.woff2") format('woff2'), /* Super Modern Browsers */
      url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/roboto-mono-v22-latin-700.woff") format('woff'), /* Modern Browsers */
        url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/roboto-mono-v22-latin-700.ttf") format('truetype'), /* Safari, Android, iOS */
          url("") format('svg'); /* Legacy iOS */
            font-display: swap;
            }

/* roboto-mono-italic - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 400;
  src: local(''),
    url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/roboto-mono-v22-latin-italic.woff2") format('woff2'), /* Super Modern Browsers */
      url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/roboto-mono-v22-latin-italic.woff") format('woff'), /* Modern Browsers */
        url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/roboto-mono-v22-latin-italic.ttf") format('truetype'), /* Safari, Android, iOS */
          url("") format('svg'); /* Legacy iOS */
            font-display: swap;
            }

/* roboto-mono-700italic - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 700;
  src: local(''),
    url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/roboto-mono-v22-latin-700italic.woff2") format('woff2'), /* Super Modern Browsers */
      url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/roboto-mono-v22-latin-700italic.woff") format('woff'), /* Modern Browsers */
        url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/roboto-mono-v22-latin-700italic.ttf") format('truetype'), /* Safari, Android, iOS */
          url("") format('svg'); /* Legacy iOS */
            font-display: swap;
            }

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local(''),
    url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */
      url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-regular.woff") format('woff'), /* Modern Browsers */
        url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */
          url("") format('svg'); /* Legacy iOS */
            font-display: swap;
            }

/* poppins-italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: local(''),
    url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-italic.woff2") format('woff2'), /* Super Modern Browsers */
      url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-italic.woff") format('woff'), /* Modern Browsers */
        url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-italic.ttf") format('truetype'), /* Safari, Android, iOS */
          url("") format('svg'); /* Legacy iOS */
            font-display: swap;
            }

/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: local(''),
    url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-500.woff2") format('woff2'), /* Super Modern Browsers */
      url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-500.woff") format('woff'), /* Modern Browsers */
        url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-500.ttf") format('truetype'), /* Safari, Android, iOS */
          url("") format('svg'); /* Legacy iOS */
            font-display: swap;
            }

/* poppins-500italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: local(''),
    url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-500italic.woff2") format('woff2'), /* Super Modern Browsers */
      url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-500italic.woff") format('woff'), /* Modern Browsers */
        url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-500italic.ttf") format('truetype'), /* Safari, Android, iOS */
          url("") format('svg'); /* Legacy iOS */
            font-display: swap;
            }

/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local(''),
    url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-600.woff2") format('woff2'), /* Super Modern Browsers */
      url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-600.woff") format('woff'), /* Modern Browsers */
        url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-600.ttf") format('truetype'), /* Safari, Android, iOS */
          url("") format('svg'); /* Legacy iOS */
            font-display: swap;
            }

/* poppins-600italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: local(''),
    url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-600italic.woff2") format('woff2'), /* Super Modern Browsers */
      url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-600italic.woff") format('woff'), /* Modern Browsers */
        url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-600italic.ttf") format('truetype'), /* Safari, Android, iOS */
          url("") format('svg'); /* Legacy iOS */
            font-display: swap;
            }

/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local(''),
    url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-700.woff2") format('woff2'), /* Super Modern Browsers */
      url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-700.woff") format('woff'), /* Modern Browsers */
        url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-700.ttf") format('truetype'), /* Safari, Android, iOS */
          url("") format('svg'); /* Legacy iOS */
            font-display: swap;
            }

/* poppins-700italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: local(''),
    url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-700italic.woff2") format('woff2'), /* Super Modern Browsers */
      url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-700italic.woff") format('woff'), /* Modern Browsers */
        url("//19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/raw_assets/public/sf2-crate/css/fonts/poppins-v20-latin-700italic.ttf") format('truetype'), /* Safari, Android, iOS */
          url("") format('svg'); /* Legacy iOS */
            font-display: swap;
            }


html, body, p, h5, h6, ul, li, a:not(.search-btn):not(.github-btn),
form input[type=submit],
form .hs-button,
.submenu.level-1>li a,
.join-our-partner-contact-form form .hs-richtext,
.submenu.level-1>li a,
.hs-button,
body .submenu.level-1 > li a,
.csc-button button,
.csc-input input,
#hs_cos_wrapper_widget_1629631457974 form label:not(.hs-error-msg),
.submenu.level-1>li a,
.footer-widget-content ul li a,
.footer .footer-widget-content h3,
.footer__copyright span,
.foote-subscription p,
.footer-subs-form form input[type=submit],
.footer-subs-form form input[type=email],
div#breadcrumbs a,
div#breadcrumbs span,
.form-card form .hs-input,
.form-card form label,
.cr-cta-home.hs-button,
.cr-cta.hs-button,
.join-our-partner-contact-form #hs_cos_wrapper_widget_1629631457974 .hs-form-booleancheckbox span p,
.advanced-tabs.join-our-partner-contact-form .hs-form-booleancheckbox span p,
.hsForm_a6b3c92b-6da1-407e-b7b5-6cca06a99683 .hs-form-booleancheckbox span p,
.hsForm_74b97e6b-f6f0-4c3b-867b-4bceef34574f .hs-form-booleancheckbox span p,
.hsForm_dbf8914c-84fe-4c01-94af-8aa6e41cfe13 .hs-form-booleancheckbox span p,
.hsForm_b70cfc15-4fc8-4650-9766-cc1acac04dac .hs-form-booleancheckbox span p,
.hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b .hs-form-booleancheckbox span p,
div#breadcrumbs a {
  font-family: Inter, Arial !important;
}

body,
div#breadcrumbs a, div#breadcrumbs span {
  letter-spacing: normal !important;
}

.ly-cta-div.header-icons:first-child {
  margin-right: 1px;
}

.ly-cta-div.header-icons a {
  max-width: 16px;
  display: inline-block;
}
html {
  font-size: 16px;
}

body {
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
  ;
color: #000000;
}

/* Paragraphs */

p {
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
  ;
  font-size: {units=px, value=18}px;
  color: #000000;
}

/* Anchors */

a {
  color: #009DC7;
}

a:hover,
a:focus {
  color: #00759f;
}

a:active {
  color: #28c5ef;
}

/* Headings */
.body-container--blog-index .blog-index-topic-listing li > a {
  font-weight: 500 !important;
}

h1, h2, h3, h4 {
  font-family: Poppins, Arial !important;
  font-weight: 600 !important;
}

h5, h6, strong,
a.submenus-link.active,
.hs-search-highlight,
a.cta_button,
.blog-index_post_content h2 a, .blog-index_post_content h2,
p.blog-index_post_tag,
.blog-index_post_content a.blog-index_post_tag {
  font-weight: 600 !important;
}

a.cta_text {
  font-weight: 400 !important;
}

h1 {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  /* font-size: 52px; */
  font-size: 76.3px;
  line-height: 100%;
  letter-spacing:0;
}

h2 {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  /* font-size: 46px; */
  font-size: 61.04px;
  line-height: 120%;
  letter-spacing:0;
}

h3 {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  /* font-size: 32px; */
  font-size: 48.81999999999999px;
  line-height: 120%;
  letter-spacing:0;
}

h4 {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  /* font-size: 24px; */
  font-size: 39.06px;
  line-height: %;
  letter-spacing:0;
}

h5 {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  /* font-size: {units=px, value=18}px; */
  font-size: 31.259999999999998px;
  line-height: %;
  letter-spacing:0;
}

h6 {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  /* font-size: 16px; */
  font-size: 25.0px;
  line-height: 130%;
  letter-spacing:0;
}

.body_text_large {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 24px;
  line-height: %;
}

.body_text_medium {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: {units=px, value=18}px;
  line-height: 130%;
}

.body_text_regular {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 16px;
  line-height: 130%;
}

.body_text_small {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 14px;
  line-height: 150%;
}

.body_text_small_bold {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 12px;
  line-height: 150%;
}

.body_text_extra_small {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 10px;
  line-height: 150%;
}

.label_text_large {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 18px;
  line-height: %;
}

.label_text_medium {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 14px;
  line-height: %;
}

@media (max-width: 1559px) {
  h1 {
    font-size: 68.67px;
  }

  h2 {
    font-size: 54.936px;
  }

  h3 {
    font-size: 43.937999999999995px;
  }

  h4 {
    font-size: 35.154px;
  }

  h5 {
    font-size: 28.134px;
  }

  h6 {
    font-size: 22.5px;
  }
}

@media (max-width: 1023px) {
  h1 {
    font-size: 61.04px;
  }

  h2 {
    font-size: 48.832px;
  }

  h3 {
    font-size: 39.056px;
  }

  h4 {
    font-size: 31.248px;
  }

  h5 {
    font-size: 25.008px;
  }

  h6 {
    font-size: 20.0px;
  }
}

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

  h2 {
    font-size: 35px!important;
  }

  h3 {
    font-size: 39.056px!important;
  }

  h4 {
    font-size: 31.248px!important;
  }

  h5 {
    font-size: 25.008px!important;
  }

  h6 {
    font-size: 20.0px!important;
  }
}

/* Blockquote */

blockquote {
  border-left-color: #526078;
}


  


  button,
  .button {
    background-color: 

  
  
    
  


  rgba(0, 157, 199, 1.0)

;
    border: 1px solid #009DC7;
    border-radius: 4px;
    color: #000000;
    padding: 12px 30px;
    font-size: 18px;
  }

  button:hover,
    button:focus,
    .button:hover,
    .button:focus {
      background-color: rgba(0, 117, 159, 1.0);
      border-color: #00759f;
      color: #000000;
  }

  button:active,
    .button:active {
      background-color: rgba(40, 197, 239, 1.0);
      border-color: #28c5ef;
      color: #000000;
  }

  

  

form,
.submitted-message {
  ;
}

/* Form title */

h3.form-title {
  background-color: 

  
  
    
  


  rgba(243, 250, 254, 1)

;
  color: #000000;
}

/* Form label */

form label {
  color: #000000;
}

/* Form help text */

form legend {
  color: #000000;
}

/* Form inputs */

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
  border-color: #959CAE;
  color: ;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
  border-color: #526078;
}

/* Form placeholder text */

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: ;
}

/* Date picker */

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

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

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

/* Submit button */

form input[type=submit],
form .hs-button {
  background-color: 

  
  
    
  


  rgba(0, 157, 199, 1.0)

;
  border: 1px solid #009DC7;
  border-radius: 4px;
  color: #000000;
  padding: 12px 30px;
  font-size: 18px;
  font-weight: 700;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(0, 117, 159, 1.0);
  border-color: #00759f;
  color: #000000;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(40, 197, 239, 1.0);
  border-color: #28c5ef;
  color: #000000;
}

.hs-form-required {
  color: #000000;
}

/* blog fixes */
.hs-blog-post .blog_footer_form_form fieldset.form-columns-1 {
  width: 100%;
}

.blog_footer_form_form .hs-form fieldset.form-columns-1 .inputs-list > li label .hs-input {
  width: auto;
}

body .blog-post form .hs-richtext,
body .blog-post form .hs-richtext p {
  font-size: .875rem;
}


  


  table {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
    border-color: #F3FAFE;
  }

  th,
  td {
    border-color: #F3FAFE;
    color: #000000;
  }

  thead th,
  thead td {
    background-color: 

  
  
    
  


  rgba(#null, 1.0)

;
    border-bottom-color: #F3FAFE;
    color: #F3FAFE;
  }

  tfoot td {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
    color: #000000;
  }

  tbody + tbody {
    border-top-color: #F3FAFE;
  }

  

  

.header {
  background-color: 

  
  
    
  


  rgba(228, 249, 254, 1.0)

;
}

body .navigation-primary a {
  font-weight: 400;
}
body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #000000;
  font-family: {font=arial, helvetica, sans-serif, font_set=DEFAULT, styles={font-family=arial, helvetica, sans-serif, font-style=normal, font-weight=normal, text-decoration=none}, size=null, size_unit=null, color=#000000, variant=null, fallback=null, style=font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none, css=color: #000000;font-family: arial, helvetica, sans-serif;};
  font-size: 14px;
}

body .navigation-primary a:hover,
body .navigation-primary a:focus,
.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: #000000;
}

body .navigation-primary a:active,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: #282828;
}

body .navigation-primary .submenu.level-1 > li > a.active-item:after {
  background-color: #000000;
  background-color: transparent;
  display: none;
}

body .navigation-primary .menu-link.active-item {
  color: #009dc7;
  font-weight: normal;
}

body .submenu.level-2,
body .header__language-switcher .lang_list_class {
  background-color: 

  
  
    
  


  rgba(228, 249, 254, 1.0)

;
  border-color: #009DC7;
}

body .submenu.level-2 > li:first-child:before {
  border-color: #009DC7;
}

body .header__language-switcher .lang_list_class:before {
  border-bottom-color: #009DC7;
}

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 > li:first-child:hover:before,
body .submenu.level-2 > li:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(228, 249, 254, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(228, 249, 254, 1.0)

;
}

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

.header__language-switcher-label-current:after {
  border-top-color: #000000;
}

@media(min-width: 768px) {
  .submenu.level-1>.has-submenu>.menu-arrow {
    border: 0 !important;
    right: 12px !important;
    top: 10px !important;
  }
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(228, 249, 254, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #000000;
  }

  .header__navigation--toggle:after, .header__search--toggle:after, .header__language-switcher--toggle:after {
    top: -5px;
  }

  .home-icons.two-column-mobile .row-fluid .span6 {
    width: 80%;
    margin: 0 auto;
  }

  .ic-card {
    min-height: 220px;
  }
}

.header__search .hs-search-field__input {
  background-color: #E4F9FE;
}


  


  .footer {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
  }

  /* Footer Content */

  .footer h1,
  .footer h2,
  .footer h3,
  .footer h4,
  .footer h5,
  .footer h6
  .footer p,
  .footer a,
  .footer div,
  .footer span {
    color: #000000;
  }

  

  

.blog-post__date {
  border-color: ;
}

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

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

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

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

.blog-pagination__link {
  color: ;
}

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

.blog-post__title {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 46px;
}

.blog-post__author {
  background-color: #959CAE;
}

#comments-listing .comment-reply-to {
  color: #009DC7;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #00759f;
}

#comments-listing .comment-reply-to:active {
  color: #28c5ef;
}

.blog-header {
  background-color: #FFFFFF;
}

.blog-header form label {
  text-align: center;
}

.blog-related-posts {
  background-color: #FFFFFF;
}

.blog-post__meta a,
.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
}

.blog-comments .hs-button {
  border: 0;
  background-color: #000000;
  color: #F3FAFE;
}

.blog-header__inner {
  padding: 3.3rem 24px;
}

.blog-index__post-content a {
  color: #000000;
}

.blog-related-posts__title a {
  color: #000000;
}

/* newsletter stuff */
.hs-blog-post .hs-button {
  padding: 7px 17px;
}


  


  .systems-page form input[type="submit"] {
    border-radius: 2px;
    border-width: 2px;
  }

  .systems-page form input[type="submit"]:hover {
    border-color: #009DC7;
    background-color: transparent;
    color: #009DC7;
  }


  .systems-page h1 {
    font-size: 44px;
  }

  .systems-page h2 {
    font-size: 30px;
  }

  .systems-page h3 {
    font-size: 28px;
  }

  @media (max-width: 767px) {

    .systems-page h1 {
      font-size: 32px !important;
    }

    .systems-page h2 {
      font-size: 26px !important;
    }

    .systems-page h3 {
      font-size: 24px !important;
    }

  }



  

  

body .icon svg {
  fill: #E4F9FE;
}

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

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

body .team-member__description {
  background-color: #526078;
}

/* hr {
background-color: primary_color_2;
border: 0 !important;
} */

.hero-section h1 {
  color: #000000;
}

.hero-section p {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: {units=px, value=18}px;
  color: #000000;
}

.hero-section a.button {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 18px;
}

.product-list-item__name {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: {units=px, value=18}px;
  color: #000000;
}

.product-list-item__price {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: {units=px, value=18}px;
  color: #000000;
}

.product-info__intro p {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: {units=px, value=18}px;
  color: #000000;
}

.category-product-list__bottom-cta .button,
.category-product-list__bottom-cta .button:hover {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 12px;
  background-color: #F3FAFE;
  color: #000000;
  border: 1px solid #000000;
}


.featured-category__bottom-cta .button,
.featured-category__bottom-cta .button:hover {
  font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 12px;
  background-color: #F3FAFE;
  color: #000000;
  border: 1px solid #000000;
}

.product-info__price {
  color: #000000;
}

.product-info__buy-now,
.product-info__buy-now:hover,
.product-info__buy-now:focus {
  border-color: #000000;
  color: #000000;
}


.product-info .read-more-link,
.product-info.expanded .read-more-link {
  color: #000000;
}

.social-links__icon {
  background-color: #000000 !important;
}

.card__body svg {
  fill: #000000 !important;
}

.featured-category__arrows button::before {
  color: #000000 !important;
}

.category-slider .slick-next::before,
.category-slider .slick-prev::before {
  color: #000000 !important;
}

.card--pricing {
  background-color: #FFFFFF;
  border: none !important;
}



/************** CRATE CSS -j **************/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  z-index: 999;
}

/* Modal Content/Box */
.modal-content {
  background-color:transparent;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: none;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #fff;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: relative;
  right: 0;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
/* Modal Header */
.modal-header {
  padding: 0;
  background-color: transparent;
  color: white;
}

/* Modal Body */
.modal-body {
  padding: 0;
  background-color: transparent;
}

/* Modal Footer */
.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: transparent;
  margin: auto;
  padding: 0;
  border: none;
  width: 850px;
  /*   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); */
  animation-name: animatetop;
  animation-duration: 0.4s;
  margin-top: 3%;

}

/* Add Animation */
@keyframes animatetop {
  from {top: -300px; opacity: 0}
  to {top: 0; opacity: 1}
}
button.video-popup:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 1;
  max-width: 50%;
  max-height: 100%;
  background: url('https://open-xchange.com/typo3conf/ext/sem_ox_content/Resources/Public/Icons/playIconBg.svg') no-repeat center;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  width: 115px;
  height: 115px;
}
.video-player-div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 206px;
  position: relative;
  vertical-align: middle;
  display:inline-block;
  height:auto;
}

.btn-div {
  display: block;
  position: relative;
  top:0;
  text-align: center;
}

button.video-popup {
  background-color: transparent;
  border: none;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 200px;
  cursor: pointer;
}
button.video-popup:focus,button.video-popup:active{
  outline: none;
}
.modal-body iframe {
  width: 100%!important;
  height: 500px!important;
}
.no-vid {
  position: relative;
  width: 100%;
  height: 500px;
  display: flex;
  flex-direction: column;
  background-color: #151515;
  vertical-align: middle;
  justify-content: center;
}
.no-vid h2,.no-vid p {
  display: flex;
  justify-content: center;
  color: #fff;
}

.no-vid h2 {
  font-size: 46px;
  font-weight: 600;
  margin-bottom: 15px;
}

.no-vid p {
  font-size: 20px;
}
.header__cta__column {
  width: 460px!important;
}

a.search-btn {
  margin-right: 10px!important;
}
.ly-cta-div a.cta-btn {
  font-weight: 400!important;
}

.ly-cta-div a.cta-btn.login-cta {
  padding: 8px 10px;
  margin-right: 5px;
}

.ly-cta-div a.cta-btn.signup-cta {
  border: 1px solid #000;
  padding: 5px 15px;
  border-radius: 0;
}

.submenu.level-1>li a {
  font-size: 16px!important;
}

.header_nav_column {
  text-align: right!important;
}

.submenu.level-1>.has-submenu>.menu-arrow {
  display: none!important;
}

.header__logo.header__logo--main {
  width: 330px!important;
  margin-right: 0!important;
}

.header__logo.header__logo--main a,
.header__logo.header__logo--main img {
  display: block;
}

.header__container {
  align-items: right!important;
}

.submenu.level-1>li {
  padding: 0 15px!important;
}
@media (min-width: 980px) and (max-width: 1019px) {
  .submenu.level-1>li {
    padding: 0 10px 0 0!important;
  }
}
@media (min-width: 1020px) and (max-width: 1150px) {
  .submenu.level-1>li {
    padding: 0 15px 0 0!important;
  }
}
body .submenu.level-2>li:first-child:before {
  display: none;
}
.submenu.level-2 {
  display: none;
  opacity:1!important;
  text-align: left!important;
  left: 0!important;
  border-radius: 0!important;
  padding: 0!important;
  border: 1px solid #e7e7e7!important;
  background-color: #fff!important;
  box-shadow: none!important;
  transform:none!important;
  z-index:9;
}

.submenu.level-2 > li {
  border-bottom: 0!important;
  padding: 10px 15px !important;
}

.submenu.level-2 .menu-item .menu-link {
  font-size: 16px!important;
  line-height: 1.5!important;
  margin-bottom: 0!important;
}
@media (min-width: 981px) {
  .submenu.level-2 .menu-item:first-child .menu-link{
    margin-top:10px!important;
  }
}

@media all and (min-width: 980px) {
  body .submenu.level-2 {
    width: 220px !important;
  }

  .header__cta .ly-cta-div a.cta-btn.signup-cta {
    color: #fff;
    background-color: #009DC7;
    font-size: 16px;
    border: 2px solid #009DC7;
  }

  .header__cta .ly-cta-div a.cta-btn.signup-cta:hover {
    color: #009dc7 !important;
    background-color: transparent;
    border: 2px solid #009DC7;
  }
}

.submenu.level-2 .menu-item .menu-link.current-page,
.submenu.level-2 .menu-item .menu-link:hover, 
.submenu.level-2 .menu-item .menu-link:focus {
  background-color: #fff !important;
  color: #009DC7 !important;
}

body .navigation-primary a:hover, body .navigation-primary a:focus, 
.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: #009DC7!important;
}
.footer .footer-widget-content h3 {
  font-weight: 600;
}

.footer-widget-content ul li a {
  text-decoration: none;
  font-weight: 400 !important;
}

.footer-widget-content ul li a:hover {
  color: #009DC7;
}

.footer-widget-content ul li a,
.footer .footer-widget-content h3,
.footer__copyright span{
  color: #000;
  font-size: 14px !important;
  text-decoration: none;
}
.footer__copyright span{
  color:#999999;
}

.footer__copyright {
  text-align: center;
}
.footer__social {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 20px;
}

.social-links__icon {
  background-color: transparent!important;
}

.social-links__icon svg {
  fill: #000!important;
  height: 20px!important;
}

.social-links__icon {
  margin: 0 4px!important;
}

a.social-links__link:first-child .social-links__icon{
  margin-left:0!important;
}

.social-links {
  justify-content: flex-start!important;
}

.footer .footer-widget-content h3.footer-menu-title {
  margin-bottom: 18px!important;
}
footer.footer {
  border: 1px solid rgba(0,0,0,.15);
  padding: 40px 20px;
  background-color: #fff;
}

.footer-overlay-color .footer__container {
  padding: 0;
}
.foote-subscription {
  background-color: #F5F5F5;
  padding: 30px 20px;
}

.foote-subscription h4 {
  font-size: 24px;
  line-height: 1.4;
  display: block;
  width: 100%;
}

.foote-subscription p {
  font-size: 14px;
  line-height: 1.5;
}

.footer-subs-form form {
  display: flex;
  align-content: center;
  grid-gap: 15px;
}

.footer-subs-form form .hs_email {
  width: 70%;
  margin-bottom: 0;
}

.footer-subs-form form .hs_submit {
  width: 30%;
}

.footer-subs-form form input[type=submit] {
  font-size: 14px;
  font-weight: 600;
  padding: 10px 21px;
  border-radius: 0;
  margin-top: 7px;
}

.footer-subs-form form .hs_error_rollup {
  display: none;
}

.footer-subs-form form input[type=email] {
  border-radius: 4px;
  box-shadow: inset 1px 1px 4px 1px #ddd;
  padding: 12px 10px;
  font-size: 16px;
}

h3.form-title {
  display: none;
}
div#breadcrumbs a,div#breadcrumbs span {
  color: #AAAAAA;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

div#breadcrumbs span i {
  font-size: 12px;
  position: relative;
  bottom: 1px;
}

div#breadcrumbs {
  text-align: left;
}

.cr-breadcrumb-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

#breadcrumbs-header,
.cr-breadcrumbs {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #009DC7;
  border: 1px solid #FFFFFF;
  border-radius: 16px;
  justify-content: center;
  margin: 0 auto;
  padding: 1px 14px;
  min-height: 25px;
}

#breadcrumbs-header .fas.fa-chevron-right {
  color: #fff;
}

#breadcrumbs-header a,
.cr-breadcrumbs,
.cr-breadcrumbs a,
.cr-breadcrumbs a:hover,
.cr-breadcrumbs a:visited,
.cr-breadcrumbs a:active {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #FFFFFF;
}

.cr-breadcrumbs span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}

@media all and (max-width: 600px) {
  .cr-breadcrumbs span {
    max-width: 100px;
  }
}

@media all and (max-width: 480px) {
  .cr-breadcrumbs span {
    max-width: 50px;
  }
}

.cr-breadcrumbs svg {
  margin: 0 8px;
}


div#breadcrumbs a:hover {
  text-decoration: underline;
}
footer.footer {
  padding-top: 20px;
}

div#breadcrumbs {
  margin-bottom: 50px;
}
a.to-top {
  display: inline-block;
  color: #00A6D1;
  text-decoration: none;
  font-size:18px;
}

.to-top-btn-div {
  position: relative;
  text-align: center;
  padding-top: 65px;
  padding-bottom: 50px;
}

a.to-top:hover {
  opacity: .7;
}

body,html {
  scroll-behavior: smooth;
}

footer.footer .content-wrapper {
  padding: 0;
}

.footer-widget-content ul li {
  margin-bottom: 15px;
}
.social-media-black-theme .row-depth-1:last-child .span4:nth-child(2) {
  border-right: 1px solid #ffffff6b;
  border-left: 1px solid #ffffff6b;
}
a.social-link-icon,.events-post .video-post-content a[target="_blank"],.blog-post__body a[target="_blank"]{
  background: url(https://19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/Brix/icon_link_external.svg) 0 no-repeat;
  padding-left: 20px;
  margin-left: 2px;
}

a:hover,a:focus,a:active {
  text-decoration: none;
  /*     opacity: .7; */
}
.join-our-partner-contact-form form .hs-input {
  box-shadow: inset 1px 1px 4px 1px #ddd;
  border: none;
}

.join-our-partner-contact-form fieldset.form-columns-2 .input,
.hsForm_74b97e6b-f6f0-4c3b-867b-4bceef34574f .hs-fieldtype-textarea .input {
  margin-right: 30px!important;
}

.join-our-partner-contact-form .hs-form-field {
  margin-bottom: 13px;
}

.join-our-partner-contact-form form .hs-input::placeholder {
  color: #000c;
}
.join-our-partner-contact-form .inputs-list>li label {
  display: inline-block;
}

.join-our-partner-contact-form .inputs-list>li label .hs-input {
  box-shadow: none;
  width: auto!important;
}

.join-our-partner-contact-form .inputs-list>li {
  display: inline-block;
  width: auto;
  margin-right: 15px;
}

.join-our-partner-contact-form .hs_opt_in_>label {
  display: inline-block;
  margin-right: 12px;
}

.join-our-partner-contact-form .hs_opt_in_>.input {
  display: inline-block;
}

.join-our-partner-contact-form .hs_opt_in_>label span {
  font-weight: 800;
}

.join-our-partner-contact-form form .hs-richtext {
  margin-bottom: 0px!important;
  /*     max-width: 300px; */
  font-size: 13px !important;
  line-height: 1.4;
  font-family: Arial;
}
.join-our-partner-contact-form form select.hs-input {
  appearance: none;
  -webkit-appearance: none;
  background: #fff url(https://19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/Brix/arrow-down-bk.png) center right no-repeat;
}
#hs_cos_wrapper_widget_1629631457974 input[type="submit"]:hover {
  background-color: transparent!important;
  color: #fff !important;
}
a.animated-arrow:after {
  display: inline-block;
  content: "";
  height: 12px;
  width: 8px;
  -webkit-mask: url(https://19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/Brix/arrow.svg) no-repeat 50% 50%;
  mask: url(https://19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/Brix/arrow.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #15b2db;
  transition: transform .2s;
  margin: 0 0 -1px 6px;
}

a.animated-arrow:hover:after {
  transform: translateX(.2rem);
  background-color: #009DC7;
}
h4 a:hover,h2 a:hover,h3 a:hover,h1 a:hover {
  color: #15b2db!important;
}
.photo-flip img.image-top {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.photo-flip {
  position: relative;
  text-align:center;
}
.popup-gallery {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 30px;
  justify-content: center;
}

.gallery-item {
  position: relative;
  width: 210px;
}

.popup-gallery img {
  width: 100%;
  height: auto;
}
.gallery-item img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
}

.gallery-item:before {
  content: "";
  display: block;
  padding-top: 75%;
}

.gallery-item {
  overflow: hidden;
}

.mfp-container button:hover,.mfp-container button:active,.mfp-container button:focus {
  background-color: transparent;
}

.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}
.tab button:hover {
  background-color: #ddd;
}
.tab button.active {
  background-color: #ccc;
}
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.horizontal-code-tab .tab button.tablinks {
  display: block;
  float: none;
  width: 100%;
  color: #000;
  text-align: left;
  font-size: 19px;
  border-radius: 0;
  border-top: 1px solid #ddd;
  padding: 25px 16px;
}

.horizontal-code-tab {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  grid-gap: 30px;
}

.horizontal-code-tab .tab-head {
  width: 30%;
  border: none;
  background-color: transparent;
}

.horizontal-code-tab .tab-body {
  width: 70%;
  border: none;
  background-color: transparent;
}

.horizontal-code-tab .tab button.tablinks.active {
  background-color: transparent;
  color: #009DC7;
}

.horizontal-code-tab .tab button.tablinks:hover {
  background-color: transparent;
}

.horizontal-code-tab .tab button.tablinks:last-child {
  border-bottom: 1px solid #ddd;
}

.horizontal-code-tab .tab-body .tabcontent {
  border: none;
}
pre.line-numbers {
  border-radius: 0;
  /*     padding-left: 10px!important; */
}
.horizontal-code-tab code[class*=language-], .horizontal-code-tab pre[class*=language-] {
  font-size: 14px;
}
.horizontal-code-tab .tab button.tablinks:before {
  content: "\f061";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 13px;
  position: relative;
  bottom: 1px;
  padding-right: 15px;
}
.horizontal-code-tab .tab-pane {
  display: none;
}
button.tab-pill,button.tab-pill.active,button.tab-pill:hover {
  border-color: #5a5a5a;
  background-color: #393939;
  color: #969696;
  font-weight: 400;
  font-size: 20px;
  float: none;
  border: 2px solid #5a5a5a;
  display: inline-block;
  padding: 14px 40px;
}

.tab-pills.statement-result {
  position: absolute;
  bottom: 45px;
  left: 0;
  width: 100%;
  text-align: center;
}

.tabcontent {
  position: relative;
}

button.tab-pill:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -4px;
}

button.tab-pill:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

button.tab-pill:hover,button.tab-pill:active,button.tab-pill.active {
  border-color: #00a6d1;
  background-color: #393939;
  color: #00a6d1;
}
.line-numbers .line-numbers-rows {
  left: -8.6em;
}
.horizontal-code-tab code {top: -20px;}

.line-numbers .line-numbers-rows {
  top: 20px;
}
.tab-pane.show.active{
  display:block;
}
a.hs-button:hover {
  opacity: 1;
}

.hs-button,
.csc-button button {
  background-color: #009DC7 !important;
  border: 2px solid #009DC7 !important;
  color: #fff !important;
  font-size: 16px !important;
}

.hs-button:hover,
.csc-button button:hover {
  background-color: #fff !important;
  border: 2px solid #009DC7 !important;
  color: #009DC7 !important;
}

.border-top-tri-color .hs-button {
  background-color: #67E4FF !important;
  border: 2px solid #67E4FF !important;
  color: #000 !important;
}

.border-top-tri-color .hs-button:hover {
  background-color: transparent !important;
  border: 2px solid #fff !important;
  color: #fff !important;
}

body .hs-button-div a.hs-button {
  font-weight: 600 !important;
}


.hero-underline hr {
  height: 4px;
  background-color: #fff;
  border: none;
  width: 80px;
  margin-top: 30px;
}
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
.tabcontent.fade {
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}
.advanced-tabs .tab {
  background-color: transparent;
  border: none;
  border-top: 1px solid #fff !important;
  border-bottom: 1px solid #fff !important;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  margin-bottom: 40px;
}

.advanced-tabs.join-our-partner-contact-form.form-card .tab {
  border-top: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
}

.advanced-tabs.join-our-partner-contact-form.form-card button.tablinks.active,
.advanced-tabs.join-our-partner-contact-form.form-card button.tablinks:hover {
  border-bottom: 4px solid #009DC7 !important;
}

.advanced-tabs button.tablinks.active,.advanced-tabs button.tablinks:hover {
  color: #fff;
  background-color: transparent;
  border-bottom: 4px solid #fff;
}

.advanced-tabs button.tablinks {
  color: #fff;
  background-color: transparent;
  border-bottom: 4px solid transparent;
  border-radius: 0;
  padding: 1rem 0;
  font-size: 17px;
  margin-right:1rem;
}

.advanced-tabs .tabcontent {
  border: none;
}

a.cr-btn-2,.advanced-tabs form input[type=submit],.events-post .btn.btn-primary,
.hs-landing-page #hs_cos_wrapper_widget_1630657663935 input[type="submit"],
.widget-type-custom_widget .advanced-tabs.join-our-partner-contact-form.form-card form input[type="submit"],
.widget-type-custom_widget .advanced-tabs.join-our-partner-contact-form.form-card .cr-btn-div a.cr-btn-2 {
  display: inline-block;
  border-color: #009DC7 !important;
  background-color: #009DC7!important;
  color: #fff !important;
  font-size: 16px;
  padding: .5rem 2rem!important;
  line-height: 1.5;
  font-weight: 600;
  border: 2px solid #009DC7;
  transition: all .3s ease;
  background-image: none!important;
  margin-left: 0!important;
  letter-spacing: 0;
}

a.cr-btn-2:hover,
advanced-tabs form input[type=submit]:hover,
.events-post .btn.btn-primary:hover,
.hs-landing-page #hs_cos_wrapper_widget_1630657663935 input[type="submit"]:hover,
.widget-type-custom_widget .advanced-tabs.join-our-partner-contact-form.form-card form input[type="submit"]:hover,
.widget-type-custom_widget .advanced-tabs.join-our-partner-contact-form.form-card .cr-btn-div a.cr-btn-2:hover {
  opacity: 1;
  background-color: transparent !important;
  color: #009DC7 !important;
  background-color: transparent !important;
  border: 2px solid #009DC7 !important;
  border-color: #009DC7 !important;
}

.hs-landing-page #hs_cos_wrapper_widget_1630657663935 {
  border-color: #009DC7 !important;
}

.widget-type-custom_widget .advanced-tabs form input[type="submit"],
.widget-type-custom_widget .advanced-tabs.join-our-partner-contact-form .cr-btn-div a.cr-btn-2 {
  border-color: #fff !important;
  font-size: 16px !important;
  background-color: #fff !important;
  border: 2px solid #fff !important;
  color: #000 !important;
}

.widget-type-custom_widget .advanced-tabs form input[type="submit"]:hover,
.widget-type-custom_widget .advanced-tabs.join-our-partner-contact-form .cr-btn-div a.cr-btn-2:hover {
  color: #fff !important;
  background-color: transparent !important;
  border: 2px solid #fff !important;
  border-color: #fff !important;
}

.widget-type-custom_widget .advanced-tabs.join-our-partner-contact-form .cr-btn-div a.cr-btn-2:hover {
  text-decoration: none;
}

.advanced-tabs .cr-exp-div {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  grid-gap: 15px;
  margin-bottom: 20px;
  align-content: center;
  justify-content: flex-start;
}

.mb-0 {
  margin-bottom: 0;
}
.advanced-tabs form .actions {
  text-align: center;
}

.advanced-tabs form,.advanced-tabs form span,.advanced-tabs form label {
  color: #fff;
}
.advanced-tabs .tabcontent.active {
  display: block;
}
.advanced-tabs .tabcontent {
  padding: 0 40px;
}
.cr-btn-div {position: relative;padding-top: 20px;}
.advanced-tabs form .hs-input {
  border-radius: 4px;
}
.cr-btn-div a.cr-btn-2,
.advanced-tabs form input[type=submit],
.events-post .btn.btn-primary {
  border-color: #009DC7 !important;
  background-color: #009DC7!important;
  border: 2px solid #009DC7 !important;
}

.advanced-tabs form textarea.hs-input {
  min-height: 100px;
}
.form-card button.tablinks {
  font-size: 24px;
  color: #000;
  font-weight: 600;
  margin: 0 30px;
}

.form-card button.tablinks.active,.form-card button.tablinks:hover {
  color: #000;
}

.form-card .tab {
  border-top: none;
  border-color: #2e2e2e40;
  justify-content: center;
}

.fctab-list {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  grid-gap: 20px;
  margin-bottom: 8px;
}

.fctab-icon {
  position: relative;
  top: 3px;
}

.form-card .tabcontent {
  padding: 0px 25px;
}

.form-card .sekan {
  box-shadow: 0 22px 33px 0 rgb(0 0 0 / 8%);
  padding: 1.5rem;
  background-color: #fff;
}
.fctab-list-div {
  position: relative;
  padding-top: 20px;
}
.form-card form,.form-card form span,.form-card form label {
  color: #000;
}

.form-card form .hs-richtext {
  margin-top: 20px;
}
.form-card form .hs-input {
  font-size: 16px;
  box-shadow: none;
  border: 1px solid #c1c1c1cc;
  padding: 10px 12px;
}

.form-card form select.hs-input {
  background: none;
  appearance: auto;
  padding-left: 10px;
}

.form-card .hs-form-field {
  margin-bottom: 18px;
}
.form-card .hs_release.hs-form-field,.form-card .hs_package.hs-form-field {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}

.form-card .hs_release.hs-form-field .input,.form-card .hs_package.hs-form-field .input {
  width: 65%;
}

.form-card form label {
  font-size: 16px;
}

.hs-form-4387b583-b6f0-4611-8991-888b82f216d4_756b056a-a496-423e-bb96-b3e4f8746599 .hs-richtext {
  max-width: 100%!important;
}

.hs-form-4387b583-b6f0-4611-8991-888b82f216d4 .hs_submit.hs-submit {
  padding-top: 30px;
}
.ly-cta-div.header-icons a {
  color: #000;
}
th, td {
  border: 1px solid transparent!important;
  border-bottom-color: #e7e7e7!important;
  padding: 8px 4px!important;
}
th{
  letter-spacing:0!important;
  font-weight: 600;
}
.github-itegration .span6.dnd-column {
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
}
.footer-lp-menu {
  position: relative;
  padding-top: 15px;
}

.footer-lp-menu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.footer-lp-menu ul li {
  display: inline-block;
  margin: 0 10px;
}

.footer-lp-menu ul li a {
  font-size: 14px;
  color: #000;
  font-weight: 400;
}
.footer-lp-menu ul li a:hover {
  color: #009DC7;
}
.footer-lp {
  background-color: #fff;
  padding: 40px 0;
}

.footer-lp-social {
  position: relative;
  padding-top: 11px;
}

.social-label {
  font-size: 18px;
  color: #959CAE;
  position: absolute;
}
.footer-lp-social div#hs_cos_wrapper_footer_social {
  padding-left: 90px;
}
.sticky-content{
  position:sticky;
  top:0;
  display:inline-block;
}
.body-wrapper {
  overflow: unset;
}
div#widget_1630684301350 {
  border-top: 15px solid #009DC7;
  display: inline-block;
  padding-top: 30px;
}

.hs-button {
  transition: all .2s ease-in-out;
}

.remove-table-border td,.remove-table-border th {
  border-bottom-color: transparent !important;
}
.center-border .dnd-row .dnd-column:nth-child(2) {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#cr-dc-container iframe {
  width: 100%;
  margin: 0 auto;
  display: block;
}

#cr-gh-issues {
  text-align: left;
  padding-left: 0;
}

#cr-gh-issues li {
  padding-top: 1rem;
  border-bottom: 1px solid #BBB;
  list-style-type: none;
  padding-bottom: 1rem;
}

#cr-gh-issues a {
  color: #000;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 5px;
  display: inline-block;
}

#cr-gh-issues a:hover {
  color: #009DC7;
}
.cr-text-muted-small {
  font-size: .95rem;
  color: #999999;
}
.join-our-partner-contact-form.no-inset form .hs-input {
  box-shadow: none;
}
.join-our-partner-contact-form.chevron-arrow form select.hs-input {
  background-image: none;
  -webkit-appearance: auto;
}
.join-our-partner-contact-form form textarea {
  height: 100px;
}
.join-our-partner-contact-form form .hs-input::placeholder {
  color: #959CAE;
}
.join-our-partner-contact-form .hs-error-msgs.inputs-list>li {
  margin: 0;
}
.landing-page .header__logo {
  max-width: 258px;
}

.landing-page .header__container.content-wrapper {
  padding: 20px 20px 15px;
}

.header__logo img {
  width: 182px !important;
  height: 30px;
}

.footer__logo .hs-image-widget {
  height: 59px !important;
}

.footer-lp-social .social-links {
  display: inline-block;
}

.footer-lp-social {
  display: inline-block;
}

.footer-lp .span4:last-child {
  text-align: right;
}

.footer-lp-menu {
  text-align: center;
}
.three-column-white-border .span4 {
  border-right: 1px solid hsla(0,0%,100%,.6);
}

.three-column-white-border .span4:first-child {
  border-left: 1px solid hsla(0,0%,100%,.6);
}
.three-column-white-border {
  border-top: 1px solid hsla(0,0%,100%,.6);
}
a.white-on-hover:hover,a.white-on-hover:hover p,a.white-on-hover:hover span {
  color: #fff!important;
}

.ic-card {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.ic-card-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  grid-gap: 30px;
  text-align: center;
}

.ic-card-list a {
  display: inline-block;
  width: 31%;
  height: 258px;
}

.ic-item {
  width: 100%;
  height: 100%;
  position: relative;
}

.ic-content {
  padding: 20px;
  opacity: 0;
}

.ic-title {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  position: absolute;
  bottom: 35px;
  left: 20px;
}

.ic-title:after {
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-style: normal;
  font-size: 18px;
  color: #fff;
  margin-left: 10px;
  transition: all 0.3s ease-in-out;
}

.ic-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: all .4s ease-in-out 0s;
  -moz-transition: all .4s ease-in-out 0s;
  transition: all .4s ease-in-out 0s;
  /*background: linear-gradient(180deg,transparent 50%,rgba(0,0,0,.7));*/
  background: linear-gradient(180deg,rgba(0,157,199,0) 50%,rgba(0, 157, 199, 0.87));
}

.ic-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.ic-card-list a:hover{
  opacity:1;
}
.ic-card-list a:hover .ic-overlay {
  /*background: linear-gradient(180deg,rgba(85,212,245,.9) 50%,rgb(85 212 245 / 87%));*/
  background: linear-gradient(180deg,rgba(0,157,199,.8) 50%,rgba(0, 157, 199, 0.87));
}
.ic-card-list a:hover .ic-content{
  opacity:1;
  position: relative;
  text-align: left;
}

.ic-card-list a:hover .ic-title:after {
  margin-left: 20px;
}
a.blog-index_post_image:hover {
  opacity: 1;
}
.body-container--blog-index .blog-index-topic-listing ul {
  text-align: center;
}
a.cr-btn-1 {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  background-color: #fff;
  padding: 10px 30px;
  border: 2px solid #fff;
  display: inline-block;
  transition: all 0.2s ease;
}

a.cr-btn-1:hover {
  opacity: 1;
  background-color: transparent;
  color: #fff;
}
.btn-div-group {
  position: relative;
  text-align: center;
  margin-top: 20px;
}
.btn-div-group a:first-child {
  margin-right: 20px;
}
a.cr-btn-1.btn-black {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
a.cr-btn-1.btn-black:hover {
  background-color: transparent;
  color: #000;
}
a.animated-arrow-right:after {
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 13px;
  position: relative;
  left: 5px;
  transition: all 0.3s ease;
}
a.animated-arrow-right:hover:after {
  left: 10px;
}

.border-top-tri-color .span4:first-child,
.border-top-tri-color .span4,
.border-top-tri-color .span4:last-child {
  border-top: 8px solid;
  border-color: #009DC7 !important;
}

.border-top-tri-color li,
.border-top-tri-color h5 {
  color: #fff;
}

.span4.cell_16311312336862-background-color,
.span4.cell_1631132123981-background-color,
.span4.cell_1631132125686-background-color {
  background-color: rgba(0, 157, 199, 1) !important;
}

ul.arrow-right-icon {
  position: relative;
  padding: 0;
  list-style-type: none;
}

ul.arrow-right-icon li {
  position: relative;
  margin-bottom: 4px;
}

ul.arrow-right-icon li:before {
  content: '\f061';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 13px;
  position: relative;
  margin-right: 10px;
}

.body-container-wrapper {
  margin-bottom: 0;
}

body .body-wrapper:not(.hs-landing-page) .body-container-wrapper {
  padding-top: 70.6667px;
}

.blog-post.content-wrapper {
  max-width: 1240px;
  padding-left:20px;
  padding-right:20px;
}

.videos-cards-listing {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 25px;
}

.videos-card {
  width: 23%;
  padding: 15px;
  background-color: #E4F9FE;
  position: relative;
  padding-bottom: 100px;
}

.videos-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
}

.videos-content p {
  line-height: 1.4;
}

.videos-tag {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
  text-transform:uppercase;
}

.videos-tag:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 80px;
  background-color: #000;
}

.videos-image {
  position: relative;
  margin-bottom: 10px;
}

.videos-btn {
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 100%;
  text-align: center;
}
.videos-post .content-wrapper {
  max-width: 1168px;
}
.videos-post section.blog-index {
  display: block;
}

.video-vid iframe {
  width: 100%;
  height: 600px;
}

.video-caption {
  text-align: center;
  font-size: 14px;
  color: #999;
  padding-top: 15px;
  margin-bottom: 50px;
}

.video-post_social_icons {
  position: relative;
}

.video-post_social_icons ul {
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
  grid-gap: 15px;
  align-items: center;
}

.video-post_social_icons ul li p {
  margin-bottom: 0;
  font-size: 18px;
  padding-bottom: 5px;
}
.video-post_social_icons ul li a svg,.video-post_social_icons ul li a svg path {
  fill: #000;
}
.videos-image a:hover {
  opacity: 1;
}
.video-post_social_icons ul li a:hover svg, .video-post_social_icons ul li a:hover svg path {
  fill: #009DC7;
}
.videos-listing .blog-post_header {
  padding: 70px 20px;
  background-image: url('https://crate.io/hubfs/Header/SVG_Pattern_with_BG.svg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.videos-post .blog-post_header {
  background: none;
  border-bottom: none;
  padding: 70px 20px;
}
.videos-listing section.blog-index {
  display: block;
}

.lwi-icon svg path {
  fill: #009DC7 !important;
}

.cr-divider {
  position: relative;
  width: 100%;
}
.cr-divider:after {
  content: "";
  width: 5rem;
  height: 4px;
  background: #000;
  position: absolute;
  bottom: -15px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.videos-post .cr-divider:after {
  background: #fff;
}

.videos-post .body-container--blog-index .blog-post_title:after {
  display: none;
}
.videos-post h1.blog-post_title {
  margin-bottom: 10px;
  color: #fff;
}
.video-post-content {
  max-width: 768px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.video-post_social_icons ul li a:hover {
  opacity: 1;
}
.hs-button-div a.hs-button {
  font-weight: 700!important;
  letter-spacing: 0;
}
.events-list .blog-post_header {
  background-image: url(https://19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/wp-content/uploads/2020/10/header-n-cyan-white.png);
  background-attachment: fixed;
}
.events-list .body-container--blog-index .blog-post_title:after {
  display: none;
}
.body-container--blog-index .blog-post_title::after,
.body-container--blog-index .blog-post_title::after{
  background: #fff !important;
}

.events-list .blog-post_header p {
  font-size: 24px;
  display: inline-block;
  max-width: 768px;
}
.events-post .blog-post_header {
  padding-bottom: 0;
}
.events-post .blog-index_post_timestamp {
  display: inline-block;
  background-color: #000;
  padding: 3px 15px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 24px;
}

.events-post h1.blog-post_title {
  margin-bottom: 25px;
}

h1.blog-post_title,
.blog-post_header p {
  color: #fff;
}

.events-post .video-post-content p {
  line-height: 1.5;
}
.events-post .content-wrapper {
  max-width: 808px;
}
.events-post .video-post-content {
  margin-bottom: 30px;
}
a.events-cta {
  background-color: #666;
  color: #fff;
  font-size: 11px;
  padding: 5px 10px;
  letter-spacing: 1px;
  border-radius: 3px;
  display:inline-block;
}
a.events-cta:hover {
  opacity: 1;
  background-color: #e5e5e5;
  color: #666;
}
.events-ctas a:first-child {
  margin-right: 5px;
  margin-bottom: 10px;
}
.more-info {
  background-color: #e5e5e5;
  padding: 20px 30px;
}
.more-info-block {
  display: inline-block;
  position: relative;
  width: 33%;
}
h6.info-title {
  font-size: 18px;
  margin-bottom: 8px;
}
.more-info-block label {font-size: 13px;font-weight: 600;}
.more-info-block p {
  font-size: 13px;
  margin-bottom: 5px;
}
.events-ctas {
  margin-bottom: 20px;
}
.more-info-block-container {
  position: relative;
  display: flex;
}
.more-info-block a {
  color: #15b2db;
}
.events-list .blog-index_post_content h2 {
  margin-bottom: 8px;
}

.events-list .blog-index_post_content p {
  margin-bottom: 10px;
}
/* .google-map iframe {
width: 100%;
height: 390px;
} */
.google-map {
  margin-top: 30px;
}
.more-info.second-layout {
  margin-top: 30px;
}
.second-layout .more-info-block {
  width: 100%;
}
.second-layout .google-map {
  margin-top: 0;
}
a.events-pagi-btn {
  background-color: #E4F9FE;
  color: #000;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 15px;
  border-radius: 50px;
  display: inline-block;
}

a.events-pagi-btn:hover {
  opacity: 1;
  color: #009DC7;
}

a.events-pagi-btn.next {
  float: right;
}
p.blog-index_post_tag {
  text-transform: uppercase;
  color: #009DC7;
  font-size: 14px!important;
  letter-spacing: 1px;
  font-weight: 700;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 0;
}
.monthly-group {
  background-color: #eee;
  display: block;
  font-size: 14px;
  font-weight: 700;
  padding: 6px 10px;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 40px;
  display: none;
}


.cr-anim {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url("../assets/bg_hero3.svg") repeat;
  background-position: center; }

#hero-range .line {
  width: 100%;
  height: 40px;
  border-top: 1px dashed #999999;
  position: absolute;
  font-size: 16px;
  padding-top: 4px;
  top: 0;
  padding-left: 3px; }

#hero-range .line.s2 {
  top: 100px; }

#hero-range .line.s3 {
  top: 200px; }

#hero-range .line.s4 {
  top: 120px; }

#hero-range .line.s5 {
  top: 160px; }

#hero-range .rangeslider__fill {
  width: 100%;
  border-radius: 0px;
  box-shadow: none;
  background-image: none;
  background-color: rgba(32, 32, 12, 0);
  border: none;
  top: 200px;
  /*background-image: linear-gradient(180deg, rgba(85, 212, 245, 0.4) 1%, rgba(85, 212, 245, 0) 100%);*/
  background-image: none;
  box-shadow: inset 0 1px 0 0 #009DC7;
  border-left: 1px solid #009DC7;
  border-right: 1px solid #009DC7; }

.cr-graphs svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  stroke-width: 4px; }

#hero-range .rangeslider__handle {
  width: 100%;
  height: 100px;
  border-radius: 0px;
  box-shadow: none;
  background-image: none;
  background-color: rgba(32, 32, 12, 0);
  border: none;
  margin-left: 10px; }

#hero-range .rangeslider__handle:after {
  content: "Scale";
  display: block;
  margin: auto;
  position: absolute;
  top: -100px;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background-color: #009DC7;
  width: 100px;
  background-color: #009DC7;
  border-radius: 2px;
  height: 25px;
  font-size: 16px;
  color: #000; }

#hero-range .rangeslider {
  height: 300px;
  width: 100%;
  background: none;
  box-shadow: none;
  z-index: 1;
  border-bottom: 1px solid #009DC7;
  border-radius: 0; }

#js-rangeslider-0::before,
#js-rangeslider-0::after {
  content: '';
  width: 1px;
  height: 99px;
  background: #009DC7;
  position: absolute;
  bottom: 0; }

#js-rangeslider-0::before {
  left: 0px; }

#js-rangeslider-0::after {
  right: 0px; }

@keyframes dashcolor {
  from {
    stroke: #000; }
  to {
    stroke: #009DC7; } }

.path-color {
  animation: dashcolor .5s ease-in-out; }

@keyframes dash {
  to {
    stroke-dashoffset: 200px; } }

.path {
  stroke-dasharray: 10px;
  fill: none; }

.path1 {
  animation: dash 3s linear infinite; }

.path2 {
  animation: dash 2s linear infinite; }

.path3 {
  animation: dash 1s linear infinite;
}

#svg-hero {
  width: 100%; }

.range-border {
  border-top: 3px solid;
  width: 15px;
  letter-spacing: 0.4px; }

.range-border.queries {
  border-color: #EF683C;
}

.range-border.inserts {
  border-color: #FAAD14; 
}

.range-border.storage {
  border-color: #9254DE; }
.animated-hero {
  position: relative;
  overflow: hidden;
  background-color: #F1F1F1;
}

.animated-hero .content-wrapper {
  position: relative;
  z-index: 2;
  padding: 70px 20px;
  max-width: 1168px;
}

.black {
  background-color: #000;
  color: #fff;
}

.range-border {
  color: #999;
  font-weight: bold;
  position: relative;
}

.range-border:before {content: "";position: absolute;top: 0;left: 0;width: 15px;height: 3px;z-index: 2;}

.range-border.queries:after {
  background-color: #ef683c;
}

.range-border.queries:before {
  background-color: #ef683c;
}

.range-border {
  width: 100%;
  border: none;
  padding-top: 3px;
}

.range-border.inserts:before {
  background-color: #faad14;
}

.range-border.storage:before {
  background-color: #9254de;
}
.p-lg-4 {
  padding: 25px 35px;
}
.m-0 {
  margin: 0;
}

.animated-hero .span6 .black {
  max-width: 480px;
  margin-left: auto;
}

.animated-hero .col-8.span8 {
  padding: 0 16px;
}

.animated-hero .black label {
  font-size: 18px;
}

.text-left.pb-4 {
  padding-bottom: 35px;
}
.cr-anim {
  background-image: url(https://19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/Images/bg_hero3.svg);
}
.animated-hero .ah-content {
  padding-right: 80px;
}
.animated-hero header:after {content: "";position: absolute;bottom: 0;left: 0;width: 80px;background-color: #000;height: 4px;}

.animated-hero header {
  position: relative;
  padding-bottom: 1px;
  margin-bottom: 30px;
}
.blog-post {
  padding-bottom: 0;
}

.social-links .social-links__icon svg:hover {
  fill: #009DC7 !important;
}

a.social-links__link:hover {
  color: #54D4F5;
  opacity: 1;
}
.hs_cos_wrapper_type_linked_image a:hover {
  opacity: 1;
}
.submenu-bar {
  border-top: 1px solid RGBA(255,255,255,0.6);
}
.past-events-notif {
  background-color: #E4F9FE;
  text-align: center;
  font-size: 18px;
  padding: 8px;
  margin-bottom: 20px;
}
a.event-tag {
  font-size: 13px;
}
.more-info-block label {
  display: block;
  line-height: 1.5;
}
.events-post th,.events-post td,.events-post table{
  border:none!important;
}
.cr-section-content {
  background-color: #f1f1f1;
  padding: 48px 30px;
}
.hs-blog-post .blog-press .blog-post_header,
.hs-blog-post .blog-post_header,
.hs-blog-listing .blog-post_header,
.videos-post .blog-post_header,
.events-list .blog-post_header,
.header-system .blog-post_header, 
.four-o-four .blog-post_header {
  background-image: url('https://crate.io/hubfs/Header/SVG_Pattern_with_BG.svg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: unset !important;
}
.blog-post__body {
  overflow: hidden;
}
.crate-section-bodytext__body pre {
  overflow-x: auto;
}
.blog_post_author {
  font-size: 14px;
  background: transparent !important;
  border: 1px solid #fff;
}
code.language-yaml *,code.language-nginx *,code.language-lua *,code.language-json * {
  color: #fff!important;
}
header.header,.crate-hero  {
  border-bottom: 1px solid #e7e7e7!important;
}
.blog-post_header {
  background-image: url('https://19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/wp-content/uploads/2020/10/header-n-zoom-grey-white.png');
  background-position: center;
}
.photo-flip img {
  width: 300px;
}
.blog-index_post_content h2 {
  margin-bottom: 5px;
}
/* p.read_more_holder {
margin-top: -15px;
}
*/
a:hover,a:focus,a:active{
  color:#009DC7;
}
.advanced-tabs a.cr-btn-2 {
  border-radius: 2px;
}
.footer__copyright {
  margin: 1.5rem 0 .5rem 0;
}
.foote-subscription .content-wrapper {
  padding: 0;
}
body .foote-subscription h4 {
  font-size: 21px;
  font-weight: 600;
}
ul.resources-submenu li a {
  background-color: #E5F9FE;
  color: #000;
  padding: 8px 15px;
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  border-radius: 30px;
}

ul.resources-submenu li a:hover {
  color: #009DC7;
}

ul.resources-submenu {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

ul.resources-submenu li {
  display: inline-block;
  margin: 0 5px;
}

.blog-press .blog-post_header {
  background-image: url(https://19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/Brix/header-n-cyan-white_2.png);
}

.dnd_area-row-9-background-image.border-top-tri-color {
  background-size: 1425px!important;
  background-position: unset!important;
  background-repeat: repeat !important;
}

.crate-hero.homepage {
  /*background-position: 50%!important;
  background-size: 1424px!important;
  background-size: cover !important;*/
  background-attachment: unset !important;
  /* new hero */
  background-position: 50% 0% !important;
  background-size: 960px !important;
  background-repeat: repeat-x !important;
}

.show-on-mobile{
  display:hide!important;
}
.join-our-partner-contact-form .sekan form .hs-richtext {
  max-width: 100%;
}
.form-card .sekan form label {
  font-size: 13px;
}
.form-card .sekan form label span {
  font-size: 13px;
}
.join-our-partner-contact-form .sekan form .hs-richtext p:nth-child(2) {
  margin-bottom: 8px!important;
}
.blog-press .crate-section-bodytext__body p {
  line-height: 1.5;
}
.blog-press .blog-index_post {
  width: 100%;
}
/* .blog-pagination__link svg {
width: 9px;
}*/

.blog-pagination__link--active {
  color: #009dc7 !important;
}

.blog-pagination__prev-link:hover svg, 
.blog-pagination__next-link:hover svg {
  fill: #009dc7;
}

.blog-pagination__link--active {
  border: none;
}

.blog-pagination__link {
  border-radius: 0;
  border: none;
}

.blog-pagination__link:hover,.blog-pagination__link:active,.blog-pagination__link:focus {
  border: none;
  /*     border-color: #009DC7; */
}
.blog-press .crate-section-bodytext__body iframe {
  width: 100%!important;
}
form.years-filter select {
  display: block;
  background-color: #e4f9fe;
  border-radius: 20px;
  padding: 8px 7px;
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  transition: all .15s ease-in-out;
  cursor: pointer;
  border: none;
}

form.years-filter {
  display: inline-block;
}
.blog-subheading {
  max-width: 768px;
  margin: 0 auto;
  margin-bottom: 25px;
  margin-top: -10px;
}
.body-container--blog-index .blog-index-topic-listing li>a:hover {
  color: #009DC7;
}

.body-container--blog-index .blog-index-topic-listing li a.active:hover {
  color: #fff;
}
.submitted-message {
  text-align: center;
}
.show-on-tablet{
  display:none!important;
}
.brix-activated .show-on-tablet{
  display:block!important;
}
.button-bottom .row-fluid .span3,
.button-bottom .row-fluid .span4,
.button-bottom .row-fluid .span6,
.button-bottom .row-fluid .span8{
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between!important;
}
.blog-post .table-container table {
  width: 768px!important;
}
.blog-post {
  max-width: 768px;
}
h2.csc-result-title a {
  background-image: none!important;
  padding-left: 0!important;
}
.footer-lp.mb{
  display:none;
}
.table-no-border td,.table-no-border th {
  border: none!important;
}
.column-padding-50 > .row-fluid {
  grid-gap: 15px;
}
a.blog-index_post_image img {
  width: auto;
}
.button-bottom-2 .row-fluid .span3 .row-fluid-wrapper:last-child,
.button-bottom-2 .row-fluid .span4 .row-fluid-wrapper:last-child{
  position: absolute;
  bottom: 10px;
  width: 100%;
  left: 0;
  padding: 0 20px!important;
}
.button-bottom-2 .row-fluid .span3,
.button-bottom-2 .row-fluid .span4{
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  position: relative !important;
  padding-bottom: 75px!important;
}
.advanced-tabs .submitted-message, 
.advanced-tabs .submitted-message p, 
.advanced-tabs .submitted-message p span {
  color: #fff;
}
.social-label {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  left: 0;
  top: 16px;
  line-height: 1.5;
  display: inline-block;
}
.photo-flip:hover .image-top {
  display: block;
}
.body-container--landing-page .join-our-partner-contact-form form .hs-richtext {
  max-width: 100%;
}
.ly-cta-div a.cta-btn {
  position: relative;
  top: 1px;
}
.hs-button-div a.hs-button:hover {
  background-color: transparent!important;
}
.logo-slider {
  overflow: hidden;
}
form input[type=submit], form .hs-button {
  border-radius: 2px;
}


.legal-consent-container.legal-consent-container.legal-consent-container p {
  color: inherit;
}

.hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b .legal-consent-container.legal-consent-container.legal-consent-container p {
  color: #000;
}

.legal-consent-container.legal-consent-container.legal-consent-container .hs-richtext {
  max-width: none;
}
.legal-consent-container.legal-consent-container.legal-consent-container .hs-form-booleancheckbox,
.legal-consent-container.legal-consent-container.legal-consent-container .hs-form-booleancheckbox label {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.legal-consent-container.legal-consent-container.legal-consent-container .hs-form-booleancheckbox input {
  margin-top: 4px;
}
.legal-consent-container .hs-form-booleancheckbox-display>span, .legal-consent-container .hs-form-booleancheckbox-display>span p {
  margin-left: 5px!important;
}
.legal-consent-container .hs-form-booleancheckbox-display>span {
  margin-left: 0!important;
  padding-left: 20px!important;
}
.legal-consent-container.legal-consent-container.legal-consent-container .hs-form-booleancheckbox input {
  position: absolute;
  top: 0;
  left: 0;
}
.legal-consent-container .hs-form-booleancheckbox-display>span p {
  margin-left: 0!important;
  padding-left: 0!important;
}
.videos-content p,.videos-content{
  font-size: 18px!important;
}


/* happiness form */
.hs-form-e56ea015-6c09-49e9-ae7e-3f693f81ee54 .hs-form__field__options__container {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.hs-form-e56ea015-6c09-49e9-ae7e-3f693f81ee54 .hs-form__field__options__container > div {
  margin-right: 10px;
}

/* custom stuff */

.cr-hide {
  display: none !important;
}

/* blog width fix */
.blog-index_post {
  width: 100%;
}

/* github header */
.header-icons .cr-gh-header {
  line-height: 16px !important;
  margin-right: 10px;
  margin-top: 5px;
  padding: 0 10px;
}

.header-icons .cr-gh-header span {
  display: block;
}

.ly-cta-div.header-icons a:hover {
  color: #009dc7; 
}

a.search-btn {
  margin-top: 3px;
}

.header__cta__column {
  min-width: 350px !important;
}

.header-icons .search-btn i {
  vertical-align: unset;
}

.ly-cta-div.header-icons {
  display: flex;
  align-items: center;
}

.ly-cta-div a.cta-btn:hover {
  opacity: 1 !important;
  color: #009dc7 !important; 
}


.header__cta > div {
  display: flex !important;
  align-items: center;
}

/* header scroll animation */
header#top {
  /*transition: transform .25s ease-in-out;*/
  position: fixed;
  z-index: 8;
  width: 100%;
  transition: all .3s ease;
  will-change: transform;
  right: 0;
  left: 0;
  top: 0;
  background: #fff;
}

@media all and (max-width: 767px) {
  .hs_cos_wrapper.hs_cos_wrapper_widget > hr {
    margin-top: 10px !important;
    margin-bottom: 30px !important;
    padding-top: 1px !important;
    border-bottom-style: solid !important;
  }
}

.evthidden {
  display: none !important;
}

/* homepage fix */
body .hs-content-id-54829914019 .submenu.level-2 .menu-item .menu-link.current-page {
  color: #000 !important;
}

body .hs-content-id-54829914019 .submenu.level-2 .menu-item .menu-link.current-page:hover {
  color: #009dc7 !important;
}

.submenus a.submenus-link.active {
  color: #fff;
}

.sticky-content,
.blue-border-top {
  border-top: 15px solid #009dc7 !important;
}

.cr-cta-home.hs-button {
  background-color: #67e4ff !important;
  border: 2px solid #67e4ff !important;
  color: #000 !important;
  font-size: 16px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  font-weight: 600 !important;
  border-radius: 0 !important;
  text-decoration: none;
  line-height: 1.4;
  display: inline-block;
}

.cr-cta-home.hs-button:hover {
  background-color: transparent !important;
  border: 2px solid #fff !important;
  color: #fff !important;
}

.cr-cta.hs-button {
  background-color: #009dc7 !important;
  border: 2px solid #009dc7 !important;
  color: #fff !important;
  font-size: 16px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  font-weight: 600 !important;
  border-radius: 0 !important;
  text-decoration: none;
  line-height: 1.4;
  display: inline-block;
}

.cr-cta.hs-button:hover {
  background-color: transparent !important;
  border: 2px solid #009dc7 !important;
  color: #009dc7 !important;
}

/* cls fix for ctas */
/*.hs-cta-wrapper {
  min-height: 37px;
  display: block;
}*/

/* cta header fix to add margin */ 
.ly-cta-div .hs-cta-img {
  margin-right: 10px;
}

.ly-cta-div .hs-cta-wrapper .hs-cta-node > a {
  display: flex;
}

.crate-hero .hs-cta-node a img {
  color: #fff;
}

.span4.cell_16311312336862-background-color .hs-cta-node a img,
.span4.cell_1631132123981-background-color .hs-cta-node a img,
.span4.cell_1631132125686-background-color .hs-cta-node a img {
  color: #fff;
}


/* box colors */
.cr-infobox.cr-infobox-lightblue > .row-fluid > .span12 {
  background-color: #DDF8FF !important;
}

.cr-box-resources > .row-fluid > .span6,
.cr-box-resources > .row-fluid > .span4,
.cr-box-resources > .row-fluid > .span3,
.videos-card {
  background-color: #DDF8FF !important;
}

.cr-infobox.cr-infobox-lightblue span {
  color: #000 !important;
}

.cr-infobox-narrow.cr-infobox-lightblue > .row-fluid .span12 .row-fluid .span12 .hs_cos_wrapper > div  {
  background-color: #DDF8FF !important;
}

.body-container--blog-index .blog-index-topic-listing li a.active {
  background-color: #009DC7 !important;
  color: #fff !important;
}

.blog-index_post_content a.blog-index_post_tag {
  color: #009DC7 !important;
}

.three-column-white-border a p,
.three-column-white-border p a {
  color: #fff;
}

.join-our-partner-contact-form #hs_cos_wrapper_widget_1629631457974 .hs-form-booleancheckbox span p,
.advanced-tabs.join-our-partner-contact-form .hs-form-booleancheckbox span p,
.hsForm_a6b3c92b-6da1-407e-b7b5-6cca06a99683 .hs-form-booleancheckbox span p,
.hsForm_74b97e6b-f6f0-4c3b-867b-4bceef34574f .hs-form-booleancheckbox span p,
.hsForm_dbf8914c-84fe-4c01-94af-8aa6e41cfe13 .hs-form-booleancheckbox span p,
.hsForm_b70cfc15-4fc8-4650-9766-cc1acac04dac .hs-form-booleancheckbox span p,
.hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b .hs-form-booleancheckbox span p {
  font-size: .875rem !important;
}

.join-our-partner-contact-form #hs_cos_wrapper_widget_1629631457974 fieldset.form-columns-1 .hs-dependent-field .input,
.advanced-tabs.join-our-partner-contact-form fieldset.form-columns-1 .hs-dependent-field .input,
.hsForm_a6b3c92b-6da1-407e-b7b5-6cca06a99683 fieldset.form-columns-1 .hs-dependent-field .input,
.hsForm_74b97e6b-f6f0-4c3b-867b-4bceef34574f fieldset.form-columns-1 .hs-dependent-field .input,
.hsForm_dbf8914c-84fe-4c01-94af-8aa6e41cfe13 fieldset.form-columns-1 .hs-dependent-field .input,
.hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b fieldset.form-columns-1 .hs-dependent-field .input,
.hsForm_b70cfc15-4fc8-4650-9766-cc1acac04dac fieldset.form-columns-1 .hs-dependent-field .input{
  width: 100% !important;
}

.join-our-partner-contact-form #hs_cos_wrapper_widget_1629631457974 .hs-error-msgs li /* newsletter */,
.advanced-tabs.join-our-partner-contact-form .hs-error-msgs li /* tabs schedule & contact us */,
.hsForm_dbf8914c-84fe-4c01-94af-8aa6e41cfe13 .hs-error-msgs li /* contact */,
.hsForm_a6b3c92b-6da1-407e-b7b5-6cca06a99683 .hs-error-msgs li /* edge */,
.hsForm_74b97e6b-f6f0-4c3b-867b-4bceef34574f .hs-error-msgs li /* pricing */,
.hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b .hs-error-msgs li /* newsletter 2 */,
.hsForm_b70cfc15-4fc8-4650-9766-cc1acac04dac .hs-error-msgs li /* partner */,
.footer-subs-form li {
  width: 46.5% !important;
  background: #EBEBEB;
  border: 1px solid #F00;
  padding: 3px 3px 3px 10px;
}

.advanced-tabs.join-our-partner-contact-form .hs-error-msgs li,
.hsForm_a6b3c92b-6da1-407e-b7b5-6cca06a99683 .hs-error-msgs li,
.hsForm_74b97e6b-f6f0-4c3b-867b-4bceef34574f .hs-error-msgs li,
.hsForm_b70cfc15-4fc8-4650-9766-cc1acac04dac .hs-error-msgs li,
.hsForm_dbf8914c-84fe-4c01-94af-8aa6e41cfe13 .hs-error-msgs li,
.hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b .hs-error-msgs li {
  width: calc(100% - 30px) !important;
}

.hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b .hs-error-msgs li {
  margin: 0 !important;
}

.advanced-tabs.join-our-partner-contact-form.form-card .hs-error-msgs li {
  width: 100% !important;
}

.footer-subs-form li {
  width: 100% !important;
  margin: 0 !important;
}

.foote-subscription .hs-button.primary.large {
  min-width: 135px;
}

@media all and (max-width: 980px) {
  .foote-subscription form .hs-richtext p,
  .foote-subscription form .hs-richtext {
    margin: 0 0 0.4rem;
  }

  .csc-button button {
    min-width: 130px;
  }

  h2.csc-result-title {
    font-size: 20px !important;
    line-height: 1.5 !important;
  }
}



.join-our-partner-contact-form #hs_cos_wrapper_widget_1629631457974 .hs-error-msg,
.advanced-tabs.join-our-partner-contact-form .hs-error-msg,
.join-our-partner-contact-form #hs_cos_wrapper_widget_1629631457974 label:not(.hs-error-msg),
.advanced-tabs.join-our-partner-contact-form label:not(.hs-error-msg),
.hsForm_a6b3c92b-6da1-407e-b7b5-6cca06a99683 label:not(.hs-error-msg),
.hsForm_74b97e6b-f6f0-4c3b-867b-4bceef34574f label:not(.hs-error-msg),
.hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b label:not(.hs-error-msg),
.hsForm_b70cfc15-4fc8-4650-9766-cc1acac04dac label:not(.hs-error-msg),
#hs_cos_wrapper_widget_1630584692913 .hsForm_a6b3c92b-6da1-407e-b7b5-6cca06a99683 label:not(.hs-error-msg),
#hs_cos_wrapper_widget_1630738452251 .hsForm_74b97e6b-f6f0-4c3b-867b-4bceef34574f label:not(.hs-error-msg),
#hs_cos_wrapper_widget_1630508186317 .hsForm_b70cfc15-4fc8-4650-9766-cc1acac04dac label:not(.hs-error-msg) {
  color: #E00 !important;
}

.join-our-partner-contact-form #hs_cos_wrapper_widget_1629631457974 .hs_error_rollup .hs-error-msgs li,
.advanced-tabs.join-our-partner-contact-form .hs_error_rollup .hs-error-msgs li,
.hsForm_a6b3c92b-6da1-407e-b7b5-6cca06a99683 .hs_error_rollup .hs-error-msgs li,
.hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b .hs_error_rollup .hs-error-msgs li,
.hsForm_74b97e6b-f6f0-4c3b-867b-4bceef34574f .hs_error_rollup .hs-error-msgs li,
.hsForm_b70cfc15-4fc8-4650-9766-cc1acac04dac .hs_error_rollup .hs-error-msgs li,
.hsForm_dbf8914c-84fe-4c01-94af-8aa6e41cfe13 .hs_error_rollup .hs-error-msgs li,
.hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b .hs_error_rollup .hs-error-msgs li label {
  width: 100% !important;
  text-align: center;
  margin-bottom: 0;
}

.hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b .hs-error-msgs.inputs-list {
  margin-right: 8px !important;
}

/* fix for newsletter page */
.hs-content-id-53736733624 .hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b .hs-error-msgs.inputs-list {
  margin-right: 0px !important;
}


.hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b .hs-error-msgs li {
  width: 97% !important;
}

.advanced-tabs.join-our-partner-contact-form .hs-button.primary.large,
.hsForm_a6b3c92b-6da1-407e-b7b5-6cca06a99683 .hs-button.primary.large,
.hsForm_74b97e6b-f6f0-4c3b-867b-4bceef34574f .hs-button.primary.large,
.hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b .hs-button.primary.large,
.hsForm_b70cfc15-4fc8-4650-9766-cc1acac04dac .hs-button.primary.large,
.hsForm_dbf8914c-84fe-4c01-94af-8aa6e41cfe13 .hs-button.primary.large {
  margin-top: 15px;
}


/* newsletter & support form */
#successAndErrorMessages {
  font-size: 18px;
}

/* downloads left tab */
.advanced-tabs.join-our-partner-contact-form.form-card .pers a {
  color: #00a6d1;
}

/* downloads right tab */
.advanced-tabs.join-our-partner-contact-form.form-card .sekan a {
  color: #000;
}

.join-our-partner-contact-form a,
.hsForm_ae05ba76-ca3d-461b-a3dc-72b6ed0d31b4 a,
.hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b a {
  color: #fff;
}

.hs-landing-page .join-our-partner-contact-form a {
  color: #009dc7;
}

.blog_footer_form a {
  color: #009dc7 !important;
}

.join-our-partner-contact-form a:hover,
.hsForm_ae05ba76-ca3d-461b-a3dc-72b6ed0d31b4 a:hover,
.hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b a:hover {
  text-decoration: underline;
}




/* community */
.social-media-black-theme .cell_1630504117113-background-color {
  background-color: #009DC7 !important;
}

.social-media-black-theme h4 a:hover {
  color: #005980 !important;
}

.social-media-black-theme a.social-link-1,
.social-media-black-theme a.social-link-icon {
  color: #005980 !important;
}

.social-media-black-theme a.social-link-1:hover,
.social-media-black-theme a.social-link-icon:hover {
  color: #fff !important;
}

/* hide download h1 */
.hs-content-id-55156228878 .row-fluid-wrapper.row-depth-1.row-number-2.dnd-row,
.cr-page-download .row-fluid-wrapper.row-depth-1.row-number-3.dnd-row {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  height: 0;
  left: -5000px;
  overflow: hidden;
}

.three-column-white-border a:hover p,
.three-column-white-border p:hover a,
.three-column-white-border a:hover p span {
  color: #000;
}

.crate-hero {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.crate-hero.homepage .cr-btn-1.btn-white {
  color: #000 !important;
  font-size: 16px !important;
}

.crate-hero.homepage a.cr-btn-1.btn-black,
.hs-button.button-white {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #000 !important;
  font-size: 16px !important;
}

.crate-hero.homepage .cr-btn-1.btn-white:hover {
  color: #fff !important;
}

.crate-hero.homepage a.cr-btn-1.btn-black:hover,
.hs-button.button-white:hover {
  background-color: transparent !important;
  border-color: #fff !important;
  color: #fff !important;
}

.home-icons p:first-child {
  color: #009DC7;
  margin-top: 7px;
}

.home-icons h5 {
  color: #009DC7;
}

.notification-banner__button {
  margin-left: 15px;
  border: 2px solid #005980;
}

.notification-banner__button:hover {
  color: #FFFFFF;
  background-color: transparent;
  border: 2px solid #fff;
}
p.card-tag {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: 1px;
  position: relative;
  padding-bottom: 15px;
}

p.card-tag:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
  background-color: #000;
  height: 1px;
}
p.card-tag.white:after {
  background-color: #fff;
}

.videos-image a {
  display: block;
  height: 130px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}


/******************** RESPONSIVE *******************/
@media (max-width: 1240px) {
  /* .two-column-tablet.button-bottom .row-fluid .span3 {
  justify-content: space-between!important;
} */
}

@media (max-width: 1080px) {
  .footer-subs-form form {
    flex-wrap: wrap;
    align-items: center;
  }

  .footer-subs-form form .hs_email {
    width: 100%;
  }
  .footer-subs-form form input[type=submit] {
    width: 140px;
  }
}

@media only screen and (max-width: 980px) {
  div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
    font-size: 12px !important;
  }
  .hide-on-tablet{
    display:none!important;
  }
  .show-on-tablet{
    display:block!important;
  }
  .brix-activated .hide-on-tablet{
    display:block!important;
  }

  .ic-card-list a {
    width: 50%;
    padding: 15px;
  }

  .ic-card-list {
    grid-gap: 0;
  }
  .submenu.level-1>li a {
    font-family: Inter, Arial !important;
    font-size: 16px !important;
    font-weight:500 !important;
    text-align:left;
    padding:7px 15px !important;
  }
  .header__navigation.open, .header__search.open, .header__language-switcher.open {
    background-color: #fff;
    height: auto;
    top: 63px;
    z-index: 3;
  }

  .submenu.level-1 > li {
    border-top-width: 1px!important;
    padding: 0!important;
  }

  .header__cta__column.mb {
    width: 100%!important;
    text-align: left;
    padding: 0;
    border: 0;
  }

  .ly-cta-div {
    display: block;
    padding: 18px 15px;
    width: 100%;
    border-top: 1px solid #CED4DB;
  }

  .header__cta .hs_cos_wrapper {
    display: block!important;
  }

  .ly-cta-div a.cta-btn.login-cta {
    padding: 0;
  }

  .ly-cta-div a.cta-btn.signup-cta {
    padding: 0;
    border: none;
  }

  .ly-cta-div a.cta-btn:hover {
    color:#009DC7 !important;
  }

  .submenu.level-2 {
    width: 100%!important;
    border: none!important;
  }

  .submenu.level-2 .menu-item {
    border-top: 1px solid #CED4DB!important;
    padding: 10px 25px!important;
  }
  .header--toggle.header__navigation--toggle, .header--toggle.header__navigation--toggle.open{
    background-image:url('https://19927462.fs1.hubspotusercontent-na1.net/hubfs/19927462/thin-hamburger.png')!important;
    background-size: cover!important;
    height: 28px!important;
    width: 33px!important;
  }
  .submenu.level-1>li.has-submenu:after {
    content: "";
    border-color: transparent;
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 25px;bottom: 0;
    transform: rotate(-45deg);
    border-top: 2px solid;
    border-left: 2px solid;
    right: 28px;
    border-color: rgba(0,0,0,.3);
    border-style: none solid solid none;
    border-width: medium 2px 2px medium;
  }

  .submenu.level-1>li.has-submenu:hover:after {
    transform: rotate(45deg);
  }
  .submenu.level-1 > li.has-submenu {
    padding-right: 60px!important;
  }

  .submenu.level-1 > li.has-submenu > a {
    border-right: 1px solid #e7e7e7;
  }

  .submenu.level-2 {
    border-right: 1px solid #e7e7e7!important;
  }

  .submenu.level-2 .menu-item:first-of-type, .submenu.level-2 .menu-item:first-of-type .menu-link {
    border-radius: 0!important;
  }
  .two-column-tablet .row-fluid .span3 {
    width: 45%;
    margin: 10px;
  }
  .two-column-tablet > .row-fluid {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
  }
  .table-container {
    overflow-x: auto;
    margin-bottom: 20px;
  }
  .table-container table {
    width: 100%!important;
    table-layout: fixed!important;
  }
  .table-container table th,.table-container table td {
    width: 250px!important;
  }
  /* .table-container table {
  width: 100%!important;
} */
  .social-media-black-theme .cell_1630504117113-padding {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .border-top-tri-color .row-depth-2 .row-fluid .span9 {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .border-top-tri-color .row-depth-2 .row-fluid {
    display: block!important;
  }

  .border-top-tri-color .row-depth-2 .row-fluid .span3 {
    width: 80px;
    margin-bottom: 15px;
  }

  .border-top-tri-color p,.border-top-tri-color ul,.border-top-tri-color ul li {
    font-size: 16px!important;
  }
  /* .footer__social .social-links {
  grid-gap: 5px;
} */
  .videos-card {
    width: 30%;
  }
  .f-16-tablet, p, p > span,
  .join-our-partner-contact-form #hs_cos_wrapper_widget_1629631457974 .hs-form-booleancheckbox span p,
  .advanced-tabs.join-our-partner-contact-form .hs-form-booleancheckbox span p,
  .hsForm_a6b3c92b-6da1-407e-b7b5-6cca06a99683 .hs-form-booleancheckbox span p,
  .hsForm_74b97e6b-f6f0-4c3b-867b-4bceef34574f .hs-form-booleancheckbox span p,
  .hsForm_cd56051e-10c0-413f-b5a5-67bab9688e9b .hs-form-booleancheckbox span p,
  .hsForm_b70cfc15-4fc8-4650-9766-cc1acac04dac .hs-form-booleancheckbox span p{
    font-size: 16px !important;
  }
  .social-media-black-theme .row-depth-1:last-child .span4:nth-child(1),.social-media-black-theme .row-depth-1:last-child .span4:nth-child(3) {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .horizontal-code-tab .tab-head {
    width: 100%;
  }

  .horizontal-code-tab .tab-body {
    width: 100%;
  }

  .horizontal-code-tab {flex-wrap: wrap;}

  .horizontal-code-tab .tab-body .tabcontent {
    padding: 0;
  }

  .horizontal-code-tab .tab button.tablinks {
    padding: 18px 16px;
    font-size: 17px;
  }
  .button-bottom-2 .row-fluid .span3,
  .button-bottom-2 .row-fluid .span4 {
    padding-bottom: 30px!important;
  }
  .social-links__icon {
    margin: 0 !important;
  }
  .social-links__icon {
    height: 33px!important;
    width: 33px!important;
  }
  .header__container.content-wrapper {
    padding-bottom: 9px;
  }
  p.card-tag, 
  p.card-tag > span {
    font-size: 12px!important;
  }
}


@media only screen and (max-width: 900px) {
  .hs-button-div a.hs-button {
    padding-left: 10px!important;
    padding-right: 10px!important;
    width: 100%;
    text-align:center;
  }
  .hs-button-div a.hs-button.not-full-in-tablet {
    width: auto;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media only screen and (max-width: 855px) {
  .modal-content {
    width:95%;
  }
}

@media (max-width: 767px) {
  .advanced-tabs.join-our-partner-contact-form.form-card button#edge,
  .advanced-tabs.join-our-partner-contact-form.form-card button#cloud,
  .advanced-tabs.join-our-partner-contact-form.form-card button#cratedb {
    color: #000 !important
  }

  .footer-widget {
    text-align: left;
  }

  .footer-widget-content {
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .footer-widget-content .hs_cos_wrapper_widget {
    display: none;
  }

  .footer-subs-form form .hs_submit {
    margin: 0 auto;
    width: auto;
  }

  h3.footer-menu-title {
    position: relative;
    cursor:pointer;
  }

  h3.footer-menu-title:after {
    content: "\f0d7";
    font-family: 'Font Awesome 5 Free';
    margin-left: 3px;
    font-weight: 900;
  }
  .social-links__icon {
    margin: 0 15px !important;
  }

  .social-links {
    padding-left: 10px;
  }
  .footer-subs-form {
    margin-bottom: 20px;
  }

  div#breadcrumbs {
    margin-bottom: 20px;
  }
  .social-media-black-theme .row-depth-1:last-child .span4 {
    border-top: 1px solid #ffffff6b;
    text-align: center;
  }

  .social-media-black-theme .row-depth-1:last-child .span4:nth-child(2) {
    border-right: none;
    border-left: none;
  }

  .social-media-black-theme .row-depth-1:last-child .span4:last-child {
    border-bottom: 1px solid #ffffff6b;
  }

  .social-media-black-theme .row-depth-1:last-child .span4 .span12 {
    align-items: center!important;
  }
  .join-our-partner-contact-form fieldset.form-columns-2 .input,
  .hsForm_74b97e6b-f6f0-4c3b-867b-4bceef34574f .hs-fieldtype-textarea .input {
    margin-right: 0 !important;
  }

  .join-our-partner-contact-form .hs-form-field {
    width: 100%!important;
    float: none!important;
    margin-bottom: 20px!important;
  }
  .center-on-mobile{
    text-align:center!important;
  }
  .photo-flip img.image-top {
    left: calc(50% - 150px);
  }
  /* .horizontal-code-tab .tab-head {
  width: 100%;
}

  .horizontal-code-tab .tab-body {
  width: 100%;
}

  .horizontal-code-tab {flex-wrap: wrap;}

  .horizontal-code-tab .tab-body .tabcontent {
  padding: 0;
}

  .horizontal-code-tab .tab button.tablinks {
  padding: 18px 16px;
  font-size: 17px;
} */

  button.tab-pill, button.tab-pill.active, button.tab-pill:hover {
    font-size: 16px;
    padding: 9px 20px;
    display: block;
    margin: 0 auto;
    width: 140px;
  }

  .tab-pills.statement-result {
    bottom: 30px;
  }

  button.tab-pill:first-child {
    margin-bottom: 12px;
    margin-right:auto;
  }
  .advanced-tabs .tab {
    flex-direction: column;
  }

  .advanced-tabs button.tablinks {
    padding: 20px 0;
    color: #009DC7;
  }

  .join-our-partner-contact-form.advanced-tabs button.tablinks {
    color: #fff;
  }

  .advanced-tabs .tabcontent {
    padding: 0;
  }
  .hs-button-div{
    text-align:center!important;
  }
  .hs-landing-page main#main-content {
    margin-bottom: 0;
  }

  .hs-landing-page h1 {
    line-height: 1.3;
  }

  .footer-lp-menu ul li {
    display: block;
    margin-bottom: 13px;
    margin-left: 0;
    text-align: center;
  }

  .social-label {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
  }

  .footer-lp-social div#hs_cos_wrapper_footer_social {
    padding-left: 0;
  }

  .footer__logo {
    text-align: center;
  }

  .footer-lp-social .social-links {
    justify-content: center !important;
  }
  .sticky-content{
    position:relative;
  }
  .center-border .dnd-row .dnd-column:nth-child(2) {
    border-right: none;
    border-left: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .footer-lp .span4:first-child {
    text-align: center;
    margin-bottom:10px;
  }
  .three-column-white-border .span4 {
    border-right: none;
    border-top:1px solid hsla(0,0%,100%,.6);
  }

  .three-column-white-border .span4:first-child {
    border-left: none;
  }

  .three-column-white-border {
    border-top: none;
  }

  .ic-card-list a {
    width: 50%;
    padding: 15px;
  }

  .ic-card-list {
    grid-gap: 0;
  }

  .ic-content,.ic-card-list a:hover .ic-content {
    opacity: 1;
    text-align: center;
    padding: 10px;
  }

  .ic-card-list a:hover .ic-overlay,.ic-overlay {
    background: linear-gradient(180deg,rgba(0,0,0,.5) 50%,rgba(0,0,0,.5));
  }

  .ic-card-list a:hover {
    opacity: 1;
  }
  .ic-content {
    position: relative;
  }

  .ic-title {
    left: 0;
    bottom: 15px;
    width: 100%;
  }

  .ic-card-list a {
    height: 300px;
  }
  .btn-div-group a:first-child {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .videos-card {
    width: 45%;
  }
  .animated-hero .span6 .black {
    display: none;
  }

  .animated-hero .content-wrapper {
    padding: 40px 20px;
  }
  .hs-button-div a.hs-button {
    padding-left: 25px!important;
    padding-right: 25px!important;
    width: auto;
  }
  .trim-on-mobile {
    padding: 50px 0!important;
  }
  footer.footer {
    padding: 0;
  }

  div#breadcrumbs {
    padding: 20px;
    padding-bottom: 0;
  }

  .span2.footer-widget-content {
    border-top: 1px solid rgba(0,0,0,.15);
    padding: 20px;
    padding-bottom: 0;
  }

  .footer-second-row-overlay {
    padding: 7px 20px;
    border-top: 1px solid rgba(0,0,0,.15);
  }
  .blog-index_post {
    text-align: center;
  }

  p.read_more_holder {
    text-align: center;
  }
  span.read_more_line {
    display: inline-block;
    margin: 0 auto;
  }
  a.cr-link-arrow {
    display: block;
  }
  .social-media-black-theme .cell_1630504117113-padding {
    padding-left: 20px!important;
    padding-right: 20px!important;
  }
  .crate-hero {
    padding: 50px 20px!important;
  }
  .hide-on-mobile{
    display:hide!important;
  }
  .show-on-mobile{
    display:block!important;
  }
  .footer__social .social-links {
    grid-gap: 10px;
  }
  .more-info-block {
    width: 100%;
    margin-bottom: 20px;
  }
  .more-info-block-container {
    display: block;
  }
  .more-info {
    padding: 20px;
  }
  .crate-section-bodytext__body h2 {
    font-size: 32px!important;
  }

  .crate-section-bodytext__body h3 {
    font-size: 29px!important;
  }
  article.blog-post.additional-content {
    padding-left: 20px!important;
    padding-right: 20px!important;
  }
  .footer-lp.mb{
    display:block;
  }
  .footer-lp.pc{
    display:none;
  }
  .google-map {
    margin-top: 0;
  }
  .button-bottom-2 .row-fluid .span3,
  .button-bottom-2 .row-fluid .span4{
    padding-bottom: 75px!important;
  }
  .social-label{
    top: 0;
  }

  .join-our-partner-contact-form #hs_cos_wrapper_widget_1629631457974 .hs-error-msgs li,
  .advanced-tabs.join-our-partner-contact-form .hs-error-msgs li,
  .hsForm_a6b3c92b-6da1-407e-b7b5-6cca06a99683 .hs-error-msgs li,
  .hsForm_74b97e6b-f6f0-4c3b-867b-4bceef34574f .hs-error-msgs li,
  .hsForm_b70cfc15-4fc8-4650-9766-cc1acac04dac .hs-error-msgs li,
  .hsForm_dbf8914c-84fe-4c01-94af-8aa6e41cfe13 .hs-error-msgs li {
    width: 100% !important;
  }

}



@media only screen and (max-width: 500px) {
  .videos-card {
    width: 100%;
  }
  .ic-card-list a {
    width: 100%;
  }
  .ic-content {
    padding-top: 25px;
  }
  .two-column-tablet .row-fluid {
    display: block;
  }

  .two-column-tablet .row-fluid .span3 {
    width: 100%;
    margin: 0;
  }
  .ic-card-list a {
    height: auto;
  }

  .ic-content {
    padding: 25px 20px 50px 20px;
  }

  .ic-card-list a:hover .ic-content {
    padding: 25px 20px 50px 20px;
  }
  .videos-image a {
    height: 170px;
  }
}

/* ccla button orientation */
.hs-content-id-59908150805 .cell_16299030822215-vertical-alignment .row-number-12,
.hs-content-id-59908150805 .cell_1629904172801-vertical-alignment .row-number-17,
.hs-content-id-59908150805 .cell_1629904166913-vertical-alignment .row-number-22 {
  flex-grow: 1;
  padding-bottom: 30px;
}



/* landingpage update */
.header-800 .hs_cos_wrapper_type_linked_image img {
  max-width: 800px !important;
  width: 100%;
  padding: 0 15px;
}

/* youtube embed width */
.oembed_container,
.oembed_container_iframe {
  max-width: 100%;
}

/* code snippets */
code[class*="language-"], 
pre[class*="language-"] {
  font-family: 'Roboto Mono',Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace !important;
}