/* 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:							#000;
	--color-primary2:							#F39207;
	--color-primary3:							#464646;
    --color-secondary:							#F9F9F9;
	--color-secondary2:							#171717;
	--color-secondary3:							#F7ECE2;
    --color-tertiary:							#A7A7A7;
    
    --padding-smaller:							5.0rem;  
	--padding-small:							7.5rem;
	--padding-medium:							10.0rem;
	--padding-large:							15.0rem;
    
    
    --font-h1Size:								4.6rem;
	--font-h1Size:								clamp(3.45rem, ( 3.45rem + 11.5 * (100vw - 768px) / 792 ), 4.6rem);
    --font-h1Weight:							500;
    --font-h1LineHeight:						1.2000000000000002;
	--font-h1LetterSpacing:						0.0em;
	--font-h1Color:								#272829;
	--font-h1ColorLight:						#FFFFFF;
    --font-h2Size:								3.7rem;
    --font-h2Weight:							500;
    --font-h2LineHeight:						1.1;
	--font-h2LetterSpacing:						3.7E-4em;
	--font-h2Color:								#272829;
	--font-h2ColorLight:						#FFFFFF;
    --font-h3Size:								2.4rem;
    --font-h3Weight:							500;
    --font-h3LineHeight:						1.2000000000000002;
	--font-h3LetterSpacing:						2.4E-4em;
	--font-h3Color:								#272829;
	--font-h3ColorLight:						#FFFFFF;
    --font-h4Size:								2.0rem;
    --font-h4Weight:							500;
    --font-h4LineHeight:						1.2;
	--font-h4LetterSpacing:						2.4E-4em;
	--font-h4Color:								#272829;
	--font-h4ColorLight:						#FFFFFF;
    --font-h5Size:								1.8rem;
	--font-h5Weight:						    600;
    --font-h5LineHeight:						1.2;
	--font-h5LetterSpacing:						0.03em;
	--font-h5Color:								#272829;
	--font-h5ColorLight:						#FFFFFF;
    --font-bodySize:							1.9rem;
    --font-bodyWeight:							400;
    --font-bodyLineHeight:						1.5;
	--font-bodyLetterSpacing:					0.01em;
	--font-bodyColor:							#444648;
	--font-bodyColorLight:						#FFFFFF;
	--font-linkUnderline:						underline;
	--font-linkColor:							#444648;
	--font-linkColorLight:						#FFFFFF;
	--font-linkWeight:							600;
	--font-linkHoverUnderline:					underline;
	--font-linkHoverColor:						#F39207;
	--font-linkHoverColorLight:					;
    --font-strongFontWeight:					600;
    --font-footerNavSize:						1.8rem;
    
       
    
    --moduleSettings-ctaBorderRadius:           0.3125em;
    --moduleSettings-listingBorderRadius:       0em;
    --moduleSettings-imagevideoBorderRadius:    0em;
    --moduleSettings-formsBorderRadius:         0em;
    --moduleSettings-forminputsBorderRadius:    0.2631578947368421em;
    --moduleSettings-testimonialsBorderRadius:  0em;
    --moduleSettings-columnGap:                 7.0rem;
	--moduleSettings-dividerColor: 				#131619;
	--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:						500;
	--header-navLinkColor:						#272829;
	--header-navLinkStyle:						normal;
	--header-navLinkPaddingVertical:			2.5rem;
	--header-navLinkPaddingHorizontal:			0.5rem;
	--header-navLinkMargin:						2.2rem;

	--header-navLinkHoverColor: 				#F39207;
	--header-navLinkHoverBGColor: 				;
	--header-navLinkHoverUnderline: 			none;
	--header-navLinkHoverBorderWidth: 			0px;
	--header-navLinkHoverBorderColor: 			#FFFFFF;
	--header-navLinkHoverBorderRadius: 			0px;
	--header-navLinkOpenColor:					#F39207;
	
	--header-navInnerBoxBGColor:				#FFFFFF;
	--header-navInnerBoxBorderRadius:			5px;
	--header-navInnerBoxPadding:				0.0rem 0.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: 			#000;
	--header-navInnerLinkHoverBGColor: 			;
	--header-navInnerLinkHoverBorderRadius: 	0px;

	--header-navInnerLinkOpenColor: 			#000;

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

	--header-mobileNavLinkPadding:				0.8em 1em;
	--header-mobileNavLinkColor: 				#272829;
	--header-mobileNavLinkColorHover: 			#272829;
	--header-mobileNavLinkBackgroundColor: 		;
	--header-mobileNavLinkBackgroundColorHover:	;
 	--header-mobileNavLinkBorderRadius:			10px;
	
	--header-transparentNavLinkColor: 				#ECECEC;
	--header-transparentNavLinkHoverColor: 			#F39207;
	--header-transparentNavLinkHoverBGColor: 		;
	--header-transparentNavLinkHoverBorderColor: 	#FFFFFF;
	--header-transparentNavLinkOpenColor:			#F39207;
	--header-transparentMobileNavHamburgerColor:	#FFFFFF;
    
    --footer-backgroundColor:                   ;
    --footer-aboutLinkColor:                    #FFFFFF;
    --footer-aboutLinkColorHover:               #FFFFFF;
    --footer-aboutTextColor:                    #FFFFFF;
    --footer-socialIconColor:                   #FFFFFF;
    --footer-socialIconColorHover:              #FFFFFF;
    --footer-navigationSize:                    1.8rem;
    --footer-navigationLinkAlignment:			;
    --footer-navigationLinkColor:               #FFFFFF;
    --footer-navigationLinkColorHover:          #F39207;
    --footer-navigationSubLinkColor:            #FFFFFF;
    --footer-navigationSubLinkColorHover:       #F39207;
    --footer-ribbonMenuBackgroundColor:         #171717;
    --footer-ribbonMenuTextColor:               #FFFFFF;
    --footer-ribbonMenuLinkColor:               #A7A7A7;
    --footer-ribbonMenuLinkColorHover:          #FFFFFF;

	--button-fontType:              			custom;
    --button-font:			            		;
	--button-size:								1.6rem;
	--button-weight:							500;
	--button-paddingLR:							1.9375em;
	--button-paddingTop:						0.9375em;
	--button-paddingBottom:						1.0625em;
	
	--button-primaryTextColor:					#272829;
	--button-primaryBackgroundColor:			#F4970F;
    --button-primaryBorderWidth:			    1px;
    --button-primaryBorderColor:			    #F4970F;
	--button-primaryHoverTextColor:				#F39207;  
    --button-primaryHoverBackgroundColor:		rgba(0, 0, 0, 0%);
	--button-primaryHoverBorderColor:			#F39207;
    
	--button-secondaryTextColor:				#FFFFFF;
	--button-secondaryBackgroundColor:			rgba(255, 255, 255, 0%);
    --button-secondaryBorderWidth:			    1px;
    --button-secondaryBorderColor:			    #ffffff;
	--button-secondaryHoverTextColor:			#000000;  
    --button-secondaryHoverBackgroundColor:		#ffffff;
	--button-secondaryHoverBorderColor:			#ffffff;
    
	--button-tertiaryTextColor:					#F39207;
	--button-tertiaryBackgroundColor:			none;
    --button-tertiaryBorderWidth:			    1px;
    --button-tertiaryBorderColor:			    #F39207;
	--button-tertiaryHoverTextColor:			#F39207;  
    --button-tertiaryHoverBackgroundColor:		rgba(243, 146, 7, 12%);
	--button-tertiaryHoverBorderColor:			#F39207;
 
    --form-GDPRSize:							1.2rem;
	--form-GDPRWeight:							400;
	--form-GDPRLineHeight:						1.2;
    --form-formLabelsMarginBottom:			    1.0rem;
    --form-formFieldsPaddingTopBottom:    		1.0rem;
    --form-formFieldsPaddingLeftRight:			1.0rem;
    --form-formFieldsMarginBottom:			    2.0rem;
    --form-formFields-columnGap:                1.0rem;
        
    --form-primaryBackgroundColor:				transparent;
    --form-primaryTextColor:					#444648;
    --form-primaryLabelSize:					1.6rem;
    --form-primaryLabelWeight:					400;
    --form-primaryLabelLineHeight:				1.4;
    --form-primaryLabelColor:					#444648;
    --form-primaryInputBackgroundColor:		    #FFFFFF;
    --form-primaryDropDownIconColor:		    #444648;
    --form-primaryInputBorderSize:				1px solid;
    --form-primaryInputBorderColor:			    #ECECEC;
    --form-primaryInputBorderRadius:			var(--moduleSettings-forminputsBorderRadius);
    --form-primaryInputColor:					#444648;
    --form-primaryInputPlaceholder:			    #BEBEBE;
    --form-primaryWarningMessageColor:			#FF0201;
    --form-primarySuccessMessageColor:			#444648;
    --form-primarySubmitBorderSize:			    1px solid;
    --form-primarySubmitBorderColor:			#f4970f;
    --form-primarySubmitBorderColorHover:		#f4970f;
    --form-primarySubmitButtonBackgroundColor:	#f4970f;
    --form-primarySubmitButtonBackgroundColorHover:	 transparent;
    --form-primarySubmitButtonTextColor:		#272829;
    --form-primarySubmitButtonTextColorHover:	#F39207;
       
    --form-secondaryBackgroundColor:		    transparent;
    --form-secondaryTextColor:					;
    --form-secondaryLabelSize:					1.6rem;
    --form-secondaryLabelWeight:			    400;
    --form-secondaryLabelLineHeight:		    1.2;
    --form-secondaryLabelColor:					;
    --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:		    none;
    --form-secondarySubmitBorderColor:			;
    --form-secondarySubmitBorderColorHover:		;
    --form-secondarySubmitButtonBackgroundColor:		transparent;
    --form-secondarySubmitButtonBackgroundColorHover:	transparent;
    --form-secondarySubmitButtonTextColor:		#FFFFFF;
    --form-secondarySubmitButtonTextColorHover:	#000;
	
	--blog-postContainer:						80.0rem;
    --blog-postContainerMQ:						960.0;
    --blog-postLargerContainer:			        80.0rem;
    --blog-postLargerContainerMQ:			    960.0;
    --blog-buttonTextColor:					    #131619;
	--blog-buttonBackgroundColor:			    none;
    --blog-buttonBorderWidth:			        1px;
    --blog-buttonBorderColor:			        #131619;
	--blog-buttonHoverTextColor:				#FFFFFF;  
    --blog-buttonHoverBackgroundColor:		    #131619;
	--blog-buttonHoverBorderColor:			    #131619;
    --blog-buttonLightBackgroundColor:			none;
    --blog-buttonLightBorderWidth:			    1px;
    --blog-buttonLightBorderColor:			    #FFFFFF;
    --blog-buttonLightHoverTextColor:           #131619;  
    --blog-buttonLightHoverBackgroundColor:		#FFFFFF;
    --blog-buttonLightHoverBorderColor:			#FFFFFF;
    --blog-postHover:							;
	
	--table-headerBackgroundColor:				#FFFFFF;
	--table-headerTextColor:					#272829;
	--table-headerPadding:						1.5rem;
	--table-standardBackgroundColor:			#F8F8F8;
	--table-standardTextColor:					#444648;
	--table-standardBorderColor:				#EDEDED;
	--table-standardPadding:					1.5rem;
    --table-alternateBackgroundColor:			#FFFFFF;
	--table-alternateTextColor:					#444648;
	
	--table-headerColor:						transparent;
    --table-alternatingRowOddBackgroundColor:	;
    --table-alternatingRowOddBTextColor:		;
    --table-alternatingRowEvenBackgroundColor:	;
    --table-alternatingRowOddTextColor:			;

}
:root {
	--container-wider:160rem;
}

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

/* Foundation
Setting up overall layouts and fonts
*/
html {
	height:100%;
	font-size:10px;
	scroll-behavior: smooth;
	scroll-padding-top:var(--headerHeight, 10rem);
}
					
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;}

