/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/generic/_reset.css ***!
  \************************************************************************************************************************/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/generic/_normalize.css ***!
  \****************************************************************************************************************************/
/*! 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 {
    -webkit-box-sizing: content-box;
            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 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: 700;
}

/**
 * 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 {
    -webkit-box-sizing: border-box;
            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"] {
    -webkit-box-sizing: border-box;
            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;
}

/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/objects/_layout_flex.css ***!
  \******************************************************************************************************************************/
/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
	box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

html {
	-moz-tab-size: 4;
	tab-size: 4;
}

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

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
	text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		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;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}

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

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
	box-shadow: none;
}

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

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-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.
*/

::-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 Chrome and Safari.
*/

summary {
	display: list-item;
}/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}


/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button,
[role="button"] {
  cursor: pointer;
}

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */
 
:-moz-focusring {
	outline: auto;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}

*, ::before, ::after {
	--tw-blur: var(--tw-empty,/*!*/ /*!*/);
	--tw-brightness: var(--tw-empty,/*!*/ /*!*/);
	--tw-contrast: var(--tw-empty,/*!*/ /*!*/);
	--tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
	--tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
	--tw-invert: var(--tw-empty,/*!*/ /*!*/);
	--tw-saturate: var(--tw-empty,/*!*/ /*!*/);
	--tw-sepia: var(--tw-empty,/*!*/ /*!*/);
	--tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
	--tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.container {
	width: 100%;
}
@media (min-width: 640px) {

	.container {
		max-width: 640px;
	}
}
@media (min-width: 768px) {

	.container {
		max-width: 768px;
	}
}
@media (min-width: 1024px) {

	.container {
		max-width: 1024px;
	}
}
@media (min-width: 1280px) {

	.container {
		max-width: 1280px;
	}
}
@media (min-width: 1536px) {

	.container {
		max-width: 1536px;
	}
}
.visible {
	visibility: visible;
}
.static {
	position: static;
}
.block {
	display: block;
}
.table {
	display: table;
}
.table-cell {
	display: table-cell;
}
.table-row {
	display: table-row;
}
.grid {
	display: grid;
}
.contents {
	display: contents;
}
.flex-row {
	flex-direction: row;
}
.flex-col {
	flex-direction: column;
}
.flex-wrap {
	flex-wrap: wrap;
}
.justify-start {
	justify-content: flex-start;
}
.justify-end {
	justify-content: flex-end;
}
.justify-center {
	justify-content: center;
}
.justify-between {
	justify-content: space-between;
}
.bg-auto {
	background-size: auto;
}
.align-top {
	vertical-align: top;
}
.filter {
	filter: var(--tw-filter);
}
body .dnd-section {
    /* padding: var(--dnd-mt) var(--container-padding) var(--dnd-mb);
    @media (max-width: 767px) {
        padding-top: 80px;
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
        padding-bottom: 80px;
    }
    */
}
@media (min-width: 768px) {
    .row-fluid {
		display: flex;
	}
    .row-fluid {
        grid-gap: var(--dnd-gap);
        gap: var(--dnd-gap);
    }
    .row-fluid .span12 {
		width: 100%;
	}

    .row-fluid .span11 {
		width: 91.666667%;
	}

    .row-fluid .span10 {
		width: 83.333333%;
	}

    .row-fluid .span9 {
		width: 75%;
	}

    .row-fluid .span8 {
		width: 66.666667%;
	}

    .row-fluid .span7 {
		width: 58.333333%;
	}

    .row-fluid .span6 {
		width: 50%;
	}

    .row-fluid .span5 {
		width: 41.666667%;
	}

    .row-fluid .span4 {
		width: 33.333333%;
	}

    .row-fluid .span3 {
		width: 25%;
	}

    .row-fluid .span2 {
		width: 16.666667%;
	}

    .row-fluid .span1 {
		width: 8.333333%;
	}
}

/* Clearfix */

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

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

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.flex-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
.justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.align-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.align-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.align-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.bg-auto {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/objects/_containers-dnd.css ***!
  \*********************************************************************************************************************************/
.body-container-wrapper {
   
}

.content-wrapper {
    margin: 0 auto;
    max-width: var(--container-width);
}

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

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

.dnd-section .dnd-column {
    padding: 0 calc(var(--container-padding) / 2);
}

.content-wrapper {
    max-width: var(--container-width);
}

.dnd-section > .row-fluid {
    /* max-width: var(--container-width); */
    margin: 0 auto;
}
body .dnd-section .dnd-column {
    padding: 0;
}

html.lock {
    height: 100vh;
    overflow: hidden;
}

/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/elements/_typography.css ***!
  \******************************************************************************************************************************/
body {
    line-height: var(--body-font-line-height);
    word-wrap: break-word;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-wrap: break-word;
    color: var(--body-font-color);
}

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

/* Paragraphs */

p {
    margin: var(--text-elements-margin);
}

p a,
    p span {
        margin-bottom: 0 !important;
    }

/* Anchors */

a {
    cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: var(--text-elements-margin);
}

/* Lists */

ul,
ol {
    margin: var(--text-elements-margin);
}

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:before {
        content: "";
        display: block;
        position: absolute;
        left: 0px;
        top: 0;
        background-color: #4e58a3;
        width: 2px;
        height: 100%;
    }

@media (min-width: 768px) {

blockquote:before {
            left: 100px
    }
        }

blockquote {
    position: relative;
    margin: 40px auto;
    font-weight: 500;
    text-align: left;
    color: #4e58a3;
    padding-left: 40px;
}

@media (min-width: 768px) {

blockquote {
        padding-left: 150px;
        font-size: 36px;
        line-height: 48px;
        margin: 107px auto
}
    }
blockquote {
    padding-left: 20px;
    margin: 0px;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(24, 17, 71, 1) ;
}
blockquote p, blockquote span, blockquote a {
        font-size: 24px ;
        font-weight: 400 ;
        line-height: 32px ;
        letter-spacing: -0.02em ;
        text-align: left;
        color: rgba(24, 17, 71, 1);
    }
blockquote::before{
        left: 0px;
        background-color: var(--primary-2);
    }
/* Horizontal rules */

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

/* Image alt text */

img {
    font-size: 0.583rem;
    word-break: normal;
}

/*  */

h1,
h2,
h3,
h4,
h5,
h6 {
    word-break: break-word;
    color: var(--primary-1);
    font-family: var(--body-font);
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
        font-family: "PP Editorial New";
        font-style: italic;
    }
.h1,
h1 {
    /*font-size: 56px !important;*/
    font-size: 56px;
    font-style: normal;
    font-weight: 300;
    /*line-height: 62px !important;*/
    line-height: 62px;
}
.h2,
h2 {
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 53px;
}
.h3,
h3 {
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 33px; 
}
.h4,
h4 {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
}
.h5,
h5 {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
}
.h6,
h6 {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
}

@media (max-width: 992px) {
    .h1,
    h1 {
        /*font-size: 48px !important;*/
        font-size: 48px;
        font-style: normal;
        font-weight: 300;
        line-height: 53px !important;
        /*line-height: 53px;*/
    }
    .h2,
    h2 {
        font-size: 36px;
        font-style: normal;
        font-weight: 300;
        line-height: 40px;
    }
    .h3,
    h3 {
        font-size: 24px;
        font-style: normal;
        font-weight: 300;
        line-height: 27px; 
    }
    .h4,
    h4 {
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 28.8px;
    }
    .h5,
    h5 {
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 28.8px;
    }
    .h6,
    h6 {
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 28.8px;
    }
    .widget-type-blog_content,
    .widget-type-rich_text,
    .hs_cos_wrapper_type_rich_text,
    .hs_cos_wrapper_type_inline_rich_text,
    p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
}

.widget-type-blog_content,
.widget-type-rich_text,
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_inline_rich_text,
p {
    /*font-size: 17px !important;*/
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    /*line-height: 25.2px !important;*/
    line-height: 140%;
}

.widget-type-blog_content a:not(.cta_button):not(.button), .widget-type-rich_text a:not(.cta_button):not(.button), .hs_cos_wrapper_type_rich_text a:not(.cta_button):not(.button), .hs_cos_wrapper_type_inline_rich_text a:not(.cta_button):not(.button), p a:not(.cta_button):not(.button) {
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
        display: inline-block;
        color: var(--primary-4) !important;
        text-decoration: none !important;
        font-weight: 600;
    }

.widget-type-blog_content a:not(.cta_button):not(.button) *, .widget-type-rich_text a:not(.cta_button):not(.button) *, .hs_cos_wrapper_type_rich_text a:not(.cta_button):not(.button) *, .hs_cos_wrapper_type_inline_rich_text a:not(.cta_button):not(.button) *, p a:not(.cta_button):not(.button) * {
            color: var(--primary-4) !important;   
        }

.widget-type-blog_content a:not(.cta_button):not(.button):visited,
        .widget-type-blog_content a:not(.cta_button):not(.button):focus,
        .widget-type-blog_content a:not(.cta_button):not(.button):active,
        .widget-type-rich_text a:not(.cta_button):not(.button):visited,
        .widget-type-rich_text a:not(.cta_button):not(.button):focus,
        .widget-type-rich_text a:not(.cta_button):not(.button):active,
        .hs_cos_wrapper_type_rich_text a:not(.cta_button):not(.button):visited,
        .hs_cos_wrapper_type_rich_text a:not(.cta_button):not(.button):focus,
        .hs_cos_wrapper_type_rich_text a:not(.cta_button):not(.button):active,
        .hs_cos_wrapper_type_inline_rich_text a:not(.cta_button):not(.button):visited,
        .hs_cos_wrapper_type_inline_rich_text a:not(.cta_button):not(.button):focus,
        .hs_cos_wrapper_type_inline_rich_text a:not(.cta_button):not(.button):active,
        p a:not(.cta_button):not(.button):visited,
        p a:not(.cta_button):not(.button):focus,
        p a:not(.cta_button):not(.button):active {
            text-decoration: none;
            color: var(--primary-3);
        }

.widget-type-blog_content ul,
    .widget-type-blog_content ol,
    .widget-type-rich_text ul,
    .widget-type-rich_text ol,
    .hs_cos_wrapper_type_rich_text ul,
    .hs_cos_wrapper_type_rich_text ol,
    .hs_cos_wrapper_type_inline_rich_text ul,
    .hs_cos_wrapper_type_inline_rich_text ol,
    p ul,
    p ol {
        padding-left: 0px;
        margin: var(--text-elements-margin);
    }

.widget-type-blog_content ul ul,
        .widget-type-blog_content ul ol,
        .widget-type-blog_content ol ul,
        .widget-type-blog_content ol ol,
        .widget-type-rich_text ul ul,
        .widget-type-rich_text ul ol,
        .widget-type-rich_text ol ul,
        .widget-type-rich_text ol ol,
        .hs_cos_wrapper_type_rich_text ul ul,
        .hs_cos_wrapper_type_rich_text ul ol,
        .hs_cos_wrapper_type_rich_text ol ul,
        .hs_cos_wrapper_type_rich_text ol ol,
        .hs_cos_wrapper_type_inline_rich_text ul ul,
        .hs_cos_wrapper_type_inline_rich_text ul ol,
        .hs_cos_wrapper_type_inline_rich_text ol ul,
        .hs_cos_wrapper_type_inline_rich_text ol ol,
        p ul ul,
        p ul ol,
        p ol ul,
        p ol ol {
            padding-left: 20px;
        }

.widget-type-blog_content ul p,
        .widget-type-blog_content ul a,
        .widget-type-blog_content ul span,
        .widget-type-blog_content ol p,
        .widget-type-blog_content ol a,
        .widget-type-blog_content ol span,
        .widget-type-rich_text ul p,
        .widget-type-rich_text ul a,
        .widget-type-rich_text ul span,
        .widget-type-rich_text ol p,
        .widget-type-rich_text ol a,
        .widget-type-rich_text ol span,
        .hs_cos_wrapper_type_rich_text ul p,
        .hs_cos_wrapper_type_rich_text ul a,
        .hs_cos_wrapper_type_rich_text ul span,
        .hs_cos_wrapper_type_rich_text ol p,
        .hs_cos_wrapper_type_rich_text ol a,
        .hs_cos_wrapper_type_rich_text ol span,
        .hs_cos_wrapper_type_inline_rich_text ul p,
        .hs_cos_wrapper_type_inline_rich_text ul a,
        .hs_cos_wrapper_type_inline_rich_text ul span,
        .hs_cos_wrapper_type_inline_rich_text ol p,
        .hs_cos_wrapper_type_inline_rich_text ol a,
        .hs_cos_wrapper_type_inline_rich_text ol span,
        p ul p,
        p ul a,
        p ul span,
        p ol p,
        p ol a,
        p ol span {
            margin: 0px !important;
        }

.widget-type-blog_content ul li, .widget-type-rich_text ul li, .hs_cos_wrapper_type_rich_text ul li, .hs_cos_wrapper_type_inline_rich_text ul li, p ul li {
            list-style: none;
            position: relative;
            padding-left: 19px;
            font-size: 17px;
            font-style: normal;
            font-weight: 400;
            line-height: 25.2px;
            margin-bottom: 8px;
        }

.widget-type-blog_content ul li:before, .widget-type-rich_text ul li:before, .hs_cos_wrapper_type_rich_text ul li:before, .hs_cos_wrapper_type_inline_rich_text ul li:before, p ul li:before {
                content: "";
                min-width: 7px;
                height: 7px;
                background-color: #072B95;
                display: inline-block;
                border-radius: 2px;
                margin-right: 0px;
                position: absolute;
                top: 7px;
                left: 0px;
            }

@media (max-width: 640px) {

.widget-type-blog_content ul li:before, .widget-type-rich_text ul li:before, .hs_cos_wrapper_type_rich_text ul li:before, .hs_cos_wrapper_type_inline_rich_text ul li:before, p ul li:before {
                    top: 8px
            }
                }

.widget-type-blog_content ul ol li, .widget-type-rich_text ul ol li, .hs_cos_wrapper_type_rich_text ul ol li, .hs_cos_wrapper_type_inline_rich_text ul ol li, p ul ol li {
            padding-left: 0px;
        }

.widget-type-blog_content ul.rings, .widget-type-rich_text ul.rings, .hs_cos_wrapper_type_rich_text ul.rings, .hs_cos_wrapper_type_inline_rich_text ul.rings, p ul.rings {
            padding-left: 100px;
        }

.widget-type-blog_content ul.rings li:before, .widget-type-rich_text ul.rings li:before, .hs_cos_wrapper_type_rich_text ul.rings li:before, .hs_cos_wrapper_type_inline_rich_text ul.rings li:before, p ul.rings li:before {
                    content: "";
                    min-width: 54px;
                    height: 54px;
                    background-color: transparent;
                    left: -70px;
                    top: 3px;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2754%27 height=%2754%27 viewBox=%270 0 54 54%27%3E%3Cg id=%27Group_1505%27 data-name=%27Group 1505%27 transform=%27translate%28-571 -3238%29%27%3E%3Cg id=%27Ellipse_158%27 data-name=%27Ellipse 158%27 transform=%27translate%28571 3238%29%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%271%27 opacity=%270.3%27%3E%3Ccircle cx=%2727%27 cy=%2727%27 r=%2727%27 stroke=%27none%27/%3E%3Ccircle cx=%2727%27 cy=%2727%27 r=%2726.5%27 fill=%27none%27/%3E%3C/g%3E%3Cg id=%27Ellipse_159%27 data-name=%27Ellipse 159%27 transform=%27translate%28576 3243%29%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%271%27 opacity=%270.6%27%3E%3Ccircle cx=%2722%27 cy=%2722%27 r=%2722%27 stroke=%27none%27/%3E%3Ccircle cx=%2722%27 cy=%2722%27 r=%2721.5%27 fill=%27none%27/%3E%3C/g%3E%3Cg id=%27Ellipse_160%27 data-name=%27Ellipse 160%27 transform=%27translate%28581 3248%29%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%271%27%3E%3Ccircle cx=%2717%27 cy=%2717%27 r=%2717%27 stroke=%27none%27/%3E%3Ccircle cx=%2717%27 cy=%2717%27 r=%2716.5%27 fill=%27none%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
                }

.widget-type-blog_content ol, .widget-type-rich_text ol, .hs_cos_wrapper_type_rich_text ol, .hs_cos_wrapper_type_inline_rich_text ol, p ol {
        margin: var(--text-elements-margin);
        padding-left: 20px;
        list-style: auto;
    }

.widget-type-blog_content ol ol > li,
        .widget-type-blog_content ol > li,
        .widget-type-rich_text ol ol > li,
        .widget-type-rich_text ol > li,
        .hs_cos_wrapper_type_rich_text ol ol > li,
        .hs_cos_wrapper_type_rich_text ol > li,
        .hs_cos_wrapper_type_inline_rich_text ol ol > li,
        .hs_cos_wrapper_type_inline_rich_text ol > li,
        p ol ol > li,
        p ol > li {
            margin: var(--text-elements-margin);
            margin-bottom: 10px;
        }

.widget-type-blog_content ol, .widget-type-rich_text ol, .hs_cos_wrapper_type_rich_text ol, .hs_cos_wrapper_type_inline_rich_text ol, p ol {
        list-style: none;
        counter-reset: counter;
        padding-left: 0px;
        margin-bottom: 32px;
    }

.widget-type-blog_content ol li, .widget-type-rich_text ol li, .hs_cos_wrapper_type_rich_text ol li, .hs_cos_wrapper_type_inline_rich_text ol li, p ol li {
            counter-increment: counter;
            margin-bottom: 8px;
            padding-left: 19px;
            position: relative;
            color: #000;
            font-size: 17px;
            font-style: normal;
            font-weight: 400;
            line-height: 25.2px;

        }

.widget-type-blog_content ol li:before, .widget-type-rich_text ol li:before, .hs_cos_wrapper_type_rich_text ol li:before, .hs_cos_wrapper_type_inline_rich_text ol li:before, p ol li:before {
                text-align: center;
                content: counter(counter)". ";
                display: block;
                position: absolute;
                left: 0px;
                font-size: 17px;
                top: 0px;
                color: #000;
            }

@media (max-width: 640px) {

.widget-type-blog_content ol li:before, .widget-type-rich_text ol li:before, .hs_cos_wrapper_type_rich_text ol li:before, .hs_cos_wrapper_type_inline_rich_text ol li:before, p ol li:before {
                    top: -3px
            }
                }

.widget-type-blog_content hr, .widget-type-rich_text hr, .hs_cos_wrapper_type_rich_text hr, .hs_cos_wrapper_type_inline_rich_text hr, p hr {
        display: block;
        margin: 32px auto 40px;
    }

.widget-type-blog_content .bigger, .widget-type-rich_text .bigger, .hs_cos_wrapper_type_rich_text .bigger, .hs_cos_wrapper_type_inline_rich_text .bigger, p .bigger {
        font-size: 40px;
        line-height: 58px;
    }

@media (max-width: 767px) {

.widget-type-blog_content .bigger, .widget-type-rich_text .bigger, .hs_cos_wrapper_type_rich_text .bigger, .hs_cos_wrapper_type_inline_rich_text .bigger, p .bigger {
            font-size: 24px;
            line-height: 38px
    }

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

/* Placeholders */

::-webkit-input-placeholder {
    color: var(--form-placeholder-color);
    font-size: var(--form-placeholder-size);
    font-weight: 400;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
    color: var(--form-placeholder-color);
    font-size: var(--form-placeholder-size);
    font-weight: 400;
}

/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/elements/_buttons.css ***!
  \***************************************************************************************************************************/
.body-wrapper button,
.body-wrapper a.button,
.body-wrapper .button {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    cursor: pointer;
    display: inline-block;
    white-space: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    font-family: var(--body-font);
    padding: 10px 28px !important;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #000;
    border-radius: 48px;
    text-decoration: none;
}

    @media (max-width: 992px) {.body-wrapper button,
.body-wrapper a.button,
.body-wrapper .button {
        padding: 10px 28px !important
}
    }

    .body-wrapper button:disabled, .body-wrapper a.button:disabled, .body-wrapper .button:disabled {
        opacity: 0.5 !important;
        pointer-events: none !important;
    }

    .body-wrapper button--type-1, .body-wrapper a.button--type-1, .body-wrapper .button--type-1 {
        background: var(--primary-4);
        border: 2px solid var(--primary-4);
        color: var(--primary-2);
    }

    .body-wrapper button--type-1:hover, .body-wrapper a.button--type-1:hover, .body-wrapper .button--type-1:hover {
            background:#E5F8FF !important;
            color: var(--primary-4) !important;
            border: 2px solid #E5F8FF !important;
        }

    .body-wrapper button--type-2, .body-wrapper a.button--type-2, .body-wrapper .button--type-2 {
        background-color: transparent !important;
        border: 2px solid var(--primary-4);
        color: var(--primary-4);
    }

    .body-wrapper button--type-2:hover, .body-wrapper a.button--type-2:hover, .body-wrapper .button--type-2:hover {
            border: 2px solid var(--primary-4) !important;
            background: var(--primary-4) !important;
            color: var(--primary-2) !important;
        }

    .body-wrapper button--type-3, .body-wrapper a.button--type-3, .body-wrapper .button--type-3 {
        background: var(--primary-5);
        border: 2px solid var(--primary-5);
        color: var(--primary-4);
    }

    .body-wrapper button--type-3:hover, .body-wrapper a.button--type-3:hover, .body-wrapper .button--type-3:hover {
            background:#E5F8FF !important;
            color: var(--primary-4) !important;
            border: 2px solid #E5F8FF !important;
        }

    .body-wrapper button--type-4, .body-wrapper a.button--type-4, .body-wrapper .button--type-4 {
        background: transparent;
        border: 2px solid transparent;
        color: var(--primary-4);
    }

    .body-wrapper button--type-4:hover, .body-wrapper a.button--type-4:hover, .body-wrapper .button--type-4:hover {
            background: var(--primary-5);
            border: 2px solid var(--primary-5);
            color: var(--primary-4) !important;
        }

    .body-wrapper button--type-5, .body-wrapper a.button--type-5, .body-wrapper .button--type-5 {
        background: transparent;
        border: 2px solid var(--primary-2);
        color: var(--primary-2);
    }

    .body-wrapper button--type-5:hover, .body-wrapper a.button--type-5:hover, .body-wrapper .button--type-5:hover {
            background: var(--primary-2) !important;
            border: 2px solid var(--primary-2) !important;
            color: var(--primary-4) !important;
        }

    .body-wrapper button--type-6, .body-wrapper a.button--type-6, .body-wrapper .button--type-6 {
        background: transparent;
        border: 2px solid transparent;
        color: var(--primary-2);
    }

    .body-wrapper button--type-6:hover, .body-wrapper a.button--type-6:hover, .body-wrapper .button--type-6:hover {
            background: transparent;
            border: 2px solid var(--primary-2);
            color: var(--primary-2);
        }

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
    background: none;
    border: none;
    border-radius: 0;
    color: #000;
    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;
    -webkit-transition: none;
    transition: none;
}

/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/elements/_forms.css ***!
  \*************************************************************************************************************************/
/* Form Title */

.form-title {
    color: #fff;
}

/* Fields */

form {
    color: #000000;
}

.hs-form-field {
    margin: 0 0 10px 0px;
    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;
    float: none;
}

/* Labels */

.hs-form-field > label {
        font-weight: 400;
        font-size: var(--form-label-size);
        line-height: 16px;
        color: var(--form-label-color);
        display: inline-block;
        padding: 0px;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        padding: 0 15px;
        background-color: transparent;
        -webkit-transform: translateY(7px) translateX(30px);
                transform: translateY(7px) translateX(30px);
        margin-top: -7px;
        max-width: calc(100% - 60px);
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        z-index: 2;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: none;
    }

.hs-form-field > label .legend {
            font-size: 14px;
            opacity: 0.6;
            display: inline !important;
            padding-left: 4px;
        }

.hs-form-field.hs-fieldtype-checkbox > label, .hs-form-field.hs-fieldtype-radio > label {
            -webkit-transform: translateY(0px) translateX(30px);
                    transform: translateY(0px) translateX(30px);
            margin-top: 0px;
            margin-bottom: 20px;
            margin-top: 20px;
            padding-left: 0;
        }

/* Help text */

.hs-form-field > legend {
        padding-left: 20px;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        font-size: var(--form-legend-size);
        color: var(--form-legend-color);
    }

.hs-form-field > .input {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }

.hs-form-field .hs-error-msgs {
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4;
    }

/* RADIO & CHECKBOX*/

.hs-form-field.hs-fieldtype-checkbox > label {
            -webkit-transform: translate(0);
                    transform: translate(0);
        }

.hs-form-field.hs-fieldtype-checkbox ul {
            margin-top: 0px;
            padding-left: 30px;
        }

.hs-form-field.hs-fieldtype-checkbox li {
            margin-bottom: 10px;
        }

.hs-form-field.hs-fieldtype-radio > label {
            -webkit-transform: translate(0);
                    transform: translate(0);
        }

.hs-form-field.hs-fieldtype-radio ul {
            margin-top: 0px;
            padding-left: 20px;
        }

.hs-form-field.hs-fieldtype-radio li {
            font-size: 17px;
        }

.hs-form-field.hs-recaptcha {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-top: 20px;
        margin-bottom: 20px;
    }
/* RADIO */

form input[type="radio"] {
    visibility: hidden;
    display: none;
    margin-right: 0px;
}

form input[type="radio"] + span {
        margin-left: 13px;
        position: relative;
        font-size: 18px;
    }

@media (max-width: 680px) {

form input[type="radio"] + span {
            font-size: 16px
    }
        }

form input[type="radio"] + span:before {
            content: "";
            border-radius: 50%;
            border: 1px solid rgba(217,217,217,0.69804);
            position: absolute;
            left: -33px;
            top: -1px;
            background-color: rgba(217,217,217,0.69804);
            min-height: 23px;
            width: 23px;
            -webkit-transition: 0.3s all;
            transition: 0.3s all;
            cursor: pointer;
        }

@media (max-width: 680px) {

form input[type="radio"] + span:before {
                top: -3px
        }
            }

form input[type="radio"] + span:after {
            position: absolute;
            left: -36px;
            top: 4px;
            height: 13px;
            width: 13px;
            border-radius: 50%;
            background: var(--body-font-color);
            cursor: pointer;
        }

@media (max-width: 680px) {

form input[type="radio"] + span:after {
                top: 2px
        }
            }

form input[type="radio"]:checked + span:before {
            border-color: var(--body-font-color);
        }

form input[type="radio"]:checked + span:after {
            content: "";
        }

/* CHECKBOX */

form input[type="checkbox"] {
    visibility: hidden;
    display: none;
}

form input[type="checkbox"] + span {
        margin-left: 0px;
        position: relative;
        display: inline-block;
        font-size: 18px;
    }

form input[type="checkbox"] + span:before {
            position: absolute;
            content: "";
            width: 24px;
            height: 24px;
            display: block;
            border-radius: 50%;
            border: 1px solid #000;
            background-color: rgba(217,217,217,0.69804);
            border-color: rgba(217,217,217,0.69804);
            top: 0px;
            left: -36px;
            cursor: pointer;
        }

form input[type="checkbox"]:checked + span:before {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("data:image/svg+xml,<svg width=\"14\" height=\"13\" viewBox=\"0 0 14 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 7L5 11L13 1.5\" stroke=\"%23E5F8FF\" stroke-width=\"2\"/></svg>");
        background-color: #072B95;
    }

/* Inputs */
.filters-wrapper,
form {
    font-family: var(--form-font);
}
.filters-wrapper input[type="text"],
    .filters-wrapper input[type="email"],
    .filters-wrapper input[type="password"],
    .filters-wrapper input[type="tel"],
    .filters-wrapper input[type="number"],
    .filters-wrapper input[type="file"],
    .filters-wrapper select,
    .filters-wrapper textarea,
    form input[type="text"],
    form input[type="email"],
    form input[type="password"],
    form input[type="tel"],
    form input[type="number"],
    form input[type="file"],
    form select,
    form textarea {
        display: inline-block;
        font-size: 16px;
        padding: var(--form-padding);
        width: 100%;
        color: #000;
        height: 56px;
        font-weight: 400;
        border-radius: 100px;
        background: #FFF;
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
        padding: 18px 24px;
    }
@media (max-width: 680px) {
.filters-wrapper input[type="text"],
    .filters-wrapper input[type="email"],
    .filters-wrapper input[type="password"],
    .filters-wrapper input[type="tel"],
    .filters-wrapper input[type="number"],
    .filters-wrapper input[type="file"],
    .filters-wrapper select,
    .filters-wrapper textarea,
    form input[type="text"],
    form input[type="email"],
    form input[type="password"],
    form input[type="tel"],
    form input[type="number"],
    form input[type="file"],
    form select,
    form textarea {
            height: 45px;
            font-size: 16px
    }
        }
.filters-wrapper input[type="text"]:focus, .filters-wrapper input[type="email"]:focus, .filters-wrapper input[type="password"]:focus, .filters-wrapper input[type="tel"]:focus, .filters-wrapper input[type="number"]:focus, .filters-wrapper input[type="file"]:focus, .filters-wrapper select:focus, .filters-wrapper textarea:focus, form input[type="text"]:focus, form input[type="email"]:focus, form input[type="password"]:focus, form input[type="tel"]:focus, form input[type="number"]:focus, form input[type="file"]:focus, form select:focus, form textarea:focus {
            outline: none;
            border-color: var(--primary-4);
        }
.filters-wrapper input[type="text"]:hover, .filters-wrapper input[type="email"]:hover, .filters-wrapper input[type="password"]:hover, .filters-wrapper input[type="tel"]:hover, .filters-wrapper input[type="number"]:hover, .filters-wrapper input[type="file"]:hover, .filters-wrapper select:hover, .filters-wrapper textarea:hover, form input[type="text"]:hover, form input[type="email"]:hover, form input[type="password"]:hover, form input[type="tel"]:hover, form input[type="number"]:hover, form input[type="file"]:hover, form select:hover, form textarea:hover {
        }
.filters-wrapper textarea, form textarea {
        min-height: 240px;
    }
.filters-wrapper select, form select {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714.123%27 height=%2714.123%27 viewBox=%270 0 14.123 14.123%27%3E%3Cg id=%27Group_578%27 data-name=%27Group 578%27 transform=%27translate%280.849 7.062%29 rotate%28-45%29%27%3E%3Cpath id=%27Path_1%27 data-name=%27Path 1%27 d=%27M0,0V8.787H8.787%27 transform=%27translate%280 0%29%27 fill=%27none%27 stroke=%27%23051c3e%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.2%27/%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position-x: calc(100% - 24px);
        background-position-y: 50%;
    }

/* Fieldset */

fieldset {
    max-width: 100% !important;
    margin: var(--form-filed-margin);
}

fieldset .hs-richtext {
        max-width: inherit;
        margin: 0;
    }

fieldset .input {
        width: 100%;
        margin: 0 !important;
    }

fieldset select {
        width: 100% !important;
    }

fieldset.form-columns-1 .hs-input {
        width: 100% !important;
    }

fieldset.form-columns-2 {
        grid-gap: 10px;
        gap: 10px;
    }

fieldset.form-columns-2 .hs-form-field {
            width: calc(50% - 5px) !important;
        }

fieldset.form-columns-3 {
        grid-gap: 20px;
        gap: 20px;
    }

fieldset.form-columns-3 .hs-form-field {
            width: calc(33.33333% - 13.33333px) !important;
        }

fieldset[class^="form-columns-"]:not(.form-columns-1) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

@media (max-width: 400px),
            (max-device-width: 480px) and (min-device-width: 320px) {

fieldset[class^="form-columns-"]:not(.form-columns-1) {
            grid-gap: 0;
            gap: 0
    }

fieldset[class^="form-columns-"]:not(.form-columns-1) .hs-form-field {
                width: 100% !important;
                padding: 0px
        }

fieldset[class^="form-columns-"]:not(.form-columns-1) .hs-form-field input {
                    width: 100% !important
            }
        }

/* Placeholders */

::-webkit-input-placeholder {
    color: var(--form-placeholder-color);
    font-size: var(--form-placeholder-size);
    font-weight: 400;
}

input::-webkit-input-placeholder {
    color: var(--form-placeholder-color);
    font-size: var(--form-placeholder-size);
    font-weight: 400;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
input::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
    color: var(--form-placeholder-color);
    font-size: var(--form-placeholder-size);
    font-weight: 400;
}

/* Inputs - checkbox/radio */

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

form .inputs-list input.hs-input {
        width: auto !important;
    }

form .inputs-list > li {
    display: block;
    margin: 0px 0px 10px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

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

/* Inputs - date picker */

.hs-dateinput {
    position: relative;
}

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

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

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

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

/* Inputs - file picker */

form input[type="file"] {
    height: 50px;
    padding-right: 45px;
    background-size: 20px;
    background-position-x: calc(100% - 25px);
    background-repeat: no-repeat;
    background-position-y: center;
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3Csvg version=%271.1%27 id=%27Warstwa_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 20 20%27 style=%27enable-background:new 0 0 20 20;%27 xml:space=%27preserve%27%3E%3Cg%3E%3Cg%3E%3Cpath d=%27M20,8.1c0-0.5-0.1-1-0.1-1.4c-0.3-3.4-3.1-6.2-6.5-6.6C9.8-0.4,6.6,1.8,5.4,5C5.3,5,5.2,5,5,5c-2.7,0-5,2.2-5,5v1.2 c0,0.7,0.6,1.2,1.3,1.2h0c0.7,0,1.2-0.6,1.2-1.3v-1C2.3,8.7,3.6,7.5,5,7.5c0.1,0,0.1,0,0.2,0l1,0c0.6,0,1.1-0.2,1.3-0.7L7.7,6 C8.4,4.1,10,2.7,12,2.5c3.1-0.3,5.7,2.3,5.5,5.4l0,0.3v3.2h0c0,0.7,0.6,1.2,1.3,1.2h0c0.6,0,1.1-0.5,1.2-1.2h0L20,8.1L20,8.1 L20,8.1z%27/%3E%3Cpath d=%27M14.6,14.1l-3.8-3.8C10.6,10.1,10.3,10,10,10c-0.3,0-0.6,0.1-0.9,0.4l-3.7,3.7c-0.5,0.5-0.5,1.3,0,1.8s1.3,0.5,1.8,0 l1.6-1.6v4.5c0,0.7,0.6,1.2,1.2,1.2h0c0.7,0,1.2-0.6,1.2-1.2v-4.4l0.2,0l1.4,1.4c0.4,0.4,1.1,0.5,1.7,0.2 C15.1,15.5,15.1,14.7,14.6,14.1L14.6,14.1z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

form input[type="file"]::-webkit-file-upload-button,
    form input[type="file"]::file-selector-button {
        background: transparent;
        /* font-size: 0; */
        color: transparent;
        border: none;
        width: 0px;
        height: 0px;
        margin-right: 5px;
        line-height: 1;
        margin: 0px;
        padding: 0px;
    }

/* Headings and text */

form .hs-richtext {
    font-size: 16px;
    margin: 0 0 0 0px;
    color: #fff;
}

form .hs-richtext h1,
    form .hs-richtext h2,
    form .hs-richtext h3,
    form .hs-richtext h4,
    form .hs-richtext h5,
    form .hs-richtext h6 {
        color: #fff;
    }

form .hs-richtext a {
        text-decoration: underline;
    }

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

/* GDPR */
/*
.legal-consent-container {
    margin-bottom: 28px;
}
.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
     margin-left: 1rem !important; 
}
*/
/* Validation */

.hs-form-required {
    color: var(--form-label-color);
}

.hs-input.invalid.error {
    border: solid 1px #FFD9D9;
    background-color: #FFD9D9;
    color: #DB0000;
}

.hs-error-msg {
    color: var(--form-error-color);
    

}

.hs-error-msgs {
    list-style: none;
    padding-left: 0;
    margin: 0px;
    display: block;
}

.hs-error-msgs li {
        font-size: var(--form-error-size);
        line-height: 1.2;
        padding: 0 !important;
        margin: 0 !important;

        display: block;
    }

.hs-error-msgs li label {
            margin-left: 0px;
        }

.hs-error-msgs li:first-child {
            margin-left: 0px;
        }

.hs-error-msgs li:before {
            content: "";
            display: none !important;
        }

.hs-error-msgs li a {
            color: inherit;
            font-weight: inherit;
        }

/* Submit button */
form .hs-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 20px;
}

form input[type="submit"],
form .hs-button {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    cursor: pointer;
    display: inline-block;
    white-space: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    font-family: var(--body-font);
    padding: 10px 28px !important;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #fff;
    border-radius: 48px;
    text-decoration: none;
    background-color: var(--primary-4);
}

@media (max-width: 992px) {

form input[type="submit"],
form .hs-button {
        padding:12px 28px 
}
    }

/* Captcha */

.grecaptcha-badge {
    margin: 0 auto;
}

/* Datepicker */

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

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

.fn-date-picker td.is-today .pika-button {
    color: #494a52;
}
/* LEGAL CONTAINER */

body form .legal-consent-container {
    color: #7c8280;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-top: 0px;
}

body form .legal-consent-container a {
        color: var(--primary-1);
        text-decoration: underline;
        display: inline;
    }

body form .legal-consent-container .hs-form-field .hs-error-msgs {
        margin-top: 0px;
    }

body form .legal-consent-container .hs-form-field .hs-error-msgs li {
            font-size: 12px;
        }

body form .legal-consent-container .inputs-list p {
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;

            text-align: left;
            color: #7c8280;
        }

body form .legal-consent-container .hs-fieldtype-booleancheckbox {
        padding-left: 38px;
        margin-top: 10px !important;
        margin-bottom: 0px !important;
    }

body form .legal-consent-container .hs-fieldtype-booleancheckbox .input {
            display: block;
        }

body form .legal-consent-container .hs-richtext {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        margin-left: 0px;
        color: #7c8280;
    }

body form .legal-consent-container .hs-richtext p {
            font-size: inherit;
            margin-bottom: 10px;
            color: #7c8280;
        }

body form .legal-consent-container .hs-richtext a {
            text-decoration: underline;
        }

body form .legal-consent-container .hs-form-booleancheckbox-display {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: start;

            -ms-flex-align: start;

                align-items: flex-start;
    }

body form .legal-consent-container .hs-form-booleancheckbox-display > span,
        body form .legal-consent-container .hs-form-booleancheckbox-display > span p,
        body form .legal-consent-container .hs-form-booleancheckbox-display > p {
            font-size: 14px;
            line-height: 22px;
            margin-left: 0px !important;
        }

body form .legal-consent-container .hs-form-booleancheckbox-display .hs-form-required {
            color: inherit;
        }

body form .legal-consent-container .hs-form-booleancheckbox-display input[type="checkbox"],
        body form .legal-consent-container .hs-form-booleancheckbox-display input[type="radio"] {
            margin-right: 0px;
            margin-top: 5px;
        }

body form .legal-consent-container input[type="checkbox"] + span:before {
        top: 0px;
    }


/* custom style */
form fieldset {
        max-width: 100%;
    }
form .input .hs-input {
            width: 100%;
            border-radius: 12px;
            font-size: 16px;
            border: solid 1px #F6F6F6;
            background-color: #F6F6F6;
            color: rgba(0,0,0,0.69804);
        }
form .input .hs-input::-webkit-input-placeholder {
                color: rgba(0,0,0,0.69804);
            }
form .input .hs-input::-moz-placeholder {
                color: rgba(0,0,0,0.69804);
            }
form .input .hs-input:-ms-input-placeholder {
                color: rgba(0,0,0,0.69804);
            }
form .input .hs-input::-ms-input-placeholder {
                color: rgba(0,0,0,0.69804);
            }
form .input .hs-input::placeholder {
                color: rgba(0,0,0,0.69804);
            }
form .input .hs-input.hs-fieldtype-intl-phone {
                background-color: transparent !important;
                border-color: transparent;
            }
form .input .hs-input.hs-fieldtype-intl-phone select {
                    text-overflow: ellipsis;
                    overflow: hidden !important;
                    white-space: nowrap;
                    padding-right: 40px;
                }
form .input input.hs-input {
            height: 42px;
            padding: 0 18px;
        }
form .input textarea.hs-input {
            height: auto;
            min-height: 120px;
            max-height: 240px;
            padding: 12px 18px;
            border: solid 1px #F6F6F6;
            background-color: #F6F6F6;
        }
form .input textarea.hs-input::-webkit-input-placeholder {
                color: rgba(0,0,0,0.69804);
            }
form .input textarea.hs-input::-moz-placeholder {
                color: rgba(0,0,0,0.69804);
            }
form .input textarea.hs-input:-ms-input-placeholder {
                color: rgba(0,0,0,0.69804);
            }
form .input textarea.hs-input::-ms-input-placeholder {
                color: rgba(0,0,0,0.69804);
            }
form .input textarea.hs-input::placeholder {
                color: rgba(0,0,0,0.69804);
            }
form .input select.hs-input {
            height: 42px;
            padding: 0 18px;
        }
form .legal-consent-container .input input.hs-input {
                height: 30px;
            }
form .legal-consent-container ul {
            padding: 0;
        }
form .hs-error-msg {
        font-size: .8rem;
        line-height: 1;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
    }
form ul.inputs-list li::marker {
        display: none;
        content: "";
    }

.modal-inner form .legal-consent-container .hs-richtext p {

        color: white !important;
    }

.modal-inner form .hs-form-booleancheckbox span {
        color: white !important;
    }
/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/elements/_tables.css ***!
  \**************************************************************************************************************************/
/* Table */

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

table tbody tr {
      border: 1px solid #111;
    }

table tbody tr td {
        border-right: 1px solid #111;
        padding: 8px;
      }

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/components/_footer.css ***!
  \****************************************************************************************************************************/

/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/components/_header.css ***!
  \****************************************************************************************************************************/
header.header-main {
    background-color: #fff;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    height: var(--header-height);
    position: static;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1001;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: var(--header-font);
}

    header.header-main.static {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
    }

    @media (max-width: 992px) {header.header-main {
        height: var(--header-mobile-height);
        padding-top: 10px;
        padding-bottom: 10px
}
    }

    @media (max-width:992px) {
        header.header-main .desktop-menu {
            display: none;
        }
    }

    header.header-main .header-main__wrapper--side {
        opacity: 0;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    header.header-main .header-main__wrapper--side.active {
            opacity: 1;
        }

    header.header-main .header-main__wrapper--side .lang-switcher {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            position: relative;
            z-index: 2;
        }

    header.header-main .header-main__wrapper--side .lang-switcher .hs-module-editor-placeholder {
                display: none;
            }

    header.header-main .header-main__wrapper--side .lang-switcher .hs-language-switcher__button {
                padding: 0px !important;
            }

    header.header-main .header-main__wrapper--side .lang-switcher .hs-language-switcher__button .hs-language-switcher__current-language {
                    text-transform: uppercase;
                }

    header.header-main .header-main__wrapper--side .lang-switcher .hs-language-switcher__menu {
                border: 1px solid transparent !important;
                border-radius: 16px;
                top: 75px;
                left: -33px !important;
                width: 115px;
                padding: 32px 36px;
                -webkit-box-shadow: 0px 0px 8px -4px rgba(12,12,13,0.05098),0px 16px 32px -4px rgba(12,12,13,0.12157);
                        box-shadow: 0px 0px 8px -4px rgba(12,12,13,0.05098),0px 16px 32px -4px rgba(12,12,13,0.12157);
            }

    @media (max-width: 992px) {

    header.header-main .header-main__wrapper--side .lang-switcher .hs-language-switcher__menu {
                    -webkit-box-shadow: none;
                            box-shadow: none
            }
                }

    header.header-main .header-main__wrapper--side .lang-switcher .hs-language-switcher__menu .hs-language-switcher__item {
                    padding: 0px !important;
                    width: -webkit-max-content;
                    width: -moz-max-content;
                    width: max-content;
                }

    header.header-main .header-main__wrapper--side .lang-switcher .hs-language-switcher__menu .hs-language-switcher__item a {
                        color: transparent;
                        font-size: 18px;
                        margin-bottom: 20px;
                        display: block;
                        position: relative;
                        width: -webkit-min-content;
                        width: -moz-min-content;
                        width: min-content;
                    }

    header.header-main .header-main__wrapper--side .lang-switcher .hs-language-switcher__menu .hs-language-switcher__item a::before {
                            content: attr(lang);
                            text-transform: uppercase;
                            color: #000;
                        }

    header.header-main .header-main__wrapper--side .lang-switcher .hs-language-switcher__menu .hs-language-switcher__item:last-of-type a {
                            margin-bottom: 0px;
                        }

    header.header-main .header-main__wrapper--side .search {
            margin-left: 28px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

    header.header-main .header-main__wrapper--side .search form:hover .hs-search-field__input {
                        width: 205px;
                        height: 40px;
                        border-radius: 44px;
                        background: #F6F6F6;
                        top: -12px;
                        right: 0px;
                        z-index: 3;
                        padding: 8px 20px;
                        display: block;
                    }

    header.header-main .header-main__wrapper--side .search form:hover button::before {
                            right: 18px;
                        }

    header.header-main .header-main__wrapper--side .search form .hs-search-field__input {
                    width: 0px;
                    -webkit-transition: all .2s;
                    transition: all .2s;
                    position: absolute;
                    right: 0px;
                    display: none;
                    outline: none !important;
                    font-size: 14px;
                }

    header.header-main .header-main__wrapper--side .search form .hs-search-field__input:focus {
                        border: none !important;
                    }

    header.header-main .header-main__wrapper--side .search form .hs-search-field__input::-webkit-search-cancel-button {
                        display: none !important;
                    }

    header.header-main .header-main__wrapper--side .search .hs-search-field__button  {
                padding: 0px !important;
                position: relative;
                z-index: 4;
                height: 16px;
                width: 16px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
            }

    header.header-main .header-main__wrapper--side .search .hs-search-field__button::before {
                    content: url("data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.84297 13.684C8.36102 13.6837 9.83532 13.1755 11.0311 12.2403L14.7908 16L16.0001 14.7907L12.2404 11.031C13.1761 9.83508 13.6846 8.36043 13.685 6.84199C13.685 3.06949 10.6155 0 6.84297 0C3.07047 0 0.000976562 3.06949 0.000976562 6.84199C0.000976562 10.6145 3.07047 13.684 6.84297 13.684ZM6.84297 1.7105C9.67299 1.7105 11.9745 4.01197 11.9745 6.84199C11.9745 9.67201 9.67299 11.9735 6.84297 11.9735C4.01295 11.9735 1.71147 9.67201 1.71147 6.84199C1.71147 4.01197 4.01295 1.7105 6.84297 1.7105Z\" fill=\"%23828282\"/></svg>");
                    display: block;
                    position: absolute;
                    right: 0px;
                    top: 0px;
                    -webkit-transition: all .3s;
                    transition: all .3s;
                }

    header.header-main .header-main__wrapper--side .search .hs-search-field__suggestions-container  {
                display: none !important;
            }


.slick-nav-wrapper {
    display: none;
}
@media (max-width: 992px) {
    .slick-nav-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

            .slick-nav-wrapper .header-main__wrapper--logo img {
                max-width: 97px !important;
            }
        .slick-nav-wrapper .slicknav_menu {
            margin-top: 5px;
        }
}
.slicknav_nav {
    position: absolute;
    top: 49px;
    left: 0px;
    width: 100%;
    background: white;
    height: calc(100vh - 49px);
    overflow: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;
}
/* Firefox */
.slicknav_nav::-webkit-scrollbar {
        display: none;
    }
.slicknav_nav .main-menu .main-menu__wrapper {
            padding-left: 20px;
            padding-right: 20px;
        }
.slicknav_nav .main-menu .main-menu__wrapper--items {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
            }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level:hover .submenu {
                            display: none;
                        }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level a {
                        padding: 0px !important;
                        margin: 0px !important;
                        border: none !important;
                        margin-top: 10px !important;
                    }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level a .item-first-level--name {
                            -webkit-box-pack: justify;
                                -ms-flex-pack: justify;
                                    justify-content: space-between;
                            font-weight: 700;
                        }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level a .item-first-level--name img {
                                display: none;
                            }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level a:hover{
                            background-color: transparent;
                        }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level.item-first-level-has-submenu {
                        position: relative;
                    }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level.item-first-level-has-submenu a {
                            max-width: -webkit-fit-content;
                            max-width: -moz-fit-content;
                            max-width: fit-content;
                        }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level.item-first-level-has-submenu a span {
                                
                            }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level.item-first-level-has-submenu a.active span {
                                    color: var(--primary-1) !important;
                                }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level.item-first-level-has-submenu .mobile-toggle {
                            display: block;
                            position: absolute;
                            cursor: pointer;
                            right: -6px;
                            top: 0px;
                            width: 30px;
                            height: 30px;
                        }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level.item-first-level-has-submenu .mobile-toggle img {
                                -webkit-transition: all .3s;
                                transition: all .3s;
                            }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level.item-first-level-has-submenu .mobile-toggle.active img {
                                    -webkit-transform: rotate(180deg);
                                            transform: rotate(180deg);
                                }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level.item-first-level-has-submenu .submenu.active {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            position: relative;
                            z-index: 999;
                            margin-left: 0px !important;
                            min-width: auto !important;
                        }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level.item-first-level-has-submenu .submenu.active .submenu-wrapper {
                                width: 100%;
                                margin-top: 10px;
                                min-width: unset;
                            }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level.item-first-level-has-submenu .submenu.active .submenu-wrapper .submenu-wrapper--menu {
                                    padding-left: 10px;
                                    padding: 10px;
                                    padding-top: 24px;
                                }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level.item-first-level-has-submenu .submenu.active .submenu-wrapper .submenu-wrapper--menu .description {
                                        width: auto !important;
                                    }
.slicknav_nav .main-menu .main-menu__wrapper--items .item-first-level.item-first-level-has-submenu .submenu.active .submenu-wrapper .cta-wrapper {
                                    border-radius: 18px;
                                    -webkit-box-orient: vertical;
                                    -webkit-box-direction: normal;
                                        -ms-flex-direction: column;
                                            flex-direction: column;
                                    grid-gap: 18px;
                                    gap: 18px;
                                }
.slicknav_nav .header-main__wrapper--side {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        grid-gap: 30px;
        gap: 30px;
        padding-right: 27px;
        padding-top: 40px;
        padding-bottom: 50px;
    }
.slicknav_nav .header-main__wrapper--side .hs-language-switcher__label .hs-language-switcher__icon {
                display: none;
            }
.slicknav_nav .header-main__wrapper--side .hs-language-switcher__button {
            display: none;
        }
.slicknav_nav .header-main__wrapper--side .hs-language-switcher__icon--dropdown {
            width: 10px;
            margin: 0px 4px;
        }
.slicknav_nav .header-main__wrapper--side .hs-language-switcher__inner-wrapper ul.hs-language-switcher__menu {
                display: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important;
                right: unset !important;
                top: unset !important;
                left: unset !important;
                grid-gap: 10px;
                gap: 10px;
                width: auto !important;
                padding-right: 0px;
                position:  relative !important;
            }
.slicknav_nav .header-main__wrapper--side .hs-language-switcher__inner-wrapper ul.hs-language-switcher__menu .hs-language-switcher__item a {
                    width: 30px !important;
                }
.slicknav_nav .header-main__wrapper--side .search form .hs-search-field__input {
            background: #f6f6f6;
            border-radius: 44px;
            display: block !important;
            height: 40px;
            padding: 8px 20px;
            right: 0;
            top: -12px;
            width: 259px !important;
            z-index: 3;
        }
.slicknav_nav .header-main__wrapper--side .search form button:before {
            right: 18px !important;
        }
.slicknav_menu ul {
    list-style: none !important;
    padding: 0px;
    padding-top: 0px !important;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    top: 77px;
    z-index: 999;
}
.slicknav_menu ul ul {
        position: static !important;
    }

.slicknav_menu {
    background: white !important;

}

.slicknav_menu .slicknav_btn {
        margin: 0;
        text-decoration: none;
        text-shadow: none;
        border-radius: 0px;
        background-color: transparent;
        text-shadow: none;
        margin-right: 0px;
        padding: 0px;
        position: static;
        right: 20px;
        width: 20px;
        height: 14px;
    }
.slicknav_menu .slicknav_btn .slicknav_icon {
    width: 20px;
    height: 14px;
    position: relative;
    display: block;
}
.slicknav_menu .slicknav_btn .slicknav_icon span {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: var(--primary-1);
    width: 100%;
    display: block;
    position: absolute;
    height: 2px;
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    margin: 0 !important;
}
.slicknav_menu .slicknav_btn .slicknav_icon span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
            transform-origin: left center;
}
.slicknav_menu .slicknav_btn .slicknav_icon span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
            transform-origin: left center;
}
.slicknav_menu .slicknav_btn .slicknav_icon span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
            transform-origin: left center;
}
.slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon span:nth-child(1) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 0px;
    left: 0px;
}
.slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon span:nth-child(2) {
    width: 0%;
    opacity: 0;
}
.slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 14px;
    left: 0px;
}

