/* Theme base styles  test */

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

/* CSS variables */

:root {
  --column-gap: 0px;
  --column-width-multiplier: 10;
}



/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 30px;
}


.row-fluid .span1,
.row-fluid .span2,
.row-fluid .span3,
.row-fluid .span4,
.row-fluid .span5,
.row-fluid .span6,
.row-fluid .span7,
.row-fluid .span8,
.row-fluid .span9,
.row-fluid .span10,
.row-fluid .span11,
.row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 1024px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.dnd-section > .row-fluid {
  margin: 0 auto;
  
}

.container .hs_cos_wrapper .container {
  padding-inline: 0;
}

.dnd-section .dnd-column {
  padding: 0 15px;
}

.dnd-section .dnd-column .dnd-column {
  padding: 0;
}

.dnd-section .dnd-column .px-unset {
  margin-left: -15px;
  margin-right: -15px;
}

/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/

/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/


/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images, iframe*/

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

.widget-type-header {
  margin: 0 auto;
  max-width: 1310px;
  padding-top: 20px;
}

.widget-type-rich_text {
  padding-block: 20px;
}

@media (min-width: 768px) {
  .widget-type-rich_text {
    padding-block: 40px;
  }
}

#footer .widget-type-rich_text {
  padding-block: 0;
}

iframe {
  width: 100%;
  border: none;
}
.oembed_container,
.hs_cos_wrapper .oembed_container {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

@media (min-width: 1310px) {
  .blog-post__body .two-column-layout,
  .blog-post__body .contact-cards-holder.row-view,
  .blog-post__body .references-section{
    margin-inline: -160px;
  }
}

.hs-embed-wrapper {
  max-width: unset !important;
}

.hs-form.hs-form {
  margin: 0 auto
}

.hs-form.hs-form .form-columns-1 .input,
.hs-form.hs-form .form-columns-2 .input {
  margin: 0
}
.hs-form.hs-form fieldset {
  max-width: none
}
.hs-form.hs-form .form-columns-1 .hs_email.hs_email .hs-input {
  width: 100%
}
.hs-form.hs-form .hs-submit {
  padding: 15px 0 0
}
.hs-form.hs-form .invalid {
  border-color: #eb0000
}
.hs-form.hs-form .hs-error-msgs {
  padding: 10px 0 0
}
.hs-form.hs-form .hs-error-msgs label {
  font-size: 12px;
  color: #eb0000
}

.hs-form.hs-form .form-columns-2 {
    margin: 0 -10px
  }

.hs-form.hs-form .form-columns-2 .hs-form-field {
  padding: 0 10px 15px;
  width: 100%;
}

@media (min-width:480px) {
  .hs-form.hs-form .form-columns-2 .hs-form-field {
    padding: 0 10px 15px;
    width: 50%
  }
}

.hs-form.hs-form .hs-form-field {
  padding: 0 0 15px
}
.hs-form.hs-form input[type=checkbox] {
  position: absolute;
  top: -9999px;
  opacity: 0;
  visibility: hidden
}
.hs-form.hs-form .hs-form-booleancheckbox span:not([class]):not([id]) {
  font-size: 14px;
  padding: 0 0 0 30px;
  display: block;
  position: relative;
  cursor: pointer
}
.inputs-list.multi-container li label input[type=checkbox] {
    opacity: 1;
    position: static;
    top: auto;
    visibility: visible;
    background: #fff;
    border: 1px solid #a7a7a7;
    border-radius: 2px;
    content: "";
    margin: 0 5px 0 0;
    height:15px;
    width: 15px;
    accent-color: #eb0000;
}
.hs-form.hs-form .hs-form-booleancheckbox span:not([class]):not([id]):before {
  -webkit-transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #a7a7a7;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 2px
}
.hs-form.hs-form .hs-form-booleancheckbox span:not([class]):not([id]):after {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  border: 1px solid #fff;
  border-width: 0 3px 3px 0;
  width: 7px;
  height: 11px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.hs-form.hs-form .hs-form-booleancheckbox input[type=checkbox]:checked + span:before {
  background: #eb0000;
  border-color: #eb0000
}
.nav-active {
  overflow: hidden;
  position: relative;
  z-index: 20
}

.hs-form .input > .hs-input {
  width: 100% !important;
}

@media (min-width:480px) {
  .hs-form .form-columns-2 .hs-form-field {
    width: 50% !important;
    float: left;
  }
}


.hs-form .hs-input[type=radio] {
  display: inline-block;
  margin-right: 0.5rem;
}

fieldset,
form {
  margin: 0;
  padding: 0;
  border-style: none
}
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select.hs-input,
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  padding: 10px;
  font-size: 14px;
  line-height: 16px;
  font-family: "Open Sans","Helvetica Neue","Helvetica",sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #a7a7a7;
  border-radius: 2px;
  background-color: #fff;
  width: 100%
}
input[type=email]:not(textarea),
input[type=password]:not(textarea),
input[type=search]:not(textarea),
input[type=tel]:not(textarea),
input[type=text]:not(textarea),
input[type=url]:not(textarea),
select.hs-input,
textarea:not(textarea) {
  height: 42px
}
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select.hs-input:focus,
textarea:focus {
  outline: 0;
  border-color: #000
}
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ddd
}
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #ddd
}
input[type=email]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder {
  color: #ddd
}
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ddd
}
input[type=email].placeholder,
input[type=password].placeholder,
input[type=search].placeholder,
input[type=tel].placeholder,
input[type=text].placeholder,
input[type=url].placeholder,
textarea.placeholder {
  color: #ddd
}
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #a7a7a7;
  font-size: 16px;
  font-weight: 400
}
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a7a7a7;
  font-size: 16px;
  font-weight: 400
}
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #a7a7a7;
  font-size: 16px;
  font-weight: 400
}
input[type=email]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=search]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
input[type=url]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #a7a7a7;
  font-size: 16px;
  font-weight: 400
}
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=url]::placeholder,
textarea::placeholder {
  color: #a7a7a7;
  font-size: 16px;
  font-weight: 400
}
input[type=search] {
  padding: 10px 20px 10px 40px
}
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none
}
.btn, .hs-form .hs-button.large {
  background: #eb0000;
  color: #fff;
  border: 1px solid #eb0000;
  -webkit-transition: background 0.3s ease-in-out,color 0.3s ease-in-out,background-color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out,color 0.3s ease-in-out,background-color 0.3s ease-in-out;
  border-radius: 0;
  display: inline-block;
  font-size: 15px;
  line-height: 17px;
  padding: 15px 20px;
  vertical-align: top;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.5px;
  height: auto;
  margin: 0 10px 15px 0
}

