/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Slider */
.slick-slider {
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;

  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
.slick-dots button::before {
  
  content: none !important;
}

.slick-slider.slick-dotted .slick-dots li button {
    background: #184586;
    border: 0;
    border-radius: 50%;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0 !important;
    height: 10px;
    line-height: 0;
    outline: none;
    padding: 0;
    width: 10px;
}

.slick-list {
  position: relative;
}

.gallery .slick-arrow.slick-prev, .gallery .slick-arrow.slick-next {
    position: absolute;
    transform: translateY(calc(-100% - 38px));
    top: 50%;
    z-index: 1000000;
    background: unset;
    border: 0;
    padding: 0;
  font-size: 0px !important;
}

.gallery .slick-prev:before {
 rotate: 135deg; 
  position: relative;
       top: -80px;
    left: -20px;
}

.gallery .slick-next:before {
 rotate: -45deg; 
     
   position: relative;
    left: 30px;
    top: -35px;
}
}

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

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

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

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

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

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

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

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

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

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

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

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

legend {
  padding: 0;
}

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

progress {
  vertical-align: baseline;
}

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

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

.card-body, .container-fluid {
    padding: 0 !important;
}


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



/* CSS variables */

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

.body-wrapper {
	max-width: 100%;
	overflow: hidden;
}

/* Mobile layout */

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

.row-fluid [class*="span"] {
	padding: 4px;
  	flex-shrink: 0;
}

.row-fluid .span12 {
 padding: 0; 
}


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

/* Desktop layout */

@media (min-width: 1200px) {

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

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

  .row-fluid .span12 {
		width: 100%;
	}

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

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

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

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

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

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

	

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

	.row-fluid .span4 {
		width: 50%;
	}
	
	.row-fluid .span3 {
		width: 50%;
	}

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

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

	
	.row-fluid .span8 .span8,
	.row-fluid .span8 .span7, 
	.row-fluid .span8 .span6,
	.row-fluid .span8 .span5, 
	.row-fluid .span8 .span4,
	.row-fluid .span8 .span3, 
	.row-fluid .span8 .span2,
	.row-fluid .span8 .span1,

	.row-fluid .span7 .span8,
	.row-fluid .span7 .span7, 
	.row-fluid .span7 .span6,
	.row-fluid .span7 .span5, 
	.row-fluid .span7 .span4,
	.row-fluid .span7 .span3, 
	.row-fluid .span7 .span2,
	.row-fluid .span7 .span1,

	.row-fluid .span6 .span8,
	.row-fluid .span6 .span7, 
	.row-fluid .span6 .span6,
	.row-fluid .span6 .span5, 
	.row-fluid .span6 .span4,
	.row-fluid .span6 .span3, 
	.row-fluid .span6 .span2,
	.row-fluid .span6 .span1,

	.row-fluid .span5 .span8,
	.row-fluid .span5 .span7, 
	.row-fluid .span5 .span6,
	.row-fluid .span5 .span5, 
	.row-fluid .span5 .span4,
	.row-fluid .span5 .span3, 
	.row-fluid .span5 .span2,
	.row-fluid .span5 .span1,

	.row-fluid .span4 .span8,
	.row-fluid .span4 .span7, 
	.row-fluid .span4 .span6,
	.row-fluid .span4 .span5, 
	.row-fluid .span4 .span4,
	.row-fluid .span4 .span3, 
	.row-fluid .span4 .span2,
	.row-fluid .span4 .span1
	{
		width: 100%;
	}
}

@media (min-width: 768px) {
  .hide-on-mobile {
    display: block; 
  }
  
  .hide-on-desktop {
   display: none; 
  }
}

@media (max-width: 768px) {
  .hide-on-mobile {
    display: none; 
  }
  
  .hide-on-desktop {
   display: block; 
  }
}

* {
	box-sizing: border-box;
}

.body-wrapper{
	min-width: 340px;
}

footer {
	overflow: hidden;
}

footer .logo-grid .justify-content-center {
	justify-content: left !important;

}

.footer-column-8-row-2-padding > .row-fluid {
	border-top: 1px solid var(--pure-white-10);
	padding-top: var(--padding-sm);
}  

footer .logo .image img {
	width: 129px;
	height: auto;  
}

footer .one-line-text .olt-text {
	padding-left: 16px;
}

footer #hs_cos_wrapper_footer-micro-module-17, footer #hs_cos_wrapper_footer-minimal-module-15 {
	text-align: right; 
} 

footer .footer-micro-column-9-vertical-alignment .lg-inner, footer .footer-minimal-column-7-vertical-alignment .lg-inner{
	padding: 0; 
}

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

.footer-micro-column-6-row-0-vertical-alignment > .row-fluid {
	justify-content: flex-end;
	align-items: center;
}

.footer-micro-column-6-row-0-vertical-alignment > .row-fluid span {
	margin-bottom: 0 !important;
}

.footer-micro-column-6-row-0-vertical-alignment > .row-fluid > .footer-micro-column-7-vertical-alignment {
	width: 166px;
}

.footer-micro-column-6-row-0-vertical-alignment > .row-fluid > .footer-micro-column-9-vertical-alignment {
	width: 120px;
}

.footer-micro-column-6-row-0-vertical-alignment > .row-fluid > .footer-micro-column-9-vertical-alignment > .row-fluid {
	align-items: center;
}

.footer-micro-module-11 .lg-logo {
	text-align: left;
}

img[alt="ERP-icon"] {
	margin-right: 10px;
}

.footer-micro-column-6-row-0-vertical-alignment > .row-fluid > .footer-micro-column-9-vertical-alignment + div {
	width: 154px;
}