.slicknav_menu .slicknav_nav > li > a {
    color: var(--primary-2);
    font-size: 16px;
    margin: 0;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 8px;
    gap: 8px;
}
.slicknav_menu .slicknav_nav > li > a > a {
    color: #fff !important;
    padding: 0 !important;
}

.slicknav_menu .slicknav_nav a {

}
.slicknav_menu .slicknav_nav > li:last-of-type a {
            border-bottom: 1px solid #E8E8E8;
            padding-bottom: 20px !important;
        }
.slicknav_nav .slicknav_row:hover {
    border-radius: 0px;
    background: transparent;
}

.slicknav_menu .slicknav_nav li.slicknav_parent {
    position: relative;
}

.slicknav_menu .slicknav_nav li.slicknav_parent .slicknav_arrow {
        position: relative;
        color: transparent;
    }

.slicknav_menu .slicknav_nav li.slicknav_parent .slicknav_arrow:after {
            content: "";
            width: 12px;
            height: 12px;
            display: block;
            position: absolute;
            left: 0;
            top: 8px;
            background-size: contain;
            background-image: url("data:image/svg+xml,%3Csvg class=%27open-text%27 id=%27button%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%2716.277%27 height=%2716.277%27 viewBox=%270 0 16.277 16.277%27%3E%3Cpath id=%27Path_853%27 data-name=%27Path 853%27 d=%27M-3133,10173v11.01h11.01%27 transform=%27translate%28-4977.678 -9400.977%29 rotate%28-45%29%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%272%27%3E%3C/path%3E%3C/svg%3E");
        }

