:root {
  /* Font Sizes */
  --font-size-2xl: 3rem;
  --font-size-xl: 2.25rem;
  --font-size-l: 1.625rem;
  --font-size-m: 1.125rem;
  --font-size-s: 1rem;
  --font-size-xs: 0.875rem;
  --font-size-2xs: 0.75rem;

  /* Line Heights */
  --line-height-default: 1.5;
  --line-height-bigtext: 1.2;
  /* Content Wrapper */
  --text-wrapper: 800px;
  /* Border Radius */
  --radius-default: 10px;
  /* Spacing */
  --space-unit: 1.25rem;
  --space-xxxxs: calc(0.125 * var(--space-unit));
  --space-xxxs: calc(0.25 * var(--space-unit));
  --space-xxs: calc(0.375 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: calc(1.25 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(3.25 * var(--space-unit));
  --space-xxl: calc(5.25 * var(--space-unit));
  --space-xxxl: calc(8.5 * var(--space-unit));
  --space-xxxxl: calc(13.75 * var(--space-unit));
  --component-padding: var(--space-md);
  /* Animation*/
  --easing-default: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
}
[data-scroll] {
  opacity: 0;
  will-change: transform, scale, opacity;
  transform: translateY(1rem) scale(0.93);
  transition: all 0.5s var(--easing-default);
}

[data-scroll="in"] {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.fade[data-scroll] {
  opacity: 0;
  will-change: opacity;
  transition: all 0.5s var(--easing-default);
  transform: translateY(0) scale(1);
}

.fade[data-scroll="in"] {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Little hack for HS editor visibility */

/* Little Hack for HS Editor Interface to always show images */

.hs_cos_wrapper_widget .fade[data-scroll],
.hs_cos_wrapper_widget [data-scroll] {
  opacity: 1 !important;
}

/* Keyframe animations */

@keyframes showFlex {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body {
  overflow-x: hidden;
}
body {
  position: relative;
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1200px;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

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

.dnd-section > .row-fluid {
  margin: 0 auto;
  max-width: 1200px;
}

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

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }

  .dnd-section,
.content-wrapper--vertical-spacing {
  padding: 40px 20px;
}
}
/* Responsive Grid */
.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
  display: table;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 28px;
  margin-left: 2.127659574%;
  *margin-left: 2.0744680846382977%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
  *width: 99.94680850063828%;
}

.row-fluid .span11 {
  width: 91.489361693%;
  *width: 91.4361702036383%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
  *width: 82.92553190663828%;
}

.row-fluid .span9 {
  width: 74.468085099%;
  *width: 74.4148936096383%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
  *width: 65.90425531263828%;
}

.row-fluid .span7 {
  width: 57.446808505%;
  *width: 57.3936170156383%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
  *width: 48.88297871863829%;
}

.row-fluid .span5 {
  width: 40.425531911%;
  *width: 40.3723404216383%;
}

.row-fluid .span4 {
  width: 31.914893614%;
  *width: 31.8617021246383%;
}

.row-fluid .span3 {
  width: 23.404255317%;
  *width: 23.3510638276383%;
}

.row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.8404255306383%;
}

.row-fluid .span1 {
  width: 6.382978723%;
  *width: 6.329787233638298%;
}

.container-fluid {
  *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
  display: table;
  content: "";
}

.container-fluid:after {
  clear: both;
}

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.762430939%;
    *margin-left: 2.709239449638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 99.999999993%;
    *width: 99.9468085036383%;
  }
  .row-fluid .span11 {
    width: 91.436464082%;
    *width: 91.38327259263829%;
  }
  .row-fluid .span10 {
    width: 82.87292817100001%;
    *width: 82.8197366816383%;
  }
  .row-fluid .span9 {
    width: 74.30939226%;
    *width: 74.25620077063829%;
  }
  .row-fluid .span8 {
    width: 65.74585634900001%;
    *width: 65.6926648596383%;
  }
  .row-fluid .span7 {
    width: 57.182320438000005%;
    *width: 57.129128948638304%;
  }
  .row-fluid .span6 {
    width: 48.618784527%;
    *width: 48.5655930376383%;
  }
  .row-fluid .span5 {
    width: 40.055248616%;
    *width: 40.0020571266383%;
  }
  .row-fluid .span4 {
    width: 31.491712705%;
    *width: 31.4385212156383%;
  }
  .row-fluid .span3 {
    width: 22.928176794%;
    *width: 22.874985304638297%;
  }
  .row-fluid .span2 {
    width: 14.364640883%;
    *width: 14.311449393638298%;
  }
  .row-fluid .span1 {
    width: 5.801104972%;
    *width: 5.747913482638298%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.564102564%;
    *margin-left: 2.510911074638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145300001%;
    *width: 91.3997999636383%;
  }
  .row-fluid .span10 {
    width: 82.905982906%;
    *width: 82.8527914166383%;
  }
  .row-fluid .span9 {
    width: 74.358974359%;
    *width: 74.30578286963829%;
  }
  .row-fluid .span8 {
    width: 65.81196581200001%;
    *width: 65.7587743226383%;
  }
  .row-fluid .span7 {
    width: 57.264957265%;
    *width: 57.2117657756383%;
  }
  .row-fluid .span6 {
    width: 48.717948718%;
    *width: 48.6647572286383%;
  }
  .row-fluid .span5 {
    width: 40.170940171000005%;
    *width: 40.117748681638304%;
  }
  .row-fluid .span4 {
    width: 31.623931624%;
    *width: 31.5707401346383%;
  }
  .row-fluid .span3 {
    width: 23.076923077%;
    *width: 23.0237315876383%;
  }
  .row-fluid .span2 {
    width: 14.529914530000001%;
    *width: 14.4767230406383%;
  }
  .row-fluid .span1 {
    width: 5.982905983%;
    *width: 5.929714493638298%;
  }
}

/* Clearfix */
.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

/* Visibilty Classes */
.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* Responsive Visibilty Classes */
.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
}
.hs_cos_gallery_main .slick-slide img {
  max-height: 70vh;
}

.hs_cos_wrapper_type_linked_image img {
  border-radius: var(--radius-default);
}

.widget-type-rich_text,
.widget-type-header,
.widget-type-form {
  max-width: var(--text-wrapper);
  margin: auto;
}





.cta_button, .hs-button {
  font-family: neue-haas-unica, sans-serif;
  background-color: rgba(255, 86, 48, 1.0);
  border-radius: var(--radius-default);
  color: #FFFFFF;
  padding: 15px 20px;
  font-size: var(--font-size-s);
  font-weight: 500;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: background-color 0.15s ease-in-out, border-color 0.15s linear, color 0.15s ease-in-out, color 0.15s linear, color 0.15s ease-in-out;
}

.cta_button:hover, .cta_button:focus, .cta_button:active, a.hs-button:hover, a.hs-button:focus, a.hs-button:active {
  background-color: #000000;
  color: #FFF;
  text-decoration: none;
}

a.hs-button, a.hs-button:hover, a.hs-button:focus, a.hs-button:active {
font-family: neue-haas-unica, sans-serif;
}


.cta_button:disabled, .hs_button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}
.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}
.slick-dots li {
  margin: 0 0.25rem;
}
.slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 100%;
  opacity: 0.2;
  background-color: #2b2d36;
  text-indent: -9999px;
  transition: transform 0.3s var(--ease-in-out);
  transform: scale(0.7);
}
.slick-dots li.slick-active button {
  background-color: #2b2d36;
  opacity: 1;
  transform: scale(1);
}

.slick-dots li:only-child {
  display: none;
}
button, .button {
font-family: soleil, sans-serif;
  background-color: rgba(255, 86, 48, 1.0);
  border-radius: var(--radius-default);
  color: #FFFFFF;
  padding: 15px 20px;
  font-size: var(--font-size-s);
  font-weight: 800;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: background-color 0.15s ease-in-out, border-color 0.15s linear, color 0.15s ease-in-out, color 0.15s linear, color 0.15s ease-in-out;
}

button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active {
  background-color: #000000;
  color: #FFF;
  text-decoration: none;
}

button:disabled, .button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

.widget-type-cta {
  font-family: soleil, sans-serif;
  background-color: rgba(255, 86, 48, 1.0);
  border: 2px solid #FF5630;
  border-radius: var(--radius-default);
  color: #FFFFFF;
  padding: 15px 20px;
  font-size: var(--font-size-2xs);
  font-weight: 800;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: background-color 0.15s ease-in-out, border-color 0.15s linear, color 0.15s ease-in-out, color 0.15s linear, color 0.15s ease-in-out;
}

.widget-type-cta:hover, .widget-type-cta:focus, .widget-type-cta:active {
  background-color: #3b66c9;
  border-color: #3b66c9;
  color: #FFF;
  text-decoration: none;
}

.widget-type-cta:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

.widget-type-cta a {
  color: white;
}

.widget-type-cta a:hover, .widget-type-cta a:focus, .widget-type-cta a:active {
  color: white;
  text-decoration: none;
}

.button--outlined {
  background-color: transparent;
  color: #FF5630;
  border: 2px solid #FF5630;
  font-weight: 800;
}

.button--outlined:hover {
background-color: #FF5630;
color: #FFFFFF;
  border: 2px solid #FF5630;
}

.button--secondary {
  color: #2B2D36;
  background: none;
  border: none;
  padding: 0;
  transition: all;
  text-decoration: none; 
  position: relative; 
  font-weight: 800;
}