@media (max-width: 768px) {
	footer #hs_cos_wrapper_footer-micro-module-17, footer #hs_cos_wrapper_footer-minimal-module-15 {
		text-align: left; 
	} 

	footer .container {
  		margin-left: 0;
	}

	footer .logo-grid {
  		text-align: left;
	} 
	footer .lg-logo {
		padding-bottom: 8px;

	} 
	footer .footer-micro-column-6-padding, footer .footer-minimal-column-4-padding {
		padding-top: 0px !important;
		padding-left: 0px !important;
	}

	footer .footer-minimal-row-1-padding, footer .footer-micro-row-1-padding {
		padding-top: 24px !important;
		padding-bottom: 24px !important; 
	}

} 
@media (max-width: 540px) {
	footer .span8 .row-fluid .span3 {
	width: 100%; 
	}

	
}



.footer-column-1-padding  .row-fluid {
	align-items: end;
}
.footer-minimal-column-4-row-1-vertical-alignment, .footer-micro-column-6-row-1-vertical-alignment, .footer-minimal-column-4-row-2-vertical-alignment {
	display: none; 
}

.footer-column-1-padding .lg-inner {
	padding: var(--padding-md-lg) 0 0; 
} 


.footer-column-12-row-2-padding .row-fluid {
	align-items: center;  
}

footer .row.row-cols-2.row-cols-sm-3.row-cols-md-5.justify-content-center .col-auto  {
	max-width: 100%;
	flex: 0 0 100%;
	padding-left: 0;
	padding-right: 0;
}

footer .row.row-cols-2.row-cols-sm-3.row-cols-md-5.justify-content-center .col-auto .lg-logo {
	text-align: right; 
}

footer .row.row-cols-2.row-cols-sm-3.row-cols-md-5.justify-content-center img {
	max-width: 100%;
}

@media (max-width: 1199px) { 
	.footer-micro .logo .image {
  		padding-bottom: var(--padding-lg); 
	}

	footer .footer-minimal-column-4-row-1-vertical-alignment .row-fluid .span6, footer .footer-micro-column-6-row-1-vertical-alignment .row-fluid .span6,
	.footer-minimal-column-4-row-2-vertical-alignment  .row-fluid .span6 {
		width: 50%;
	}  

	footer .footer-minimal-column-4-row-1-vertical-alignment .row-fluid .span6 .lg-inner, footer .footer-micro-column-6-row-1-vertical-alignment .row-fluid .span6 .lg-inner,
	.footer-minimal-column-4-row-2-vertical-alignment  .row-fluid .span6 .lg-inner{
		padding: 0; 
	} 
	.footer-minimal-column-4-row-1-vertical-alignment, .footer-micro-column-6-row-1-vertical-alignment, .footer-minimal-column-4-row-2-vertical-alignment  {
		display: block;
	}

	.footer-minimal-column-4-row-0-vertical-alignment, .footer-micro-column-6-row-0-vertical-alignment  {
		display: none;
	} 

	.row-fluid .span8 .footer-column-8-row-2-padding  .span1, .row-fluid .span8 .footer-column-12-row-2-padding .span1{
  		width: 20%;
	} 
	.row-fluid .span8 .footer-column-8-row-2-padding .span6, .row-fluid .span8 .footer-column-12-row-2-padding .span6 {
  		width: 80%;   
	}

	.row-fluid .footer-micro-row-1-vertical-alignment .span6, .footer-minimal-row-1-vertical-alignment .span6  {
  		width: 42%;
	}

	.row-fluid .footer-micro-row-1-vertical-alignment .span5, .footer-minimal-row-1-vertical-alignment .span5 {
		width: 48%;  
	}
	.row-fluid .footer-micro-row-1-vertical-alignment .span1, .footer-minimal-row-1-vertical-alignment .span1 {
		width: 10%; 
	}

	.row-fluid .footer-column-1-padding .span6, .footer-micro-column-6-row-1-vertical-alignment .row-fluid .span6,
	.footer-minimal-column-4-row-1-padding .row-fluid .span6, .footer-minimal-column-4-row-2-vertical-alignment .row-fluid .span6{
		width: 50%; 
		max-width: 190px;
	}
	.footer-minimal-column-4-row-2-vertical-alignment .row-fluid {
		align-items: flex-end; 
	}
	

	.footer-column-1-padding .container.lg-inner {
  		padding-bottom: 0;
	} 

	.footer-row-0-max-width-section-centering .span4, .footer-row-0-max-width-section-centering .span8 {
		width: 100%; 
	}
}


