/* Theme base styles */
*, *:before, *:after {
  box-sizing: border-box;
}
/*! 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;
}

/**
 * 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
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 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
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, 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;
}

/* 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 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 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;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * 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 and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}
  


/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

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


  .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: 768px) {
  .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));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 2rem;
}

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

.dnd-section > .row-fluid {
  margin: 0 auto;
}

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

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

.dnd-section[class*="force-full-width-section"],
.dnd-section[class*="force-full-width-section"] .dnd-column {
  padding: 0;
}

/* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */

body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */

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

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

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

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  word-break: normal;
}

.text-center {
  text-align: center;
}

.icon_text {
  display: flex;
  align-items: center;
  gap: .5em;
}
button:disabled,
.button:disabled,
.hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}





  :root {
    button-large-font-size:;
    button-font-size:;
    button-small-font-size:;
  }

:is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ) {
      --background-color: var(--color-primary);
      --border-color: var(--background-color);
      --text-color: var(--color-dark);
      --border-radius: 100px;
      
    -webkit-appearance: button;
    align-items: center;
    background: var(--background-color);
    background-image: none;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    color: var(--text-color);
    display: inline-flex;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    gap: 1em;
    padding: .6rem 1.5rem;
    transform: translateX(-.5em);
    text-decoration: none;
    text-transform: none;
    transition: all 0.15s linear;
    white-space: nowrap;
}

:is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ) svg path {
  fill: currentColor;
}

.button__icon-wrapper {
  width: 1em;
  height: 1em;
}


:is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(:hover, :active, :focus) {
    --background-color: transparent;
    --border-color: var(--color-primary);
    --text-color: var(--border-color);
    filter: brightness(1.1);
    transform:  translateX(-.5em) translateY(-2px);
}

:is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.ghost,
    .button--ghost) {
  --background-color: transparent;
  --border-color: var(--color-primary);
  --text-color: var(--border-color);
}

:is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.ghost,
    .button--ghost):is(:hover, :active, :focus) {
  --background-color: var(--color-primary);
  --border-color: var(--color-primary);
  --text-color: var(--border-color);
}


  

  
    
    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.secondary, .button--secondary),
    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.secondary, .button--secondary):is(:hover, :active, :focus) {
      --background-color: var(--color-secondary);
      --border-color: var(--color-secondary);
      --text-color: var(--color-light);
    }

    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.secondary, .button--secondary):is(.ghost,
    .button--ghost) {
      --background-color: transparent;
      --border-color: var(--color-secondary);
      --text-color: var(--color-secondary);
    }

    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.secondary, .button--secondary):is(.ghost,
    .button--ghost):is(:hover, :active, :focus)  {
      --background-color: var(--color-secondary);
      --border-color: var(--color-secondary);
      --text-color: var(--color-light);
    }

  

  
    
    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.tertiary, .button--tertiary),
    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.tertiary, .button--tertiary):is(:hover, :active, :focus) {
      --background-color: var(--color-tertiary);
      --border-color: var(--color-tertiary);
      --text-color: var(--color-dark);
    }

    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.tertiary, .button--tertiary):is(.ghost,
    .button--ghost) {
      --background-color: transparent;
      --border-color: var(--color-tertiary);
      --text-color: var(--color-tertiary);
    }

    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.tertiary, .button--tertiary):is(.ghost,
    .button--ghost):is(:hover, :active, :focus)  {
      --background-color: var(--color-tertiary);
      --border-color: var(--color-tertiary);
      --text-color: var(--color-dark);
    }

  

  
    
    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.light, .button--light),
    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.light, .button--light):is(:hover, :active, :focus) {
      --background-color: var(--color-light);
      --border-color: var(--color-light);
      --text-color: var(--color-dark);
    }

    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.light, .button--light):is(.ghost,
    .button--ghost) {
      --background-color: transparent;
      --border-color: var(--color-light);
      --text-color: var(--color-light);
    }

    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.light, .button--light):is(.ghost,
    .button--ghost):is(:hover, :active, :focus)  {
      --background-color: var(--color-light);
      --border-color: var(--color-light);
      --text-color: var(--color-dark);
    }

  

  
    
    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.white, .button--white),
    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.white, .button--white):is(:hover, :active, :focus) {
      --background-color: var(--color-white);
      --border-color: var(--color-white);
      --text-color: var(--color-dark);
    }

    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.white, .button--white):is(.ghost,
    .button--ghost) {
      --background-color: transparent;
      --border-color: var(--color-white);
      --text-color: var(--color-white);
    }

    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.white, .button--white):is(.ghost,
    .button--ghost):is(:hover, :active, :focus)  {
      --background-color: var(--color-white);
      --border-color: var(--color-white);
      --text-color: var(--color-dark);
    }

  

  
    
    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.dark, .button--dark),
    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.dark, .button--dark):is(:hover, :active, :focus) {
      --background-color: var(--color-dark);
      --border-color: var(--color-dark);
      --text-color: var(--color-light);
    }

    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.dark, .button--dark):is(.ghost,
    .button--ghost) {
      --background-color: transparent;
      --border-color: var(--color-dark);
      --text-color: var(--color-dark);
    }

    :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.dark, .button--dark):is(.ghost,
    .button--ghost):is(:hover, :active, :focus)  {
      --background-color: var(--color-dark);
      --border-color: var(--color-dark);
      --text-color: var(--color-light);
    }

  



:is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ) svg {
  transition: all 0.15s linear;
}

:is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):hover svg {
  transform: translateX(4px);
  position: relative;
}

:is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.large, .button--large){
  font-size: 1.125rem;
  padding: 1rem 2rem;
}

:is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.small, .button--small){
  font-size: .8rem;
  font-weight: 500;
  padding: .4rem 1.6rem;
}

@media (max-width:990px){
  :is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.large, .button--large){
  font-size: 1rem;
}

:is(.hs-button,
    .button,
    a.button,
    input[type=submit],
    ):is(.small, .button--small){
  font-size: .8rem;
}
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}

.button__wrapper {
  display: inline-flex;
  flex-flow: wrap;
  gap: 1rem;
  align-items: center;
}

.button__wrapper.button__wrapper--stacked{
  flex-flow: column;
  justify-content: stretch;
}

.button__wrapper--full-width .button {
  width: 100%;
}

.button__wrapper--center {
  justify-content: center;
  width: 100%;
}
.card,
.tile {
  --card-spacer-y: 1rem;
  --card-spacer-x: 1rem;
  --card__title-spacer-y: 0.5rem;
  --card-border-width: 1px;
  --card-border-color: var(--color-light);
  --card-border-radius: var(--border-radius);
  --card-box-shadow: var(--box-shadow-small);
  --card-inner-border-radius: calc(0.375rem - 1px);
  --card-cap-padding-y: 0.5rem;
  --card-cap-padding-x: 1rem;
  --card-cap-bg: rgba(0, 0, 0, 0.03);
  --card-cap-color: ;
  --card-height: ; 
  --card-color: ;
  --card-bg: #fff;
  --card-img-overlay-padding: 1rem;
  --card-group-margin: 0.75rem;

  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  height: var(--card-height);
  overflow: hidden;
  word-wrap: break-word;
  background-color: var(--card-bg);
  background-clip: border-box;
  border: var(--card-border-width) solid var(--card-border-color);
  border-radius: var(--card-border-radius);
  -webkit-box-shadow: var(--card-box-shadow);
  box-shadow: var(--card-box-shadow);
  -webkit-border-radius: var(--card-border-radius);
  -moz-border-radius: var(--card-border-radius);
  -ms-border-radius: var(--card-border-radius);
  -o-border-radius: var(--card-border-radius);
  z-index: 1;
}