.button--secondary:after {
  position: absolute;
        content: '';
        height: 2px;
        bottom: -8px; 

        margin: 0 auto;
		  left: 0;
        right: 0;
		  width: 100%;
		  background: #2B2D36;
		  
		  /* optional animation */
		  -o-transition:.2s;
  		  -ms-transition:.2s;
        -moz-transition:.2s;
        -webkit-transition:.2s;
        transition:.2s;
}

.button--secondary:hover, .button--secondary:focus, .button--secondary:active {
  background: none;
  border: none;
  text-decoration: none;
  color: #FF5630;
}

.button--secondary:hover:after, .button--secondary:focus:after, .button--secondary:active:after {
  width: 90%;
  background: #FF5630;
}

.button--secondary:disabled {
  background: none;
  border: none;
  color: #aeaeae;
  cursor: auto;
}




/* Scrollbar Styling for some browsers */
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #000000 #ffffff;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #ffffff;
}

*::-webkit-scrollbar-thumb {
  background-color: #000000;
  border-radius: 20px;
  border: 3px solid #ffffff;
}
/* Form */
form, .submitted-message {
  font-family: , sans-serif;
}

.hs-form-field {
  margin: 0 0 1rem;
}

/* Labels */
form label {
  color: #2B2D36;
  display: block;
  font-size: var(--font-size-xs);
  font-weight: 400;
  padding-top: 0;
  margin-bottom: 0.35rem;
  text-align: left;
  width: auto;
}

/* Help text - legends */
form legend {
  color: #33475B;
  font-size: var(--font-size-xs);
}

/* Inputs */
.input {
  position: relative;
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
  background-color: #FFF;
  border: 1px solid #DADADA;
  display: inline-block;
  font-size: var(--font-size-xs);
  font-weight: 400;
  padding: .75rem 1rem;
  width: 100%;
  border-color: #2B2D36;
  color: #2B2D36;
  border-radius: 6px;
}

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 {
  outline: none;
  border: 1px solid #FF5630;
}

fieldset {
  max-width: 100% !important;
}

fieldset.form-columns-0, fieldset.form-columns-1, fieldset.form-columns-2, fieldset.form-columns-3 {
  margin-left: -4px;
  margin-right: -4px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

fieldset.form-columns-0 > div, fieldset.form-columns-1 > div, fieldset.form-columns-2 > div, fieldset.form-columns-3 > div {
  margin-left: 4px;
  margin-right: 4px;
}

fieldset.form-columns-0 .hs-form-field, fieldset.form-columns-1 .hs-form-field, fieldset.form-columns-2 .hs-form-field, fieldset.form-columns-3 .hs-form-field {
  flex-grow: 1;
  flex-basis: 135px;
}

fieldset.form-columns-0 .hs-form-field .input, fieldset.form-columns-1 .hs-form-field .input, fieldset.form-columns-2 .hs-form-field .input, fieldset.form-columns-3 .hs-form-field .input {
  margin-right: 0;
}

fieldset.form-columns-0 .hs-form-field .hs-input, fieldset.form-columns-1 .hs-form-field .hs-input, fieldset.form-columns-2 .hs-form-field .hs-input, fieldset.form-columns-3 .hs-form-field .hs-input {
  width: 100% !important;
}

fieldset.form-columns-0 .hs-form-field input[type=checkbox],
fieldset.form-columns-0 .hs-form-field input[type=radio], fieldset.form-columns-1 .hs-form-field input[type=checkbox],
fieldset.form-columns-1 .hs-form-field input[type=radio], fieldset.form-columns-2 .hs-form-field input[type=checkbox],
fieldset.form-columns-2 .hs-form-field input[type=radio], fieldset.form-columns-3 .hs-form-field input[type=checkbox],
fieldset.form-columns-3 .hs-form-field input[type=radio] {
  width: auto !important;
}

/* Form placeholder text */
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #E4E4E4;
}

/* Inputs - checkbox/radio */
form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.inputs-list > li {
  display: block;
  margin: 0.7rem 0;
  padding: 0;
  width: 100%;
}

.inputs-list input,
.inputs-list span {
  font-size: var(--font-size-xs);
  vertical-align: middle;
}

.hs-input[type=checkbox],
.hs-input[type=radio] {
  border: none;
  cursor: pointer;
  height: auto;
  line-height: normal;
  margin-right: 0.35rem;
  padding: 0;
  width: auto;
}

.hs-input[type=checkbox] + label,
.hs-input[type=radio] + label {
  display: inline-block;
  vertical-align: top;
}

/* Inputs - datepicker */
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #E4E4E4;
  content: '\01F4C5';
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.fn-date-picker button, .fn-date-picker .button {
  min-width: auto;
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
  background-color: #FF5630;
}

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

.fn-date-picker td.is-selected .pika-button {
  background: #FF5630;
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover {
  background: #FF5630 !important;
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */
input[type=file] {
  background-color: transparent;
  border: initial;
  box-shadow: none;
  line-height: initial;
  padding: initial;
}

/* Headings and text */
form .hs-richtext,
form .hs-richtext p {
  font-size: var(--font-size-2xs);
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

form .header {
  background-color: transparent;
  border: none;
}

h3.form-title {
  color: #2B2D36;
}

/* GDPR */
.legal-consent-container {
  margin: 0;
}

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  font-size: var(--font-size-xs);
}

/* Validation */
.hs-form-required {
  color: #FF5630;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
  font-weight: 400;
}

/* Submit button */
form input[type=submit],
form .hs-button {
background-color: rgba(255, 86, 48, 1.0);
 border-radius: var(--radius-default);
border: none;
color: #FFFFFF;
padding: 15px 20px;
font-size: var(--font-size-s);
font-weight: 500;
display: inline-block;
width: auto;
height: auto;
margin: 0;
cursor: pointer;
line-height: 1.1;
letter-spacing: 0.03em;
white-space: normal;
word-break: break-word;
text-align: center;
text-decoration: none;
position: relative;
transition: background-color 0.15s ease-in-out, border-color 0.15s linear, color 0.15s ease-in-out, color 0.15s linear, color 0.15s ease-in-out;
}

form input[type=submit]:hover, form input[type=submit]:focus, form input[type=submit]:active,
form .hs-button:hover,
form .hs-button:focus,
form .hs-button:active {
  background-color: #000000;
  border-color: #000000;
  color: #FFF;
  text-decoration: none;
}

form input[type=submit]:disabled,
form .hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* Captcha */
.grecaptcha-badge {
  margin: 0;
  max-width: 100%;
}
/* Table */
table {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid #2B2D36;
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

tbody + tbody {
  border-top: 2px solid #2B2D36;
}

/* Table Cells */
th,
td {
  border: 1px solid #2B2D36;
  color: #2B2D36;
  padding: 0.75rem;
  vertical-align: top;
}

/* Table Header */
thead th,
thead td {
  background-color: rgba(255, 86, 48, 1);
  color: #FFFFFF;
  vertical-align: bottom;
}

/* Table footer */
tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: #2B2D36;
}
html {
  font-size: var(--font-size-s);
}

body {
font-family: neue-haas-unica, sans-serif;
  color: #2B2D36;
  margin: 0;
  line-height: 1.5;
  word-break: break-word;
  font-weight: 400;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "kern";
  -webkit-font-kerning: normal;
  font-kerning: normal;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  word-break: break-all;
}

/* Paragraphs */
p {
  font-size: var(--font-size-s);
  line-height: 1.6;
  margin: 0 0 1.4rem;
  
font-weight: 400;
font-style: normal;
letter-spacing: 0.2px
}

strong {
  font-weight: 500;
}

/* Anchors */
a {
color: #FF5630;
  cursor: pointer;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: underline;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: soleil, sans-serif;
  font-weight: 800;
  margin: 0 0 1.4rem;
  color: #2B2D36;
}

h1,
h2 {
  line-height: 1.2;
}

h3,
h4,
h5,
h6 {
  line-height: 1.5;
}

h1 {
  font-size: var(--font-size-xl);

}

h2 {
font-size: var(--font-size-l);

}

h3 {
font-size: var(--font-size-m);

}

h4 {
font-size: var(--font-size-s);

}

h5 {
font-size: var(--font-size-xs);

}

h6 {
font-size: var(--font-size-xs);

}

@media only screen and (min-width:1025px) {
h1 {
  font-size: var(--font-size-2xl);

}

h2 {
font-size: var(--font-size-xl);

}

h3 {
font-size: var(--font-size-l);

}

h4 {
font-size: var(--font-size-m);

}

h5 {
font-size: var(--font-size-s);

}

h6 {
font-size: var(--font-size-s);

}
}

pre {
    padding: 20px;
    background: #F5F5F6;
    border-radius: var(--radius-default);
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    font-family: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
}

/* Lists */
ul,
ol {
  margin: 0 0 1.5rem;
  padding: 0 0 0 1.1rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 4px 0;
}

ul.no-list {
  list-style: none;
}

/* Code blocks */
code {
  vertical-align: bottom;
}

/* Blockquotes */
blockquote {
  border-left: 2px solid #FF5630;
  margin: 0 0 1.4rem;
  padding-left: 15px;
}

/* Horizontal rules */
hr {
  background-color: #CCC;
  border: none;
  color: #CCC;
  height: 1px;
}

/* Subscripts and superscripts */
sup,
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Focus styles */
:focus {
  outline: auto;
  outline-color: #FF5630;
}

.disable-focus-styles :focus {
  outline: none;
}
/* Blog subscribe */
.blog-subscribe {
  padding: 80px 0;
}

.blog-subscribe__wrapper {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .blog-subscribe__wrapper {
    display: block;
  }
}

.blog-subscribe__header {
  flex-basis: 50%;
  flex-grow: 1;
  max-width: 50%;
  box-sizing: border-box;
  padding: 0 20px;
}

.blog-subscribe__form {
  flex-basis: 50%;
  box-sizing: border-box;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {

    .blog-subscribe__header {
      flex-basis: 100%;
      flex-grow: 1;
      max-width: 100%;
      padding: 0;
    }

    .blog-subscribe__form {
      flex-basis: 100%;
      padding: 0;
    }
  }
}
/* Missing Template at Path: \'Podigee\/css\/components\/_Card-Gallery.css\' */
.kl-card-grid {
  overflow: visible;
}

.kl-card-grid > div {
  display: flex;
  flex-wrap: wrap;
  margin: -26px;
}

.kl-card-grid__card-wrapper {
  display: flex;
  flex-basis: calc(100% / 3);
  padding: 26px;
}

@media screen and (max-width: 768px) {
  .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 2);
  }
}