.grid-row--no-gap .grid-column.v-align-self-top {align-self:flex-start; align-self: start;}
.grid-row--no-gap .grid-column.v-align-self-center {align-self:center; align-self: center;}
.grid-row--no-gap .grid-column.v-align-self-bottom {align-self:flex-end; align-self: end;}
.grid-row--no-gap .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);}

@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 (min-width: 769px) {  
    .module--mobile .bg-mobile{
        display: none;
        visibility: hidden;
    }
}
@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;
    }
}
.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);
}
/* .btn--custom,
.cta--custom .cta_button[style],
.cta--custom .hs-web-interactive-inline a{
	background-color: var(--background-color);
	color: var(--color);
    border: var(--border);
}
.btn--custom:hover,
.cta--custom .cta_button[style]:hover,
.cta--custom .hs-web-interactive-inline a:hover{
	background-color: var(--hover-background-color);
	color: var(--hover-color);
    border: var(--hover-border);
} */
.cta_button.no-style{
	padding: var(--button-paddingTop) 0 var(--button-paddingBottom) !important;
    background-color: none !important;
	border-radius:0;
}
.ctas__container{
	--buttonMargin: 0.5rem;
	margin:var(--buttonMargin,0) 0;
	gap: calc(var(--buttonMargin,0)*2);
    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;
}