.card__body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: var(--card-spacer-y) var(--card-spacer-x);
}
.tag {
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-small, .5rem);
  display: inline-flex;
  font-size: 1rem;
  font-weight: 600;
  gap: .5rem;
  padding: .2rem .4rem;
}

.tag--light-blue {
  background-color: #E0F2FF;

color: var(--color-primary)
}
/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */
form :is(
 input[type=text],
 input[type=search],
 input[type=email],
 input[type=password],
 input[type=tel],
 input[type=number],
 input[type=file],
 select,
 textarea) {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

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

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list :is(input,span) {
  vertical-align: middle;
}

form :is(input[type=checkbox], input[type=radio]) {
  cursor: pointer;
  margin-right: 0.35rem;
}

fieldset.form-columns-1 .hs-input:not([type="checkbox"]):not([type="radio"]) {
  min-width: 100%;
}

.form-columns-2 .hs-input {
   margin: 0 !important;
}

fieldset.form-columns-2 { 
    display: flex;
    gap: 1rem;
}

fieldset.form-columns-2 .hs-form-field {
  flex: 1;
  float: none !important;
}

@media (max-width: 767px){
  fieldset.form-columns-2 {
    flex-flow: column;
    .hs-form-field {
      min-width: 100%;
    }
  }
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

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

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

.fn-date-picker td :is(.pika-button:hover,.pika-button:focus) {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

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

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > :is(span, span p) {
  margin-left: 2.25rem !important;
}

/* Validation */

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

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

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

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}


/* FORMS */

form {
 position: relative;
}
/* 
form:before {
  background: rgba(0, 0, 0, .2);
  bottom: 0;
  content: '';
  filter: blur(20px);
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  transform: translateY(-1px);
  width: 100%;
} */

.hs-form-field {
  margin-bottom: .65rem;
}

form label {
  font-size: 1rem;
  color: #fff
}

[type='text'], 
input:where(:not([type])), 
[type='email'], [
type='url'], 
[type='password'], 
[type='number'], 
[type='date'], 
[type='datetime-local'], 
[type='month'], [type='search'], 
[type='tel'], 
[type='time'], 
[type='week'], 
[multiple], 
textarea, 
select {
  width: 100%;
}

form :is(.hs-button, input[type=submit]) {
  -webkit-appearance: button;
  margin-top: 1rem;
}

form :is(.hs-button, input[type=submit]):hover {
  /* background: var(--color-dark);
  color: var(--color-white); */
}

.mg-list-disc {
  padding-left: 2rem;

  li {
    margin-bottom: 1rem;
  }
}

.submitted-message,form {
    font-weight: 400;
    padding: 0
}

.form-title,form label,form legend {
    color: #0d1932
}



form :is(
  input[type=email],
  input[type=file],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=text],
  select,
  textarea) {
  background: transparent;
  display: inline-block;
  font-size: 1rem;
  padding: 0.7rem;
  width: 100%;
  border: 1px solid var(--color-dark-grey);
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

::-webkit-input-placeholder {
    color: #0d1932
}

::-moz-placeholder {
    color: #0d1932
}

:-ms-input-placeholder {
    color: #0d1932
}

::placeholder {
    color: #0d1932
}

:is(form .hs-button,
form input[type=submit]):is(:focus,:hover) {
    /* background-color: #1a334e;
    border: 1px #1a334e;
    color: #fff */
}

form .hs-button:active,form input[type=submit]:active {
    background-color: #35415a;
    border-color: #35415a
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


  /* Search button input field and suggestions */
  .body-container-wrapper .hs-search-field__button {
    padding: 15px;
  }

  .body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
    margin-left: 6px;
    margin-bottom: 0;
  }

  .body-container-wrapper .hs-search-field__button svg {
    height: 15px;
    fill: #fff;
  }

  .body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
    padding: 10px;
  }

  .body-container-wrapper .hs-search-field__suggestions li a {
    color: #494A52;
    padding: 0.35rem 0.7rem;
    text-decoration: none;
    transition: background-color 0.3s;
  }




.hs-fieldtype-date .input .hs-dateinput:before {
    color: #0d1932
}

.fn-date-picker td.is-selected .pika-button {
    background: #0d1932
}

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

.fn-date-picker td.is-today .pika-button {
    color: #0d1932
}


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

form .input:hover,
form label:hover {
  cursor: pointer;
}

:root {
  --checkbox-radio-size: 1.5em;
}

form :is(
  input[type=email],
  input[type=file],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=text],
  select,
  textarea):focus {
  border-color: var(--color-primary);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px var(--light-input-accent),
    0 0 0 4px var(--color-primary);
  box-shadow: inset 0 1px 1px var(--light-input-accent),
    0 0 0 4px var(--color-primary);
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li.hs-form-radio,
form .inputs-list > li.hs-form-checkbox {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type="checkbox"],
form input[type="radio"] {
  cursor: pointer;
  margin-right: 0.35rem;
}

form .hs-form-radio label,
form .hs-form-checkbox label {
  display: grid;
  grid-template-columns: var(--checkbox-radio-size) auto;
  gap: 0.75em;
  align-items: center;
}

form .inputs-list > li {
  padding: 0;
  margin: 0;
}

form input[type="checkbox"],
form input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background: transparent;
  /* Not removed via appearance */
  margin: 0;
  padding: 0 !important;
  font: inherit;
  color: currentColor;
  min-width: var(--checkbox-radio-size);
  width: var(--checkbox-radio-size);
  max-width: var(--checkbox-radio-size);
  min-height: var(--checkbox-radio-size);
  height: var(--checkbox-radio-size);
  max-height: var(--checkbox-radio-size);
  transform: translateY(0.25em);
  display: grid;
  place-content: center;
  border: 1px solid var(--color-dark-grey);
}

form input[type="checkbox"] {
  border-radius: 0.15em;
}

form input[type="radio"] {
  border-radius: 100%;
}

form input[type="checkbox"]::before,
form input[type="radio"]::before {
  content: "";
  width: 0.85em;
  height: 0.85em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
}

form input[type="radio"]::before {
  width: 1em;
  height: 1em;
}

form .hs-form-radio span,
form .hs-form-checkbox span {
  font-weight: 400;
}

form .hs-form-radio,
form .hs-form-checkbox {
  transition: all ease-in-out 0.15s;
}

form .hs-form-radio:hover span,
form .hs-form-checkbox:hover span {
  font-weight: 500;
}

form .hs-form-radio:hover input[type="radio"],
form .hs-form-checkbox:hover input[type="checkbox"] {
  background: var(--color-gray_tint40);
}
form input[type="radio"]:checked,
form input[type="checkbox"]:checked {
  background: var(--color-dark);
}