@media screen and (max-width: 520px) {
  .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 1);
  }
}

.kl-card-grid__card {
  width: 100%;
  border: 1px solid #EDEDEE;
  background-color: white;
  border-radius: var(--radius-default);
  overflow: hidden;
  transform: translate(0, 0);
  transition: all .2s ease-in-out;
}

.kl-card-grid__card:hover {
 transform: translate(0, -5px);
 z-index: 1000;

}

.kl-card-grid__card a, .kl-card-grid__card a:hover {
text-decoration: none
}

.kl-card-grid__image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  height: 260px;
  width: 100%;
}

.kl-card-grid__image img {
  object-fit: cover;
  object-position: center center;
  height: 100%;
  width: 100%;
}


.kl-card-grid__preheader {
font-family: 'neue-haas-unica', sans-serif;
letter-spacing: 0.2px;
font-weight: 500;
color: #FF5630;
display: block;
font-size: var(--font-size-xs);
margin: 0 0 .75rem;
}

.kl-card-grid__content {
  display: block;
  padding: 20px 24px;
  color: #2B2D36;
  text-decoration: none;
}

.kl-card-grid__content h3, .kl-card-grid__content h4 {
  margin: 0 0 .5rem;
}

.kl-card-grid__content p {
  margin: 0;
}

.kl-card-grid__content:hover, .kl-card-grid__content:focus {
  color: #2B2D36;
  text-decoration: none;
}

.kl-card-grid--4-columns > div {
  margin: -24px -12px;
}

.kl-card-grid--4-columns .kl-card-grid__card-wrapper {
  flex-basis: calc(100% / 4);
  padding: 24px 12px;
  flex: 1;
}

@media screen and (max-width: 920px) {
  .kl-card-grid--4-columns .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 768px) {
  .kl-card-grid--4-columns .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 2);
  }
}

@media screen and (max-width: 520px) {
  .kl-card-grid--4-columns .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 1);
  }
}

.kl-card-grid--4-columns .kl-card-grid__image {
  height: 250px;
}
.kl-cards-container {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}


.kl-cards-slider {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

.kl-cards-slider-wrapper {
  padding: 0 15px;
}

.kl-cards-slider__arrows {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.kl-cards-slider__arrow {
  position: absolute;
  top: calc(50% - 44px);
  display: block;
  width: 44px;
  height: 44px;
  padding: 8px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.kl-cards-slider__arrow:hover {
  background-color: #FF5630;
}

.kl-cards-slider__arrow:hover > svg > path {
  stroke: #fff;
}

.kl-cards-slider__arrow svg {
  display: block;
  width: 100%;
}

.kl-cards-slider__arrow--prev {
  left: 0;
  transform: translateX(-50%);
}

.kl-cards-slider__arrow--next {
  right: 0;
  transform: translateX(50%);
}

.kl-cards-slider__card {
  display: flex !important;
  flex-direction: row;
  overflow: hidden;
  border: 1px solid #EDEDEE;
  box-shadow: none;
   border-radius: var(--radius-default);
}

@media screen and (max-width: 800px) {
.kl-cards-slider__card {

  flex-direction: column;

}
}

.kl-cards-slider__card:focus {
    outline: none;
}





.kl-cards-slider__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #2B2D36;
  padding: 20px;
  justify-content: center;
  box-sizing: border-box;
  flex-direction: column;
  min-width: 50%;
}

.kl-cards-slider__header.light .button--secondary {
color: #ffffff;
}


.kl-cards-slider__header.light .button--secondary:after {
background: #ffffff;
}

@media screen and (max-width: 360px) {
  .kl-cards-slider__header {
    display: block;
    padding: 32px;
  }
}


.kl-cards-slider__image  {
 margin-bottom: 40px;
 width: 80%;
}


.kl-cards-slider__image img {
width: 100%;
margin: auto;
  border-radius: var(--radius-default);
  height: auto;
}

@media screen and (max-width: 360px) {
  .kl-cards-slider__button {
    margin: 32px 0 0;
  }
}

.kl-cards-slider__content {
padding: 40px;
margin: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}

@media screen and (max-width: 360px) {
  .kl-cards-slider__content {
    padding: 32px;
  }
}

@media screen and (max-width: 580px) {
  .kl-cards-slider__content {
    display: block;
    padding: 40px 0;
  }
}

.kl-cards-slider__content > div {
  margin: 0 22px;
  flex-grow: 1;
  flex-basis: 200px;
}

.kl-cards-slider__content h5 {
  color: #FF5630;
}

.kl-cards-slider__content ul {
  padding-inline-start: 1.1em;
}
.kl-rich-text__preheader {
font-family: 'neue-haas-unica', sans-serif;
letter-spacing: 0.2px;
font-weight: 500;
color: #FF5630;
display: block;
font-size: var(--font-size-xs);
margin: 0 0 .75rem;
}

.kl-rich-text {
  max-width: var(--text-wrapper);
  margin: auto;
}

.kl-hero-01__content .kl-rich-text, .hero-form__content .kl-rich-text {
margin: 0;
}

.kl-rich-text h1 {
  color: #2B2D36;
}

.kl-rich-text p {
  margin: 0 0 1rem;
}


.kl-rich-text img {
max-width: 100%;
 border-radius: var(--radius-default);
}

.kl-rich-text p:last-child {
  margin: 0 0 2rem;
}

.kl-rich-text__buttons {
  margin: -10px;
}

.kl-rich-text__buttons a {
  margin: 10px;
}



.kl-rich-text__form {
  max-width: 600px;
}

.kl-rich-text--center {
  text-align: center;
  margin: 0 auto;
}

.kl-rich-text--center .kl-rich-text__form {
  max-width: 600px;
  margin: 0 auto;
}

.kl-rich-text--right {
  text-align: right;
  margin: 0 0 0 auto;
}

.kl-rich-text--right .kl-rich-text__form {
  margin: 0 0 0 auto;
}
.kl-expandable {
  background: #FFFFFF;
  border: 1px solid #EDEDEE;
   border-radius: var(--radius-default);
   max-width: var(--text-wrapper);
   margin: auto;
}

.kl-expandable__entry + .kl-expandable__entry {
  border-top: 1px solid #EDEDEE;
}


.kl-expandable__entry--active h4 {
color: #FF5630;
}


.kl-expandable__entry img {
border-style: none;
max-width: 100%;
 border-radius: var(--radius-default);
margin: auto;
}



.kl-expandable__entry .expandable__iconUp {
opacity: 0;
display: none;
}

.kl-expandable__entry--active .expandable__iconDown {
  opacity: 0;
  display: none;
}

.kl-expandable__entry--active .expandable__iconUp {
  opacity: 1;
  display: block;
}

.kl-expandable__header {
  padding: 24px 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 480px) {
  .kl-expandable__header {
    padding: 24px 16px;
  }
}

.kl-expandable__header:hover {
  cursor: pointer;
}

.kl-expandable__header h4 {
  margin: 0;
}

.kl-expandable__header:hover h4 {
  color: #FF5630;
}

.kl-expandable__icon {
  position: relative;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-left: 32px;
  transition: transform .2s ease-in-out;
}



.kl-expandable__description {
  padding: 0 42px;
  height: 0;
  transition: height .2s ease-in-out;
  will-change: height;
  overflow: hidden;
}

@media screen and (max-width: 480px) {
  .kl-expandable__description {
    padding: 0 16px;
  }
}

.kl-expandable__description .kl-expandable__inner {
  margin: 0 0 2rem;
}
.kl-featured-cards__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: -12px;
}

.kl-featured-cards__column {
  flex-basis: 360px;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}

.kl-featured-cards__card-wrapper {
  flex-grow: 2;
  flex-basis: 360px;
  display: flex;
  padding: 12px;
}

.kl-featured-card {
  border: 1px solid #EDEDEE;
  box-shadow: none;
  border-radius: var(--radius-default);
  background-color: white;
  width: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}

@media screen and (max-width: 800px) {
.kl-featured-card {

  flex-direction: column-reverse;

}
}

.kl-featured-card__preheader {
font-family: 'neue-haas-unica', sans-serif;
letter-spacing: 0.2px;
font-weight: 500;
  color: #FF5630;
  display: block;
 font-size: var(--font-size-xs);
  margin: 0 0 .5rem;
}

.kl-featured-card__content h1, .kl-featured-card__content h2, .kl-featured-card__content h3, .kl-featured-card__content h4, .kl-featured-card__content h5, .kl-featured-card__content h6 {
  margin: 0 0 1rem;
}

.kl-featured-card__content p {
  margin: 0 0 2rem;
}

.kl-featured-card__body {
  padding: 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  flex-basis: 250px;
  flex-grow: 99;
}

.kl-featured-card__text {
  flex-grow: 1;
  margin: 0 0 20px 0;
}

.kl-featured-card__image {
  width: 100%;
  flex-basis: 50%;
  flex-grow: 1;
}

.kl-featured-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 var(--radius-default) var(--radius-default) 0;
}