@media (max-width: 1000px) {
    div.hs-tools-menu.hs-collapsed {
        display: none !important;
    }
}



@media (max-width: 992px) {



.hs-tools-menu {
        display: none !important
}
    }
/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/components/_default-modules.css ***!
  \*************************************************************************************************************************************/
/* 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;
}

@media(min-width: 992px){
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
    left: -9999px;
    opacity: 0;
    position: absolute;
  }
}


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

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

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

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

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

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}
/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/templates/system.css ***!
  \**************************************************************************************************************************/
/* Error pages */

.error-page {
    min-height: calc(100vh - 94px - 570px );
}

.error-page .wrapper {
        position: relative;
        z-index: 5;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 180px 0px 180px 0px;
        grid-gap: 109px;
        gap: 109px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

@media (max-width: 992px) {

.error-page .wrapper {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            grid-gap: 20px;
            gap: 20px
    }
        }

.error-page .wrapper .text {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

@media (max-width: 470px) {

.error-page .wrapper .text {
                padding: 30px
        }
            }

.error-page .wrapper .text h1,
            .error-page .wrapper .text h2,
            .error-page .wrapper .text h3,
            .error-page .wrapper .text h4,
            .error-page .wrapper .text h5,
            .error-page .wrapper .text h6,
            .error-page .wrapper .text p {
                color: #000000;
                text-align: center;
            }

@media (max-width: 992px) {

.error-page .wrapper .text h1,
            .error-page .wrapper .text h2,
            .error-page .wrapper .text h3,
            .error-page .wrapper .text h4,
            .error-page .wrapper .text h5,
            .error-page .wrapper .text h6,
            .error-page .wrapper .text p {
                    text-align: center
            }
                }

.error-page .wrapper .text p {
                font-size: 16px;
                line-height: 145%;
            }

.error-page .wrapper .text a {

            }

.error-page .wrapper .text h1 {
                font-family: "PP Editorial New";
                font-size: 48px;
                font-style: italic;
                font-weight: 400;
                line-height: 24px;
                text-align: center;
                margin-bottom: 24px;
            }

@media (max-width:768px) {

.error-page .wrapper .text h1 {
                    font-size: 36px;
                    line-height: 42px
            }
                }

.error-page .wrapper .text h2 {
                font-size: 16px;
                font-weight: 400;
                line-height: 24px;
                text-align: center;
            }

@media (max-width:768px) {

.error-page .wrapper .text h2 {
                    font-size: 20px;
                    line-height: 26px
            }
                }

.error-page .wrapper .search {
            max-width: 362px;
            padding-top: 55px;
        }

.error-page .wrapper .search form {
                position: relative;
            }

.error-page .wrapper .search form .hs-search-field__button {
                    position: absolute !important;
                    right: 0px !important;
                    top: 0 !important;
                    z-index: 7;
                }

.error-page .wrapper .search form .hs-search-field__button span {
                        position: relative;
                    }

.error-page .wrapper .search form .hs-search-field__button span svg {
                            display: none;
                        }

.error-page .wrapper .search form .hs-search-field__button span::after {
                            content: url("data:image/svg+xml,<svg width=\"29\" height=\"30\" viewBox=\"0 0 29 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.0846 22.2498C14.2294 22.2494 16.3124 21.5314 18.0018 20.2102L23.3137 25.522L25.0223 23.8134L19.7104 18.5016C21.0323 16.8119 21.7508 14.7285 21.7513 12.5832C21.7513 7.25321 17.4146 2.9165 12.0846 2.9165C6.75468 2.9165 2.41797 7.25321 2.41797 12.5832C2.41797 17.9131 6.75468 22.2498 12.0846 22.2498ZM12.0846 5.33317C16.083 5.33317 19.3346 8.58479 19.3346 12.5832C19.3346 16.5815 16.083 19.8332 12.0846 19.8332C8.08626 19.8332 4.83464 16.5815 4.83464 12.5832C4.83464 8.58479 8.08626 5.33317 12.0846 5.33317Z\" fill=\"%230B48F8\"/></svg>");
                            display: block;
                            position: absolute;
                            top: -0px;
                            right: -15px;
                        }

.error-page .wrapper .search form .hs-search-field__input {
                background: #E5F8FF;
                border-radius: 100px;
                display: block !important;
                height: 48px;
                padding: 12px 21px;
                width: 362px !important;
                z-index: 3;
            }

.error-page .wrapper .search form .hs-search-field__input::-webkit-input-placeholder {
                    color: #0B48F8;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 24px;
                    text-align: left;

                }

.error-page .wrapper .search form .hs-search-field__input::-moz-placeholder {
                    color: #0B48F8;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 24px;
                    text-align: left;

                }

.error-page .wrapper .search form .hs-search-field__input:-ms-input-placeholder {
                    color: #0B48F8;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 24px;
                    text-align: left;

                }

.error-page .wrapper .search form .hs-search-field__input::-ms-input-placeholder {
                    color: #0B48F8;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 24px;
                    text-align: left;

                }

.error-page .wrapper .search form .hs-search-field__input::placeholder {
                    color: #0B48F8;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 24px;
                    text-align: left;

                }

.error-page .wrapper .search form .hs-search-field__input:focus {
                    outline: none;
                }

.error-page .wrapper .search form button:before {
                right: 18px !important;
            }

.error-page .wrapper .search input[type="search"]::-webkit-search-decoration,
            .error-page .wrapper .search input[type="search"]::-webkit-search-cancel-button,
            .error-page .wrapper .search input[type="search"]::-webkit-search-results-button,
            .error-page .wrapper .search input[type="search"]::-webkit-search-results-decoration { display: none; }


.systems-page {
    min-height: calc(100vh - var(--header-height));
    padding: 120px 0px 120px 0px;

}


@media (max-width: 1320px) {


.systems-page {
        height: auto

}
    }


.systems-page .localization-language {
        display: none !important;
    }


.systems-page .main-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        grid-gap: 109px;
        gap: 109px;
    }


@media (max-width: 992px) {


.systems-page .main-wrapper {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            grid-gap: 40px;
            gap: 40px
    }
        }


.systems-page .main-wrapper * {
            color: #000000;
        }


.systems-page .main-wrapper .success {
            font-size: 43px;
            font-style: normal;
            font-weight: 500;
            line-height: 105%; /* 45.15px */
            letter-spacing: -0.86px;
            margin-bottom: 30px;
        }


@media (max-width:768px) {


.systems-page .main-wrapper .success {
                font-size: 36px;
                line-height: 42px
        }
            }


.systems-page .main-wrapper h2 {
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 145%; /* 23.2px */
            margin-bottom: 0px;
        }


.systems-page .main-wrapper .page-header {
            color: #0B48F8;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 145%;
            margin-bottom: 40px;
        }


.systems-page .main-wrapper .page-header h1 {
                display: none;
            }


.systems-page .main-wrapper .image {
            grid-gap: 36px;
            gap: 36px;
        }


@media (max-width: 992px) {


.systems-page .main-wrapper .image {
                grid-gap: 12px;
                gap: 12px
        }
            }


.systems-page .main-wrapper .image .line {
                grid-gap: 22px;
                gap: 22px;
            }


@media (max-width: 992px) {


.systems-page .main-wrapper .image .line {
                    grid-gap: 12px;
                    gap: 12px
            }
                }


.systems-page.subscription-preferences .page-header {
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            text-align: left;
            color: #000000;
            margin-bottom: 30px !important;
            max-width: 650px;
        }


.systems-page.subscription-preferences .page-header h1 {
                font-size: 54px;
                font-weight: 300;
                line-height: 60px;
                display: block;
                margin-bottom: 16px;
            }


@media (max-width: 992px) {


.systems-page.subscription-preferences .page-header h1 {
                    font-size: 42px;
                    font-weight: 300;
                    line-height: 54px
            }
                }


.systems-page.subscription-preferences .page-header h2 {
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 145%;
            }


.systems-page.subscription-preferences input[type=submit]:hover{

            }


.systems-page #email-prefs-form {
        font-size: 18px;
        line-height: 28px;
        text-align: left;
        color: #c7c7c7;
    }