.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;
}:root {
	--min:16;
	--max:20;
	--minViewport:360;
	--maxViewport:1920;
	--dynamicSizeClamp: clamp(0.1rem*var(--min), 0.1rem*var(--min) + ( var(--max) - var(--min) ) * (100vw - var(--minViewport)*1px) / ( var(--maxViewport) - var(--minViewport)), 0.1rem*var(--max));
	
}

html {
	scroll-behavior: smooth;
	overscroll-behavior: none;
}
body {
	font-family:var(--font-bodyFont);
	font-size:calc( 1.5rem + 3 * (100vw - 360px) / 1560 );;
	/* -webkit-font-smoothing:antialiased; */
	scroll-behavior: smooth;
	overscroll-behavior: none;
	line-height:1.4;
	background:#111517;
	color:#D6D6D6;
}
body > video {
	position:fixed;
	object-fit:cover;
	height: 100vh;
	width: 100%;
	z-index:-2;
}
h1,h2,h3,h4,h5,h6 {
	font-family:var(--font-h1Font);
	font-weight:500;
	text-wrap:balance;
	color:#FFF;
}
.title-large {
	font-size:calc( 2.7rem + 26 * (100vw - 360px) / 1560 );;
	font-weight:500;
}
h1 {
	font-size:calc( 2.3rem + 13 * (100vw - 360px) / 1560 );;
}
h2 {
	font-size:calc( 2.0rem + 16 * (100vw - 360px) / 1560 );;
	line-height:1.5;
}
.production-stage__pre-title {
	font-size:calc( 2.0rem + 4 * (100vw - 360px) / 1560 );;
}
p {
	margin-block: 0.8em;
	text-wrap:pretty;
}
:where(:link,:visited) {
	color:#FFF;
	text-decoration:none;
	transition:color 0.25s ease-in-out;
}
:where(:link:visited):hover {
    color: #F7A533;
}
.btn, .cta_button[style], .hs-web-interactive-inline a {
	transition:color 0.25s ease-in-out, background-color 0.25s ease-in-out, border 0.25s ease-in-out;
	text-align:center;
}
.btn--tested {
	color:#F7A533;
	border:1px solid #F7A533;
	background:none;
	border-radius:5px;
	letter-spacing:0.16px;
	font-size:1.6rem!important;
	padding-block:0.9em;
	padding-inline:1.7em;
	font-family:'Kallisto', sans-serif;
}
.btn--tested:hover {
	background:#F7A533;
	color:#272829;
}