@media (max-width: 768px){
	footer .row-depth-1.row-number-4 .span6, footer .row-depth-1.row-number-7 .span4, footer .row-depth-1.row-number-7 .span8, footer .row-depth-1.row-number-6 .span4, footer .row-depth-1.row-number-6 .span8 {
		width: 50%; 
	}

	.footer .row-number-13 .span3 {
  		padding-bottom: var(--padding-md); 
	}

	footer .footer-column-12-padding {
		padding-left: var(--padding-md) !important;
		padding-right: var(--padding-md) !important;
	}

	.footer-minimal-column-14-vertical-alignment, .footer-micro-column-16-vertical-alignment {
        display: -ms-flexbox !important;
        -ms-flex-direction: column !important;
        -ms-flex-pack: end !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; 
    }

	.legal-content-container .dnd_area-row-1-padding {
		padding-top: 64px !important;
		padding-bottom: 64px !important;
	}

	.row-fluid .footer-micro-row-1-vertical-alignment .span5, .footer-minimal-row-1-vertical-alignment .span5 {
		width: 80%;
	}
	.row-fluid .footer-micro-row-1-vertical-alignment .span1, .footer-minimal-row-1-vertical-alignment .span1 {
		width: 20%;
	}

	footer .footer-column-1-padding, footer .footer-column-8-padding {
		padding-left: 16px !important;
		padding-right: 16px !important; 
	}

	footer .row.row-cols-2.row-cols-sm-3.row-cols-md-5.justify-content-center .col-auto .lg-logo {
		text-align: left; 
	}

	footer .row.row-cols-2.row-cols-sm-3.row-cols-md-5.justify-content-center .col-auto  {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 400px){
	footer .row-depth-1.row-number-4 .span6, footer .row-depth-1.row-number-7 .span4, footer .row-depth-1.row-number-7 .span8, footer .row-depth-1.row-number-6 .span4, footer .row-depth-1.row-number-6 .span8 {
		width: 100%; 
	}
	footer .footer-minimal-column-4-row-1-vertical-alignment .row-fluid .span6, footer .footer-micro-column-6-row-1-vertical-alignment .row-fluid .span6 {
		width: 100%;
	}  
}

@media (min-width: 768px) {
	.footer-micro-column-9-row-0-vertical-alignment > .row-fluid {
		align-items: center;
	}
}



.hs-search-results-title {
	margin-bottom: var(--margin-lg);
}

.hs-search-results__message {
	margin-bottom: var(--margin-xl);
}
.content-wrapper {
  margin: 0 auto;

}

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

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

/* .dnd-section .dnd-column {
  padding: 4px;
} */

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

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

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

body {
  line-height: 1.4;
  overflow-wrap: break-word;
  font-family: 'Open Sans', sans-serif !important; 
}

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

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

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

/* Anchors */

a {
  cursor: pointer;
}

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

/* Lists */

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

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

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

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

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

/* Horizontal rules */

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

/* Image alt text */

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


footer div, footer p, footer span {
  font-family: var(--caption-regular-font-family);
  font-size: var(--caption-regular-font-size);
  font-weight: var(--caption-regular-font-weight);
  line-height:  var(--caption-regular-line-height);
  color: var(--midnight-blue);
} 

footer p.font-body {
  font-family: var(--caption-regular-font-family);
    font-size: var(--caption-regular-font-size);
    font-weight: var(--caption-regular-font-weight);
    line-height: var(--caption-regular-line-height);
    color: color-mix(in srgb, var(--pure-white), var(--pale-blue-50));
}

footer h6 {
  font-family: var(--body-semibold-font-family);
    font-size: var(--body-semibold-font-size);
    font-weight: var(--body-semibold-font-weight);
    line-height: var(--body-semibold-line-height);
    margin-bottom: 4px;
}
button,
.button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

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

/* No button */

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



/* Labels */
form label {
  color: ;
  display: inline-block;
  padding-top: 0;
  margin-bottom: 0.35rem;
  text-align: left;
  width: auto;
}

form label,
.hs-form-field a {
  font-size: 0.875rem;
}

.blog-listing__subscribe label {
	display: inline;
}


/* Help text - legends */

form legend {
  color: ;;
  font-size: 0.875rem;
}

.form-input-validation-message,
.email-prefs .item p {
	opacity: .7;
}


/* Inputs */

.input {
  position: relative;
}



select {
	padding: 0.61em;
}

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

textarea {
	min-height: 120px;
}

/* Inputs - checkbox/radio */

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

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

.inputs-list input,
.inputs-list span {
  font-size: 0.875rem;
  vertical-align: middle;
}

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


/* Inputs - datepicker */

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

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

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

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

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


/* Inputs - file picker */

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


/* Headings and text */

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

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

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

form .hs-richtext p a {
	font-size: inherit;
}



/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  font-size: 0.875rem;
  margin-left: 1rem;
}


/* Validation */

.hs-form-required {
  color: red;
}

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

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


/* Submit button */

