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

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

/*! 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.3; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

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

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  white-space: pre-wrap; /* Overflow by default is bad. */
}

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

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

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

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

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

/**
 * 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 {
  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"] {
  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;
}
/* Switch to border-box for box-sizing. */
html {
	box-sizing:border-box;
}
*, ::before, ::after {
	box-sizing: inherit;
}

/* Immediately jump any animation to the end point if the user has set their device to "prefers reduced motion". */
/* This could create bad, unintended consequences. Remove as needed, and write your own appropriate code for prefers-reduced-motion. */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001s !important;
    transition-duration: 0.001s !important;
  }
}

/* Embedded content
   ========================================================================== */

img, video, canvas, audio, iframe, embed, object  { 
  display: block; /* Switch display mode to block, since that's what we usually want for images. */
  vertical-align: middle;  /* If you override, and make an image inline, it's likely you'll want middle vertical alignment. */
}
img, video {
  max-width: 100%; /* Make images and video flexible by default. */
  height: auto; /* Ensure images and video maintain their aspect ratio when max-width comes into play. */
}
img {
  border-style: none; /* Remove the border on images inside links in IE 10 and earlier. */
}
video {
	cursor:pointer; /* Videos can be clicked to play so should have cursor pointer */
}


blockquote {
	padding:0;
	margin:0;
}

ul {
	padding-left: 1.2em;
}

hr{ 
    height: 0;
    overflow: visible;
    border: 0px solid;
    border-bottom-width: var(--moduleSettings-dividerSize,1px);
}

/* Theme 
This is the css used to change the style of the theme
*/




/* Macro - Assigning Theme Colors */
/* convertFromThemeToColor("primary") */


/*     
    'fullHD':'1920',
    'desktopLarge':'1366',
    'desktop':'1280',
    'desktopSmall':'1024',
    'tabletLarge':'960',
    'tablet':'768',
    'mobileLarge':'640',
    'mobile':'480',
    'mobileSmall':'400' 
*/