.systems-page #email-prefs-form h2 {
            font-size: 24px;
            line-height: 38px;
            text-align: left;
            color: #0B48F8;
            margin-bottom: 0;
        }


.systems-page #email-prefs-form .email-prefs {
            font-size: 18px;
            line-height: 28px;
            text-align: left;
            color: #fff;
            padding-left: 45px;
        }


.systems-page #email-prefs-form .email-prefs .subscribe-options {
                margin-top: 20px;
                padding-top: 10px;
                position: relative;
            }


.systems-page #email-prefs-form .email-prefs .subscribe-options:before {
                    content: "";
                    display: block;
                    width: calc(100% + 45px);
                    height: 1px;
                    border: 1px solid rgba(255, 255, 255, 0.20);;
                    opacity: 1;
                    position: absolute;
                    left: -45px;
                    top: 12px;
                }


.systems-page #email-prefs-form .email-prefs .subscribe-options > p:first-child {
                    display: none;
                }


.systems-page #email-prefs-form .email-prefs .header {
                margin-top: 4px;
                margin-left: -45px;
            }


.systems-page #email-prefs-form .email-prefs .item .item-inner {
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 27px;
                }


.systems-page #email-prefs-form .email-prefs .item .item-inner .checkbox-row {
                        color: #fff;
                        font-weight: 400;
                    }