form .hs-form-radio:hover input[type="radio"]:checked,
form .hs-form-checkbox:hover input[type="checkbox"]:checked {
  background: var(--color-dark);
}

form input[type="checkbox"]:checked::before,
form input[type="radio"]:checked::before {
  transform: scale(1);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
  background: #fff;
  transform-origin: bottom left;
  clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%);
}

form input[type="checkbox"]:focus,
form input[type="radio"]:focus {
  /* outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em); */
}
/* 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;
}
.video-lazyload-placeholder,
.video-lazyload-placeholder__image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; 
  top: 0;
}

.video-lazyload-placeholder__image {
  z-index: 0;
}

.video-lazyload-placeholder{
  z-index: 1;
}

.video-lazyload-placeholder:has(.callout):before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  opacity: .7
}

@media(max-width: 767px){
  .video-lazyload-placeholder {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
  } 
}

.video-lazyload-placeholder:has(.callout--right):before {
  background: linear-gradient(284deg, rgba(0, 0, 0, 0.80) 27.75%, rgba(0, 0, 0, 0.36) 45.3%, rgba(0, 0, 0, 0.36) 51.51%, rgba(0, 0, 0, 0.20) 70.39%);
}

.video-lazyload-placeholder:has(.callout--left):before {
  background: linear-gradient(284deg, rgba(0, 0, 0, 0.80) 27.75%, rgba(0, 0, 0, 0.36) 45.3%, rgba(0, 0, 0, 0.36) 51.51%, rgba(0, 0, 0, 0.20) 70.39%);
  transform: scaleX(-1);
}

.video-lazyload-placeholder .callout {
  position: absolute;
  bottom: 0; 
  z-index: 3;
  padding: .4rem 2rem;
}

.video-play-btn {
  position: absolute;
  display: block;
}

.video-play-btn svg{
  pointer-events: none;
}


.callout--dark :is(&, *) {
  color: #fff;
}

.video-wrapper {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  background-color: #000;
  position: relative;
  margin-bottom: 0;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.25);
  border-radius: .5rem;
  overflow:hidden;
}

.video-lazyload-placeholder {
  transition: 300ms ease-in-out all;
}

.video-play-btn {
  padding: 0;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: transparent;
  border: none;
  outline: none !important; 
  z-index: 1052;
}
.video-play-btn svg {
  transition: .3s;
}
.video-wrapper:is(:hover,:active,:focus) .video-play-btn {
 background: none;
 border: 0px;
}

.video-wrapper:is(:hover,:active,:focus) .video-play-btn svg {
  transform: scale(1.1);
}
@media (max-width: 767px) {
  .video-wrapper .callout p {
    font-size: .8rem;
    line-height: 1.5;
  }
}
@media (max-width: 575px) {
  .video-play-btn svg {
    width: 6rem;
    height: 6rem;
  }
}

.video-lazyload :is(video,iframe,lite-youtube,.iframe-placeholder) {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding-bottom: 0;
  max-width: unset;
  background-size: cover;
  z-index: 0;
  max-width: unset;
}
.cta:not(.cta--full-width) {
  background: var(--color-navy-dark);
  position: relative;
}
.cta:not(.cta--full-width) .content-wrapper {
  padding: 2rem 0;
}
.cta.cta--full-width{
  background: var(--color-navy);
}
.cta--full-width .cta_form_wrapper .row-fluid {
  padding-left: 0;
  padding-right: 0;
}

.hero__form_wrapper .row-fluid {
  align-items: center;
  backdrop-filter: blur(12px);
  background: rgba(238, 238, 238, 0.80);
  border-radius: 0.5rem;
  margin-top: 1rem;
  padding: 1rem 2rem;

color: #000
}

.cta_form_wrapper .btn {
  font-size: 1rem;
}
.cta_form_wrapper .cta__form_title {
  color:#fff;
  margin-bottom: 0 !important;
}
.cta_form_wrapper form {
  align-items: center;
  background: none;
  display: flex;
}
.cta_form_wrapper form input[type="submit"] {
  font-size: 1rem;
}
.cta_form_wrapper form input:not([type="submit"]) {
  background: #fff;
  border-radius: 100px;
}
@media (max-width: 990px) {
  .cta_form_wrapper {
    padding: 0 2rem;
  }
  .cta_form_wrapper .row-fluid {
    flex-wrap: nowrap;
    gap: 2rem;
  }
  .cta_form_wrapper .btn {
    font-size: 1rem;
  }
}
.cta_form_wrapper .btn {
  white-space: nowrap;
}

.cta_form_wrapper {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: center;
  padding: 1rem 0;
}

@media (max-width: 767px) {
 .cta_form_wrapper {
    flex-flow: wrap;
  }
}
@media (max-width: 410px) {
 .cta_form_wrapper {
    gap: 1rem;
    padding: 2rem 1rem;
  }
  :is(.hero__form_wrapper, .cta_form_wrapper) .row-fluid {
    padding: 1.25rem 1.125rem;
  }

  .hero__form_wrapper .row-fluid,
  .cta_form_wrapper .row-fluid {
    flex-wrap: wrap !important;
    gap: 1rem !important;
  }
  .cta_form_wrapper .row-fluid > * {
    text-align: center;
    width: 100%;
  }
}
.callout {
  background: var(--color-light-blue);
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 1.5rem 1.8rem;

  *:last-child {
    margin-bottom: 0;
  }

  a:not(.button) {
    text-decoration: underline;
  }
}

.callout.callout--blue {
  background: var(--color-primary);
  a {
    color: var(--color-dark);
  }
}

.callout {
  .button {
    margin-right: auto;
  }
}

/* Header DND sections */
.header {
  .row-fluid {
    align-items: center;
    justify-content: space-between
  }
}

.top-bar {
  background: var(--color-dark);
  border-bottom: 1px solid var(--color-blue);
  text-align: right;
  padding: .5rem 0;

  * {
    margin-bottom: 0;
  }

  a {
    color: var(--color-blue);
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    padding: .2rem 0;
    text-decoration: underline;
  }
}

.main-header {
  background: var(--color-dark);
  padding: 1rem 0;
}

@media(min-width: 768px){

  .header__button {
    margin-left: 1rem;
  }
}

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

.header__right-column {
  align-items: center;
  display: flex;
}

.header__row-1 {
  padding-top: 1rem;
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .header__container {
    flex-direction: column;

    /* padding: 1rem 0 0; */
  }

  .header__column {
    position: relative;
  }

  .header__row-1 {
    padding-top: 0;
  }

  .header__row-2 {
    justify-content: center;
    padding: 1.05rem;
  }
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 300px;
  overflow: hidden;
}

.header__logo a {
  display: block;
}

@media (max-width: 767px) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: 1.167rem;
  margin-top: 0.7rem;
}

.header__logo--main img {
  width: 30vw;
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}

{

% if ( get_asset_version("@hubspot/search_input") == "1" ) %
}

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

  .header__search .hs-search-field__label {
    flex-basis: auto;
  }
{

% endif %
}

.header__search .hs-search-field__input {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
  background-position: center right 15px;
  background-repeat: no-repeat;
  height: 45px;
  padding: 0 0.7rem;

  {

% if ( get_asset_version("@hubspot/search_input") == "0" ) %
}
  {

% endif %
}
}