form input[type=submit],
form .hs-button {
  background-color: ;
  border: ;
  border-radius: ;
  color: ;
  cursor: pointer;
  display: inline-block;
  font-size: 0.92rem;
  font-weight: normal;
  height: auto;
  line-height: 1.1;
  margin: 0;
  padding: ;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all 0.15s linear;
  white-space: normal;
  width: auto;
  word-break: break-word;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(#null, 0.0);
  border-color: ;
  color: ;
	outline: none;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(#null, 0.0);
  border-color: ;
  color: ;
}


/* Captcha */

.grecaptcha-badge {
	margin: 0 0 27px 0;
}

form,
.submitted-message {
  ;
}


/* Form title */

h3.form-title {
  background-color: ;
  color: ;
}


/* Form placeholder text */

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


/* Banner Form / Overlapping */

@media (min-width: 1200px) {
	.body-container--banner-form .span12 > .row-depth-1 .widget-type-form {
		position: absolute;
	}
	
	.body-container--banner-form .row-number-2 > .row-fluid {
		z-index: 12;
	}
}

.body-container--banner-form .span12 > .row-depth-1 .widget-type-form,
.boxed-form {
	width: 100%;
	top: 0;
	border-radius: 12px;
	background: #fff;
	padding: 0 43px 43px 43px;
	box-shadow: 0 12px 70px rgba(0,0,0,0.21);
	z-index: 999;
}

.body-container--banner-form .span12 > .row-depth-1 .widget-span {
	position: relative;
}

.body-container--banner-form .span12 > .row-depth-1 .form-title,
.boxed-form .form-title {
	text-align: center;
	font-size: 24px;
	margin-left: -43px;
	background: ;
	background: -moz-linear-gradient(270deg,  0%,  100%);
	background: -webkit-linear-gradient(270deg,  0%,  100%);
	background: linear-gradient(270deg,  0%,  100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="",endColorstr="",GradientType=1);
	color: #fff;
	width: calc(100% + 86px);
	border-radius: 12px 12px 0 0;
	padding: 4%;
}


/* Membership */

.hs-membership-loader {
	padding: 2rem 0;
}



.widget-type-form {
 max-width: 992px;
 min-width:  343px;
  box-shadow: var(--shadow-xl);
  position: relative;

  padding: var(--padding-xl);
  background-color: var(--pure-white);
}

.widget-type-form h3 {
 font-size: var(--h2-font-size);
  color: var(--midnight-blue);
  margin: 0;
  margin-bottom: var(--margin-xl);
}

.widget-type-form input[type=text],
.widget-type-form input[type=email],
.widget-type-form input[type=password],
.widget-type-form input[type=tel],
.widget-type-form input[type=number],
.widget-type-form input[type=file],
.widget-type-form select,
.widget-type-form textarea {
  background-color: var(--midnight-blue-2);
  border: none;
  border-radius: 0;
  color: var(--charcoal-black);
  display: inline-block;
  box-sizing: border-box;
  font-size: var(--body-font-size);
  padding: var(--padding-md);
  width: 100% !important;
	max-width: 100%;
  margin-bottom: var(--margin-sm);
}

.widget-type-form input[type=text]:focus,
.widget-type-form input[type=email]:focus,
.widget-type-form input[type=password]:focus,
.widget-type-form input[type=tel]:focus,
.widget-type-form input[type=number]:focus,
.widget-type-form input[type=file]:focus,
.widget-type-form select:focus,
.widget-type-form textarea:focus {
  background-color: var(--midnight-blue-2);
}


.widget-type-form input[type=text]::placeholder ,
.widget-type-form input[type=email]::placeholder ,
.widget-type-form input[type=password]::placeholder ,
.widget-type-form input[type=tel]::placeholder ,
.widget-type-form input[type=number]::placeholder ,
.widget-type-form input[type=file]::placeholder ,
.widget-type-form select::placeholder ,
.widget-type-form textarea::placeholder  {
  color: var(--charcoal-black-50);
}

.widget-type-form .form-content h3 {
 margin-top: 0px; 
}

.widget-type-form .form-content label {
 font-size: var(--caption-semibold-font-size);
  line-height: var(--caption-semibold-line-height);
}

.widget-type-form .hs-button.primary{
  padding: var(--padding-md);
  color: var(--pure-white);
  background-color: var(--midnight-blue) !important;
  border-radius: 0px !important;
  font-size: var(--body-font-size) !important;
  display: inline-block;
  text-decoration: none;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  border: none; 
}

.widget-type-form .hs-button.primary:hover {
  background-color: #020b20 !important;
}

.legal-consent-container {
  padding-top: var(--padding-md);
}

.legal-consent-container, .widget-type-form  form .hs-richtext, .widget-type-form form .hs-richtext p, .widget-type-form .legal-consent-container label, .widget-type-form .legal-consent-container label span,
.widget-type-form form label {
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  color: var(--charcoal-black);
  margin-bottom: var(--margin-sm);
  font-weight: 400;
}

.widget-type-form form label span {

  font-size: var(--caption-regular-font-size);
}

.widget-type-form form input[type="submit"] {
  text-transform: none;
  font-size: var(--body-font-size);
}

.widget-type-form form .hs-richtext p a {
  padding: 0;
  display: inline;
}

.widget-type-form .hs-form .field, .widget-type-form .hs-form .hs-richtext {
  margin: 0;
  padding: 0;
}

.widget-type-form .hs-form-booleancheckbox-display input[type=checkbox] {
  margin-top: 6px;
}

.widget-type-form input[type='radio'] {
  position: relative;
}
.widget-type-form input[type='radio']:before {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 16px;
  top: -2px;
  left: -2px;
  position: absolute;
  background-color: white;
  
  display: inline-block;
  visibility: visible;
  border: 1px solid var(--midnight-blue-10);
}

.widget-type-form input[type='radio']:checked:before {
  
  position: absolute;
  display: inline-block;
  visibility: visible;
  border: 1px solid var(--midnight-blue);
}
.widget-type-form input[type='radio']:checked:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 16px;
  background-color: var(--midnight-blue);
} 

.widget-type-form input[type='radio']:disabled:before {
  border: 1px solid var(--grey-25);
}

.widget-type-form input[type='radio']:disabled:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background-color: var(--grey-10);
}


.widget-type-form input[type='radio']:hover:before {
  border: 1px solid var(--pale-blue);
}

.widget-type-form input[type='radio']:focus:before {
  box-shadow: var(--shadow-xs);

}

label.hs-error-msg {
  color: var(--crimson-red) !important;
  font-size: var( --caption-regular-font-size) !important;
  font-family: var(--caption-regular-font-family) !important;
  font-weight: var(--caption-regular-font-weight) !important;
  line-height: var(--caption-regular-line-height) !important;
}

input.hs-input.invalid.error {
  border: 1px solid var(--crimson-red);
}

.hs-form-field .hs-error-msgs > li {
  margin-top: 0;
}

.hs-form-field ul.hs-error-msgs .hs-error-msg {
  margin-top: 0;
}



.widget-type-form input[type='checkbox'] {
  position: relative;
}
.widget-type-form input[type='checkbox']:before {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 2px;
  top: -2px;
  left: -2px;
  position: absolute;
  background-color: white;
  
  display: inline-block;
  visibility: visible;
  border: 1px solid var(--midnight-blue-10);
}

.widget-type-form input[type='checkbox']:checked:before {
  
  position: absolute;
  display: inline-block;
  visibility: visible;
  border: 1px solid var(--midnight-blue);
  background-color:  var(--midnight-blue);
}
.widget-type-form input[type='checkbox']:checked:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 1px;
  display: block;
  width: 10px;
  height: 2px;
  background-color: var(--pure-white);
} 

.widget-type-form input[type='checkbox']:hover:before {
  border: 1px solid var(--pale-blue);
}

.widget-type-form input[type='checkbox']:before:focus {
  box-shadow: var(--shadow-xs);

}

footer .widget-type-form {
  padding: 0;
  background: transparent;
}

footer .widget-type-form input[type='email'] {
  background-color: var(--pure-white-5);
  color: var(--pure-white-75); 
  font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    outline: none;
}

footer .widget-type-form input[type='email']::placeholder {
  color: var(--pure-white-75);  
}