@media (max-width: 767px) {
	.container {
		width:90%;
	}
}

.header {
	width:100%;
	padding-block:6.8rem 12rem;
	background-image: linear-gradient(180deg, #111517 0%, rgba(22 28 31 / 40%) 75%, #161C1F00 100%);
	position: fixed;
	top: 0;
	z-index:999;
	font-family:var(--font-h1Font);
	pointer-events:none;
}
@media (max-height: 1080px) {
	.header {
		padding-block:6.8rem;
	}
}
@media (max-height: 1024px) {
	.header {
		padding-block:4rem;
	}
}
@media (max-height: 800px) {
	.header {
		padding-block:3rem;
	}
	.logo {
		max-height: 4rem;
	}
	.logo img {
		max-height:4rem;
		width:auto;
	}
}
.header__area {
	display:flex;
	justify-content:space-between;
	align-items:center;
	pointer-events:auto;
}
.logo {
	display:flex;
	gap:7.4rem;
}
.nav ul {
	list-style:none;
	display:flex;
	gap:6rem;
}
.nav a:hover {
	color:#F7A533;
}
.nav a.active {
	color:#F7A533;
}
.header__hamburger-container {display:none;}
@media (max-width: 1350px) {
	.nav {
		visibility: hidden;
		background: rgba(0 0 0 / 60%);
		backdrop-filter: blur(4px);
		position: fixed;
		inset: 0;
		opacity: 0;
		transform:translate(0,100%);
		padding: 2rem;
		transition:visibility 0s linear 0.3s, transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	}
	.nav.active {
		visibility: visible;
		transform:translate(0,0);
		opacity: 1;
		transition:visibility 0s linear 0s, transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	}
	.nav ul {
		flex-direction: column;
		text-align: center;
		justify-content: center;
		height: 100%;
		padding: 0;
		margin: 0;
		font-size: 2.5rem;
	}
	.header__hamburger-container{
		width: var(--header-mobileNavHamburgerWidth);
		height: var(--header-mobileNavHamburgerHeight);
		position:relative;
		cursor:pointer;
		background:none;
		padding:0;
		outline:none;
		display: block;
	}
	.header__hamburger::before, .header__hamburger, .header__hamburger::after {
		content:'';
		position:absolute;
		display: block;
		background: #FFF;
		height: var(--header-mobileNavHamburgerThickness);
		width:100%;
		border-radius:2px;
	}
	.header__hamburger::before {
		top: var(--header-mobileNavHamburgerSpacing);
		transition:top 0.1s linear 0.1s, transform 0.1s linear, background 0.3s ease;
	}
	.header__hamburger {
		top:50%;
		transform:translate(0,-50%);
		transition:all 0.1s linear 0.1s, background 0.3s ease;
	}
	.header__hamburger::after {
		bottom: var(--header-mobileNavHamburgerSpacing);
		transition:bottom 0.1s linear 0.1s, transform 0.1s linear, background 0.3s ease;
	}
	.header__hamburger.active::before {
		top:0;
		transform: rotate(45deg);
		transition:top 0.1s linear, transform 0.1s linear 0.1s;
	}
	.header__hamburger.active {
		background:rgba(255,255,255,0);
		transition:all 0.1s linear, background 0.3s ease;
	}
	.header__hamburger.active::after {
		bottom:0;
		transform: rotate(-45deg);
		transition:bottom 0.1s linear, transform 0.1s linear 0.1s, background 0.3s ease;
	}
}
@media only screen and (max-width: 480px) {
	.logo {
		display:contents;
	}
	.logo img {
		width:28%;
		min-width:70px;
	}
}
@media only screen and (max-width: 420px) {
	.nav ul {
		font-size: 2rem;
	}
}

.home a{
	color:#D1D1D1;
	text-decoration:underline;
	display:inline-flex;
	align-items: center;
}
.home a:hover {
    color: #F7A533;
}