.systems-page #email-prefs-form .email-prefs .item .item-inner >p {
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 25px;
                    }


.systems-page #email-prefs-form .email-prefs .item .fakelabel {
                    position: relative;
                }


.systems-page #email-prefs-form .email-prefs .item input[type="checkbox"] {
                    display: block;
                    visibility: visible;
                    position: absolute;
                    width: 26px;
                    height: 26px;
                    z-index: 12;
                    left: -45px;
                    opacity: 0;
                }


.systems-page #email-prefs-form .email-prefs .item input[type="checkbox"] + span:before {
                        background-color: transparent;
                        z-index: 2;
                        content: "";
                        cursor: pointer;
                        display: block;
                        height: 24px;
                        width: 24px;
                        border: 1px solid #989898 !important;
                        border-radius: 14px;
                        position: absolute;
                        top: 3px;
                        left: -45px;
                        
                    }


.systems-page #email-prefs-form .email-prefs .item input[type="checkbox"]:checked + span:before {
                    background-color: #0B48F8 !important;
                    -webkit-filter: none;
                            filter: none;
                    border: 1px solid #0B48F8 !important;
                }


.systems-page #email-prefs-form input[name="globalunsub"] + span {
            font-size: 18px;
            font-weight: 400;
            line-height: 32px;
            color: #000;
        }