/* Set all css variables from the theme here */
:root, :root::before, :root::after {
	--container-narrower: 60rem;
	--container-narrow: 96rem;
	--container-default: 109rem;
	--container-medium: 128rem;
	--container-wide: 136.6rem;
	--container-wider: 144rem;
	--container-full: none;
	--container-percentage: -2.5vw;

    --mq-fullHD: 1920;
    --mq-desktopLarge: 1366;
    --mq-desktop: 1280;
    --mq-desktopSmall: 1024;
    --mq-tabletLarge: 960;
    --mq-tablet: 768;
    --mq-mobileLarge: 640;
    --mq-mobile: 480;
    --mq-mobileSmall: 400;
    
    
    
    --color-transparent:						transparent;
	--color-white:								#FFF;
	--color-black:								#000;    
    --color-primary:							#42B6E8;
	--color-primary2:							#2E2F3C;
	--color-primary3:							#FFF;
    --color-secondary:							#FAFAFC;
	--color-secondary2:							#2E2F3C;
	--color-secondary3:							#FFFFFF;
    --color-tertiary:							#FFF;
    
    --padding-smaller:							5.0rem;  
	--padding-small:							7.5rem;
	--padding-medium:							10.0rem;
	--padding-large:							15.0rem;
    
    
    --font-h1Size:								4.7rem;
    --font-h1Weight:							500;
    --font-h1LineHeight:						1.2000000000000002;
	--font-h1LetterSpacing:						-1.0px;
	--font-h1Color:								#2E2F3C;
	--font-h1ColorLight:						#FFFFFF;
    --font-h2Size:								3.8rem;
    --font-h2Weight:							500;
    --font-h2LineHeight:						1.2;
	--font-h2LetterSpacing:						-1.0px;
	--font-h2Color:								#2E2F3C;
	--font-h2ColorLight:						#FFFFFF;
    --font-h3Size:								3.3rem;
    --font-h3Weight:							500;
    --font-h3LineHeight:						1.2;
	--font-h3LetterSpacing:						-1.0px;
	--font-h3Color:								#2E2F3C;
	--font-h3ColorLight:						#FFFFFF;
    --font-h4Size:								2.4rem;
    --font-h4Weight:							500;
    --font-h4LineHeight:						1.2;
	--font-h4LetterSpacing:						0.0px;
	--font-h4Color:								#2E2F3C;
	--font-h4ColorLight:						#FFFFFF;
    --font-h5Size:								1.9rem;
	--font-h5Weight:						    500;
    --font-h5LineHeight:						1.2;
	--font-h5LetterSpacing:						-0.2px;
	--font-h5Color:								#2E2F3C;
	--font-h5ColorLight:						#FFFFFF;
    --font-bodySize:							1.8rem;
    --font-bodyWeight:							500;
    --font-bodyLineHeight:						1.4;
	--font-bodyLetterSpacing:					-0.6px;
	--font-bodyColor:							#6D6E77;
	--font-bodyColorLight:						#FFFFFF;
	--font-linkUnderline:						underline;
	--font-linkColor:							#6D6E77;
	--font-linkColorLight:						#FFFFFF;
	--font-linkWeight:							500;
	--font-linkHoverUnderline:					underline;
	--font-linkHoverColor:						#42b6e8;
	--font-linkHoverColorLight:					;
    --font-strongFontWeight:					700;
    --font-footerNavSize:						1.6rem;
    
       
    
    --moduleSettings-ctaBorderRadius:           2.1875em;
    --moduleSettings-listingBorderRadius:       0em;
    --moduleSettings-imagevideoBorderRadius:    0em;
    --moduleSettings-formsBorderRadius:         0em;
    --moduleSettings-forminputsBorderRadius:    0em;
    --moduleSettings-testimonialsBorderRadius:  0em;
    --moduleSettings-columnGap:                 4.0rem;
	--moduleSettings-dividerColor: 				#e7e7e7;
	--moduleSettings-dividerColorLight: 		inherit;
	--moduleSettings-dividerSize: 				1px;

    --header-backgroundColor:                   #FFFFFF;
    --header-padding:                           2.0rem;
    --header-paddingMobile:                     2.0rem;
	
	
	--header-shadowX:							0px;
	--header-shadowY:							3px;
	--header-shadowBlur:						6px;
	--header-shadowColor:						rgba(0, 0, 0, 16%);
	

    --header-navAlignment:						right;
	--header-navLinkSize:						1.6rem;
	--header-navLinkWeight:						400;
	--header-navLinkColor:						#3A3B4C;
	--header-navLinkStyle:						normal;
	--header-navLinkPaddingVertical:			1.2rem;
	--header-navLinkPaddingHorizontal:			1.0rem;
	--header-navLinkMargin:						0.75rem;

	--header-navLinkHoverColor: 				#42B6E8;
	--header-navLinkHoverBGColor: 				;
	--header-navLinkHoverUnderline: 			none;
	--header-navLinkHoverBorderWidth: 			0px;
	--header-navLinkHoverBorderColor: 			#FFFFFF;
	--header-navLinkHoverBorderRadius: 			0px;

	--header-navLinkOpenColor:					#42B6E8;
	
	--header-navInnerBoxBGColor:				#FFFFFF;
	--header-navInnerBoxBorderRadius:			5px;
	--header-navInnerBoxPadding:				1.0rem 1.0rem;
	--header-navInnerBoxBorderWidth:			0px;
	--header-navInnerBoxBorderColor:			#FFFFFF;

	--header-navInnerLinkSize: 					1.6rem;
	--header-navInnerLinkColor: 				#000;
	--header-navInnerLinkPaddingVertical: 		1.3rem;
	--header-navInnerLinkPaddingHorizontal: 	1.0rem;
	--header-navInnerLinkLineHeight: 			1.2;

	--header-navInnerLinkHoverColor: 			#42b6e8;
	--header-navInnerLinkHoverBGColor: 			;
	--header-navInnerLinkHoverBorderRadius: 	0px;

	--header-navInnerLinkOpenColor: 			#42b6e8;

    --header-mobileNavLogoWidth:				10.0rem;
    --header-mobileNavBackgroundColor:  		#42B6E8;
    --header-mobileNavHamburgerColor:    		#FFFFFF;
    --header-mobileNavHamburgerWidth:   		30px;
    --header-mobileNavHamburgerHeight:  		20px;
    --header-mobileNavHamburgerThickness:		2px;
    --header-mobileNavHamburgerSpacing:			-9.0px;

	--header-mobileNavLinkPadding:				0.8em 1em;
	--header-mobileNavLinkColor: 				#FFF;
	--header-mobileNavLinkColorHover: 			#FFF;
	--header-mobileNavLinkBackgroundColor: 		;
	--header-mobileNavLinkBackgroundColorHover:	;
 	--header-mobileNavLinkBorderRadius:			10px;
	
	--header-transparentNavLinkColor: 				#FFFFFF;
	--header-transparentNavLinkHoverColor: 			#a0daf3;
	--header-transparentNavLinkHoverBGColor: 		;
	--header-transparentNavLinkHoverBorderColor: 	#FFFFFF;
	--header-transparentNavLinkOpenColor:			#a0daf3;
	--header-transparentMobileNavHamburgerColor:	#FFFFFF;
    
    --footer-backgroundColor:                   #FAFAFC;
    --footer-aboutLinkColor:                    #2E2F3C;
    --footer-aboutLinkColorHover:               #42B6E8;
    --footer-aboutTextColor:                    #2E2F3C;
    --footer-socialIconColor:                   #42B6E8;
    --footer-socialIconColorHover:              #2E2F3C;
    --footer-navigationSize:                    1.6rem;
    --footer-navigationLinkColor:               #2E2F3C;
    --footer-navigationLinkColorHover:          #42B6E8;
    --footer-navigationSubLinkColor:            #2E2F3C;
    --footer-navigationSubLinkColorHover:       #42B6E8;
    --footer-ribbonMenuBackgroundColor:         #42B6E8;
    --footer-ribbonMenuTextColor:               #FFFFFF;
    --footer-ribbonMenuLinkColor:               #FFFFFF;
    --footer-ribbonMenuLinkColorHover:          #FFFFFF;

	--button-fontType:              			custom;
    --button-font:			            		;
	--button-size:								1.6rem;
	--button-weight:							500;
	--button-paddingLR:							1.6875em;
	--button-paddingTop:						0.75em;
	--button-paddingBottom:						0.625em;
	
	--button-primaryTextColor:					#FFFFFF;
	--button-primaryBackgroundColor:			#42B6E8;
    --button-primaryBorderWidth:			    1px;
    --button-primaryBorderColor:			    #42B6E8;
	--button-primaryHoverTextColor:				#42B6E8;  
    --button-primaryHoverBackgroundColor:		rgba(255, 255, 255, 0%);
	--button-primaryHoverBorderColor:			#42B6E8;
    
	--button-secondaryTextColor:				#FFFFFF;
	--button-secondaryBackgroundColor:			rgba(255, 255, 255, 0%);
    --button-secondaryBorderWidth:			    1px;
    --button-secondaryBorderColor:			    #ffffff;
	--button-secondaryHoverTextColor:			#2E2F3C;  
    --button-secondaryHoverBackgroundColor:		#ffffff;
	--button-secondaryHoverBorderColor:			#ffffff;
    
	--button-tertiaryTextColor:					#42B6E8;
	--button-tertiaryBackgroundColor:			rgba(255, 255, 255, 0%);
    --button-tertiaryBorderWidth:			    1px;
    --button-tertiaryBorderColor:			    #42B6E8;
	--button-tertiaryHoverTextColor:			#ffffff;  
    --button-tertiaryHoverBackgroundColor:		#42B6E8;
	--button-tertiaryHoverBorderColor:			#42B6E8;
 
    --form-GDPRSize:							1.4rem;
	--form-GDPRWeight:							400;
	--form-GDPRLineHeight:						1.2;
    --form-formLabelsMarginBottom:			    0.5em;
    --form-formFieldsPaddingTopBottom:    		0.5em;
    --form-formFieldsPaddingLeftRight:			0.5em;
    --form-formFieldsMarginBottom:			    1.0em;
    --form-formFields-columnGap:                2.0rem;
        
    --form-primaryBackgroundColor:				transparent;
    --form-primaryTextColor:					#3F404C;
    --form-primaryLabelSize:					1.6rem;
    --form-primaryLabelWeight:					400;
    --form-primaryLabelLineHeight:				1.2;
    --form-primaryLabelColor:					#BBBCC4;
    --form-primaryInputBackgroundColor:		    #f7f7f7;
    --form-primaryDropDownIconColor:		    #24272A;
    --form-primaryInputBorderSize:				none;
    --form-primaryInputBorderColor:			    ;
    --form-primaryInputBorderRadius:			var(--moduleSettings-forminputsBorderRadius);
    --form-primaryInputColor:					#24272A;
    --form-primaryInputPlaceholder:			    ;
    --form-primaryWarningMessageColor:			#d3604d;
    --form-primarySuccessMessageColor:			#FFFFFF;
    --form-primarySubmitBorderSize:			    1px solid;
    --form-primarySubmitBorderColor:			#42B6E8;
    --form-primarySubmitBorderColorHover:		#fff;
    --form-primarySubmitButtonBackgroundColor:	#42B6E8;
    --form-primarySubmitButtonBackgroundColorHover:	 transparent;
    --form-primarySubmitButtonTextColor:		#FFFFFF;
    --form-primarySubmitButtonTextColorHover:	#42B6E8;
       
    --form-secondaryBackgroundColor:		    transparent;
    --form-secondaryTextColor:					;
    --form-secondaryLabelSize:					1.6rem;
    --form-secondaryLabelWeight:			    400;
    --form-secondaryLabelLineHeight:		    1.2;
    --form-secondaryLabelColor:					#BBBCC4;
    --form-secondaryInputBackgroundColor:		#f7f7f7;
    --form-secondaryInputBorderSize:		    none;
    --form-secondaryInputBorderColor:			;
    --form-secondaryInputBorderRadius:			var(--moduleSettings-forminputsBorderRadius);
    --form-secondaryInputColor:					#24272A;
    --form-secondaryInputPlaceholder:			;
    --form-secondaryWarningMessageColor:	    #d3604d;
    --form-secondarySuccessMessageColor:	    #FFFFFF;
    --form-secondarySubmitBorderSize:		    1px solid;
    --form-secondarySubmitBorderColor:			#fff;
    --form-secondarySubmitBorderColorHover:		#fff;
    --form-secondarySubmitButtonBackgroundColor:		transparent;
    --form-secondarySubmitButtonBackgroundColorHover:	#ffffff;
    --form-secondarySubmitButtonTextColor:		#FFFFFF;
    --form-secondarySubmitButtonTextColorHover:	#3F404C;
	
	--blog-postContainer:						54.5rem;
    --blog-postContainerMQ:						654.0;
    --blog-postLargerContainer:			        87.0rem;
    --blog-postLargerContainerMQ:			    1044.0;
    --blog-buttonTextColor:					    #42b6e8;
	--blog-buttonBackgroundColor:			    none;
    --blog-buttonBorderWidth:			        1px;
    --blog-buttonBorderColor:			        #42b6e8;
	--blog-buttonHoverTextColor:				#FFFFFF;  
    --blog-buttonHoverBackgroundColor:		    #42b6e8;
	--blog-buttonHoverBorderColor:			    #42b6e8;
    --blog-buttonLightBackgroundColor:			none;
    --blog-buttonLightBorderWidth:			    1px;
    --blog-buttonLightBorderColor:			    #FFFFFF;
    --blog-buttonLightHoverTextColor:           #131619;  
    --blog-buttonLightHoverBackgroundColor:		#FFFFFF;
    --blog-buttonLightHoverBorderColor:			#FFFFFF;
    --blog-postHover:							;
	
	--table-headerBackgroundColor:				;
	--table-headerTextColor:					;
	--table-headerPadding:						0.5rem;
	--table-standardBackgroundColor:			#FFFFFF;
	--table-standardTextColor:					#6d6e77;
	--table-standardBorderColor:				;
	--table-standardPadding:					0.5rem;
    --table-alternateBackgroundColor:			#fafafc;
	--table-alternateTextColor:					#6d6e77;
	
	--table-headerColor:						transparent;
    --table-alternatingRowOddBackgroundColor:	;
    --table-alternatingRowOddBTextColor:		;
    --table-alternatingRowEvenBackgroundColor:	;
    --table-alternatingRowOddTextColor:			;

}

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

/* Responsive grid */
.row-fluid {
	width: 100%;
	display:flex;
	justify-content:space-between;
}

.row-fluid [class*='span'] {
	display: block;
}

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