@media screen and (max-width: 800px) {

.kl-featured-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-default) var(--radius-default) 0 0;
}
}
.comparison-table {
  margin: 0 0 4rem 0;
}

.comparison-table svg {
  width: 1rem;
  height: 1rem;
}

.comparison-table table {
  width: 100%;
  max-width: 1200px;
  display: table;
  overflow: auto;
  margin: 0 auto;
  border: none;
  table-layout: fixed;
}

.comparison-table table, .comparison-table thead,
.comparison-table th,
.comparison-table thead th {
  background-color: transparent;
}

th {
  text-align: left;
  border: none;
}

th,
tr,
td {
  border: none;
  padding: 20px 0;
}

.feature-comparison-header p, .feature-comparison-header-mobile p {
  color: #2B2D36;
  font-size: var(--font-size-xs);
  font-weight: 400;
  margin: 0;
}



.feature-comparison-header-mobile {
  display: none;
  margin: 0 0 1rem 0;
}


.feature-comparison-header-mobile h3 {
  margin: 0 0 .5rem 0;
}

tr.info-row {
  border-bottom: 1px solid #ededee;
}

.plan-header h4 {
  text-align: center;
}

.feature-title {
  font-weight: 400;
  font-size: var(--font-size-xs);
}

.feature-content {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: var(--font-size-xs);
}

.info-content,
.info-content-mobile {
  display: none;
  border: none;
}

.info-content div, 
.info-content-mobile div {
  display: none;
}

.info-content div > *,
.info-content-mobile div > * {
  font-weight: 400;
  font-size: var(--font-size-xs);
}

.info-content div > * {
 max-width: 85ch;

}

.has-info-content {
  cursor: pointer;
}

.has-info-content:hover {
  color: #FF5630;
}

.hidden-label {
  display: none;
}

@media only screen and (max-width: 600px) {
  .feature-comparison-header-mobile {
    display: block;
  }
  .hidden-label {
    display: inline;
  }

  table {
    display: block;
    overflow: hidden;
  }

  thead {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    overflow: hidden;
  }

  tbody {
    position: relative;
    display: flex;
    max-width: 100%;
    overflow: auto;
    padding-bottom: 40px;
  }

  th {
    --cell-border-width: 2px;
    font-size: 1em;
    display: flex;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
    text-align: left;
    border: none;
  }

  tr {
    display: flex;
    flex-direction: column;
    width: 260px;
    flex-shrink: 0;
    margin-right: 20px;
  }

  tr.info-row {
    padding: 0;
    border: 1px solid #2B2D36;
    border-radius: 12px;
  }

  .feature-title {
    background: #2B2D36 !important;
    color: #ffffff;
    border-radius: var(--radius-default) var(--radius-default) 0 0;
    font-weight: 500;
  }

  .feature-content {
    --cell-border-width: 2px;
    font-size: var(--font-size-xs);
    display: flex;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
    text-align: left;
  }

  .info-content-mobile {
    padding: 20px;
    font-size: var(--font-size-xs);
  }

  .category {
    position: relative;
    top: 0;
    width: 260px;
    margin-left: -220px;
    transform: translate(100%, -50px);
  }
}
.kl-footer {
  padding: 32px 0;
  display: flex;
  align-items: center;
  background-color: #2B2D36;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  }

.kl-footer h1, .kl-footer h2, .kl-footer h3, .kl-footer h4, .kl-footer h5, .kl-footer h6, .kl-footer p, .kl-footer a, .kl-footer div, .kl-footer span {
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__wrapper {
  width: 100%;
}

.kl-footer__legal {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: var(--font-size-xs);
  margin: -0.625rem -1.25rem;
}

.kl-footer__legal > span {
  margin: 0.625rem 1.25rem;
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__legal a {
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__legal a:hover, .kl-footer__legal a:focus, .kl-footer__legal a:active {
  color: #FF5630;
  text-decoration: none;
}

.kl-footer__content {
  display: flex;
  justify-content: space-between;
  padding: 120px 0;
}

@media screen and (max-width: 680px) {
  .kl-footer__content {
    display: block;
    padding: 120px 0 32px;
  }
}

@media screen and (max-width: 1024px) {
  .kl-footer__content {
    padding: 0 0 32px;
  }
}

.kl-footer__address {
  margin: 32px 0 16px;
}

.kl-footer__address p {
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__info {
  flex-basis: 250px;
}

.kl-footer__info img {
  display: block;
  height: 48px;
  max-width: 200px;
}

.kl-footer__info p {
  font-size: 0.875em;
}

.kl-footer__social {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 -16px;
}

.kl-footer__social span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin: 8px 16px;
}

.kl-footer__social svg {
  display: block;
  width: 25px;
  height: 25px;
  fill: rgba(255, 255, 255, 1.0);
  transition: all .25s ease-in-out;
}

.kl-footer__social a:hover svg {
  fill: #FF5630;
}

.kl-footer__menu {
  display: flex;
  flex-wrap: wrap;
  margin: -16px 0;
}

@media screen and (max-width: 680px) {
  .kl-footer__menu {
    margin: 16px -16px 0;
  }
}

.kl-footer__menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.kl-footer__menu h3 {
  font-size: var(--font-size-m);
  font-weight: 500;
  margin: 0 0 2rem;
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__menu a {
  display: block;
  font-size: 0.875em;
  font-weight: 500;
  line-height: 17px;
  color: rgba(255, 255, 255, 1.0);
  margin: 0 0 1.375em;
}

.kl-footer__menu a:hover, .kl-footer__menu a:focus, .kl-footer__menu a:active {
  color: #FF5630;
  text-decoration: none;
}

.kl-footer__group {
  margin: 16px 42px;
}

@media screen and (max-width: 680px) {
  .kl-footer__group {
    margin: 16px;
  }
}
.hero-default {
  display: flex;
  padding: 0;
  min-height: 50vh;
}

.hero-default__content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;

  
}

.hero-default__content-top {
  align-items: flex-start;
}

.hero-default__content-center {
  align-items: center;
}

.hero-default__content-bottom {
  align-items: flex-end;
}

@media screen and (min-width: 1380px) {
  .hero-default__content {
    padding: 0px;
  }
}

@media screen and (max-width: 960px) {
.hero-default {
  padding: 0;
}
  .hero-default__content {
    display: block;
    padding: 0;
  }
}

.hero-default__content .kl-rich-text {
  flex-basis: 35%;
  flex-grow: 1;
  margin: 0;
}

.hero-default__image {
  margin-left: 0;
  display: flex;
  flex-grow: 1;
  flex-basis: 50%;
  height: 100%;
}



@media screen and (min-width: 961px) {
.hero-img-right .kl-rich-text {
  margin-right: 60px;
}

.hero-img-left .kl-rich-text {
  margin-left: 60px;
}

.hero-img-right .hero-default__image  {
  margin-left: 60px;
}

.hero-img-left .hero-default__image {
  margin-right: 60px;
}
}

@media screen and (max-width: 960px) {
  .hero-default__image, .hero-default__content .kl-rich-text {
    max-width: 100%;
    margin: 0 0 40px 0;
    height: auto;
  }
}

.hero-default__image img {
width: 100%;
height: 100%;
object-fit: contain;
}

.hero-default__image--left {
  justify-content: flex-start;
}

.hero-default__image--center {
  justify-content: center;
}

.hero-default__image--right {
  justify-content: flex-end;
}

.hero-default__image--top {
  align-items: flex-start;
}

.hero-default__image--middle {
  align-items: center;
}

.hero-default__image--bottom {
  align-items: flex-end;
}
.hero-form {
  display: flex;
  padding: 0;
  min-height: 50vh;
}

.hero-form__content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center;
}

.hero-form__content-top {
  align-items: flex-start;
}

.hero-form__content-center {
  align-items: center;
}

.hero-form__content-bottom {
  align-items: flex-end;
}

@media screen and (min-width: 1380px) {
  .hero-form__content {
    padding: 0px;
  }
}

@media screen and (max-width: 960px) {
.hero-form {
  padding: 0;
}
  .hero-form__content {
    display: block;
    padding: 0;
  }
}

.hero-form__content .kl-rich-text {
  flex-basis: 35%;
  flex-grow: 1;
  margin: 0;
}

.hero-form__image {
  margin-left: 0;
  display: flex;
  flex-grow: 1;
  flex-basis: 50%;
  height: 100%;
}




@media screen and (min-width: 961px) {
.hero-img-right .kl-rich-text {
  margin-right: 60px;
}

.hero-img-left .kl-rich-text {
  margin-left: 60px;
}

.hero-img-right .hero-form__image  {
  margin-left: 60px;
}

.hero-img-left .hero-form__image {
  margin-right: 60px;
}
}

@media screen and (max-width: 960px) {
  .hero-form__image, .hero-form__content .kl-rich-text {
  max-width: 100%;
  margin: 0 0 40px 0;
  height: auto;
  }
}

.hero-form__image img {
width: 100%;
height: 100%;
object-fit: contain;
}

.hero-form__image--left {
  justify-content: flex-start;
}

.hero-form__image--center {
  justify-content: center;
}

.hero-form__image--right {
  justify-content: flex-end;
}

.hero-form__image--top {
  align-items: flex-start;
}

.hero-form__image--middle {
  align-items: center;
}

.hero-form__image--bottom {
  align-items: flex-end;
}
.simple-img {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.simple-img img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-default);
  width: auto;
  max-height: 90vh;
}
.logos {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .logos {
    flex-wrap: wrap;
  }
}

.logos__item {
  padding: 16px 24px;
}

.logos__item > img,
.logos__item > a > img {
  width: 100%;
  display: block;
}

@media screen and (max-width: 768px) {
  .logos__item {
    flex-basis: 25%;
  }
}

@media screen and (max-width: 480px) {
  .logos__item {
    flex-basis: 33%;
  }
}

@media screen and (max-width: 340px) {
  .logos__item {
    flex-basis: 50%;
  }
}
.kl-header {
  position: fixed;
  z-index: 9999;
  width: 100%;
  background-color: rgba(255, 255, 255, 1.0);
  box-shadow: none;
}

.kl-header-placeholder {
  height: 82px;
}

.kl-navbar {
  height: 82px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 920px) {
  .kl-navbar {
    justify-content: space-between;
  }
  .kl-navbar--active .kl-navbar__content {
    visibility: visible;
    opacity: 1;
  }
}

.kl-navbar__logo {
  width: auto;
  display: block;
  margin-right: 42px;
}

.kl-navbar__content {
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 920px) {
  .kl-navbar__content {
    background-color: rgba(255, 255, 255, 1.0);
    position: fixed;
    width: 100%;
    height: calc(100% - 82px);
    left: 0;
    bottom: 0;
    padding: 45px 10%;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    visibility: hidden;
    opacity: 1;

  }
}

.kl-navbar__menu {
  list-style: none;
  display: flex;
  margin: 0 auto;
  padding: 0;
}

@media screen and (max-width: 920px) {
  .kl-navbar__menu {
    display: block;
    margin: 0 0 24px;
    width: 100%;
  }
}

.kl-navbar__item {
  position: relative;
  margin: 0 32px;
}

.kl-navbar__item--active .kl-navbar__panel {
  visibility: visible;

}

.kl-navbar__item--active .kl-navbar__panel .kl-navbar__panel-wrapper {
visibility: visible;
opacity: 1;
}

@media screen and (max-width: 920px) {
  .kl-navbar__item--active .kl-navbar__panel {
    max-height: 100vh;
  }
}

.kl-navbar__item--active .kl-navbar__button {
  color: #FF5630;
}

.kl-navbar__item--active .kl-navbar__button > span:after {
  visibility: visible;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .kl-navbar__item {
    margin: 0 16px;
  }
}

.kl-navbar__button {
font-family: neue-haas-unica, sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: 0.2px;
  font-size: var(--font-size-s);
  line-height: 2em;
  word-break: normal;
  color: rgba(43, 45, 54, 1);
  display: inline-block;
}

@media screen and (max-width: 920px) {
  .kl-navbar__button {
    font-size: var(--font-size-s);
  }
}

.kl-navbar__button > span {
  position: relative;
  display: inline-block;
  padding: 8px 0;
}

.kl-navbar__button > span:after{
  content: '';
  width: 0px;
  height: 3px;
  background-color: #FF5630;
  position: absolute;
  left: 0;
  bottom: -15px;
  visibility: hidden;
  transition: width .2s ease-in-out;
  z-index: 2;
}

.kl-navbar__parent .kl-navbar__button > span:after {
display: none;
}

.kl-navbar__button:hover, .kl-navbar__button:active, .kl-navbar__button:focus {
  text-decoration: none;
  color: #FF5630;
}

.kl-navbar__button:active > span:after {
  visibility: visible;
  width: 100%;
}

.kl-navbar__end {
  display: flex;
  align-items: center;
}

.kl-navbar__end a + a {
  margin-left: 25px;
}

.kl-navbar__panel {
background-color: rgba(255, 255, 255);
visibility: hidden;
transition: visibility 0s 0s;
position: fixed;
top: 80px;
left: 0;
width: 100vw;
border-top: 1px solid #000000;
color: black;
margin: auto;
z-index: 1;
border-bottom: 1px solid #000000;
max-height: 80vh;
min-height: 0;
display: flex;
justify-content: center;
align-items: center;
}



@media screen and (max-width: 920px) {
  .kl-navbar__panel {
    position: static;
    max-height: 0;
    overflow: hidden;
    border: none;
    min-height: 0;
    width: auto;
  }
}

.kl-navbar__panel-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
  justify-content: space-between;
  visibility: hidden;
opacity: 0;
transition: opacity .6s var(--easing-default);
transition-delay: .2s;
}

@media screen and (max-width: 920px) {
.kl-navbar__panel-wrapper {

  padding: 40px 0;

}
}

@media screen and (min-width: 1380px) {
.kl-navbar__panel-wrapper,  {
  padding: 100px 0;
}

.kl-navbar__description {
margin: 0
}

}

.kl-navbar__panel-wrapper > div {
  flex-basis: none;
}

.kl-navbar__categories {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-basis: 65%;
}

@media screen and (max-width: 920px) {
  .kl-navbar__categories p {
    display: none;
  }
}

.kl-navbar__description {
  flex-basis: 30%;
  margin: 0 16px;
  color: rgba(43, 45, 54, 1);
}

@media screen and (max-width: 920px) {
  .kl-navbar__description {
    margin: 0;
    flex-basis: 50%;
  }
}

@media screen and (max-width: 920px) {
  .kl-navbar__description--full {
    flex-basis: auto;
  }
}

.kl-navbar__description h1, .kl-navbar__description h2, .kl-navbar__description h3, .kl-navbar__description h4, .kl-navbar__description h5, .kl-navbar__description h6 {
  color: inherit;
}

.kl-navbar__description h2 {
  margin: 0 0 .5rem;
}

.kl-navbar__description h3 {
  font-size: var(--font-size-xs);
  font-weight: 800;
  margin: 0 0 .5rem;
}

.kl-navbar__description p {

  font-size: var(--font-size-xs);
  margin: 0 0 1.75rem;
}

.kl-navbar__description a {
  color: rgba(43, 45, 54, 1);
}

.kl-navbar__description a:hover, .kl-navbar__description a:focus {
  text-decoration: none;
  color: #FF5630;
}

.kl-navbar .hamburger {
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  min-width: auto;
}

@media screen and (max-width: 920px) {
  .kl-navbar .hamburger {
    display: block;
  }
}

.kl-navbar .hamburger:focus {
  outline: none;
}

.kl-navbar .hamburger-box {
  width: 24px;
  height: 19px;
  display: inline-block;
  position: relative;
}

.kl-navbar .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}