{

% if ( get_asset_version("@hubspot/search_input") == "1" ) %
}
  .header__search .hs-search-field__button {
    background-color: transparent;
    border: none;
    fill: #000;
    padding: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
  }

  .header__search .hs-search-field__button svg {
    height: 25px;
  }
{

% endif %
}

.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-radius: var(--border-radius-small);
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.hs-search-field__suggestions-container .hs-search-field__suggestions {
  border: 0px !important;
  border-radius: var(--border-radius);
  box-shadow: 1px 10px 6px -9px hsla(0, 0%, 48%, .75);
  transform: translateY(4px);
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */
  
.mobile-menu--open {
  display: block;
}


.header__mobile-menu {
  background: var(--color-dark);
  position: fixed;
  height: 100%;
  top: 0;
  padding: 1.5rem;
  right: 0;
  width: 60vw;
  transform: translateX(200%);
  transition: var(--transition);
}
    
.mobile-menu--open.header__mobile-menu {
  transform: translateX(0);
}

@media (max-width: 990px){
  .header__logo {
    width: unset;
    margin: unset;
  }
}

@media(max-width: 600px){
  .mobile-menu__trigger-open {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
  .header__logo {
    max-width: 200px;
  }
  .header__right-column { 
    /* justify-content: center; */
    /* width: 100%; */
    /* margin-top: 1rem; */
  }
}

.header__menu {
  .hs-menu-item li:hover>ul {
    -webkit-transition: all .2sease-in-out;
    transition: all .2sease-in-out;
  }

  .hs-menu-item a {
    padding: 1rem;
  }
  .hs-menu-item a {
    color: var(--color-white);
    font-weight: 600;
  }
  .hs-menu-children-wrapper li {
    padding: 0 20px;
  }

  .hs-menu-item a:hover {
    color: var(--color-blue);
  }

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

  .hs-menu-children-wrapper {
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -webkit-transform: translateZ(0);
    -webkit-transition: opacity .4sease-in-out, background-color .4sease-in-out;
    background: #fff;
    border-top: 3px solid #d8d8d8;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    opacity: 0;
    padding: 20px 0;
    text-align: left;
    transition: opacity .4sease-in-out, background-color .4sease-in-out;
    visibility: hidden;
    width: 240px;

a {
      padding: 6px 20px;
    }
  }
  .hs-item-has-children:hover > .hs-menu-children-wrapper{
      opacity: 1;
      visibility: visible;
    }
}

.menu__child-toggle-icon {

  border-top-color: #0d1932
}

.header__language-switcher .lang_list_class li a:focus,.header__language-switcher .lang_list_class li:hover a,.header__language-switcher-label-current:focus,.header__language-switcher-label-current:hover,.menu .menu__link:focus,.menu .menu__link:hover {

  color: #00000a
}

.menu__child-toggle-icon:focus,.menu__child-toggle-icon:hover {

  border-top-color: #00000a
}

.header__language-switcher .lang_list_class li a:active,.header__language-switcher-label-current:active,.menu .menu__link:active {

  color: #35415a
}

.menu__child-toggle-icon:active {

  border-top-color: #35415a
}

.menu .menu__item--depth-1>.menu__link--active-link:after {

  background-color: #0d1932
}

@media (min-width: 767px) {
  .header__language-switcher .lang_list_class,.menu .menu__submenu,.menu__submenu--level-2>.menu__item:first-child:before {
      background-color:#fff;

border: 2px solid #0d1932
    }
}

.menu__submenu .menu__link,.menu__submenu .menu__link:focus,.menu__submenu .menu__link:hover {
  background-color: #fff;

color: #0d1932
}

.header__language-switcher .lang_list_class:before {

  border-bottom-color: #0d1932
}

.header__language-switcher .lang_list_class li:hover,.menu__submenu .menu__link:focus,.menu__submenu .menu__link:hover,.menu__submenu--level-2>.menu__item:first-child.focus:before,.menu__submenu--level-2>.menu__item:first-child:hover:before {

  background-color: #eee
}

.header__language-switcher .lang_list_class.first-active:after {

  border-bottom-color: #eee
}

.header__language-switcher-label-current:after {

  border-top-color: #0d1932
}

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

      background-color:#eee
    }

  .header__navigation-toggle svg,.menu-arrow svg {

      fill: #0d1932
    }
}

.hs-item-has-children > a:first-child:after {
    content: "3 ";
    font-family: "ElegantIcons";
    font-size: 16px;
    font-weight: 800;
    position: absolute;
    right: 0;
    top: 0;
  }

.hs-menu-item.hs-menu-depth-2>a {
  padding-right: 40px;
}

.hs-menu-item.hs-menu-depth-2>a::after {
  right: 20px;
  top: 6px;
}

@media(min-width: 768px){

.hs-menu-depth-2 ul.hs-menu-children-wrapper {
  transform: translateX(-100%);

top: 0px !important
}
}
/* Footer */

.footer {
  background-color: var(--color-black);
  color: #fff;
  padding-top: 3rem;
}

.footer.footer-landing_page {
  padding: 2rem 0;
}

@media (max-width: 767px) {
  .footer img {
    text-align: left;
  }
} 

footer.footer :is(li, p) a{
}