.btn:hover, .hs-form .hs-button.large:hover {
  background: #fff;
  color: #eb0000;
  border: 1px solid #eb0000
}
@media (min-width:992px) {
  .btn, .hs-form .hs-button.large {
    font-size: 18px;
    margin: 0 25px 30px 0;
    padding: 26px 40px;
    min-width: 213px
  }
}
.btn-white {
  background: #fff;
  color: #333;
  border: 1px solid #333
}
.btn-white:hover {
  background: #333;
  color: #fff;
  border: 1px solid #333
}
.btn-pointer {
  position: relative;
  border: 0;
  background: 0 0;
  color: #333;
  padding: 0 0 0 25px;
  text-align: left
}
@media (min-width:992px) {
  .btn-pointer {
    min-width: 0
  }
}
.btn-pointer:hover {
  color: #eb0000;
  border: 0;
  background: none
}
@media (min-width:992px) {
  .btn-pointer:hover {
    color: #eb0000;
    border: 0
  }
}
.btn-pointer:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 10px;
  height: 16px;
  background: url('data:image/svg+xml,<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.70583 0.0015563L0.196358 3.43324e-08L5.42199 8.18588L-2.79753e-06 16L4.65765 15.9947L10 8.13301L4.70583 0.0015563Z" fill="%23EB0001"/></svg>') center no-repeat;
  margin-right: 12px;
  -webkit-transition: margin 0.35s linear;
  transition: margin 0.35s linear
}
.btn-group {
  margin: 0 -5px -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.btn-group .btn {
  margin: 0 5px 10px
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}

.uc-embedding-wrapper {
  padding: 6px 12px;
}
.uc-embedding-wrapper h3 {
  font-size: 16px;
  line-height: 1.2;
}
.uc-embedding-wrapper .description-text {
  line-height: 1.2;
}
.uc-embedding-container .uc-embedding-buttons .uc-embedding-accept {
  color: #fff;  
  background-color: #eb0000;
}
.uc-embedding-container .uc-embedding-buttons .uc-embedding-accept:hover {
  color: #eb0000;  
  background-color: #fff;
  border: 1px solid #eb0000; 
}
.uc-embedding-container .uc-embedding-buttons .uc-embedding-more-info {
  color: #333333;
  background-color: #fff;
  border: 1px solid #333333;
}
.uc-embedding-container .uc-embedding-buttons .uc-embedding-more-info:hover {
  color: #fff;
  background-color: #333333;