.kl-navbar .hamburger-inner, .kl-navbar .hamburger-inner::before, .kl-navbar .hamburger-inner::after {
  width: 24px;
  height: 2px;
  background-color: #000000;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.kl-navbar .hamburger-inner::before, .kl-navbar .hamburger-inner::after {
  content: "";
  display: block;
}

.kl-navbar .hamburger-inner::before {
  top: -8px;
}

.kl-navbar .hamburger-inner::after {
  bottom: -8px;
}

.kl-navbar .hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.kl-navbar .hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.kl-navbar .hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.kl-navbar .hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.kl-navbar .hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.kl-navbar .hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Navbar submenu */
.kl-navbar-submenu-wrapper {
  position: absolute;
  left: -24px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(5px);
  transition: visibility 0s, transform .2s var(--easing-default), opacity .2s var(--easing-default);
}




@media screen and (max-width: 920px) {
  .kl-navbar-submenu-wrapper {
    position: static;
    display: none;
  }

  .kl-navbar--active > .kl-navbar__content > .kl-navbar__menu > .kl-navbar__parent--active > .kl-navbar-submenu-wrapper {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
}

@media screen and (min-width: 921px) {
.kl-navbar__parent--active > .kl-navbar-submenu-wrapper {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
}




.kl-navbar-submenu {
background-color: #ffffff;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 200px;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
}

.kl-navbar-submenu a span {
font-weight: 500;
}



@media screen and (max-width: 920px) {
  .kl-navbar-submenu {

    box-shadow: none;
    margin: 12px 0;
    width: auto;
  }

}

@media screen and (min-width: 921px) {
  .kl-navbar-submenu {
  box-shadow: rgb(0 0 0) 2px 2px 0;
  border: 1px solid #000000;
  }
}



.kl-navbar-submenu .kl-navbar-submenu {
  position: absolute;
  top: 0px;
  left: 100%;
  transform: translateX(0);
  margin: 0;
  visibility: hidden;
}

@media screen and (max-width: 920px) {
  .kl-navbar-submenu .kl-navbar-submenu {
    position: static;
    visibility: visible;
    display: none;
    margin-left: 20px;
  }
}

.kl-navbar-submenu__item {
  position: relative;
}

.kl-navbar-submenu__item:hover > .kl-navbar-submenu {
  visibility: visible;
}

.kl-navbar-submenu__item a {
  display: block;
  padding: 12px 24px;
  word-break: normal;
  color: rgba(43, 45, 54, 1);
}

.kl-navbar-submenu__item a:hover, .kl-navbar-submenu__item a:focus, .kl-navbar-submenu__item a:active {
  color: #FF5630;
  text-decoration: none;
}

@media screen and (max-width: 920px) {
  .kl-navbar-submenu__item a {
    padding: 12px 0;
  }
}

.kl-navbar__parent {
  cursor: pointer;
}



.kl-navbar__parent > a {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 920px) {
  .kl-navbar__parent > a {
    pointer-events: none;
  }
}


.kl-navbar__parent--active > .kl-navbar-submenu-wrapper,
.kl-navbar__parent--active > .kl-navbar-submenu {
  display: block;
}

.kl-navbar__parent--active > a:after {
  transform: rotate(225deg);
}

.kl-navbar__parent--active > a {
  color: #FF5630;
}

.kl-navbar__parent--active > a > span:after {
  visibility: visible;
  width: 100%;
}
/* Missing Template at Path: \'Podigee\/css\/components\/_Offer-Bar.css\' */
.kl-pricing {
  display: flex;
  align-items: stretch;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .kl-pricing {
    display: block;
  }
}

.kl-pricing__card {
  position: relative;
  padding: 36px 32px;
  border: 1px solid #ededee;
  box-shadow: none;
  background-color: white;
  border-radius: var(--radius-default);
  flex-basis: 346px;
  flex-grow: 1;
  transition: box-shadow 0.25s ease-in-out;
  display: flex;
  flex-direction: column;
  margin: 0 10px;
}

.kl-pricing__card h3 {
  margin: 0 0 1.5rem 0;
}

.kl-pricing__card h2 {
  margin: 0 0 0.5rem;
}

.kl-pricing__card--featured {
  box-shadow: none;
}

.kl-pricing__card:hover {
  box-shadow: none;
}

.kl-pricing__badge {
  font-size: 0.625rem;
  font-weight: 800;
  line-height: 1;
  min-width: 120px;
  padding: 10px 12px;
  border-radius: 40px;
  background-color: #40c057;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  letter-spacing: 1px;
  text-align: center;
}

.kl-pricing__icon {
  height: 28px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0 0 1.5rem;
}

.kl-pricing__icon img {
  max-height: 100%;
  display: block;
}

.kl-pricing__price {
  margin: 0 0 20px 0;
}

.kl-pricing__price h1,
.kl-pricing__price h2,
.kl-pricing__price h3,
.kl-pricing__price h4,
.kl-pricing__price h5,
.kl-pricing__price h6 {
  color: inherit;
}

.kl-pricing__description p {
  font-size: var(--font-size-xs);
  margin: 0 0 0.75rem;
  color: #8e9099;
}

.kl-pricing__features {
  text-align: left;
  list-style: none;
  margin: 0 0 40px;
  padding: 0;
  flex: 1;
}

.kl-pricing__features li {
  font-size: var(--font-size-xs);
  margin: 0 0 1rem;
  display: flex;
}

.kl-pricing__features li:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' class='svg-inline--fa fa-check fa-w-14' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM15.3805 9.4676C15.7423 9.05033 15.6974 8.41877 15.2801 8.05696C14.8628 7.69516 14.2313 7.74012 13.8695 8.1574L10.1141 12.4885L8.09781 10.4928C7.70529 10.1043 7.07213 10.1075 6.68361 10.5001C6.29509 10.8926 6.29834 11.5257 6.69086 11.9143L9.46634 14.6614C9.66297 14.8561 9.93144 14.9605 10.2079 14.95C10.4844 14.9395 10.7441 14.8149 10.9254 14.6058L15.3805 9.4676Z' fill='%2340c057' /%3E%3C/svg %3E");
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 2px 0.75rem 0 0;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.kl-pricing__button a {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .kl-pricing__card {
    margin: 40px 0;
  }

  .kl-pricing__price {
    margin: 0 0 10px 0;
  }
  .kl-pricing__features {
    margin: 0 0 20px;
  }
}
.kl-features-01 {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .kl-features-01 {
    display: block;
  }
}

.kl-features-01__card {
  flex-basis: 33.3%;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
}

.kl-features-01__card h3 {
  margin: 0 0 0.5rem;
}

.kl-features-01__card + .kl-features-01__card {
  margin-left: 64px;
}

@media screen and (max-width: 768px) {
  .kl-features-01__card + .kl-features-01__card {
    margin: 32px 0 0;
  }

  .kl-features-01__image {
    margin: 0 16px 24px 0;
  }
}

.kl-features-01__image {
  min-height: 50px;
  margin: 8px 16px 24px 0;
  display: flex;
  align-items: flex-start;
}

.kl-features-01__image img {
  display: block;
  width: auto;
  max-height: 2.5rem;
}

.kl-features-01__image > span {
  display: block;
}

.kl-features-01__image svg {
  max-height: 50px;
  width: 50px;
}
.kl-features-02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
}



.kl-features-02-wrapper {
  overflow: hidden;
}

.kl-features-02__card {
flex-grow: 1;
margin: 20px;
display: flex;
flex-direction: column;
}



.kl-features-02__card h4 {
  margin: 0 0 1rem;
  display: inline-block;
  vertical-align: top;
}



.kl-features-02__image {
  min-height: 24px;
  margin: 0 0 20px 0;
  display: inline-block;
}

.kl-features-02__image img {
  display: block;
  width: auto;
  max-height: 40px;
}

.kl-features-02__image > span {
  display: block;
}

.kl-features-02__image svg {
  max-height: 24px;
  width: 24px;
  fill: #FF5630;
}


@media screen and (max-width: 600px) {
  .kl-features-02 {
    display: block;
  }

  .kl-features-02__card {
flex-direction: row;
margin: 20px 0;
}

.kl-features-02__image {
    margin: 0 20px 20px 0 !important;
}
}

@media screen and (min-width: 601px) {
.kl-features-02__card {
flex-basis: 30%;
}
}

@media screen and (min-width: 800px) {
.kl-features-02__card {
flex-basis: 25%;
}
}
.kl-features-03__titles li.active h4,
.kl-features-03__titles li h4:hover,
.kl-features-03__titles li h4:focus {
  cursor: pointer;
  color: ;
}

.kl-features-03__titles {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid ;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}

.kl-features-03__titles li {
  margin: 10px 20px;
}

@media screen and (max-width: 768px) {
  .kl-features-03__titles {
    overflow-y: scroll;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .kl-features-03__titles li {
    text-align: center;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
  }
}

.kl-features-03__titles li.active h4:after {
  visibility: visible;
  width: 100%;
}

.kl-features-03__titles li h4 {
  position: relative;
  display: inline-block;
  padding: 8px 0;
  margin: 0;
}

.kl-features-03__titles li h4:after {
  content: "";
  width: 0px;
  height: 3px;
  background-color: #2B2D36;
  position: absolute;
  left: 0;
  bottom: -10px;
  visibility: hidden;
  transition: width 0.2s ease-in-out;
}

.kl-features-03__sections {
margin: 40px 0 0 0;
}

.kl-features-03__section {
  display: none;
  transition: display 0s, opacity .3s var(--ease-in-out);
  animation: showFlex .3s var(--ease-in-out);
}

.kl-features-03__section.active {
  display: flex;
  flex-wrap: wrap;
}

.kl-features-03__image {
width: 100%;
max-width: 100%;
flex-basis: 40%;
flex-grow: 1;
display: flex;
}

.kl-features-03__image img {
 border-radius: var(--radius-default);
object-fit: cover;
}

.kl-features-03__image--left {
  justify-content: flex-start;
}

.kl-features-03__image--center {
  justify-content: center;
}

.kl-features-03__image--right {
  justify-content: flex-end;
}

.kl-features-03__image--top {
  align-items: flex-start;
}

.kl-features-03__image--middle {
  align-items: center;
}

.kl-features-03__image--bottom {
  align-items: flex-end;
}

.kl-features-03__image--cover {
  align-items: unset;
}

.kl-features-03__image--cover img {
  width: 100%;
  object-fit: cover;
  max-height: 50vh;
}

.kl-features-03__image--contain img {
  object-fit: contain;
}

.kl-features-03__content {
  padding: 54px 78px;
  flex-basis: 400px;
  flex-grow: 3;
}

@media screen and (max-width: 580px) {
  .kl-features-03__content {
    padding: 30px;
  }
}

.kl-features-03__text h3 {
  margin: 0 0 28px;
  max-width: 480px;
}

.kl-features-03__text p {
  margin: 0 0 64px;
  max-width: 600px;
}

.kl-features-03__buttons {
  display: flex;
  align-items: center;
}

.kl-features-03__primary-cta {
  margin: 0 35px 0 0;
}
.kl-offer-01 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  padding: 0;
  border: 1px solid #EDEDEE;
  border-radius: var(--radius-default);
  background-color: white;
  box-shadow: none;
}

@media screen and (max-width: 600px) {
.kl-offer-01 {
  flex-direction: column;
}
}

.kl-offer-01__content {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
flex-basis: 320px;
flex-grow: 1;
padding: 40px;
flex-direction: column;
}

.kl-offer-01__preheader {
font-family: 'neue-haas-unica', sans-serif;
letter-spacing: 0.2px;
font-weight: 500;
color: #FF5630;
display: block;
font-size: var(--font-size-xs);
margin: 0 0 .75rem;
}

.kl-offer-01__text {
flex-grow: 1;
margin: 0 40px 20px 0;
}

@media screen and (max-width: 480px) {
  .kl-offer-01__text {
    margin: 0;
  }
}

.kl-offer-01__text h1, .kl-offer-01__text h2, .kl-offer-01__text h3, .kl-offer-01__text h4, .kl-offer-01__text h5, .kl-offer-01__text h6 {
  margin: 0 0 1.125rem;
}

.kl-offer-01__button {
  flex-shrink: 0;
}

.kl-offer-01__image {
  flex-basis: 40%;
  margin: 0 auto;
  margin-right: 20px;
  background-size: cover;
  border-radius: var(--radius-default) 0 0 var(--radius-default);
}





.kl-offer-01__image img {
  object-fit: cover;
  object-position: center center;
  height: 100%;
  width: 100%;
  max-width: 100%;
  border-radius: var(--radius-default) 0 0 var(--radius-default);
}


@media screen and (max-width: 600px) {


  .kl-offer-01__image {

    margin: 0 auto;
    margin-right: 0;
    
    width: 100%;
    height: 250px;
}

.kl-offer-01__image img {
  border-radius: 0 0 var(--radius-default) var(--radius-default);
}



}
.kl-testimonials-container {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

.kl-testimonials {
  display: flex;
}





.kl-testimonial {
  padding: 40px 40px 20px 40px;
  box-shadow: none;
  flex-grow: 1;
  flex-basis: 300px;
}

.kl-testimonial:focus {
    outline: none;
}




p.kl-testimonial__content {
text-align: center;
font-size: var(--font-size-l);
margin: 0 auto 60px auto;
font-weight: 400;
line-height: 1.5;
max-width: var(--text-wrapper);
}

/* Just not displayed if we want it back somewhen */

.kl-testimonial__quote {
  margin: 0 0 40px 0;
  display: none;
  justify-content: center;

}

.kl-testimonial__quote svg {
  fill: #FF5630;
  height: 24px;
  max-height: 24px;
}



.kl-testimonial__footer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.kl-testimonial__footer img {
  display: block;
  object-fit: cover;
  width: 60px;
  height: 60px;
  border-radius: var(--radius-default);
  margin: 0 16px 0 0;
}

.kl-testimonial__author {
font-size: var(--font-size-xs);
font-weight: 500;
}

.kl-testimonial__author span {
font-weight: 500;
color: #FF5630;
display: block;
font-size: var(--font-size-xs);
margin: 0 0 .75rem;
}


@media screen and (max-width: 920px) {
.kl-testimonial__footer img {
  width: 40px;
  height: 40px;

}

p.kl-testimonial__content {

font-size: var(--font-size-m);
margin: 0 auto 40px auto;
}
}


.kl-testimonials-slider__arrows {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
}

.kl-testimonials-slider__arrow {
  position: absolute;
  top: calc(50% - 44px);
  display: block;
  width: 44px;
  height: 44px;
  padding: 8px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.kl-testimonials-slider__arrow:hover {
  background-color: #FF5630;
}

.kl-testimonials-slider__arrow:hover > svg > path {
  stroke: #fff;
}

.kl-testimonials-slider__arrow svg {
  display: block;
  width: 100%;
}

.kl-testimonials-slider__arrow--prev {
  left: 0;
  transform: translateX(-50%);
}

.kl-testimonials-slider__arrow--next {
  right: 0;
  transform: translateX(50%);
}
.vertical-spacer__small {
  min-height: 20px;
  height: 20px;
}

.vertical-spacer__medium {
  min-height: 40px;
  height: 40px;
}

.vertical-spacer__large {
  min-height: 80px;
  height: 80px;
}

@media (max-width: 600px) {
  .vertical-spacer__small {
    min-height: 10px;
    height: 10px;
  }

  .vertical-spacer__medium {
    min-height: 20px;
    height: 20px;
  }

  .vertical-spacer__large {
    min-height: 40px;
    height: 40px;
  }
}
/***************************************************************************/
/************************   Menu and simple menu   *************************/
/***************************************************************************/
.hs-menu-wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */
.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/* Vertical menu */
.hs-menu-wrapper.hs-menu-flow-vertical ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: -webkit-box;
    display: -ms-flexbox;
    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;
  }
}

/* Content with image */

.image-with-description-wrapper .img-fluid {
  margin-bottom: 30px;
}
/* Blog header */
.blog-header {
margin: 0 0 60px 0;
padding: 0;
  /* Blog header - author listing */
}

.blog-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .blog-header__inner {
    display: block;
  }
}