footer .widget-type-form .hs-form-field {
  float: left;
  width: calc(100% - 56px)
}

footer .widget-type-form .hs-form-field label {
  display: none;
}

footer .widget-type-form .hs-submit {
  float: left;
  width: 56px;
}


footer .widget-type-form .hs-button.primary {
  position: relative;
  font-size: 0px !important;
  background-color: var(--pale-blue) !important;
  border: none;
  padding: 28px;
  background-image: url('https://2930497.fs1.hubspotusercontent-na1.net/hubfs/2930497/button-eu.png');
  background-size: cover;
}

footer .widget-type-form {
  min-width: unset;
}
/* Table */

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

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Templates
Helper classes with ability to override anything that comes before it
*/
.body-container--search-results {
  background-color: var(--midnight-blue-5);  
}

.hs-search-results-title {
    margin-bottom: var(--margin-md);
    font-family: var(--h1-font-family);
    font-size: var(--h1-font-size);
    font-weight: var(--h1-font-weight);
    line-height: var(--h1-line-height);
    color: var(--midnight-blue);
}

.hs-search-results .hs-search-results__message {
    font-family: var(--caption-semibold-font-family);
    font-size: var(--caption-semibold-font-size);
    font-weight: var(--caption-semibold-font-weight);
    line-height: var(--caption-semibold-line-height); 
}

.hs-search-results .hs-search-results__title {
    font-family: var(--h3-font-family);
    font-size: var(--h3-font-size);
    font-weight: 500;
    line-height: var(--h3-line-height);
    text-decoration: none !important;
}

.hs-search-results .hs-search-results__title:hover {
    color: var(--pale-blue-75);
}

.hs-search-results__link {
    color: var(--charcoal-black);
}

.hs-search-results__link:visited {
    color: #405273;
}

.hs-search-results .hs-search-results__title:visited,
.hs-search-results .hs-search-results__title:focus {
    color: #405273;
}

.hs-search-results__listing__item {
    align-items: center;
}

.hs-search-results__featured-image-wrapper {
    overflow: hidden;
    height: 280px;
}

.hs-search-results__featured-image-wrapper img {
    min-width: 100%;
    min-height: 100%;
}

.hs-search-results__pagination {
    margin-top: 64px;
}

.hs-search-results__pagination__link--active {
    border: none !important;
    background-color: var(--midnight-blue-10);
    width: 39px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hs-search-results__pagination__link {
    color: var(--midnight-blue);
}

.hs-search-results__pagination__link--first, .hs-search-results__pagination__link--last {
    font-size: 0px;
}

.systems-page--search-results {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

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

/* Header DND sections */

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

/* Header container */

.header__container {
  max-width: 1200;
  display: flex;
  justify-content: space-between;
}

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

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

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

@media (max-width: 767px) {
  .header__container {
    flex-direction: column;
    padding: 1rem 0 0;
  }

  .header__column {
    position: relative;
  }

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

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

/* Navigation skipper */

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

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

/* Logo */

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

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

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

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

.header__logo--main {
  padding-top: 1rem;
}

/* Search bar */

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



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

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



.header__search .hs-search-field__input {
  
  height: 45px;
  padding: 0 0.7rem;
}



  .header__search .hs-search-field__button {
    padding: 0;
    fill: #000;
    background-color: transparent;
    border: none;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
  }

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


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

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

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

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

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

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

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

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

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

/* Language switcher */

.header__language-switcher {
  cursor: pointer;
  padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: 767px) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 1.05rem;
    padding-right: 0;
  }

  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 1.05rem;
    top: 0;
    visibility: visible;
  }

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 0.917rem;
  }

  .header__language-switcher--label-current {
    display: none;
  }

  .header__language-switcher .globe_class {
    background-image: none;
  }

  .header__language-switcher .lang_list_class li:hover{
    background-color: inherit;
  }

  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }}

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 1.083rem;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

  .header__search--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}
/* header-global DND sections */

.header-global{
  background-color: var(--pure-white);
  position:fixed;
  width:100%;
  min-height:72px;
  z-index: 2000;
  display: flex;
  justify-content: center;
}

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

/* Container */
.header-global__container {
  
  width:100%;
  display: flex;
  justify-content: space-between;
}

.header-global__column{
  width:100%
}

.header-global__row.row {
  margin: 0;
  min-height:72px;
  width: 100%;
}


.header-global__row_local {
  background-color: var(--midnight-blue-75);
  backdrop-filter: blur(var(--blur-xl));
}

.hg-std-content {
  max-width: 1200px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 16px;
  display: flex;
  align-items: center;
}

/* Logo */
.header-global__logo {
  width: 120px;
  margin-right: var(--margin-md);
}

/* Burger menu button */
.header-global__burger-menu {
  display: none;
  margin-left: auto;
  cursor: pointer;
}

.burger-icon {
  width: 24px;
}


/* Desktop navigation */
.header-global__nav-desktop {
  display: flex;
  flex:1;
  align-items: center;
}

/* local navigation */
/* .header-global__nav-local {
  width:100%;
} */
 .hg-nav-loval-inner {
  width:100%;
 }

/* Search */

.header-global__search {
  margin-left:auto;
}

/* Button */
.header-global__button {
 
}

/* Lang Switcher */
.header-global__language-switcher {

}
.t-text{
  margin:0 8px;
}

.header-global__language-switcher--label {
  display:flex;
  justify-content: space-between;
  align-items: center;
}

.header-global__search.sb-open {
  width: 100%;
}

.header-global__search.sb-open .searchbar-search_bar.sb-expanded {
  max-width: 100%;
}

.header-global__search.sb-open .searchbar.sb-expanded .sb-bar-container {
  width: 100%;
}

@media (max-width: 1024px) {
  .header-global__search.sb-open .searchbar {
    padding: 0;
  }
}