.systems-page #email-prefs-form input[name="globalunsub"] + span:before {
                background-color: transparent;
                z-index: 2;
                content: "";
                cursor: pointer;
                display: block;
                border: 1px solid #989898 !important;
                border-radius: 14px;
                position: absolute;
                top: 3px;
                left: -45px;
                width: 24px;
                height: 24px;
            }


.systems-page #email-prefs-form input[name="globalunsub"]:checked + span:before {
            background-color: #0B48F8 !important;
            -webkit-filter: none;
                    filter: none;
            border: 1px solid #0B48F8 !important;
        }


.systems-page #email-prefs-form input[type="submit"] {
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            text-align: center;
            margin-left: -45px;
            padding: 10px 32px;
            margin-top: 30px;
            color: #fff;
            background-color: #0B48F8 !important;

        }


/* BACKUP */


.systems-page.backup .inner-content {
            min-height: auto;
            max-width: 650px;
        }


.systems-page.backup h3 {
            display: none;
        }


.systems-page.backup .page-header h1 {
                font-size: 54px;
                font-weight: 300;
                line-height: 60px;
                display: block;
                margin-bottom: 26px;
            }


@media (max-width: 992px) {


.systems-page.backup .page-header h1 {
                    font-size: 42px;
                    font-weight: 300;
                    line-height: 54px
            }
                }