.blog-header--author {
  background-color: transparent;
}

.blog-header--author .blog-header__inner {
  justify-content: flex-start;
  flex-wrap: nowrap;
}

@media screen and (max-width: 768px) {
  .blog-header--author .blog-header__inner {
    display: block;
  }
}

.blog-header__title {
margin: 60px auto 0 auto;
max-width: var(--text-wrapper);
}

@media screen and (max-width: 768px) {
  .blog-header__title {
    max-width: none;
  }
}

.blog-header__title span {
  color: #FF5630;
}

.blog-header__preheader {
font-family: 'neue-haas-unica', sans-serif;
letter-spacing: 0.2px;
font-weight: 500;
  font-size: var(--font-size-xs);

  line-height: 1rem;
  color: #FF5630;
  display: block;
  margin: 0 0 .75rem;
}

.blog-header__image {
  margin-left: 32px;
}

@media screen and (max-width: 768px) {
  .blog-header__image {
    margin: 0 auto;
    max-width: 360px;
  }
}

.blog-header__image img {
  width: 100%;
}

.blog-header__author {
  flex-basis: 720px;
}

@media screen and (max-width: 768px) {
  .blog-header__author {
    margin: 32px 0 0;
  }
}

.blog-header__avatar {
  display: block;
  height: 360px;
  width: 100%;
  margin-right: 64px;
  max-width: 360px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .blog-header__avatar {
    margin: 0 auto;
  }
}