/* Mobile menu */
.header-global__mobile-menu {
  display: none;
  flex-direction: column;
  background-color: var(--pure-white);
  padding: var(--padding-md);
  position: fixed;
  top: 72px;
  right: 0;
  z-index: 1000;
  width:100%;
}

/* Media queries */
@media (max-width: 1024px) {

  .header-global__nav,
  .header-global__button,
  .header-global__language-switcher {
    display: none;
  }

  .header-global__burger-menu {
    display: block;
  }

  .header-global__search-mobile .searchbar {
    max-width:100%;
  }

  .header-global__search-mobile .searchbar.sb-expanded .sb-bar-container {
    width:100%;
  }

  .margin-left-md {
    margin-left: var(--margin-md);
  }
  

}

@media (min-width: 1025px) {
  .header-global .header-global__nav-desktop .button {
    transition: none;
  }

  .header-global .header-global__nav-desktop .language-switcher {
    min-height: 72px;
    display: flex;
  }

  .header-global .header-global__nav-desktop .language-switcher > list-eu-wc {
    display: flex;
  }

  .header-global__nav.sb-open {
    display: none;
  }

 /* TODO: remove redundant css code */
  
}
/* Menu and simple menu */

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

/* Horizontal menu */

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

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

/* Vertical menu */

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

/* Flyouts */

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

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

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

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

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

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

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

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

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

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}
.var-card-container{
  display: flex;
}

.var-card-container.align-right {
  justify-content: flex-end;
}
.var-card-container.align-center {
  justify-content: center;
}

.var-card-container {
  font-size: 0px;
}

.var-card {
  
  background-color: var(--pure-white);
  color: var(--charcoal-black);
  max-width: 596px;
  min-width: 343px;
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: left;
/*   border-radius: 4px; */
}

.var-card .image {
  min-height: 300px;
}

.var-card .image-icon {
  min-height: unset;
}

.var-card .client-logo img {
  max-width: 180px;
  width: 100%;
}

.var-card.linked-card:hover {

  box-shadow: none;
}

.var-card.linked-card:hover a.card-link > i {
  color: #4D779B;
}


.var-card:active {
  box-shadow: var(--shadow-lg);
}

.var-card:focus {
  border: 1.5px solid var(--midnight-blue);
  box-shadow: var(--shadow-2xl);
}

.card-horizontal {
 max-width: 1200px; 
 min-width: 700px;
 
}

.var-card .text {
  min-height: 144px;
}

.var-card .content {
  padding: var(--padding-xl);
}

.var-card.has-buttons:hover {
  box-shadow: none;
}

.var-card.has-buttons .content {
  padding-bottom: var(--padding-2xl);
} 

.var-card .date {
  margin-bottom: var(--margin-md);
  display: inline-block;
}

.var-card h2 {
 margin-bottom: var(--margin-sm); 
  color: var(--midnight-blue);
  font-family: var(--h2-font-family);
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  line-height: var(--h2-line-height);
  margin-top: 0;
}

.var-card h3 {
 margin-bottom: var(--margin-sm); 
  color: var(--midnight-blue);
  font-family: var(--h3-font-family);
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  line-height: var(--h3-line-height);
  margin-top: 0px;
  min-height: 60px;
}

.var-card h5 {
  margin-bottom: var(--margin-sm); 
    font-family: var(--h5-font-family);
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    line-height: var(--h5-line-height);
    margin-top: 0px;
    color: var(--midnight-blue);
  }

.var-card .date {
 color: var(--midnight-blue); 
 font-family: var(--caption-semibold-font-family);
  font-size: var(--caption-semibold-font-size);
  line-height: var(--caption-semibold-line-height);
  font-weight: var(--caption-semibold-font-weight);
}

.var-card .text {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);


  overflow: hidden;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  margin-bottom: 0px;
}


@media (min-width: 768px){
  .card-horizontal .image, .card-horizontal .content {
    float: left; 
    width: 50%;
    box-sizing: border-box;
    max-height: 512px;
  }

  .card-horizontal.card-icon .image {
    width: 20%;
    padding: 0;
    display: flex;
    align-items: center;
    
    text-align: center;
    justify-content: center;
  }

  .card-horizontal.card-icon .content {
    width: 80%;
  }

}

.card-horizontal .image img {
 width: 100%; 
}