.systems-page.backup .page-header h1 p {
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 145%;
                    margin-top: 40px;
                }


.systems-page.backup #content h3 {
                font-size: 16px;
                line-height: 38px;
                text-align: left;
                color: #fff;
                opacity: 0.8;
                margin-bottom: 0;
                margin-top: 32px;
            }


.systems-page.backup #content input[type="email"] {
                width: 100% !important;
                background-color: transparent;
                padding:10px 14px !important;
                font-size: 16px !important;
                line-height: 24px !important;
                border: 1px solid rgba(213, 220, 219, 1);
                color: rgba(139, 136, 163, 1);
                border-radius: 8px;
                height: 44px;
            }


.systems-page.backup #content input[type="email"]::-webkit-input-placeholder {
                    color: rgba(139, 136, 163, 1);
                }


.systems-page.backup #content input[type="email"]::-moz-placeholder {
                    color: rgba(139, 136, 163, 1);
                }


.systems-page.backup #content input[type="email"]:-ms-input-placeholder {
                    color: rgba(139, 136, 163, 1);
                }


.systems-page.backup #content input[type="email"]::-ms-input-placeholder {
                    color: rgba(139, 136, 163, 1);
                }


.systems-page.backup #content input[type="email"]::placeholder {
                    color: rgba(139, 136, 163, 1);
                }


.systems-page.backup #content input[type="submit"] {
                margin-top: 48px;
                margin-left: 0 !important;
                min-width: 100%;
                text-align: center;
            }


.systems-page.backup #content input[type="submit"]:hover{
                    border: 1px solid var(--primary-4);
                    opacity: .7;
                }


@media (max-width: 480px) {


.systems-page.backup #content input[type="submit"] {
                    min-width: 100%;
                    padding: 0px 20px
            }
                }


/*  CONFIRMATION */


.systems-page.confirmation .hs_cos_wrapper_type_email_subscriptions_confirmation {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            max-width: 750px;
        }


.systems-page.confirmation .hs_cos_wrapper_type_email_subscriptions_confirmation #content {
                -webkit-box-ordinal-group: 2;
                    -ms-flex-order: 1;
                        order: 1;
                font-size: 54px;
                font-weight: 300;
                line-height: 60px;
                display: block;
                margin-bottom: 16px;
            }


@media (max-width: 992px) {


.systems-page.confirmation .hs_cos_wrapper_type_email_subscriptions_confirmation #content {
                    font-size: 42px;
                    font-weight: 300;
                    line-height: 54px
            }
                }


.systems-page.confirmation .hs_cos_wrapper_type_email_subscriptions_confirmation .page-header {
                -webkit-box-ordinal-group: 3;
                    -ms-flex-order: 2;
                        order: 2;
                color: #000;
                font-size: 16px;
                font-weight: 400;
                line-height: 24px;
                margin-bottom: 30px !important;
                max-width: 650px;
                text-align: left;
            }


.systems-page.confirmation .hs_cos_wrapper_type_email_subscriptions_confirmation .page-header h2 {
                    font-size: 24px;
                    line-height: 38px;
                    text-align: left;
                    color: #0B48F8;
                    margin-bottom: 0;
                }


.systems-page.password {
       background-color: #fff; 
       min-height: unset;
    }


.systems-page.password .container {
        max-width: 837px;
       }


.systems-page.password .inner-content {
        width: 100%;
       }


.systems-page.password * {
            color: #000 !important;
        }


.systems-page.password h1 {
            font-size: 43px;
            font-style: normal;
            font-weight: 500;
            line-height: 105%; /* 45.15px */
            letter-spacing: -0.86px;
            margin-bottom: 44px;
        }