@media screen and (max-width: 360px) {
  .blog-header__avatar {
    height: 300px;
  }
}

.blog-header__author-social-links {
  margin: 0 -8px;
}

.blog-header__author-social-links a {
  display: inline-block;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  margin: 0 8px;
  position: relative;
}

.blog-header__author-social-links svg {
  fill: #2B2D36;
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.blog-filter {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 32px 0;
}

.blog-tags {
  list-style: none;
  padding: 0;
  margin: -7px;
  max-width: 680px;
}

.blog-tags li {
  display: inline-block;
  margin: 7px;
}

.blog-tags__link {
  background-color: rgba(255, 86, 48, 1.0);
  border: 2px solid #FF5630;
  border-radius: var(--radius-default);
  color: #FFFFFF;
  padding: 15px 20px;
  font-size: var(--font-size-2xs);
  font-weight: 500;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: background-color 0.15s linear, border-color 0.15s linear, color 0.15s linear;
  padding: 12px 18px;
  border-radius: 3px;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--font-size-2xs);
  background-color: transparent;
  color: #dadada;
  border: 1px solid #dadada;
}

.blog-tags__link:hover, .blog-tags__link:focus, .blog-tags__link:active {
  background-color: #3b66c9;
  border-color: #3b66c9;
  color: #FFF;
  text-decoration: none;
}

.blog-tags__link:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

.blog-tags__link--current {
  background-color: #FF5630;
  border: none;
  color: white;
}

.blog-search {
  flex-basis: 400px;
  width: 100%;
  margin: 32px 0 0;
}

/* Blog listing */
.blog-index, .blog-more-posts {
  display: flex;
  flex-wrap: wrap;
  padding: 32px 0;
  margin: -24px;
}

.blog-index:after, .blog-more-posts:after {
  content: "";
  flex: auto;
}

.blog-index__post-wrapper, .blog-more-posts__post-wrapper {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  padding: 24px;
}

@media screen and (min-width: 768px) {
  .blog-index__post-wrapper, .blog-more-posts__post-wrapper {
    flex-basis: calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-index__post-wrapper, .blog-more-posts__post-wrapper {
    flex-basis: calc(100% / 3);
  }
}

.blog-index__post, .blog-more-posts__post {
  display: flex;
  flex-direction: column;
  border: 1px solid #EDEDEE;
  box-shadow: none;
   border-radius: var(--radius-default);
  height: 100%;
  overflow: hidden;
}

.blog-index__post img, .blog-more-posts__post img {
  height: auto;
  max-width: 100%;
}

.blog-index__post-content, .blog-more-posts__post-content {
  padding: 30px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
}

.blog-index__post-content h3, .blog-more-posts__post-content h3 {
  margin: 0 0 1rem;
}

.blog-index__post-content h3 a, .blog-more-posts__post-content h3 a {
  color: #2B2D36;
}

.blog-index__post-content h3 a:hover, .blog-index__post-content h3 a:visited, .blog-more-posts__post-content h3 a:hover, .blog-more-posts__post-content h3 a:visited {
  color: #2B2D36;
}

.blog-index__post-preheader, .blog-more-posts__post-preheader {
  font-family: , sans-serif;
  font-size: ;
  font-weight: 500;
  color: #FF5630;
  display: block;
  margin: 0 0 .75rem;
}

.blog-index__post-meta, .blog-more-posts__post-meta {
  display: flex;
  margin: 32px 0 0;
  color: #C6C6C6;
  font-size: .75rem;
  text-transform: uppercase;
}

.blog-index__post-meta span, .blog-more-posts__post-meta span {
  display: inline-block;
}



.blog-index__post-image, .blog-more-posts__post-image {
  display: block;
  background-image: url('');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 63%;
}

.blog-index__author h2, .blog-more-posts__author h2 {
  margin: 32px 0 1.5rem;
}

.blog-index__author hr, .blog-more-posts__author hr {
  height: 2px;
  background-color: #DCDCDC;
}

/* Blog pagination */
.blog-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 3rem;
}