footer.footer ul.footer__menu {
  display: flex;
  flex-flow: column;
  gap: .75rem;
  text-align: left;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

footer.footer .footer__menu-item {
  width: unset;
  border-top: unset;
}

footer.footer ul.footer__menu a,
footer.footer .footer__copyright_inner {
  color: #fff;
}

footer.footer .menu__item--depth-1 {
  padding: .2rem 0;
}

.footer__menu-row {
  margin-top: 6rem;
  margin-bottom: 2.5rem;
}

.footer__certification-logo {
  max-width: 92px;
}
/* .footer :is(h1, h2, h3, h4, h5, h6, img, label, li, p, span) {
  color: #fff;
} */
.footer :is(h6) {
  font-size: 1rem;
  margin-bottom: .85rem;
}
@media(max-width: 767px){
  .footer :is(h6) {
    margin-bottom: .5rem;
  }
}

.footer .hs-social-follow {
  margin-left: -8px;
}

.footer .hs-social-follow a:hover svg {
  transform: translateY(-4px)
}

.footer .button {
  padding: .85rem 2.5rem;
}

.footer__copyright_inner {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.footer__social svg {
  width: 1.85rem;
  height: 1.85rem;
}

@media (max-width:1200px) {
  .footer__column_row  {
    flex-flow: wrap;
  }
  .footer__column_row .footer__column_button{
    flex: 1 100%;
  }

  .span.footer__column.footer__column_simple_menu {
    flex: 1;
  }
  
  .footer__column_row .footer__column_button{
    margin-top: 2rem;
  }
}

@media (min-width:520px) and (max-width:767px) {
  .span.footer__column.footer__column_simple_menu {
    flex: 1;
  }

}
    
@media (max-width:767px) {  
  .footer__copyright_inner {
    font-size: 1rem;
  }
  .footer__column_row  {
    flex-flow: wrap;
    margin: 2rem 0;
  }
}

@media (max-width:519px){
  .span.footer__column.footer__column_simple_menu:not(:last-of-type){
    margin-bottom: 2rem;
  }

  .span.footer__column.footer__column_simple_menu {
    flex: 1 100%;
  }

  .footer__copyright_inner {
    font-size: .9rem;
    justify-content: space-between;
    padding-bottom: 1.5rem;
  }

  .footer__social {
    width: 100px;
    text-align: right;
    order: 2;
  }

  .footer__social svg {
    width: 3rem;
    height: 3rem;
  }
}
/* 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;
}

.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 */

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

/* Base theme helpers */
.propharma--dark {
  background: var(--color-background-dark);
  color: var(--color-text-light);
}

.propharma--text-light {
  color: var(--color-text-light);
}

.propharma--text-dark {
  color: var(--color-text-dark);
}

.propharma--light {
  color: var(--color-text-dark);
}

.white {
  color: var(--color-white);
}

.primary {
  color: var(--color-primary);
}

.dark {
  color: var(--color-dark);
}

.light {
  color: var(--color-light);
}

.normal {
  font-weight: normal;
}

.strong {
  font-weight: bold;
}

.txt-light,.txt-light:hover {
    color: var(--color-light)
}

.colored-box {
  background-color: var(--color-primary);
  border-radius: var(--border-radius);
  color: var(--color-light);
  overflow: hidden
}

.colored-box-light {
  background-color: var(--color-primary-light);
  border-radius: var(--border-radius);
  overflow: hidden;
  padding: 2rem;
}

/* Layout classes */
.section-padding-y {
  padding: var(--section-spacing-base) 0;
}

.section-padding-y-sm {
  padding: calc(var(--section-spacing-base) / 2) 0;
}

.section-padding-t {
  padding-top: var(--section-spacing-base) 0;
}

.section-padding-b {
  padding-bottom: var(--section-spacing-base);
}

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

.justify-space-between {
  justify-content: space-between;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* 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;
}

.show-on-mobile {
  display: none !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;
  }

  .show-on-mobile {
    display: block !important;
  }

  .hide-on-mobile {
    display: none !important;  
  }
}

.mb-0 {
  margin-bottom: 0 !important;
}

/**
 * 1. Make the dialog container, and its child overlay spread across
 *    the entire window.
 */
 .dialog-container,
 .dialog-overlay {
   position: fixed; /* 1 */
   top: 0; /* 1 */
   right: 0; /* 1 */
   bottom: 0; /* 1 */
   left: 0; /* 1 */
 }
 
 /**
   * 1. Make sure the dialog container and all its descendants sits on
   *    top of the rest of the page.
   * 2. Make the dialog container a flex container to easily center the
   *    dialog.
   */
 .dialog-container {
   z-index: 2; /* 1 */
   display: flex; /* 2 */
 }
 
 /**
   * 1. Make sure the dialog container and all its descendants are not
   *    visible and not focusable when it is hidden.
   */
 .dialog-container[aria-hidden='true'] {
   display: none; /* 1 */
 }
 
 /**
   * 1. Make the overlay look like an overlay.
   */
 .dialog-overlay {
   background-color: rgb(43 46 56 / 0.9); /* 1 */
   animation: fade-in 200ms both;
 }
 
 /**
   * 1. Vertically and horizontally center the dialog in the page.
   * 2. Make sure the dialog sits on top of the overlay.
   * 3. Make sure the dialog has an opaque background.
   */
 .dialog-content {
   margin: auto; /* 1 */
   z-index: 2; /* 2 */
   position: relative; /* 2 */
   background-color: white; /* 3 */
 
   animation: fade-in 400ms 200ms both, slide-up 400ms 200ms both;
   padding: 1em;
   max-width: 90%;
   width: 600px;
   border-radius: 5px;
 }
 
 @media screen and (min-width: 700px) {
   .dialog-content {
     padding: 2em;
   }
 }
 
 @keyframes fade-in {
   from {
     opacity: 0;
   }
 }
 
 @keyframes slide-up {
   from {
     transform: translateY(10%);
   }
 }
 
 @media (prefers-reduced-motion: reduce) {
   .dialog-overlay,
   .dialog-content {
     animation: none;
   }
 }
 
 .dialog-content h1 {
   margin: 0;
   font-size: 1.25em;
 }
 
 .dialog-close {
   position: absolute;
   top: 0.5em;
   right: 0.5em;
   border: 0;
   padding: 0.25em;
   background-color: transparent;
   color: #000;
   font-size: 1.5em;
   width: 2.25em;
   height: 2.25em;
   text-align: center;
   cursor: pointer;
   transition: 0.15s;
   border-radius: 50%;
 }

 .dialog-close:hover svg {
  transform: scale(1.1);
 }
 
 @media screen and (min-width: 700px) {
   .dialog-close {
     top: 1em;
     right: 1em;
   }
 }
@font-face {
	font-family: 'ElegantIcons';
	src:url('');
	src:url('') format('embedded-opentype'),
		url('') format('woff'),
		url('') format('truetype'),
		url('') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
.arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard {
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.arrow_up:before {
	content: "\21";
}
.arrow_down:before {
	content: "\22";
}
.arrow_left:before {
	content: "\23";
}
.arrow_right:before {
	content: "\24";
}
.arrow_left-up:before {
	content: "\25";
}
.arrow_right-up:before {
	content: "\26";
}
.arrow_right-down:before {
	content: "\27";
}
.arrow_left-down:before {
	content: "\28";
}
.arrow-up-down:before {
	content: "\29";
}
.arrow_up-down_alt:before {
	content: "\2a";
}
.arrow_left-right_alt:before {
	content: "\2b";
}
.arrow_left-right:before {
	content: "\2c";
}
.arrow_expand_alt2:before {
	content: "\2d";
}
.arrow_expand_alt:before {
	content: "\2e";
}
.arrow_condense:before {
	content: "\2f";
}
.arrow_expand:before {
	content: "\30";
}
.arrow_move:before {
	content: "\31";
}
.arrow_carrot-up:before {
	content: "\32";
}
.arrow_carrot-down:before {
	content: "\33";
}
.arrow_carrot-left:before {
	content: "\34";
}
.arrow_carrot-right:before {
	content: "\35";
}
.arrow_carrot-2up:before {
	content: "\36";
}
.arrow_carrot-2down:before {
	content: "\37";
}
.arrow_carrot-2left:before {
	content: "\38";
}
.arrow_carrot-2right:before {
	content: "\39";
}
.arrow_carrot-up_alt2:before {
	content: "\3a";
}
.arrow_carrot-down_alt2:before {
	content: "\3b";
}
.arrow_carrot-left_alt2:before {
	content: "\3c";
}
.arrow_carrot-right_alt2:before {
	content: "\3d";
}
.arrow_carrot-2up_alt2:before {
	content: "\3e";
}
.arrow_carrot-2down_alt2:before {
	content: "\3f";
}
.arrow_carrot-2left_alt2:before {
	content: "\40";
}
.arrow_carrot-2right_alt2:before {
	content: "\41";
}
.arrow_triangle-up:before {
	content: "\42";
}
.arrow_triangle-down:before {
	content: "\43";
}
.arrow_triangle-left:before {
	content: "\44";
}
.arrow_triangle-right:before {
	content: "\45";
}
.arrow_triangle-up_alt2:before {
	content: "\46";
}
.arrow_triangle-down_alt2:before {
	content: "\47";
}
.arrow_triangle-left_alt2:before {
	content: "\48";
}
.arrow_triangle-right_alt2:before {
	content: "\49";
}
.arrow_back:before {
	content: "\4a";
}
.icon_minus-06:before {
	content: "\4b";
}
.icon_plus:before {
	content: "\4c";
}
.icon_close:before {
	content: "\4d";
}
.icon_check:before {
	content: "\4e";
}
.icon_minus_alt2:before {
	content: "\4f";
}
.icon_plus_alt2:before {
	content: "\50";
}
.icon_close_alt2:before {
	content: "\51";
}
.icon_check_alt2:before {
	content: "\52";
}
.icon_zoom-out_alt:before {
	content: "\53";
}
.icon_zoom-in_alt:before {
	content: "\54";
}
.icon_search:before {
	content: "\55";
}
.icon_box-empty:before {
	content: "\56";
}
.icon_box-selected:before {
	content: "\57";
}
.icon_minus-box:before {
	content: "\58";
}
.icon_plus-box:before {
	content: "\59";
}
.icon_box-checked:before {
	content: "\5a";
}
.icon_circle-empty:before {
	content: "\5b";
}
.icon_circle-slelected:before {
	content: "\5c";
}
.icon_stop_alt2:before {
	content: "\5d";
}
.icon_stop:before {
	content: "\5e";
}
.icon_pause_alt2:before {
	content: "\5f";
}
.icon_pause:before {
	content: "\60";
}
.icon_menu:before {
	content: "\61";
}
.icon_menu-square_alt2:before {
	content: "\62";
}
.icon_menu-circle_alt2:before {
	content: "\63";
}
.icon_ul:before {
	content: "\64";
}
.icon_ol:before {
	content: "\65";
}
.icon_adjust-horiz:before {
	content: "\66";
}
.icon_adjust-vert:before {
	content: "\67";
}
.icon_document_alt:before {
	content: "\68";
}
.icon_documents_alt:before {
	content: "\69";
}
.icon_pencil:before {
	content: "\6a";
}
.icon_pencil-edit_alt:before {
	content: "\6b";
}
.icon_pencil-edit:before {
	content: "\6c";
}
.icon_folder-alt:before {
	content: "\6d";
}
.icon_folder-open_alt:before {
	content: "\6e";
}
.icon_folder-add_alt:before {
	content: "\6f";
}
.icon_info_alt:before {
	content: "\70";
}
.icon_error-oct_alt:before {
	content: "\71";
}
.icon_error-circle_alt:before {
	content: "\72";
}
.icon_error-triangle_alt:before {
	content: "\73";
}
.icon_question_alt2:before {
	content: "\74";
}
.icon_question:before {
	content: "\75";
}
.icon_comment_alt:before {
	content: "\76";
}
.icon_chat_alt:before {
	content: "\77";
}
.icon_vol-mute_alt:before {
	content: "\78";
}
.icon_volume-low_alt:before {
	content: "\79";
}
.icon_volume-high_alt:before {
	content: "\7a";
}
.icon_quotations:before {
	content: "\7b";
}
.icon_quotations_alt2:before {
	content: "\7c";
}
.icon_clock_alt:before {
	content: "\7d";
}
.icon_lock_alt:before {
	content: "\7e";
}
.icon_lock-open_alt:before {
	content: "\e000";
}
.icon_key_alt:before {
	content: "\e001";
}
.icon_cloud_alt:before {
	content: "\e002";
}
.icon_cloud-upload_alt:before {
	content: "\e003";
}
.icon_cloud-download_alt:before {
	content: "\e004";
}
.icon_image:before {
	content: "\e005";
}
.icon_images:before {
	content: "\e006";
}
.icon_lightbulb_alt:before {
	content: "\e007";
}
.icon_gift_alt:before {
	content: "\e008";
}
.icon_house_alt:before {
	content: "\e009";
}
.icon_genius:before {
	content: "\e00a";
}
.icon_mobile:before {
	content: "\e00b";
}
.icon_tablet:before {
	content: "\e00c";
}
.icon_laptop:before {
	content: "\e00d";
}
.icon_desktop:before {
	content: "\e00e";
}
.icon_camera_alt:before {
	content: "\e00f";
}
.icon_mail_alt:before {
	content: "\e010";
}
.icon_cone_alt:before {
	content: "\e011";
}
.icon_ribbon_alt:before {
	content: "\e012";
}
.icon_bag_alt:before {
	content: "\e013";
}
.icon_creditcard:before {
	content: "\e014";
}
.icon_cart_alt:before {
	content: "\e015";
}
.icon_paperclip:before {
	content: "\e016";
}
.icon_tag_alt:before {
	content: "\e017";
}
.icon_tags_alt:before {
	content: "\e018";
}
.icon_trash_alt:before {
	content: "\e019";
}
.icon_cursor_alt:before {
	content: "\e01a";
}
.icon_mic_alt:before {
	content: "\e01b";
}
.icon_compass_alt:before {
	content: "\e01c";
}
.icon_pin_alt:before {
	content: "\e01d";
}
.icon_pushpin_alt:before {
	content: "\e01e";
}
.icon_map_alt:before {
	content: "\e01f";
}
.icon_drawer_alt:before {
	content: "\e020";
}
.icon_toolbox_alt:before {
	content: "\e021";
}
.icon_book_alt:before {
	content: "\e022";
}
.icon_calendar:before {
	content: "\e023";
}
.icon_film:before {
	content: "\e024";
}
.icon_table:before {
	content: "\e025";
}
.icon_contacts_alt:before {
	content: "\e026";
}
.icon_headphones:before {
	content: "\e027";
}
.icon_lifesaver:before {
	content: "\e028";
}
.icon_piechart:before {
	content: "\e029";
}
.icon_refresh:before {
	content: "\e02a";
}
.icon_link_alt:before {
	content: "\e02b";
}
.icon_link:before {
	content: "\e02c";
}
.icon_loading:before {
	content: "\e02d";
}
.icon_blocked:before {
	content: "\e02e";
}
.icon_archive_alt:before {
	content: "\e02f";
}
.icon_heart_alt:before {
	content: "\e030";
}
.icon_star_alt:before {
	content: "\e031";
}
.icon_star-half_alt:before {
	content: "\e032";
}
.icon_star:before {
	content: "\e033";
}
.icon_star-half:before {
	content: "\e034";
}
.icon_tools:before {
	content: "\e035";
}
.icon_tool:before {
	content: "\e036";
}
.icon_cog:before {
	content: "\e037";
}
.icon_cogs:before {
	content: "\e038";
}
.arrow_up_alt:before {
	content: "\e039";
}
.arrow_down_alt:before {
	content: "\e03a";
}
.arrow_left_alt:before {
	content: "\e03b";
}
.arrow_right_alt:before {
	content: "\e03c";
}
.arrow_left-up_alt:before {
	content: "\e03d";
}
.arrow_right-up_alt:before {
	content: "\e03e";
}
.arrow_right-down_alt:before {
	content: "\e03f";
}
.arrow_left-down_alt:before {
	content: "\e040";
}
.arrow_condense_alt:before {
	content: "\e041";
}
.arrow_expand_alt3:before {
	content: "\e042";
}
.arrow_carrot_up_alt:before {
	content: "\e043";
}
.arrow_carrot-down_alt:before {
	content: "\e044";
}
.arrow_carrot-left_alt:before {
	content: "\e045";
}
.arrow_carrot-right_alt:before {
	content: "\e046";
}
.arrow_carrot-2up_alt:before {
	content: "\e047";
}
.arrow_carrot-2dwnn_alt:before {
	content: "\e048";
}
.arrow_carrot-2left_alt:before {
	content: "\e049";
}
.arrow_carrot-2right_alt:before {
	content: "\e04a";
}
.arrow_triangle-up_alt:before {
	content: "\e04b";
}
.arrow_triangle-down_alt:before {
	content: "\e04c";
}
.arrow_triangle-left_alt:before {
	content: "\e04d";
}
.arrow_triangle-right_alt:before {
	content: "\e04e";
}
.icon_minus_alt:before {
	content: "\e04f";
}
.icon_plus_alt:before {
	content: "\e050";
}
.icon_close_alt:before {
	content: "\e051";
}
.icon_check_alt:before {
	content: "\e052";
}
.icon_zoom-out:before {
	content: "\e053";
}
.icon_zoom-in:before {
	content: "\e054";
}
.icon_stop_alt:before {
	content: "\e055";
}
.icon_menu-square_alt:before {
	content: "\e056";
}
.icon_menu-circle_alt:before {
	content: "\e057";
}
.icon_document:before {
	content: "\e058";
}
.icon_documents:before {
	content: "\e059";
}
.icon_pencil_alt:before {
	content: "\e05a";
}
.icon_folder:before {
	content: "\e05b";
}
.icon_folder-open:before {
	content: "\e05c";
}
.icon_folder-add:before {
	content: "\e05d";
}
.icon_folder_upload:before {
	content: "\e05e";
}
.icon_folder_download:before {
	content: "\e05f";
}
.icon_info:before {
	content: "\e060";
}
.icon_error-circle:before {
	content: "\e061";
}
.icon_error-oct:before {
	content: "\e062";
}
.icon_error-triangle:before {
	content: "\e063";
}
.icon_question_alt:before {
	content: "\e064";
}
.icon_comment:before {
	content: "\e065";
}
.icon_chat:before {
	content: "\e066";
}
.icon_vol-mute:before {
	content: "\e067";
}
.icon_volume-low:before {
	content: "\e068";
}
.icon_volume-high:before {
	content: "\e069";
}
.icon_quotations_alt:before {
	content: "\e06a";
}
.icon_clock:before {
	content: "\e06b";
}
.icon_lock:before {
	content: "\e06c";
}
.icon_lock-open:before {
	content: "\e06d";
}
.icon_key:before {
	content: "\e06e";
}
.icon_cloud:before {
	content: "\e06f";
}
.icon_cloud-upload:before {
	content: "\e070";
}
.icon_cloud-download:before {
	content: "\e071";
}
.icon_lightbulb:before {
	content: "\e072";
}
.icon_gift:before {
	content: "\e073";
}
.icon_house:before {
	content: "\e074";
}
.icon_camera:before {
	content: "\e075";
}
.icon_mail:before {
	content: "\e076";
}
.icon_cone:before {
	content: "\e077";
}
.icon_ribbon:before {
	content: "\e078";
}
.icon_bag:before {
	content: "\e079";
}
.icon_cart:before {
	content: "\e07a";
}
.icon_tag:before {
	content: "\e07b";
}
.icon_tags:before {
	content: "\e07c";
}
.icon_trash:before {
	content: "\e07d";
}
.icon_cursor:before {
	content: "\e07e";
}
.icon_mic:before {
	content: "\e07f";
}
.icon_compass:before {
	content: "\e080";
}
.icon_pin:before {
	content: "\e081";
}
.icon_pushpin:before {
	content: "\e082";
}
.icon_map:before {
	content: "\e083";
}
.icon_drawer:before {
	content: "\e084";
}
.icon_toolbox:before {
	content: "\e085";
}
.icon_book:before {
	content: "\e086";
}
.icon_contacts:before {
	content: "\e087";
}
.icon_archive:before {
	content: "\e088";
}
.icon_heart:before {
	content: "\e089";
}
.icon_profile:before {
	content: "\e08a";
}
.icon_group:before {
	content: "\e08b";
}
.icon_grid-2x2:before {
	content: "\e08c";
}
.icon_grid-3x3:before {
	content: "\e08d";
}
.icon_music:before {
	content: "\e08e";
}
.icon_pause_alt:before {
	content: "\e08f";
}
.icon_phone:before {
	content: "\e090";
}
.icon_upload:before {
	content: "\e091";
}
.icon_download:before {
	content: "\e092";
}
.social_facebook:before {
	content: "\e093";
}
.social_twitter:before {
	content: "\e094";
}
.social_pinterest:before {
	content: "\e095";
}
.social_googleplus:before {
	content: "\e096";
}
.social_tumblr:before {
	content: "\e097";
}
.social_tumbleupon:before {
	content: "\e098";
}
.social_wordpress:before {
	content: "\e099";
}
.social_instagram:before {
	content: "\e09a";
}
.social_dribbble:before {
	content: "\e09b";
}
.social_vimeo:before {
	content: "\e09c";
}
.social_linkedin:before {
	content: "\e09d";
}
.social_rss:before {
	content: "\e09e";
}
.social_deviantart:before {
	content: "\e09f";
}
.social_share:before {
	content: "\e0a0";
}
.social_myspace:before {
	content: "\e0a1";
}
.social_skype:before {
	content: "\e0a2";
}
.social_youtube:before {
	content: "\e0a3";
}
.social_picassa:before {
	content: "\e0a4";
}
.social_googledrive:before {
	content: "\e0a5";
}
.social_flickr:before {
	content: "\e0a6";
}
.social_blogger:before {
	content: "\e0a7";
}
.social_spotify:before {
	content: "\e0a8";
}
.social_delicious:before {
	content: "\e0a9";
}
.social_facebook_circle:before {
	content: "\e0aa";
}
.social_twitter_circle:before {
	content: "\e0ab";
}
.social_pinterest_circle:before {
	content: "\e0ac";
}
.social_googleplus_circle:before {
	content: "\e0ad";
}
.social_tumblr_circle:before {
	content: "\e0ae";
}
.social_stumbleupon_circle:before {
	content: "\e0af";
}
.social_wordpress_circle:before {
	content: "\e0b0";
}
.social_instagram_circle:before {
	content: "\e0b1";
}
.social_dribbble_circle:before {
	content: "\e0b2";
}
.social_vimeo_circle:before {
	content: "\e0b3";
}
.social_linkedin_circle:before {
	content: "\e0b4";
}
.social_rss_circle:before {
	content: "\e0b5";
}
.social_deviantart_circle:before {
	content: "\e0b6";
}
.social_share_circle:before {
	content: "\e0b7";
}
.social_myspace_circle:before {
	content: "\e0b8";
}
.social_skype_circle:before {
	content: "\e0b9";
}
.social_youtube_circle:before {
	content: "\e0ba";
}
.social_picassa_circle:before {
	content: "\e0bb";
}
.social_googledrive_alt2:before {
	content: "\e0bc";
}
.social_flickr_circle:before {
	content: "\e0bd";
}
.social_blogger_circle:before {
	content: "\e0be";
}
.social_spotify_circle:before {
	content: "\e0bf";
}
.social_delicious_circle:before {
	content: "\e0c0";
}
.social_facebook_square:before {
	content: "\e0c1";
}
.social_twitter_square:before {
	content: "\e0c2";
}
.social_pinterest_square:before {
	content: "\e0c3";
}
.social_googleplus_square:before {
	content: "\e0c4";
}
.social_tumblr_square:before {
	content: "\e0c5";
}
.social_stumbleupon_square:before {
	content: "\e0c6";
}
.social_wordpress_square:before {
	content: "\e0c7";
}
.social_instagram_square:before {
	content: "\e0c8";
}
.social_dribbble_square:before {
	content: "\e0c9";
}
.social_vimeo_square:before {
	content: "\e0ca";
}
.social_linkedin_square:before {
	content: "\e0cb";
}
.social_rss_square:before {
	content: "\e0cc";
}
.social_deviantart_square:before {
	content: "\e0cd";
}
.social_share_square:before {
	content: "\e0ce";
}
.social_myspace_square:before {
	content: "\e0cf";
}
.social_skype_square:before {
	content: "\e0d0";
}
.social_youtube_square:before {
	content: "\e0d1";
}
.social_picassa_square:before {
	content: "\e0d2";
}
.social_googledrive_square:before {
	content: "\e0d3";
}
.social_flickr_square:before {
	content: "\e0d4";
}
.social_blogger_square:before {
	content: "\e0d5";
}
.social_spotify_square:before {
	content: "\e0d6";
}
.social_delicious_square:before {
	content: "\e0d7";
}
.icon_printer:before {
	content: "\e103";
}
.icon_calulator:before {
	content: "\e0ee";
}
.icon_building:before {
	content: "\e0ef";
}
.icon_floppy:before {
	content: "\e0e8";
}
.icon_drive:before {
	content: "\e0ea";
}
.icon_search-2:before {
	content: "\e101";
}
.icon_id:before {
	content: "\e107";
}
.icon_id-2:before {
	content: "\e108";
}
.icon_puzzle:before {
	content: "\e102";
}
.icon_like:before {
	content: "\e106";
}
.icon_dislike:before {
	content: "\e0eb";
}
.icon_mug:before {
	content: "\e105";
}
.icon_currency:before {
	content: "\e0ed";
}
.icon_wallet:before {
	content: "\e100";
}
.icon_pens:before {
	content: "\e104";
}
.icon_easel:before {
	content: "\e0e9";
}
.icon_flowchart:before {
	content: "\e109";
}
.icon_datareport:before {
	content: "\e0ec";
}
.icon_briefcase:before {
	content: "\e0fe";
}
.icon_shield:before {
	content: "\e0f6";
}
.icon_percent:before {
	content: "\e0fb";
}
.icon_globe:before {
	content: "\e0e2";
}
.icon_globe-2:before {
	content: "\e0e3";
}
.icon_target:before {
	content: "\e0f5";
}
.icon_hourglass:before {
	content: "\e0e1";
}
.icon_balance:before {
	content: "\e0ff";
}
.icon_rook:before {
	content: "\e0f8";
}
.icon_printer-alt:before {
	content: "\e0fa";
}
.icon_calculator_alt:before {
	content: "\e0e7";
}
.icon_building_alt:before {
	content: "\e0fd";
}
.icon_floppy_alt:before {
	content: "\e0e4";
}
.icon_drive_alt:before {
	content: "\e0e5";
}
.icon_search_alt:before {
	content: "\e0f7";
}
.icon_id_alt:before {
	content: "\e0e0";
}
.icon_id-2_alt:before {
	content: "\e0fc";
}
.icon_puzzle_alt:before {
	content: "\e0f9";
}
.icon_like_alt:before {
	content: "\e0dd";
}
.icon_dislike_alt:before {
	content: "\e0f1";
}
.icon_mug_alt:before {
	content: "\e0dc";
}
.icon_currency_alt:before {
	content: "\e0f3";
}
.icon_wallet_alt:before {
	content: "\e0d8";
}
.icon_pens_alt:before {
	content: "\e0db";
}
.icon_easel_alt:before {
	content: "\e0f0";
}
.icon_flowchart_alt:before {
	content: "\e0df";
}
.icon_datareport_alt:before {
	content: "\e0f2";
}
.icon_briefcase_alt:before {
	content: "\e0f4";
}
.icon_shield_alt:before {
	content: "\e0d9";
}
.icon_percent_alt:before {
	content: "\e0da";
}
.icon_globe_alt:before {
	content: "\e0de";
}
.icon_clipboard:before {
	content: "\e0e6";
}


	.glyph {
		float: left;
		text-align: center;
		padding: .75em;
		margin: .4em 1.5em .75em 0;
		width: 6em;
text-shadow: none;
	}
        .glyph_big {
        font-size: 128px;
        color: #59c5dc;
        float: left;
        margin-right: 20px;
        }

        .glyph div { padding-bottom: 10px;}

	.glyph input {
		font-family: consolas, monospace;
		font-size: 12px;
		width: 100%;
		text-align: center;
		border: 0;
		box-shadow: 0 0 0 1px #ccc;
		padding: .2em;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
	}
	.centered {
		margin-left: auto;
		margin-right: auto;
	}
	.glyph .fs1 {
		font-size: 2em;
	}
.embla {
  max-width: 100%;
  margin: auto;
  --slide-height: 19rem;
  --slide-spacing: 1rem;
  --slide-size: 100%;
  padding: 0; 
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.embla__viewport {
  width: calc(100% - 3rem);
  overflow: hidden;
}
.embla__container {
  display: flex;
  touch-action: pan-y pinch-zoom;
  margin-left: calc(var(--slide-spacing) * -1);
}
.embla__slide {
  transform: translate3d(0, 0, 0);
  flex: 0 0 var(--slide-size);
  min-width: 0;
  padding-left: var(--slide-spacing);
}
.embla__slide__number {
  box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
  border-radius: 1.8rem;
  font-size: 4rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--slide-height);
  user-select: none;
}
.embla__controls {
  position: absolute;
  width: calc(100% + 3rem);
}
.embla__buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.embla__button {
  -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  touch-action: manipulation;
  display: inline-flex;
  text-decoration: none;
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
  box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
  width: 3rem;
  height: 3rem;
  z-index: 1;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
.embla__button:is(:hover,:active,:focus) {
  border: 0;
  background: 0;
  transform: scale(1.2);
}
.embla__button:is(:hover,:active,:focus)  svg {
  transform:none;
}
.embla__button:disabled {
  color: var(--detail-high-contrast);
}
.embla__button__svg {
  width: 60%;
  height: 60%;
}