.row-fluid .span11 {
	width: calc(91.66666666666667% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span10 {
	width: calc(83.33333333333334% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span9 {
	width: calc(75.0% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span8 {
	width: calc(66.66666666666667% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span7 {
	width: calc(58.333333333333336% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span6 {
	width: calc(50.0% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span5 {
	width: calc(41.66666666666667% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span4 {
	width: calc(33.333333333333336% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span3 {
	width: calc(25.0% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span2 {
	width: calc(16.666666666666668% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span1 {
	width: calc(8.333333333333334% - (var(--moduleSettings-columnGap,0) / 2));
}

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

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

@media (max-width: 767px) {
	.row-fluid [class*='span'] {
		display: block;
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 1139px) {
	.row-fluid {
		width: 100%;
	}
}
/* 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: inherit !important;
	}

	.visible-desktop {
		display: none !important;
	}
}
.content-wrapper {
	margin: 0 auto;
	padding: 0 1rem;
}

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

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

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

@media (max-width: 767px) {
	.dnd-section .dnd-column {
		padding: 0;
	}
}
.hs-tools-menu.hs-tools-menu {
	top: 0!important;
    right: 0!important;
}
.hs-tools-menu.hs-collapsed {
    overflow: hidden;
    border-radius: 0% 0% 0% 100% !important;
}
.hs-tools-menu.hs-tools-menu img.hs-sprocket {
	width: 32px!important;
    padding: 3px 3px 4px 4px!important;
	pointer-events: none;
}

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

html {
	height:100%;
	font-size:10px;
	scroll-behavior: smooth;
	scroll-padding-top:var(--headerHeight, 10rem);
	--vw:1vw;
	--100vw:calc(var(--vw)*100);
}
					
body {
	min-height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
	scroll-padding-top:var(--headerHeight, 10rem);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
main {
	min-width:0;
}

@media only screen and (max-width: 960px) {
	html,body {
		scroll-padding-top:var(--headerHeight, 4rem);
	}
}
@media only screen and (max-width: 320px) {
/* 	Super small e.g. folded samsung flex  */
	html {
		font-size: calc( 8px + (10 - 8) * (100vw - 280px) / (320 - 280) );
	}
}

.container {
	max-width: var(--container-default);
    width:95%;
	margin:0 auto;
    position: relative;
    z-index:1;
}

.container--narrower {max-width: var(--container-narrower);}    
.container--narrow {max-width: var(--container-narrow);}
.container--medium {max-width: var(--container-medium);}
.container--wide {max-width: var(--container-wide);}
.container--wider{max-width: var(--container-wider);}
.container--full {max-width: var(--container-full); width: 100%;}

.footer-container-wrapper {
	margin-top:auto;
}

/**
 * Remove Min heights.
 */

.row-fluid.row-fluid [class*="span"] {
	min-height:0;
}
.color--primary {color: var(--color-primary);}
.color--primary2 {color: var(--color-primary2);}
.color--primary3 {color: var(--color-primary3);}
.color--secondary {color: var(--color-secondary);}
.color--secondary2 {color: var(--color-secondary2);}
.color--secondary3 {color: var(--color-secondary3);}
.color--tertiary {color: var(--color-tertiary);}
.color--white {color: var(--color-white);}
.color--black {color: var(--color-black);}

.border-color--primary {border-color: var(--color-primary) !important;}
.border-color--primary2 {border-color: var(--color-primary2) !important;}
.border-color--primary3 {border-color: var(--color-primary3) !important;}
.border-color--secondary {border-color: var(--color-secondary) !important;}
.border-color--secondary2 {border-color: var(--color-secondary2) !important;}
.border-color--secondary3 {border-color: var(--color-secondary3) !important;}
.border-color--tertiary {border-color: var(--color-tertiary) !important;}
.border-color--white {border-color: var(--color-white) !important;}
.border-color--black {border-color: var(--color-black) !important;}

.bg-color--transparent {background-color: var(--color-transparent);}
.bg-color--primary {background-color: var(--color-primary);}
.bg-color--primary2 {background-color: var(--color-primary2);}
.bg-color--primary3 {background-color: var(--color-primary3);}
.bg-color--secondary {background-color: var(--color-secondary);}
.bg-color--secondary2 {background-color: var(--color-secondary2);}
.bg-color--secondary3 {background-color: var(--color-secondary3);}
.bg-color--tertiary {background-color: var(--color-tertiary);}
.bg-color--white {background-color: var(--color-white);}
.bg-color--black {background-color: var(--color-black);}
.bg-color--image {
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.bg-video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.bg-video video {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.overlay:before{
    content: '';
    position: absolute;
    background-color: #000;
    opacity: 0.7;
    width: 100%;    
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bg-overlay {
    content: '';
    position: absolute;
    width: calc(100% + 0.2px);    
    height: calc(100% + 0.2px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.bg-overlay--primary {background-color: var(--color-primary);}
.bg-overlay--primary2 {background-color: var(--color-primary2);}
.bg-overlay--primary3 {background-color: var(--color-primary3);}
.bg-overlay--secondary {background-color: var(--color-secondary);}
.bg-overlay--secondary2 {background-color: var(--color-secondary2);}
.bg-overlay--secondary3 {background-color: var(--color-secondary3);}
.bg-overlay--tertiary {background-color: var(--color-tertiary);}
.bg-overlay--white {background-color: var(--color-white);}
.bg-overlay--black {background-color: var(--color-black);}

.f{display: flex;}
.f-r{flex-direction: row;}
.f-c{flex-direction: column;}
.f-w{flex-wrap: wrap}

.t-center {text-align:center;}
.t-right {text-align:right;}
.t-left {text-align:left;}

.v-align-top {align-items:flex-start; align-items: start;}
.v-align-center {align-items:center; align-items: center;}
.v-align-bottom {align-items:flex-end; align-items: end;}
.v-align-stretch {align-items:stretch; align-items: stretch;}

.h-align-left {justify-content:flex-start; justify-items:start;}
.h-align-center {justify-content:center; justify-items:center;}
.h-align-right {justify-content:flex-end; justify-items:end;}
.h-align-justify {justify-content:space-between; justify-items:stretch;}

.grid-column.v-align-self-top {align-self:flex-start; align-self: start;}
.grid-column.v-align-self-center {align-self:center; align-self: center;}
.grid-column.v-align-self-bottom {align-self:flex-end; align-self: end;}
.grid-column.v-align-self-stretch {align-self:stretch; align-self: stretch;}

.mt-0 {margin-top:0;}
.mt-25 {margin-top: 2.5rem;}
.mt-50 {margin-top:5rem;}
.mt-75 {margin-top:7.5rem;}
.mt-100 {margin-top:10rem;}
.mt-150 {margin-top:15rem;}

.mb-0 {margin-bottom:0;}
.mb-25 {margin-bottom: 2.5rem;}
.mb-50 {margin-bottom:5rem;}
.mb-75 {margin-bottom:7.5rem;}
.mb-100 {margin-bottom:10rem;}
.mb-150 {margin-bottom:15rem;}

.pd-smaller {padding: var(--padding-smaller) 0;}
.pd-small {padding: var(--padding-small) 0;}
.pd-medium {padding: var(--padding-medium) 0;}
.pd-large {padding: var(--padding-large) 0;}
.pd-none {padding:0;}

.pd-all-smaller {padding: var(--padding-smaller);}
.pd-all-small {padding: var(--padding-small);}
.pd-all-medium {padding: var(--padding-medium);}
.pd-all-large {padding: var(--padding-large);}
.pd-all-none {padding:0;}

.header-block--goes-transparent + .main .module--1.pd-smaller {padding-top: calc(var(--padding-smaller) + var(--headerHeight,8.5rem));}
.header-block--goes-transparent + .main .module--1.pd-small {padding-top: calc(var(--padding-small) + var(--headerHeight,8.5rem));}
.header-block--goes-transparent + .main .module--1.pd-medium {padding-top: calc(var(--padding-medium) + var(--headerHeight,8.5rem));}
.header-block--goes-transparent + .main .module--1.pd-large {padding-top: calc(var(--padding-large) + var(--headerHeight,8.5rem));}
.header-block--goes-transparent + .main .module--1.pd-none {padding-top: var(--headerHeight,8.5rem);}

.module--intro{
    z-index: 1;
    position: relative;
}

@media only screen and (max-width: 768px) {
	.mt-25 {margin-top: 2rem;}
	.mt-50 {margin-top:3rem;}
	.mt-75 {margin-top:4.5rem;}
	.mt-100 {margin-top:6rem;}
	.mt-150 {margin-top:10rem;}
	
	.mb-25 {margin-bottom:2rem;}
	.mb-50 {margin-bottom:3rem;}
	.mb-75 {margin-bottom:4.5rem;}
	.mb-100 {margin-bottom:6rem;}
	.mb-150 {margin-bottom:10rem;}
	    
	.pd-smaller {padding:calc(var(--padding-smaller) * 0.9) 0;}
	.pd-small {padding:calc(var(--padding-small) * 0.9) 0;}
	.pd-medium {padding:calc(var(--padding-medium) * 0.9) 0;}
	.pd-large {padding:calc(var(--padding-large) * 0.9) 0;}
	.pd-none {padding:0;}
	
	.pd-all-smaller {padding:calc(var(--padding-smaller) * 0.9) ;}
	.pd-all-small {padding:calc(var(--padding-small) * 0.9) ;}
	.pd-all-medium {padding:calc(var(--padding-medium) * 0.9) ;}
	.pd-all-large {padding:calc(var(--padding-large) * 0.9) ;}
	.pd-all-none {padding:0;}
	
	.header-block--goes-transparent + .main .module--1.pd-smaller {padding-top: calc(var(--padding-smaller) * 0.9 + var(--headerHeight,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-small {padding-top: calc(var(--padding-small) * 0.9 + var(--headerHeight,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-medium {padding-top: calc(var(--padding-medium) * 0.9 + var(--headerHeight,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-large {padding-top: calc(var(--padding-large) * 0.9 + var(--headerHeight,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-none {padding-top: var(--headerHeight,8.5rem);}
}

/* Border Radius Settings */
.testimonial-cr{border-radius: var(--moduleSettings-testimonialsBorderRadius);}
.item-cr{border-radius: var(--moduleSettings-listingBorderRadius); overflow: hidden;}
.image-cr{border-radius: var(--moduleSettings-imagevideoBorderRadius); overflow: hidden;}
.video-cr{border-radius: var(--moduleSettings-imagevideoBorderRadius); overflow: hidden;}

.position-relative {
	position:relative;
}
.position-relative .container {
	position:relative;
    z-index: 1;
}

.no-display, .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.image--fit{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.video--fit > video{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

@media only screen and (max-width: 768px) {  
    .module--mobile .bg-mobile{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }
    
    .module--mobile{
        background: none !important;
    }
    
    .module--mobile .bg-video,
    .module--mobile .bg-video video,
    .module--mobile .bg-video + .bg-overlay{
        display: none;
        visibility: hidden;
    }
}
.grid-row {
	display:grid;
    z-index: 1;
    position: relative;
	gap: var(--moduleSettings-columnGap,0);
	grid-auto-columns: minmax(0,100%);
}
.grid-row--2Xgap {
	gap: calc(var(--moduleSettings-columnGap,0) * 2);
}

.grid-row--no-gap .grid-column{
    display: flex;
    flex-direction: column;
    align-self: normal;
}

.grid-column{
    display: grid;
    align-self: auto;
}

.fill-width {
	--column-percent:50;
	--column-width: 100%;
	--container-width: calc((var(--column-width) * (100/var(--column-percent))) + var(--moduleSettings-columnGap));
	--width-edge-container-to-edge-screen: calc(((var(--100vw,100vw) - var(--container-width)) / 2));
	width: calc( 100% + var(--width-edge-container-to-edge-screen) );
}
.fill-width--left, .fill-width--right {
    position: absolute;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center center;
    pointer-events: none;
}

.fill--padding-left,
.fill--padding-right{
    display: flex;
    flex-direction: column;
}

.f-r--1, 
.f-r--2, 
.f-r--3, 
.f-r--4, 
.f-r--5,
.f-r--6{
	gap: var(--moduleSettings-columnGap,0);
}

@media only screen and (min-width: 961px) {
	.grid-row--50_50 {grid-template-columns: 50fr 50fr;}
	.grid-row--60_40 {grid-template-columns: 60fr 40fr;}
	.grid-row--40_60 {grid-template-columns: 40fr 60fr;}
	.grid-row--70_30 {grid-template-columns: 70fr 30fr;}
	.grid-row--30_70 {grid-template-columns: 30fr 70fr;}
	
    .grid-column--60_40 .fill-width--left	{ --column-percent: 60; }
    .grid-column--60_40 .fill-width--right	{ --column-percent: 40; }
    .grid-column--40_60 .fill-width--left	{ --column-percent: 40; }
    .grid-column--40_60 .fill-width--right	{ --column-percent: 60; }
    .grid-column--70_30 .fill-width--left	{ --column-percent: 70; }
    .grid-column--70_30 .fill-width--right	{ --column-percent: 30; }
    .grid-column--30_70 .fill-width--left	{ --column-percent: 30; }
    .grid-column--30_70 .fill-width--right  { --column-percent: 70; }
    
    .grid-row--60_40 .grid-column .fill-width--left	    { --column-percent: 60;}
    .grid-row--60_40 .grid-column .fill-width--right	{ --column-percent: 40;}
    .grid-row--40_60 .grid-column .fill-width--left	    { --column-percent: 40;}
    .grid-row--40_60 .grid-column .fill-width--right	{ --column-percent: 60;}
    .grid-row--70_30 .grid-column .fill-width--left	    { --column-percent: 70;}
    .grid-row--70_30 .grid-column .fill-width--right	{ --column-percent: 30;}
    .grid-row--30_70 .grid-column .fill-width--left	    { --column-percent: 30;}
    .grid-row--30_70 .grid-column .fill-width--right    { --column-percent: 70;}
    
    .grid-row--1{grid-template-columns: repeat(1, 1fr);}
    .grid-row--2{grid-template-columns: repeat(2, 50fr);}
    .grid-row--3{grid-template-columns: repeat(3, 33.33fr);}
    .grid-row--4{grid-template-columns: repeat(4, 25fr);}
    .grid-row--5{grid-template-columns: repeat(5, 20fr);}
    .grid-row--6{grid-template-columns: repeat(6, 16.66fr);}
    
    .f-r--1{
        flex-direction: column;
    }
    
    .f-r--1 > div{
        width: 100%;
    }
    
    .f-r--2 > div{
        width: calc((100% / 2) - ((var(--moduleSettings-columnGap) * (2 - 1)) / 2 ));
    }
    
    .f-r--3 > div{
        width: calc((100% / 3) - ((var(--moduleSettings-columnGap) * (3 - 1)) / 3 ));
    }
    
    .f-r--4 > div{
        width: calc((100% / 4) - ((var(--moduleSettings-columnGap) * (4 - 1)) / 4 ));
    }
    
    .f-r--5 > div{
        width: calc((100% / 5) - ((var(--moduleSettings-columnGap) * (5 - 1)) / 5 ));
    }
    
    .f-r--6 > div{
        width: calc((100% / 6) - ((var(--moduleSettings-columnGap) * (6 - 1)) / 6 ));
    }
}

@media only screen and (max-width: 960px) {
	.grid-row--50_50 {grid-template-columns: 50fr 50fr;}
	.grid-row--60_40 {grid-template-columns: 50fr 50fr;}
	.grid-row--40_60 {grid-template-columns: 50fr 50fr;}
	.grid-row--70_30 {grid-template-columns: 60fr 40fr;}
	.grid-row--30_70 {grid-template-columns: 40fr 60fr;}
    
    .grid-row--1{grid-template-columns: repeat(1, 1fr);}
    .grid-row--2{grid-template-columns: repeat(1, 1fr);}
    .grid-row--3{grid-template-columns: repeat(2, 50fr);}
    .grid-row--4{grid-template-columns: repeat(2, 50fr);}
    .grid-row--5{grid-template-columns: repeat(3, 33.33fr);}
    .grid-row--6{grid-template-columns: repeat(3, 33.33fr);}
	
	.fill-width {
		--column-percent:50;
	}
    
    .f-r--2{
        flex-direction: column;
    }
    
    .f-r--2 > div{
        width: 100%;
    }
    
    .f-r--3 > div{
        width: calc((100% / 2) - ((var(--moduleSettings-columnGap) * (2 - 1)) / 2 ));
    }
    
    .f-r--4 > div{
        width: calc((100% / 2) - ((var(--moduleSettings-columnGap) * (2 - 1)) / 2 ));
    }
    
    .f-r--5 > div{
        width: calc((100% / 3) - ((var(--moduleSettings-columnGap) * (3 - 1)) / 3 ));
    }
    
    .f-r--6 > div{
        width: calc((100% / 3) - ((var(--moduleSettings-columnGap) * (3 - 1)) / 3 ));
    }
}

@media only screen and (min-width: 769px) {
	.grid-row--no-gap{
		gap: 0;
	}
    .grid-row--no-gap .fill-width{
        --column-width: calc(100% - var(--moduleSettings-columnGap) / 2);
        /*margin: 0 calc(var(--moduleSettings-columnGap)/2 * -1);*/
    }
    .grid-row--no-gap .fill--padding-left{ padding-right: calc(var(--moduleSettings-columnGap) ); }
    .grid-row--no-gap .fill--padding-right{ padding-left: calc(var(--moduleSettings-columnGap) ); }
}

@media only screen and (max-width: 768px) {
    .grid-row{
        grid-template-columns: minmax(0, 1fr);
    }

    .grid-row--1,
    .grid-row--2,
    .grid-row--3,
    .grid-row--4,
    .grid-row--5,
    .grid-row--6{
        grid-template-columns: minmax(0, 1fr);
        grid-auto-flow: row;
    }
    
    .f-r--3{
        flex-direction: column;
    }
    
    .f-r--3 > div{
        width: 100%;
    }
    .f-r--4 > div{
        width: calc((100% / 2) - ((var(--moduleSettings-columnGap) * (2 - 1)) / 2 ));
    }
    
    .f-r--5 > div{
        width: calc((100% / 3) - ((var(--moduleSettings-columnGap) * (3 - 1)) / 3 ));
    }
    
    .f-r--6 > div{
        width: calc((100% / 3) - ((var(--moduleSettings-columnGap) * (3 - 1)) / 3 ));
    }
    
	
	.grid-row--mob-reverse .grid-column:last-of-type{
        grid-column-start: 1;
        grid-row-start: 1;
    }
	
	.grid-row--mob-reverse .content__image--left {
        align-items: flex-start;
    }
    
    .grid-row--mob-reverse .content__image--right {
        align-items: flex-start;
    }
    
    .grid-column{
        --column-percent: 100;
        width: 100%;
        max-width: none !important;
    }

    .grid-row:not(.grid-row--mob-reverse) .grid-column:not(:first-of-type){
		padding-top:0 !important;
	}
	.grid-row:not(.grid-row--mob-reverse) .grid-column:not(:last-of-type){
		padding-bottom:0 !important;
	}
	
	.grid-row--mob-reverse .grid-column:not(:first-of-type){
		padding-bottom:0 !important;
	}
	.grid-row--mob-reverse .grid-column:not(:last-of-type){
		padding-top:0 !important;
	}
    
	.fill-width{       
        --column-percent: 100;
        position: relative !important;
        max-width: none !important;
        width: 100vw;
        left: var(--container-percentage,-2.5vw);
        right: var(--container-percentage,-2.5vw);
        margin: auto;
    }
}

@media only screen and (max-width: 500px) {
    .f-r--4, 
    .f-r--5,
    .f-r--6{
        flex-direction: column;
    }
    
    .f-r--4 > div{
        width: 100%;
    }
    .f-r--5 > div{
        width: 100%;
    }
    .f-r--6 > div{
        width: 100%;
    }
}
html {
	font-family:var(--font-bodyFont);
	font-size:10px;
}
body {
	font-family: var(--font-bodyFont);
	font-size:var(--font-bodySize);
    font-weight: var(--font-bodyWeight);
	line-height: var(--font-bodyLineHeight);
	letter-spacing: var(--font-bodyLetterSpacing);
	color: var(--font-bodyColor);
	--font-bodyColorInitial: var(--font-bodyColor);
	--font-h1ColorInitial: var(--font-h1Color);
	--font-h2ColorInitial: var(--font-h2Color);
	--font-h3ColorInitial: var(--font-h3Color);
	--font-h4ColorInitial: var(--font-h4Color);
	--font-h5ColorInitial: var(--font-h5Color);
	--font-linkColorInitial: var(--font-linkColor);
	--font-linkHoverColorInitial: var(--font-linkHoverColor);
	--moduleSettings-dividerColorInitial: var(--moduleSettings-dividerColor);
}

strong{
    font-weight: var(--font-strongFontWeight);
}

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

h1,.text-h1, .hs_cos_wrapper_type_inline_rich_text h1,
.hs-richtext h1{
	font-family: var(--font-h1Font);
    font-size: var(--font-h1Size);
	font-weight: var(--font-h1Weight);
	line-height: var(--font-h1LineHeight);
	letter-spacing: var(--font-h1LetterSpacing);
	color: var(--font-h1Color);
	margin: 0.5em 0 0.45em;
}

h2,.text-h2, .hs_cos_wrapper_type_inline_rich_text h2,
.hs-richtext h2{
	font-family: var(--font-h2Font);
	font-size: var(--font-h2Size);
	font-weight: var(--font-h2Weight);
	line-height: var(--font-h2LineHeight);
	letter-spacing: var(--font-h2LetterSpacing);
	color: var(--font-h2Color);
	margin:0.5em 0 0.45em;
}
h3,.text-h3, .hs_cos_wrapper_type_inline_rich_text h3,
.hs-richtext h3{
	font-family: var(--font-h3Font);
	font-size: var(--font-h3Size);
	font-weight: var(--font-h3Weight);
	line-height: var(--font-h3LineHeight);
	letter-spacing: var(--font-h3LetterSpacing);
	color: var(--font-h3Color);
	margin:0.6em 0 0.5em;
}
h4,.text-h4, .hs_cos_wrapper_type_inline_rich_text h4,
.hs-richtext h4{
	font-family: var(--font-h4Font);
	font-size: var(--font-h4Size);
	font-weight: var(--font-h4Weight);
    line-height: var(--font-h4LineHeight);
	letter-spacing: var(--font-h4LetterSpacing);
	color: var(--font-h4Color);
	margin: 1.2em 0 0.7em;
}
h5,.text-h5, .hs_cos_wrapper_type_inline_rich_text h5,
.hs-richtext h5{
	font-family: var(--font-h5Font);
	font-size: var(--font-h5Size);
	font-weight: var(--font-h5Weight);
	line-height: var(--font-h5LineHeight);
	letter-spacing: var(--font-h5LetterSpacing);
	color: var(--font-h5Color);
	margin: 1.2em 0 0.7em;
}


:link,:visited {
	font-family: var(--font-linkFont);
	color: var(--font-linkColor);
	text-decoration: var(--font-linkUnderline);
	font-weight: var(--font-linkWeight);
	transition: all 0.25s ease-in-out;
}
:link:hover,:visited:hover {
    color: var(--font-linkHoverColor);
	text-decoration: var(--font-linkHoverUnderline);
}

h1 a,
.text-h1 a,
h2 a,
.text-h2 a,
h3 a,
.text-h3 a,
h4 a,
.text-h4 a,
h5 a,
.text-h5 a{
    font-weight:inherit;
}

.color-light{    
    color: var(--font-bodyColor);
	--font-bodyColor: var(--font-bodyColorLight);
	--font-h1Color: var(--font-h1ColorLight);
	--font-h2Color: var(--font-h2ColorLight);
	--font-h3Color: var(--font-h3ColorLight);
	--font-h4Color: var(--font-h4ColorLight);
	--font-h5Color: var(--font-h5ColorLight);
	--font-linkColor: var(--font-linkColorLight);
	--font-linkHoverColor: var(--font-linkHoverColorLight);
	--moduleSettings-dividerColor: var(--moduleSettings-dividerColorLight);
}
.color-reset {
	color: var(--font-bodyColor);
	--font-bodyColor: var(--font-bodyColorInitial);
	--font-h1Color: var(--font-h1ColorInitial);
	--font-h2Color: var(--font-h2ColorInitial);
	--font-h3Color: var(--font-h3ColorInitial);
	--font-h4Color: var(--font-h4ColorInitial);
	--font-h5Color: var(--font-h5ColorInitial);
	--font-linkColor: var(--font-linkColorInitial);
	--font-linkHoverColor: var(--font-linkHoverInitial);
	--moduleSettings-dividerColor: var(--moduleSettings-dividerColorInitial);
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child {
	margin-top:0;
}

.text-light {font-weight:300;}
.text-normal {font-weight:400;}
.text-medium {font-weight:500;}
.text-semi-bold {font-weight:600;}
.text-bold {font-weight:700;}
.system__image{
    margin-bottom: 5rem;
}

.system-400 .f-r .system__image,
.system-400 .f-r .system__text,
.system-500 .f-r .system__image,
.system-500 .f-r .system__text{
    max-width: 48%;
}

@media only screen and (max-width: 960px) {
    
    .system-400 .f-r .system__image,
    .system-400 .f-r .system__text,
    .system-500 .f-r .system__image,
    .system-500 .f-r .system__text{
        max-width: none;
    }

    .system-400 .f-r,
    .system-400 .f-r,
    .system-500 .f-r,
    .system-500 .f-r{
        flex-direction: column;
    }
	
}
.module{
    width: 100%;
    position: relative;
}

.h__wrapper{
    display: block;
}

.h__wrapper--fit{
    display: inline-block;
}

.divider{
	color: var(--moduleSettings-dividerColor);
    margin-bottom: 2.5rem;
	margin-left:0;
    width: 100%;
}

@media only screen and (max-width: 640px ) {
    .hs_cos_wrapper_type_inline_rich_text p img {
        float: none !important;
    }
}
button, input[type="submit"] {
	cursor:pointer;
	color:inherit;
}
.btn,
.hs-form input.hs-button,
.cta_button[style],
.hs-web-interactive-inline a,
.resources .filters a,
.email_subscriptions__container input[type="submit"]{
	cursor:pointer;
	display: inline-flex;
    align-items: center;
	background-color: var(--button-primaryBackgroundColor);
	color: var(--button-primaryTextColor);
	font-weight: var(--button-weight);
    font-size: var(--button-size);
    font-family: var(--font-buttonFont);
	padding: var(--button-paddingTop) var(--button-paddingLR) var(--button-paddingBottom);
	text-decoration:none;
    border-radius: var(--moduleSettings-ctaBorderRadius);
    border: var(--button-primaryBorderWidth) solid var(--button-primaryBorderColor);
}
.btn:hover,
.hs-form input.hs-button:hover,
.cta_button[style]:hover,
.hs-web-interactive-inline a:hover,
.resources .filters a:hover,
.email_subscriptions__container input[type="submit"]:hover{
	background-color: var(--button-primaryHoverBackgroundColor);
	color: var(--button-primaryHoverTextColor);
	text-decoration:none;
    border: var(--button-primaryBorderWidth) solid var(--button-primaryHoverBorderColor);
}
.btn--secondary,
.cta--secondary .cta_button[style],
.cta--secondary .hs-web-interactive-inline a,
.hs-web-interactive-inline a.cta--secondary{
	background-color: var(--button-secondaryBackgroundColor);
	color: var(--button-secondaryTextColor);
    border: var(--button-secondaryBorderWidth) solid var(--button-secondaryBorderColor);
}
.btn--secondary:hover,
.cta--secondary .cta_button[style]:hover,
.cta--secondary .hs-web-interactive-inline a:hover,
.hs-web-interactive-inline a.cta--secondary:hover{
	background-color: var(--button-secondaryHoverBackgroundColor);
    color: var(--button-secondaryHoverTextColor);
    border: var(--button-secondaryBorderWidth) solid var(--button-secondaryHoverBorderColor);
}
.btn--tertiary,
.cta--tertiary .cta_button[style],
.cta--tertiary .hs-web-interactive-inline a,
.hs-web-interactive-inline a.cta--tertiary{
	background-color: var(--button-tertiaryBackgroundColor);
	color: var(--button-tertiaryTextColor);
    border: var(--button-tertiaryBorderWidth) solid var(--button-tertiaryBorderColor);
}
.btn--tertiary:hover,
.cta--tertiary .cta_button[style]:hover,
.cta--tertiary .hs-web-interactive-inline a:hover,
.hs-web-interactive-inline a.cta--tertiary:hover{
	background-color: var(--button-tertiaryHoverBackgroundColor);
	color: var(--button-tertiaryHoverTextColor);
    border: var(--button-tertiaryBorderWidth) solid var(--button-tertiaryHoverBorderColor);
}
.cta_button.no-style{
	padding: var(--button-paddingTop) 0 var(--button-paddingBottom) !important;
    background-color: transparent !important;
	border-radius:0;
	border:none;
	color: var(--font-linkColor);
	text-decoration: var(--font-linkUnderline);
	font-family: var(--font-linkFont);
	font-weight: var(--font-linkWeight);
}
.cta_button.no-style:hover {
	border: none;
	color: var(--font-linkHoverColor);
	text-decoration: var(--font-linkHoverUnderline);
}
.ctas__container{
	--buttonMargin: 0.5rem;
	margin: calc(var(--buttonMargin,0) * -1);
    display: flex;
	align-items:flex-start;
    flex-wrap: wrap;
}
.ctas__container--left{
    justify-content: flex-start;
}
.ctas__container--center{
    justify-content: center;
}
.ctas__container--right{
    justify-content: flex-end;
}
.ctas__container > * {
    margin: var(--buttonMargin,0);
}

.btn__icon{
    display: inline-flex;
}

.btn__icon svg{
    width: 1em;
    height: 1em;
    fill: currentColor;
    font-size: 1.1em;
    margin-left: 0.5em;
    margin-right: calc(-0.2 * var(--button-paddingLR));
}

.btn__icon svg,
.btn__icon .hs_cos_wrapper_type_icon{
    display: inline-flex;
}

.hs-blog-link{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform .8s ease;
}
.testimonial__column{
    display: flex;
    flex-direction: column;
}

.testimonial__row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.testimonial__row .testimonial__image{
    margin-bottom: 10px;
    width: 80px;
    min-width: 80px;    
    max-width: 80px;
    height: 80px;
    min-height: 80px;    
    max-height: 80px;
}

.testimonial__image{
    display: flex;
    width: 55px;
    min-width: 55px;    
    max-width: 55px;
    height: 55px;
    min-height: 55px;    
    max-height: 55px;
    background-size: cover;
    border-radius: 50%;
}

.testimonial__quote,
.testimonial__role{
    font-size: 1.6rem;   
}

.testimonial__role p:first-of-type{
    font-weight: 500;
    color: var(--font-bodyColor);
    opacity: 0.73;
}

.testimonial__role p:last-of-type{
    color: var(--font-bodyColor);
    opacity: 0.48;
}

.testimonial__column .testimonial__source{
    display: flex;
    align-items: center;
}

.testimonial__column .testimonial__role p{
    margin: 0;
}

.testimonial__row .testimonial__source{
    margin-right: 20px;   
}

.testimonial__row .testimonial__source{
    width: 30%;
    max-width: calc(30% - 2rem); 
}

.testimonial__row .testimonial__quote{
    width: 70%;
    max-width: calc(70% - 2rem); 
}

.testimonial__row .testimonial__role p:first-of-type{
    margin-bottom: 0;
}

.testimonial__row .testimonial__role p:last-of-type{
    margin: 0px;
}

.testimonial__column .testimonial__image{
    margin-right: 20px;   
}

@media only screen and (max-width: 640px ) {
    .testimonial__row{
        flex-direction: column-reverse;
    }
    
    .testimonial__row .testimonial__source,
    .testimonial__row .testimonial__quote{
        width: 100%;
        max-width: none;
    }
    
    .testimonial__row .testimonial__quote{
        margin-bottom: 1rem;
    }
}
.form{
    position: relative;
    border-radius: var(--moduleSettings-formsBorderRadius);
}

.form-bg{
    background-color: var(--form-primaryBackgroundColor);
    color: var(--form-primaryTextColor);
    position: relative;
}

.form__bg-img{
    width: 100%;
    height: 100%;
    z-index: 1 !important;
    position: absolute !important;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}

.form--primary .hs_cos_wrapper_type_inline_rich_text > *,
.form--primary .hs-richtext > *{
    color: var(--form-primaryTextColor) !important;
}

form.hs-form fieldset{
	max-width: none;
	width: 100%;
    display: flex;
    justify-content: space-between;
}

form.hs-form .hs-form-field,
form.hs-form > .hs-richtext,
form.hs-form > .legal-consent-container {
	margin-bottom: var(--form-formFieldsMarginBottom)
}

form.hs-form fieldset.form-columns-1 .hs-form-field {
	width: 100%;
}

form.hs-form fieldset.form-columns-2 .hs-form-field {
	width: calc(100%/2 - var(--form-formFields-columnGap));
}

form.hs-form fieldset.form-columns-3 .hs-form-field {
	width: calc(100%/3 - var(--form-formFields-columnGap));
}

/* Labels */
.form .hs-form label{
	display: block;
	font-size: var(--form-primaryLabelSize);
	font-weight: var(--form-primaryLabelWeight);
	margin-bottom: var(--form-formLabelsMarginBottom);
	line-height: var(--form-secondaryLabelLineHeight);
}
.form--primary .hs-form label,
.form--primary fieldset > .legal-consent-container,
.form--primary .legal-consent-container{
    color: var(--form-primaryLabelColor);
}


/* Help text - legends */
form.hs-form legend {
	font-size: calc(var(--form-secondaryLabelSize) * 0.8);
	font-weight: 400;
	margin: -var(--form-formLabelsMarginBottom) 0 calc(var(--form-formLabelsMarginBottom) * 0.5);
}

/* -------- Fields -------- */
form.hs-form .hs-form-field .input {
	display: flex;
	width:100%;
	margin:0!important;
}

/* Input */
form.hs-form .hs-form-field .input input[type=text],
form.hs-form .hs-form-field .input input[type=email],
form.hs-form .hs-form-field .input input[type=password],
form.hs-form .hs-form-field .input input[type=tel],
form.hs-form .hs-form-field .input input[type=number],
form.hs-form .hs-form-field .input input[type=file] {
	width:100% !important;
	font-size:inherit;
	line-height:inherit;
	padding: var(--form-formFieldsPaddingTopBottom) var(--form-formFieldsPaddingLeftRight);
	border: var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor);
	border-radius: var(--moduleSettings-forminputsBorderRadius);
	background: var(--form-primaryInputBackgroundColor);
	color: var(--form-primaryInputColor);
	outline:none;
	box-shadow: none;
	-webkit-appearance: none;
    appearance: none;
}
form.hs-form .hs-form-field .input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--form-primaryInputPlaceholder);
}
form.hs-form .hs-form-field .input input::-moz-placeholder { /* Firefox 19+ */
	color: var(--form-primaryInputPlaceholder);
}
form.hs-form .hs-form-field .input input:-ms-input-placeholder { /* IE 10+ */
	color: var(--form-primaryInputPlaceholder);
}
form.hs-form .hs-form-field .input input:-moz-placeholder { /* Firefox 18- */
	color: var(--form-primaryInputPlaceholder);
	opacity:1;
}
/* Text area */
form.hs-form .hs-form-field .input textarea{
	min-width:100%;
	width:100% !important;
	font-size:inherit;
	line-height:inherit;
	padding: var(--form-formFieldsPaddingTopBottom) var(--form-formFieldsPaddingLeftRight);
	border:var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor);
	border-radius:var(--moduleSettings-forminputsBorderRadius);
	background: var(--form-primaryInputBackgroundColor);
	color: var(--form-primaryInputColor);
	outline:none;
	box-shadow: none;
	min-height: 8rem;
}
form.hs-form .hs-form-field .input textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--form-primaryInputPlaceholder);
}
form.hs-form .hs-form-field .input textarea::-moz-placeholder { /* Firefox 19+ */
	color: var(--form-primaryInputPlaceholder);
}
form.hs-form .hs-form-field .input textarea:-ms-input-placeholder { /* IE 10+ */
	color: var(--form-primaryInputPlaceholder);
}
form.hs-form .hs-form-field .input textarea:-moz-placeholder { /* Firefox 18- */
	color: var(--form-primaryInputPlaceholder);
	opacity:1;
}
/* Select  https://www.filamentgroup.com/lab/select-css.html */
form.hs-form .hs-form-field .input select{
	display: block;
	max-width: 100%;
	width:100% !important;
	font-size:inherit;
	line-height:inherit;
	height: auto;
	border: var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor);
	border-radius: var(--moduleSettings-forminputsBorderRadius);
	color: var(--form-primaryInputColor);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none;
	outline: none;
	cursor:pointer;
	/* 	background-color: var(--form-primaryInputBackgroundColor); */
	background-repeat: no-repeat, repeat;
	background-position: right var(--form-formFieldsPaddingLeftRight) top 50%, 0 0;
	background-size: 0.8em auto, 100%;
	background-clip: padding-box;
	
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%2324272A%22%20d%3D%22M207.029%20381.476L12.686%20187.132c-9.373-9.373-9.373-24.569%200-33.941l22.667-22.667c9.357-9.357%2024.522-9.375%2033.901-.04L224%20284.505l154.745-154.021c9.379-9.335%2024.544-9.317%2033.901.04l22.667%2022.667c9.373%209.373%209.373%2024.569%200%2033.941L240.971%20381.476c-9.373%209.372-24.569%209.372-33.942%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, var(--form-primaryInputBackgroundColor) 0%,var(--form-primaryInputBackgroundColor) 100%);
	padding: var(--form-formFieldsPaddingTopBottom) calc(var(--form-formFieldsPaddingLeftRight) * 2 + 0.8em) var(--form-formFieldsPaddingTopBottom) var(--form-formFieldsPaddingLeftRight);
}
form.hs-form .hs-form-field .input select::-ms-expand {display: none;}
form.hs-form .hs-form-field .input select:hover {}
form.hs-form .hs-form-field .input select:focus {}
form.hs-form .hs-form-field .input select option {font-weight:normal;}

/* Checkbox/Radio */
form.hs-form .inputs-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
form.hs-form .inputs-list > li {
	display: block;
	margin: 0.4em 0 0.7em;
}
form.hs-form .inputs-list label {
	display: flex;
/* 	align-items: center; */
	margin-bottom: 0;
}
form.hs-form .inputs-list input,
form.hs-form .inputs-list span {
	vertical-align: middle;
}
form.hs-form input[type=checkbox],
form.hs-form input[type=radio] {
	cursor: pointer;
	margin:0.25em 0.5em 0 0;
}

/* Datepicker */
form.hs-form .hs-dateinput {
	position: relative;
	width:100%;
}
form.hs-form .hs-dateinput:before {
	content:'\F0ED';
	font-family:'Material Design Icons';
	position: absolute;
	right: var(--form-formFieldsPaddingLeftRight);
	font-size: 1.2em;
	top: 50%;
	transform: translateY(-50%);
	cursor:pointer;
    color: #24272A;
}
form.hs-form .hs-form-field .input .hs-dateinput input {
	padding-right: calc(var(--form-formFieldsPaddingLeftRight) * 2 + 1em);
}

/* File picker */
form.hs-form .hs-form-field .input input[type=file] {
	background-color: transparent;
    color: var(--form-primaryLabelColor);
	border: initial;
	padding: initial;
}

/* Phone With Country DropDown */
form.hs-form .hs-input.hs-fieldtype-intl-phone {
    width: 100%!important;
}
form.hs-form .hs-input.hs-fieldtype-intl-phone select {
	width: 18rem!important;
}
form.hs-form .hs-input.hs-fieldtype-intl-phone input[type="tel"] {
    width: calc(100% - 18rem - var(--form-formFields-columnGap))!important;
}

/* GDPR */


/* GDPR */
form.hs-form fieldset > .legal-consent-container,
form.hs-form > .legal-consent-container,
form.hs-form > .legal-consent-container .hs-form-booleancheckbox-display p,
form.hs-form > .legal-consent-container .hs-form-booleancheckbox-display span{
	font-size: var(--form-GDPRSize);
    font-weight: var(--form-GDPRWeight);
	line-height: var(--form-GDPRLineHeight);
	margin-top: -calc(var(--form-formFieldsMarginBottom) * 0.2 );
	margin-bottom:0.8em;
}

form.hs-form .legal-consent-container .hs-richtext > p {
	margin: 0 0 0.4em;
}

form.hs-form .legal-consent-container .hs-richtext > a,
form.hs-form .legal-consent-container .hs-richtext > p > a{
	color: inherit;
    font-weight: 600;
}

form.hs-form .legal-consent-container .hs-richtext > a:hover,
form.hs-form .legal-consent-container .hs-richtext > p > a:hover{
    text-decoration: underline;
}


form.hs-form .legal-consent-container .hs-form-field {
	margin:0;
}
form.hs-form .legal-consent-container label.hs-form-booleancheckbox-display{
	font-size:1.5rem;
}
form.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
	margin-left: 0;
}

/* Validation */
.hs-form-required {
/*   color: #EF6B51; */
}
form.hs-form .hs-form-field .input input.invalid.error {
  border: 1px solid var(--form-primaryWarningMessageColor);
}
form.hs-form label.hs-error-msg,
form.hs-form .hs-error-msgs.inputs-list {
    color: var(--form-primaryWarningMessageColor);
}

/* Captcha */
.grecaptcha-badge {
  margin: 0;
}

/* Submit button */
form.hs-form input.hs-button{
	display: block;
	width: auto;
	min-width: 8em;
	text-align: center;
	background: var(--form-primarySubmitButtonBackgroundColor);
    color: var(--form-primarySubmitButtonTextColor);
	font-weight: var(--button-weight);
	margin: var(--form-formFieldsMarginBottom) 0 0;
    padding: ;
	text-transform: none;
	text-decoration:none;
	cursor: pointer;
	transition: all 0.25s ease;
	border: var(--form-primarySubmitBorderSize) var(--form-primarySubmitBorderColor);
	border-radius: var(--moduleSettings-ctaBorderRadius);
	box-shadow: none;
	-webkit-appearance: none;
	appearance:none;
}
form.hs-form input.hs-button:hover{
	background: var(--form-primarySubmitButtonBackgroundColorHover);
	color: var(--form-primarySubmitButtonTextColorHover);
	border: var(--form-primarySubmitBorderSize) var(--form-primarySubmitBorderColorHover);
}
@media only screen and (min-width: 961px) {

    .form--overflow{
        z-index: 2;
        position: absolute;
        top: 0;
    }

}
    
@media only screen and (max-width: 640px) {
	form.hs-form fieldset {
		width:100%;
        flex-direction: column;
		margin:0;
	}
	form.hs-form fieldset .hs-form-field,
	form.hs-form fieldset.form-columns-2 .hs-form-field,
	form.hs-form fieldset.form-columns-3 .hs-form-field,
	form.hs-form fieldset > .hs-richtext,
	form.hs-form fieldset > .legal-consent-container {
		width:100%;
		margin:0 0 var(--form-formFieldsMarginBottom);
	}
}
@media only screen and (max-width: 400px) {
	/* Phone With Country DropDown */
	form.hs-form .hs-input.hs-fieldtype-intl-phone select {
		width: 100% !important;
		margin-bottom: var(--form-formFieldsMarginBottom);
	}
	form.hs-form .hs-input.hs-fieldtype-intl-phone input[type="tel"] {
		width: 100%!important;
	}
}

/* Alternative Form Styling */

.form--secondary .hs_cos_wrapper_type_inline_rich_text > *,
.form--secondary .hs-richtext > *{
    color: var(--form-secondaryTextColor) !important;
}

/* Label */

.form--secondary label,
.form--secondary fieldset > .legal-consent-container,
.form--secondary .legal-consent-container{
    color: var(--form-secondaryLabelColor);
}

/* Input */
.form--secondary form.hs-form .hs-form-field .input input[type=text],
.form--secondary form.hs-form .hs-form-field .input input[type=email],
.form--secondary form.hs-form .hs-form-field .input input[type=password],
.form--secondary form.hs-form .hs-form-field .input input[type=tel],
.form--secondary form.hs-form .hs-form-field .input input[type=number],
.form--secondary form.hs-form .hs-form-field .input input[type=file] {
	border: var(--form-secondaryInputBorderSize) var(--form-secondaryInputBorderColor);
	border-radius: var(--moduleSettings-forminputsBorderRadius);
	background: var(--form-secondaryInputBackgroundColor);
	color: var(--form-secondaryInputColor);
}



.form--secondary form.hs-form .hs-form-field .input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--form-secondaryInputPlaceholder);
}
.form--secondary form.hs-form .hs-form-field .input input::-moz-placeholder { /* Firefox 19+ */
	color: var(--form-secondaryInputPlaceholder);
}
.form--secondary form.hs-form .hs-form-field .input input:-ms-input-placeholder { /* IE 10+ */
	color: var(--form-secondaryInputPlaceholder);
}
.form--secondary form.hs-form .hs-form-field .input input:-moz-placeholder { /* Firefox 18- */
	color: var(--form-secondaryInputPlaceholder);
}
/* Text area */
.form--secondary form.hs-form .hs-form-field .input textarea{
	border:var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor);
	background: var(--form-primaryInputBackgroundColor);
	color: var(--form-primaryInputColor);
}
.form--secondary form.hs-form .hs-form-field .input textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--form-primaryInputPlaceholder);
}
.form--secondary form.hs-form .hs-form-field .input textarea::-moz-placeholder { /* Firefox 19+ */
	color: var(--form-primaryInputPlaceholder);
}
.form--secondary form.hs-form .hs-form-field .input textarea:-ms-input-placeholder { /* IE 10+ */
	color: var(--form-primaryInputPlaceholder);
}
.form--secondary form.hs-form .hs-form-field .input textarea:-moz-placeholder { /* Firefox 18- */
	color: var(--form-primaryInputPlaceholder);
}

/* File picker */

.form--secondary form.hs-form .hs-form-field .input input[type=file]{
    background-color: transparent;
    color: var(--form-secondaryLabelColor);
}

/* Select  https://www.filamentgroup.com/lab/select-css.html */
.form--secondary form.hs-form .hs-form-field .input select{
	border: var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor);
	color: var(--form-primaryInputColor);
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%2324272A%22%20d%3D%22M207.029%20381.476L12.686%20187.132c-9.373-9.373-9.373-24.569%200-33.941l22.667-22.667c9.357-9.357%2024.522-9.375%2033.901-.04L224%20284.505l154.745-154.021c9.379-9.335%2024.544-9.317%2033.901.04l22.667%2022.667c9.373%209.373%209.373%2024.569%200%2033.941L240.971%20381.476c-9.373%209.372-24.569%209.372-33.942%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, var(--form-primaryInputBackgroundColor) 0%,var(--form-primaryInputBackgroundColor) 100%);
}
.form--secondary form.hs-form .hs-form-field .input input.invalid.error {
    border: 1px solid var(--form-secondaryWarningMessageColor);
}

.form--secondary form.hs-form label.hs-error-msg,
.form--secondary form.hs-form .hs-error-msgs.inputs-list {
    color: var(--form-secondaryWarningMessageColor);
}

/* Submit button */
.form--secondary form.hs-form input.hs-button{
	background: var(--form-secondarySubmitButtonBackgroundColor);
    color: var(--form-secondarySubmitButtonTextColor);
	border: var(--form-secondarySubmitBorderSize) var(--form-secondarySubmitBorderColor);
}

.form--secondary form.hs-form input.hs-button:hover{
	background: var(--form-secondarySubmitButtonBackgroundColorHover);
	color: var(--form-secondarySubmitButtonTextColorHover);
	border: var(--form-secondarySubmitBorderSize) var(--form-secondarySubmitBorderColor);
	color: var(--form-secondarySubmitButtonTextColor);
}
.form--secondary form.hs-form input.hs-button:hover{
	background: var(--form-secondarySubmitButtonBackgroundColorHover);
	color: var(--form-secondarySubmitButtonTextColorHover);
	border: var(--form-secondarySubmitBorderSize) var(--form-secondarySubmitBorderColor);
}

/* Email Preference Forms */

.email_subscriptions__container{
    padding: 4rem;
}

.email_subscriptions__container input[type=text],
.email_subscriptions__container input[type=email],
.email_subscriptions__container input[type=password],
.email_subscriptions__container input[type=tel],
.email_subscriptions__container input[type=number],
.email_subscriptions__container input[type=file] {
	width:100% !important;
	font-size:inherit !important;
	line-height:inherit !important;
	padding: var(--form-formFieldsPaddingTopBottom) var(--form-formFieldsPaddingLeftRight) !important;
	border: var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor) !important;
	border-radius: var(--moduleSettings-forminputsBorderRadius) !important;
	background: var(--form-primaryInputBackgroundColor) !important;
	color: var(--form-primaryInputColor) !important;
	outline:none !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
    appearance: none !important;
}
form.hs-form .hs-form-field .input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--form-primaryInputPlaceholder) !important;
}
form.hs-form .hs-form-field .input input::-moz-placeholder { /* Firefox 19+ */
	color: var(--form-primaryInputPlaceholder) !important;
}
form.hs-form .hs-form-field .input input:-ms-input-placeholder { /* IE 10+ */
	color: var(--form-primaryInputPlaceholder) !important;
}
form.hs-form .hs-form-field .input input:-moz-placeholder { /* Firefox 18- */
	color: var(--form-primaryInputPlaceholder) !important;
	opacity:1 !important;
}

.hs_cos_wrapper_type_email_subscriptions #email-prefs-form .page-header h2,
.email_subscriptions__container .page-header h2,
.email_subscriptions__container .page-header h3,
.email_subscriptions__container form h2,
.email_subscriptions__container form h3{
    font-size: 2rem;
    font-style: italic;
}

.email_subscriptions__container .hs-input{
    margin-bottom: var(--form-formFieldsMarginBottom);
}

.email-prefs{
    margin: 3rem 0;
}

.email-prefs .header{
    padding: 0;
    background: none;
    font-weight: 500;
}

.email-prefs .item:not(:first-of-type){
    margin: 1rem 0;
    padding: 2rem 0 0 0;
    border-top: 1px solid transparent;
}

.email-prefs .subscribe-options{
    padding-top: 4rem;
    border-top: 1px solid transparent;
}

.password-page__container{
    padding: 4rem;
}

.password-page__container input[type=text],
.password-page__container input[type=email],
.password-page__container input[type=password],
.password-page__container input[type=tel],
.password-page__container input[type=number],
.password-page__container input[type=file] {
	width:100% !important;
	font-size:inherit !important;
	line-height:inherit !important;
	padding: var(--form-formFieldsPaddingTopBottom) var(--form-formFieldsPaddingLeftRight) !important;
	border: var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor) !important;
	border-radius: var(--moduleSettings-forminputsBorderRadius) !important;
	background: var(--form-primaryInputBackgroundColor) !important;
	color: var(--form-primaryInputColor) !important;
	outline:none !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
    appearance: none !important;
    height: auto !important;
}

.password-page__container .hs-button{
    margin: 2rem 0;
}

@media only screen and (max-width: 640px) {
    .hs_cos_wrapper_type_email_subscriptions #email-prefs-form .page-header h1,
    .email_subscriptions__container .page-header h1{
        font-size: var(--font-h4Size);
    }
    
    .hs_cos_wrapper_type_email_subscriptions #email-prefs-form,
    .email_subscriptions__container{
        padding: 3rem;
    }
    
    .password-page__container h1{
        font-size: var(--font-h4Size);
    }
    
    .password-page__container{
        padding: 3rem;
    }
}
table {
  border-collapse: collapse;
  width: 100%;
}
th, td {
	background:var(--table-standardBackgroundColor);
	color:var(--table-standardTextColor);
	border:1px solid var(--table-standardBorderColor);
	padding:var(--table-standardPadding);
	text-align:left;
}
th {
	background:var(--table-headerBackgroundColor);
	color:var(--table-headerTextColor);
	padding:var(--table-headerPadding);
}
tr.even td {
	background:var(--table-alternateBackgroundColor);
	color:var(--table-alternateTextColor);
}
tr.sticky {
    top: 0;
    position: sticky;
}

.page{
  display:block;
}