.blog-pagination__link {
  font-family: , sans-serif;
  font-weight: 500;
  color: #2B2D36;
  font-size: var(--font-size-s);
  line-height: 1;
  margin: 0 16px;
  text-decoration: none;
}

.blog-pagination__link:hover, .blog-pagination__link:focus {
  color: #FF5630;
  text-decoration: none;
}

.blog-pagination__link--active {
  color: #FF5630;
}

.blog-pagination__ellipsis {
  color: #2B2D36;
  font-size: var(--font-size-s);
  line-height: 1;
}

/* Blog post */
.blog-header--post {
  min-height: 60vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  }
  
  
}

.blog-post {
  margin: 0 auto;
  padding: 4.5rem 0;
}

.blog-post__meta {
margin: 0 auto 60px auto;
max-width: var(--text-wrapper);
}

.blog-post__meta a {
  color: #C6C6C6;
  transition: color .25s ease-in;
}

.blog-post__meta a:hover {
  color: #FF5630;
  text-decoration: none;
}

.blog-post__timestamp {
  color: #C6C6C6;
}

.blog-post__divider {
  margin: 64px 0 52px;
}

.blog-post__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  margin-right: 38px;
}

.blog-post__preheader {
font-family: 'neue-haas-unica', sans-serif;
letter-spacing: 0.2px;
font-weight: 500;
  font-size: var(--font-size-xs);

  line-height: 1rem;
  color: #FF5630;
  display: block;
  margin: 0 0 .75rem;
}

.blog-post__title {
  margin: 0 auto 60px auto;
  max-width: var(--text-wrapper);
}

.blog-post__summary {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 auto 60px auto;
  max-width: var(--text-wrapper);
}

.blog-post__body-wrapper {
  max-width: var(--text-wrapper);
  margin: 0 auto;
}

.blog-post__body img {
  max-width: 100%;
}

.blog-post__tags {
  display: flex;
  flex-wrap: wrap;
}

.blog-post__tag-link {
  color: #FF5630;
  background-color: #e6edff;
  border-radius: 3px;
  font-size: var(--font-size-2xs);
  padding: 5px 10px;
  margin: 0 8px 8px 0;
}

/* Blog related posts */
.blog-more {
  padding: 2rem 0;
  margin: auto;
  max-width: var(--text-wrapper);
}

.blog-more--centered h2 {
  text-align: center;
}

/* Blog comments */
.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments form {
  max-width: 100%;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
  outline: none;
}

.blog-comments .comment-reply-to:hover {
  background-color: transparent;
  text-decoration: underline;
  color: #2B2D36;
}
/* Error pages */
.kl-error-page {
  padding: 100px 0;
  text-align: center;
}

.kl-error-page__preheader {
font-family: 'neue-haas-unica', sans-serif;
letter-spacing: 0.2px;
font-weight: 500;
  font-size: var(--font-size-xs);

  line-height: 1rem;
  color: #FF5630;
  display: block;
  margin: 0 0 .75rem;
}

.kl-error-page__heading {
  margin: 0 0 1rem;
}

/* System pages */
.systems-page__content {
  margin: 0 auto;
  max-width: 620px;
  padding: 120px 20px;
}

.systems-page .success {
  color: #34A853;
  font-weight: 500;
  font-size: 2rem;
  text-align: center;
}

.systems-page h1 {
  margin: 0 0 4rem;
  text-align: center;
}

@media screen and (max-width: 360px) {
  .systems-page h1 {
    margin: 0 0 2rem;
    font-size: 2rem;
  }
}

.systems-page--membership {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.systems-page--membership h1 {
  margin: 0 0 1rem;
}

.systems-page--membership p {
  margin: 0 0 3rem;
  text-align: center;
}

.systems-page--membership form .hs-submit input, .systems-page--membership form input[type="submit"] {
  width: 100%;
}

.systems-page--subscription-confirmation h1 {
  display: none;
  margin: 0 0 1.5rem;
}

.systems-page--subscription-confirmation h2 {
  color: #3A3A3A;
  font-size: var(--font-size-s);
  margin: 0;
}

.systems-page--subscription-confirmation .page-header {
  text-align: center;
  margin: 0 0 2rem;
}

.systems-page--subscription-preferences .page-header {
  text-align: center;
  margin: 0 0 2rem;
}

.systems-page--subscription-preferences h1 {
  margin: 0 0 1.5rem;
}

.systems-page--subscription-preferences h2 {
  color: #3A3A3A;
  font-size: var(--font-size-s);
  margin: 0;
}

.systems-page--subscription-preferences .email-prefs {
  padding: 32px;
  border: 1px solid #EDEDEE;
  box-shadow: none;
  border-radius: var(--radius-default);
}

.systems-page--subscription-preferences .email-prefs p, .systems-page--subscription-preferences .email-prefs span, .systems-page--subscription-preferences .email-prefs label {
  font-size: var(--font-size-xs);
  line-height: 1rem;
  vertical-align: text-top;
  font-weight: 400;
}

@media screen and (max-width: 360px) {
  .systems-page--subscription-preferences .email-prefs {
    padding: 18px;
  }
}

.systems-page--subscription-preferences input[type="checkbox"] {
  margin-right: 12px;
}

.systems-page__preheader {
  font-family: , sans-serif;
  font-size: ;
  font-weight: 500;
  color: #FF5630;
  display: block;
  margin: 0 0 0.5rem;
  text-align: center;
}

.systems-page form {
  position: relative;
}

.systems-page form .hs-form-field {
  position: relative;
}

.systems-page form .form-input-validation-message ul {
  padding: 0;
}

.systems-page form .form-input-validation-message label {
  color: #929292;
  font-size: var(--font-size-xs);
  font-weight: 400;
}

.systems-page form .hs-login-widget-show-password,
.systems-page form .hs-register-widget-show-password,
.systems-page form .hs-reset-widget-show-password {
  position: absolute;
  top: 0;
  right: 0;
  font-size: var(--font-size-2xs);
  line-height: 1rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #FF5630;
}

.systems-page form .hs-login-widget-show-password:hover, .systems-page form .hs-login-widget-show-password:focus,
.systems-page form .hs-register-widget-show-password:hover,
.systems-page form .hs-register-widget-show-password:focus,
.systems-page form .hs-reset-widget-show-password:hover,
.systems-page form .hs-reset-widget-show-password:focus {
  color: #FF5630;
  text-decoration: none;
}

.systems-page form #hs_login_reset {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  margin: 1rem 0 0;
  z-index: 1;
  color: #FF5630;
  font-size: var(--font-size-xs);
  font-weight: 500;
  width: 100%;
  text-align: center;
}

.systems-page form input {
  max-width: 100%;
}

.systems-page .form-container {
  max-width: 380px;
  margin: 0 auto 3rem;
}

.systems-page .form-container .label {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: 500;
  margin: 0 0 0.75rem;
}

#email-prefs-form .header {
  background-color: transparent;
}

/* Password prompt */
.password-prompt input[type=password] {
  display: block;
  height: auto !important;
  margin-bottom: 1.4rem;
}

/* Backup unsubscribe */
.backup-unsubscribe h3 {
  font-size: var(--font-size-xs);
  font-weight: 800;
  line-height: 1rem;
  margin: 0 0 0.75rem;
}

.backup-unsubscribe #email-prefs-form {
  padding: 42px 32px;
  border: 1px solid #EDEDEE;
  box-shadow: none;
  border-radius: var(--radius-default);
}

.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important;
}

@media screen and (max-width: 360px) {
  .backup-unsubscribe #email-prefs-form {
    padding: 32px 18px;
  }
}

.backup-unsubscribe input[type=email] {
  margin-bottom: 1.5rem;
  padding: 0.7rem !important;
  font-size: var(--font-size-xs) !important;
  border: 1px solid #DADADA;
}

/* Search pages */
.hs-search-field {
  max-width: 750px;
}

.hs-search-field input[type=text] {
  padding-right: 48px;
}

.hs-search-field__bar {
  position: relative;
}

.hs-search-field__bar:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 19a8 8 0 100-16 8 8 0 000 16zM21 21l-4-4' stroke='%23C6C6C6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}

.hs-search-field__suggestions {
  background-color: #FFF;
  max-width: 360px;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(8px);
   border-radius: var(--radius-default);
  width: 100%;
}

.hs-search-field__suggestions a, .hs-search-field__suggestions #results-for {
  padding: 8px 16px;
}

.hs-search-field--open .hs-search-field__suggestions {
  border: 1px solid #dedede !important;
}

.kl-search-results {
  padding: 80px 0;
}

.hs-search-results {
  margin-top: 3.5rem;
}

.hs-search-results__featured-image {
  margin-bottom: 1rem;
}

.hs-search-results__featured-image img {
  display: block;
  max-width: 100%;
  width: 100%;
}

.hs-search-results__title {
  color: #2B2D36;
  font-size: 1.5rem;
  font-weight: 800;
  font-family: , sans-serif;
}

.hs-search-results__title:hover, .hs-search-results__title:focus {
  color: #FF5630;
  text-decoration: none;
}

.hs-search-results__description {
  padding-top: 1.25rem;
  margin: 0 0 2.5rem;
}

.hs-search-results__pagination a {
  color: #2B2D36;
  font-family: , sans-serif;
  font-weight: 500;
}

.hs-search-results__listing {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px !important;
}

.hs-search-results__listing li {
  flex-basis: calc(100% / 2);
  padding: 0 20px !important;
}

@media screen and (max-width: 620px) {
  .hs-search-results__listing li {
    flex-basis: 100%;
  }
}

.hs-search-highlight {
  font-weight: 500;
}