@media (max-width:768px) {


.systems-page.password h1 {
                font-size: 36px;
                line-height: 42px
        }
            }


.systems-page.password form {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: end;
                -ms-flex-align: end;
                    align-items: flex-end;
        }


.systems-page.password form input.hs-button {
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                margin-top: 5px;
            }


.systems-page.password form input[type=password] {
            border-radius: 134px;
            border: 1px solid #D0D0D0;
            margin-top: 0px !important;
        }


@media (max-width: 992px) {


.systems-page.password form input[type=password] {
                min-width: 100%
        }
            }


@media (min-width: 1200px) {
        .systems-page .image {
            min-width: 700px;
        }

            .systems-page .image .line-1 {
                margin-left: -72px;
            }

            .systems-page .image .line-4 {
                margin-right: -70px;
            }
    }

.search-results__wrapper .container-sm {
            max-width: 880px;
        }

.search-results__wrapper--header {
            background-color: var(--primary-2);
            padding: 60px 0px 64px 0px;
        }

.search-results__wrapper--header * {
                color: #000;
            }

.search-results__wrapper--header h1 {
                font-size: 36px;
                font-weight: 700;
                line-height: 44px;
                letter-spacing: -0.02em;
                text-align: left;
                margin-bottom: 0px;
            }

.search-results__wrapper--header h1 span {
                    color: #9967F7;
                }

.search-results__wrapper--header .hs-search-results__message {
                padding-bottom: 0px;
                font-size: 18px;
                font-weight: 400;
                line-height: 44px;
                letter-spacing: -0.02em;
                text-align: right;
                opacity: 1;
            }

@media (max-width:992px) {
                
                .search-results__wrapper--header .container {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                            flex-direction: column;
                    -webkit-box-align: start;
                        -ms-flex-align: start;
                            align-items: flex-start;
                }
            }

.search-results__wrapper--results {
            padding: 0px;
            padding-bottom: 60px;
        }

.search-results__wrapper--results .container-sm ul li {
                        border-bottom: 1px solid #D0D0D0;
                        padding-bottom: 29px;
                        padding-top: 20px;
                    }

.search-results__wrapper--results .container-sm ul li:first-of-type {
                            border-top: 1px solid #D0D0D0;
                        }

.search-results__wrapper--results .container-sm ul li a, .search-results__wrapper--results .container-sm ul li h3, .search-results__wrapper--results .container-sm ul li h2 {
                            text-decoration: none;
                        }

.search-results__wrapper--results .container-sm ul li h3, .search-results__wrapper--results .container-sm ul li h2 {
                            font-size: 24px;
                            font-weight: 700;
                            line-height: 44px;
                            letter-spacing: -0.02em;
                            text-align: left;
                            color: var(--primary-1);
                        }

.search-results__wrapper--results .container-sm ul li h3 span, .search-results__wrapper--results .container-sm ul li h2 span {
                                color: var(--primary-4);
                            }

.search-results__wrapper--results .container-sm ul li p {
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 145%; 
                            text-align: left;
                            color: var(--primary-1);
                            margin-bottom: 0px;
                        }

.search-results__wrapper--results .container-sm ul li p span {
                                color: var(--primary-4);
                            }

.search-results__wrapper--results .container-sm ul li a span {
                                color: #9967F7;
                            }

.search-results__wrapper--results .container-sm .hs-search-results__pagination {
                    padding-top: 54px;
                }

.search-results__wrapper--results .container-sm .hs-search-results__pagination *{
                        color: #000;
                        border: none;
                    }

.search-results__wrapper--results .container-sm .hs-search-results__pagination .hs-search-results__pagination__link--active {
                        color: var(--primary-4);
                    }

.search-results__wrapper--results .container-sm .hs-search-results__pagination .hs-search-results__pagination__link--text-and-icon{
                        font-size: 0px;
                    }

.search-results__wrapper--results .container-sm .hs-search-results__pagination .hs-search-results__pagination__link--text-and-icon svg {
                            fill: var(--primary-1);
                        }

.search-results__wrapper--results .container-sm .hs-search-results__pagination .hs-search-results__pagination__link--number {
                        padding: 0px 2px;
                    }

.search-results__wrapper--results .container-sm .hs-search-results__message  {
                    opacity: 0;
                }

.systems-page--search-results {
    max-width: 100%;
}

.systems-page .header {
    background-color: transparent;
    border-bottom: none;
    padding: 0;
}

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

/* Search pages */

.hs-search-results__title {
    font-size: 1.25rem;
    margin-bottom: 0.35rem;
    text-decoration: underline;
}

.hs-search-results__title:hover {
    text-decoration: none;
}

.hs-search-results__description {
    padding-top: 0.7rem;
}

/* Password prompt */

.password-prompt input[type="password"] {
    height: auto !important;
    margin-bottom: 1.4rem;
}

.systems-page #hs-login-widget-remember,
.systems-page #hs-login-widget-remember ~ label {
    display: inline-block;
    margin-bottom: 0.175rem;
}

.systems-page #hs_login_reset {
    display: block;
    margin-bottom: 0.7rem;
}

/* Backup unsubscribe */

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

/* Subscription preferences */

#email-prefs-form .item.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

#email-prefs-form .item.disabled input:disabled {
    cursor: not-allowed;
}

/* Membership pages */

#hs-membership-form a[class*="show-password"] {
    font-size: 0.75rem;
}

/* Input error messages */

.form-input-validation-message ul.hs-error-msgs {
    padding-left: 0;
    margin: 0;
}

.form-input-validation-message ul.hs-error-msgs li {
    margin: 0;
}

/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/templates/blog.css ***!
  \************************************************************************************************************************/
.blog-post {
    position: relative;
    padding-top: 73px;
}

    .blog-post.whitepaper,
    .blog-post.events {
        padding-top: 0px;
    }

    .blog-post.events .post_main--aside {
            
        }

    .blog-post .post_main {
        grid-gap: 24px;
        gap: 24px;
    }

    @media (max-width: 992px) {

    .blog-post .post_main {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column
    }
        }

    .blog-post .post_main .post_main--content {
            max-width: 1020px;
            width: calc(100% - 370px);
        }

    @media (max-width: 992px) {

    .blog-post .post_main .post_main--content {
                width: 100%
        }
            }

    .blog-post .post_main .post_main--aside {
            width: 370px;
            padding-bottom: 90px;
            position: relative;
        }

    @media (max-width: 992px) {

    .blog-post .post_main .post_main--aside {
                width: 100%;
                padding-bottom: 36px
        }
            }

    .blog-post .post_main .post_main--aside .main {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                position: sticky;
                top: 100px;
            }

    @media (max-width: 992px) {

    .blog-post .post_main .post_main--aside .main {
                    position: relative;
                    top: unset
            }
                }

    .blog-post .main--article h2,
        .blog-post .main--article h3,
        .blog-post .main--article h4,
        .blog-post .main--article h5,
        .blog-post .main--article h6 {
            margin-bottom: 24px;
        }

    @media (min-width: 992px) {

    .blog-post .main--article h2 {
                font-size: 48px;
                font-style: normal;
                font-weight: 300;
                line-height: 53px
        }

    .blog-post .main--article h3 {
                font-size: 28px;
                font-style: normal;
                font-weight: 300;
                line-height: 33px
        }

    .blog-post .main--article h4 {
                font-size: 24px;
                font-style: normal;
                font-weight: 300;
                line-height: 28px
        }
            }

    .blog-post .main--article p {
            font-size: 18px;
            font-weight: 400;
            line-height: 25.2px;
            text-align: left;
            margin-bottom: 32px;
        }

    @media (max-width: 992px) {
            
            .blog-post .main--article h2,
            .blog-post .main--article h3 {
                text-align: center;
                margin-bottom: 24px;
            }

            .blog-post .main--article p {
                font-size: 16px;
                font-weight: 400;
                line-height: 24px;
                text-align: left;
                margin-bottom: 36px;
            }
        }

    @media (min-width: 992px) {

                .blog-post.events .main--article h2 {
                    font-size: 48px;
                    font-weight: 300;
                    line-height: 53px;
                    text-align: left;
                }
            }
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/utilities/_helper.css ***!
  \***************************************************************************************************************************/
/* For content that needs to be visually hidden but stay visible for screenreaders */

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

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
.init-load {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.init-load--active {
    opacity: 1;
    visibility: visible;
  }
/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/custom-sections.css ***!
  \*************************************************************************************************************************/

/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/styles.css ***!
  \****************************************************************************************************************/
html {
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
}

    @media (max-width: 1024px) {html {
        scroll-padding-top: 100px
}
    }
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

body .container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 768px) {

body .container {
        padding-left: 40px;
        padding-right: 40px
}
    }
body .container.container-lg {
    max-width: 1840px;
} 

body .half-container {
    max-width: calc(var(--container-width) / 2 + var(--container-padding) * 2);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body .body-container-wrapper {
    padding-top: var(--header-height);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
@media (max-width: 992px) {
body .body-container-wrapper {
        padding-top: var(--header-mobile-height)
}
    }
body .body-container-wrapper[\:has\(.no-header\)] {
        padding-top: 0 !important;
    }
body .body-container-wrapper:has(.no-header) {
        padding-top: 0 !important;
    }
body .body-container-wrapper.scrolled {
        padding-top: 80px;
    }
@media (max-width: 1023px) {
body .body-container-wrapper.scrolled {
            padding-top: 80px
    }
        }
body {
    font-family: var(--body-font);
    font-size: var(--body-font-size);
}
body b,
    body strong {
        font-weight: 600;
    }
body.lock {
        height: 100vh;
        overflow: hidden;
    }
body .body-wrapper.transparent .body-container-wrapper {
                padding-top: 0 !important;
            }

.page-loader {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0px;
    top: 0px;
    background-color: #fff;
    z-index: 100000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.page-loader .loader {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        display: inline-block;
        border-top: 3px solid var(--primary-1);
        border-right: 3px solid transparent;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-animation: rotation 1s linear infinite;
                animation: rotation 1s linear infinite;
    }
html.hs-inline-edit .page-loader {
    display: none !important;
}


@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}


@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}