.clearfix {
  overflow: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.card-background-midnight-blue {
 background-color: var(--midnight-blue); 
  color: var(--pure-white);
}

.card-background-midnight-blue h2, .card-background-midnight-blue h3, .card-background-midnight-blue h5, .card-background-midnight-blue .date, .card-background-midnight-blue .text {
 color: var(--pure-white); 
}

.card-background-pale-blue {
  background-color: var(--pale-blue);
  color: var(--pure-white); 
}

.card-background-pale-blue h2, .card-background-pale-blue h3, .card-background-pale-blue h5, .card-background-pale-blue .date, .card-background-pale-blue .text {
 color: var(--pure-white); 
}

.buttons {
  position: absolute; 
  bottom: 0;
  right: 0;
  display: flex;/*<!-- Note add 'display: flex' to container if multiple web components are next to each other to remove white space between them -->*/
}


.var-card .content {
  position: relative;
}

.var-card .card-link {
  display: block;

  padding: 0px;
  float: right; 

}

.var-card .card-link i {
  font-size: 48px;
  color: var(--pale-blue)
}
.card-background-pale-blue .card-link i {
  color: var(--midnight-blue);

}
.card-background-midnight-blue .card-link i {
  color: var(--pure-white);
}

.linked-card:hover {
  transition-duration: 0.3s;
  transition-property: box-shadow, transform;
  box-shadow: var(--shadow-2xl);

}

.var-card .image-icon {
  padding: var(--padding-xl);
  padding-bottom: 0px;
}

.var-card.card-image-trailing .image-icon {
  padding-bottom: var(--padding-xl);
  padding-top: 0px;
}



@media (max-width: 768px) {

  .card .content {
    padding: var(--padding-lg) var(--padding-md-lg);
  }
  .var-card-container {
    text-align: center;
  }

  .card-horizontal {
    max-width: 596px;
    min-width: 343px;
    
    width: 100%;
  }

  .var-card .content {
    padding: var(--padding-lg) var(--padding-md-lg)
  }

  .card-horizontal.card-icon .image {
    padding: var(--padding-lg);
    text-align: center;

  }

  .card-horizontal.card-icon .image-icon {
    padding: var(--padding-md);
  }

  .var-card .image-icon {
    padding: var(--padding-md)
  }
}

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

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

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

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

:host, :root {
 
    /* ======== COLOR SWATCHES ======== */
    --midnight-blue: #001844;
    --midnight-blue-75: #001844BF;
    --midnight-blue-50: #00184480;
    --midnight-blue-25: #00184440;
    --midnight-blue-10: #0018441A;
    --midnight-blue-5: #0018440D;
    --midnight-blue-2: #00184405;
    
    --pale-blue: #6797b8;
    --pale-blue-75: #6797b8BF;
    --pale-blue-50: #6797b880;
    --pale-blue-25: #6797b840;
    --pale-blue-10: #6797b81A;
    --pale-blue-5: #6797b80D;
    
    --crimson-red: #ce181e;
    --crimson-red-75: #ce181eBF;
    --crimson-red-50: #ce181e80;
    --crimson-red-25: #ce181e40;
    --crimson-red-10: #ce181e1A;
    --crimson-red-5: #ce181e0D;
    
    --charcoal-black: #000000;
    --charcoal-black-75: #000000BF;
    --charcoal-black-50: #00000080;
    --charcoal-black-25: #00000040;
    --charcoal-black-10: #0000001A;
    --charcoal-black-5: #0000000D;
    
    --pure-white: #FFFFFF;
    --pure-white-75: #FFFFFFBF;
    --pure-white-50: #FFFFFF80;
    --pure-white-25: #FFFFFF40;
    --pure-white-10: #FFFFFF1A;
    --pure-white-5: #FFFFFF0D;
    
    --success-green: #39B579;
    --success-green-75: #39B579BF;
    --success-green-50: #39B57980; 
    --success-green-25: #39B57940; 
    --success-green-10: #39B5791A; 
    --success-green-5: #39B5790D; 
  
    --grey: #313131;
    --grey-75: #313131BF;
    --grey-50: #31313180;
    --grey-25: #31313140;
    --grey-10: #3131311A;
    --grey-5: #3131310D;
    
    /* ======== TYPOGRAPHY ======== */
    --h1-font-family: 'Lato', sans-serif;
    --h1-font-size: 48px;
    --h1-font-weight: 700;
    --h1-line-height: 120%;
    
    --h2-font-family: 'Lato', sans-serif;
    --h2-font-size: 36px;
    --h2-font-weight: 300;
    --h2-line-height: 130%;
    
    --h3-font-family: 'Open Sans', sans-serif;
    --h3-font-size: 22px;
    --h3-font-weight: 500;
    --h3-line-height: 130%;
    
    --h4-font-family: 'Open Sans', sans-serif;
    --h4-font-size: 20px;
    --h4-font-weight: 500;
    --h4-line-height: 130%;
    
    --h5-font-family: 'Open Sans', sans-serif;
    --h5-font-size: 18px;
    --h5-font-weight: 500;
    --h5-line-height: 150%;
    
    --h6-font-family: 'Open Sans', sans-serif;
    --h6-font-size: 16px;
    --h6-font-weight: 600;
    --h6-line-height: 150%;
    
    --body-font-family: 'Open Sans', sans-serif;
    --body-font-size: 16px;
    --body-font-weight: 300;
    --body-line-height: 150%;
    
    --body-semibold-font-family: 'Open Sans', sans-serif;
    --body-semibold-font-size: 16px;
    --body-semibold-font-weight: 500;
    --body-semibold-line-height: 150%;
    
    --body-bullets-font-family: 'Open Sans', sans-serif;
    --body-bullets-font-size: 16px;
    --body-bullets-font-weight: 300;
    --body-bullets-line-height: 150%;
    
    --caption-semibold-font-family: 'Open Sans', sans-serif;
    --caption-semibold-font-size: 12px;
    --caption-semibold-font-weight: 500;
    --caption-semibold-line-height: 140%;
    
    --caption-regular-font-family: 'Open Sans', sans-serif;
    --caption-regular-font-size: 12px;
    --caption-regular-font-weight: 300;
    --caption-regular-line-height: 140%;
    
    /* ======== BOX SHADOWS ======== */
    --shadow-xs: 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
    --shadow-sm: 0px 4px 4px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
    --shadow-md: 0px 8px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0px 16px 16px 0px rgba(0, 0, 0, 0.05), 0px 8px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0px 32px 32px 0px rgba(0, 0, 0, 0.05), 0px 16px 16px 0px rgba(0, 0, 0, 0.05), 0px 8px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
    --shadow-2xl: 0px 64px 64px 0px rgba(0, 0, 0, 0.05), 0px 32px 32px 0px rgba(0, 0, 0, 0.05), 0px 16px 16px 0px rgba(0, 0, 0, 0.05), 0px 8px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
    --shadow-3xl: 0px 128px 128px 0px rgba(0, 0, 0, 0.05), 0px 64px 64px 0px rgba(0, 0, 0, 0.05), 0px 32px 32px 0px rgba(0, 0, 0, 0.05), 0px 16px 16px 0px rgba(0, 0, 0, 0.05), 0px 8px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
    
    /* ======== PADDING ======== */
    --padding-xs: 4px;
    --padding-sm: 8px;
    --padding-md: 16px;
    --padding-md-lg: 24px;
    --padding-lg: 32px;
    --padding-xl: 64px;
    --padding-2xl: 128px;
    
    /* ======== MARGIN ======== */
    --margin-xs: 4px;
    --margin-sm: 8px;
    --margin-md: 16px;
    --margin-md-lg: 24px;
    --margin-lg: 32px;
    --margin-xl: 64px;
    --margin-2xl: 128px;
  
    /* ======== BLUR ======== */
    --blur-sm: 8px;
    --blur-md: 16px;
    --blur-lg: 24px;
    --blur-xl: 40px;
  }
  
  
  
  
  .font-h1{
    font-family: var(--h1-font-family);
    font-size: var(--h1-font-size);
    font-weight: var(--h1-font-weight);
    line-height: var(--h1-line-height);
    margin: 0;
  }
  .font-h2{
    font-family: var(--h2-font-family);
    font-size: var(--h2-font-size);
    font-weight: var(--h2-font-weight);
    line-height: var(--h2-line-height);
    margin: 0;
  }
  .font-h3{
    font-family: var(--h3-font-family);
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    line-height: var(--h3-line-height);
    margin: 0;
  }
  .font-h4{
    font-family: var(--h4-font-family);
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--h4-line-height);
    margin: 0;
  }
  .font-h5{
    font-family: var(--h5-font-family);
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    line-height: var(--h5-line-height);
    margin: 0;
  }
  .font-h6{
    font-family: var(--h6-font-family);
    font-size: var(--h6-font-size);
    font-weight: var(--h6-font-weight);
    line-height: var(--h6-line-height);
    margin: 0;
  }
  .font-body{
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    margin: 0;
  }
  .font-body-bullets{
    font-family: var(--body-bullets-font-family);
    font-size: var(--body-bullets-font-size);
    font-weight: var(--body-bullets-font-weight);
    line-height: var(--body-bullets-line-height);
    margin: 0;
  }
  .font-body-semibold{
    font-family: var(--body-semibold-font-family);
    font-size: var(--body-semibold-font-size);
    font-weight: var(--body-semibold-font-weight);
    line-height: var(--body-semibold-line-height);
    margin: 0;
  }
  .font-caption-regular{
    font-family: var(--caption-regular-font-family);
    font-size: var(--caption-regular-font-size);
    font-weight: var(--caption-regular-font-weight);
    line-height: var(--caption-regular-line-height);
    margin: 0;
  }
  .font-caption-semibold{
    font-family: var(--caption-semibold-font-family);
    font-size: var(--caption-semibold-font-size);
    font-weight: var(--caption-semibold-font-weight);
    line-height: var(--caption-semibold-line-height);
    margin: 0;
  }

  
  .color--midnight-blue {
    color: var(--midnight-blue);
  }
  .color--midnight-blue-75 {
    color: var(--midnight-blue-75);
  }
  .color--midnight-blue-50 {
    color: var(--midnight-blue-50);
  }
  .color--midnight-blue-25 {
    color: var(--midnight-blue-25);
  }
  .color--midnight-blue-10 {
    color: var(--midnight-blue-10);
  }
  .color--midnight-blue-5 {
    color: var(--midnight-blue-5);
  }
  .color--midnight-blue-2 {
    color: var(--midnight-blue-2);
  }
  
  .color--pale-blue {
    color: var(--pale-blue);
  }
  .color--pale-blue-75 {
    color: var(--pale-blue-75);
  }
  .color--pale-blue-50 {
    color: var(--pale-blue-50);
  }
  .color--pale-blue-25 {
    color: var(--pale-blue-25);
  }
  .color--pale-blue-10 {
    color: var(--pale-blue-10);
  }
  .color--pale-blue-5 {
    color: var(--pale-blue-5);
  }
  
  .color--crimson-red {
    color: var(--crimson-red);
  }
  .color--crimson-red-75 {
    color: var(--crimson-red-75);
  }
  .color--crimson-red-50 {
    color: var(--crimson-red-50);
  }
  .color--crimson-red-25 {
    color: var(--crimson-red-25);
  }
  .color--crimson-red-10 {
    color: var(--crimson-red-10);
  }
  .color--crimson-red-5 {
    color: var(--crimson-red-5);
  }
  
  .color--charcoal-black {
    color: var(--charcoal-black);
  }
  .color--charcoal-black-75 {
    color: var(--charcoal-black-75);
  }
  .color--charcoal-black-50 {
    color: var(--charcoal-black-50);
  }
  .color--charcoal-black-25 {
    color: var(--charcoal-black-25);
  }
  .color--charcoal-black-10 {
    color: var(--charcoal-black-10);
  }
  .color--charcoal-black-5 {
    color: var(--charcoal-black-5);
  }
  
  .color--pure-white {
    color: var(--pure-white);
  }
  .color--pure-white-75 {
    color: var(--pure-white-75);
  }
  .color--pure-white-50 {
    color: var(--pure-white-50);
  }
  .color--pure-white-25 {
    color: var(--pure-white-25);
  }
  .color--pure-white-10 {
    color: var(--pure-white-10);
  }
  .color--pure-white-5 {
    color: var(--pure-white-5);
  }
  
  .color--success-green {
    color: var(--success-green);
  }
  .color--success-green-75 {
    color: var(--success-green-75);
  }
  .color--success-green-50 {
    color: var(--success-green-50);
  }
  .color--success-green-25 {
    color: var(--success-green-25);
  }
  .color--success-green-10 {
    color: var(--success-green-10);
  }
  .color--success-green-5 {
    color: var(--success-green-5);
  }

  .color--grey {
    color: var(--grey);
  }
  .color--grey-75 {
    color: var(--grey-75);
  }
  .color--grey-50 {
    color: var(--grey-50);
  }
  .color--grey-25 {
    color: var(--grey-25);
  }
  .color--grey-10 {
    color: var(--grey-10);
  }
  .color--grey-5 {
    color: var(--grey-5);
  }