[data-aos="img-skewed-item-end"],
[data-aos="img-skewed-item-start"] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transition-property: opacity, transform;
    will-change: opacity, transform, -webkit-transform;
}
[data-aos="img-skewed-item-end"].aos-animate,
[data-aos="img-skewed-item-start"].aos-animate {
    opacity: 1;
}
[data-aos="img-skewed-item-start"] {
    transform: rotateY(-20deg) rotateX(5deg) translate3d(0, 100px, 0);
}
[data-aos="img-skewed-item-start"].aos-animate {
    transform: rotateY(-35deg) rotateX(15deg) translateZ(0);
}
[data-aos="img-skewed-item-end"] {
    transform: rotateY(20deg) rotateX(5deg) translate3d(0, 100px, 0);
}
[data-aos="img-skewed-item-end"].aos-animate {
    transform: rotateY(35deg) rotateX(15deg) translateZ(0);
}
@font-face {
	font-family: 'Syncopate-Regular';
	src: url('fonts/Syncopate-Regular.ttf');
}

@font-face {
	font-family: 'Syncopate-Bold';
	src: url('fonts/Syncopate-Bold.ttf');
}
.MktRoot {
	--fontFamily: "sohne-var", "Helvetica Neue", "Arial", sans-serif;
	--fontWeightLight: 200;
	--fontWeightNormal: 300;
	--fontWeightSemibold: 425;
	--fontWeightBold: 500;
	--codeFontFamily: "SourceCodePro";
	--sourceCodeFont: 500 14px/1.714285714 var(--codeFontFamily);
	--ctaFont: var(--fontWeightSemibold) 15px/1.6 var(--fontFamily);
	--inputFont: var(--fontWeightNormal) 15px/1.6 var(--fontFamily);
	--cardShadowXSmall: 0 2px 5px -1px rgba(50, 50, 93, 0.25), 0 1px 3px -1px rgba(0, 0, 0, 0.3);
	--cardShadowSmall: 0 6px 12px -2px rgba(50, 50, 93, 0.25), 0 3px 7px -3px rgba(0, 0, 0, 0.3);
	--cardShadowMedium: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
	--cardShadowLarge: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3);
	--cardShadowLargeInset: inset 0 30px 60px -12px rgba(50, 50, 93, 0.25), inset 0 18px 36px -18px rgba(0, 0, 0, 0.3);
	--cardShadowXLarge: 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.3);
	--cardShadowXSMallMargin: 2px;
	--cardShadowSmallMargin: 8px;
	--cardShadowMediumMargin: 16px;
	--cardShadowLargeMargin: 32px;
	--cardShadowXLargeMargin: 48px;
	--cardBorderRadius: 8px;
	--scrollbarOffset: 10px;
	--angleNormal: -6deg;
	--angleStrong: -12deg;
	--angleNormalSin: 0.106;
	--angleStrongSin: 0.212;
	--fixedNavHeight: 60px;
	--fixedNavSpacing: 48px;
	--fixedNavScrollMargin: calc(var(--fixedNavHeight) + var(--fixedNavSpacing));
	--hoverTransition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
	--focusBoxShadow: 0 0 0 2px #4d90fe, inset 0 0 0 2px hsla(0, 0%, 100%, 0.9)
}

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

@media (prefers-reduced-motion:reduce) {
	.MktRoot {
		--hoverTransition: none;
	}
}

.MktRoot[lang^=ja] {
	--fontWeightNormal: 300;
	--fontWeightSemibold: 300
}

.MktRoot[data-loading] :after,
.MktRoot[data-loading] :before,
.MktRoot[data-loading] :not([data-transition-in]) {
	transition: none!important;
}

.MktBody {
	margin: 0;
	font-family: var(--fontFamily);
	font-weight: var(--fontWeightNormal);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: var(--textColor);
}

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

a {
	text-decoration: none;
}

.chart_title {
	color: #000000;
	font-weight: bold;
	font-family: 'Syncopate-Bold';
	border-bottom: 2px solid #000000;
}

.theme--White {
	--backgroundColor: #fff;
	--linkColor: var(--accentColor);
	--linkHoverColor: #0a2540;
	--buttonColor: var(--accentColor);
	--buttonHoverColor: #0a2540;
	--buttonDisabledColor: #cfd7df;
	--buttonDisabledOpacity: 0.7;
	--knockoutColor: #fff;
	--knockoutDisabledColor: #8898aa;
	--guideSolidColor: rgba(66, 71, 112, 0.06);
	--guideDashedColor: rgba(66, 71, 112, 0.09);
	--titleColor: #0a2540;
	--textColor: #425466;
	--inputBackground: #f1f4f7;
	--inputPlaceholderColor: #acb9c5;
	--inputTextColor: #0a2540;
	--inputErrorAccentColor: #ff5191;
	--annotationColor: #8c9eb1;
	--maskFadeColor: rgba(0, 0, 0, 0.4);
	--navColor: #0a2540;
	--navHoverColor: #0a2540;
	--navHoverOpacity: 0.6;
	--footerColor: #0a2540;
	--cardBorderColor: #cbd6e0;
	--cardBackground: #fff;
	--subcardBackground: #f6f9fc;
	--tableIconColor: #8c9eb1;
	--mbaAccentWhite: #fff;
	--mbaAccentLight: #e3e7ec;
	--mbaAccentDark: #0a2540;
	--bulletColor: #cfd7df;
	--footnoteTextColor: #4d5b78;
	--disclaimerTextColor: #707f98;
	--inlineCodeTextColor: #2c3a57;
	--inlineCodeBackground: #e6ecf2;
}

.theme--White.accent--Slate {
	--accentColor: #0a2540;
	--linkHoverOpacity: 0.6;
	--buttonHoverOpacity: 0.6;
}

.theme--Light {
	--backgroundColor: #f6f9fc;
	--linkColor: var(--accentColor);
	--linkHoverColor: #0a2540;
	--buttonColor: var(--accentColor);
	--buttonHoverColor: #0a2540;
	--buttonDisabledColor: #cfd7df;
	--buttonDisabledOpacity: 0.7;
	--knockoutColor: #fff;
	--knockoutDisabledColor: #8898aa;
	--guideSolidColor: rgba(66, 71, 112, 0.06);
	--guideDashedColor: rgba(66, 71, 112, 0.09);
	--titleColor: #0a2540;
	--textColor: #425466;
	--inputBackground: #e6ebf1;
	--inputPlaceholderColor: #8898aa;
	--inputTextColor: #0a2540;
	--inputErrorAccentColor: #ff5191;
	--annotationColor: #8c9eb1;
	--maskFadeColor: rgba(0, 0, 0, 0.4);
	--navColor: #0a2540;
	--navHoverColor: #0a2540;
	--navHoverOpacity: 0.6;
	--footerColor: #0a2540;
	--cardBorderColor: #cbd6e0;
	--cardBackground: #fff;
	--subcardBackground: #f6f9fc;
	--tableIconColor: #8c9eb1;
	--mbaAccentWhite: #fff;
	--mbaAccentLight: #e3e7ec;
	--mbaAccentDark: #0a2540;
	--bulletColor: #cfd7df;
	--footnoteTextColor: #4d5b78;
	--disclaimerTextColor: #707f98;
	--inlineCodeTextColor: #2c3a57;
	--inlineCodeBackground: #dce6ee;
}

.theme--Light.accent--Slate {
	--accentColor: #0a2540;
	--linkHoverOpacity: 0.6;
	--buttonHoverOpacity: 0.6
}

.theme--Dark {
	--backgroundColor: #0a2540;
	--linkColor: var(--accentColor);
	--linkHoverColor: #fff;
	--linkHoverOpacity: 1;
	--buttonColor: var(--accentColor);
	--buttonHoverColor: #fff;
	--buttonDisabledColor: #6b7c93;
	--buttonHoverOpacity: 1;
	--buttonDisabledOpacity: 0.7;
	--knockoutColor: #0a2540;
	--knockoutDisabledColor: #e6ebf1;
	--guideSolidColor: rgba(66, 71, 112, 0.3);
	--guideDashedColor: rgba(66, 71, 112, 0.3);
	--titleColor: #fff;
	--textColor: #adbdcc;
	--inputBackground: #0c2e4e;
	--inputBackgroundAlt: #274869;
	--inputPlaceholderColor: #b6c2cd;
	--inputTextColor: #fff;
	--inputErrorAccentColor: #ff5191;
	--annotationColor: #8c9eb1;
	--maskFadeColor: rgba(0, 0, 0, 0.4);
	--navColor: #fff;
	--navHoverColor: #fff;
	--navHoverOpacity: 0.6;
	--footerColor: #fff;
	--cardBorderColor: #0f395e;
	--cardBackground: #0c2e4e;
	--subcardBackground: #1f4468;
	--tableIconColor: #8c9eb1;
	--mbaAccentWhite: #fff;
	--mbaAccentLight: #fff;
	--mbaAccentDark: #0c2e4e;
	--bulletColor: #6b7c93;
	--footnoteTextColor: #adbdcc;
	--disclaimerTextColor: #707f98;
	--inlineCodeTextColor: #fff;
	--inlineCodeBackground: #1c4161;
}

.theme--Dark.accent--Slate {
	--accentColor: #fff;
}

.theme--Transparent {
	--backgroundColor: none;
	--linkColor: #fff;
	--linkHoverColor: var(--linkColor);
	--linkHoverOpacity: 0.6;
	--buttonColor: hsla(0, 0%, 100%, 0.2);
	--buttonHoverColor: hsla(0, 0%, 100%, 0.4);
	--accentColor: #fff;
	--knockoutColor: #fff;
	--textColor: #fff;
	--guideSolidColor: rgba(66, 71, 112, 0.06);
	--guideDashedColor: rgba(66, 71, 112, 0.09);
	--titleColor: #fff;
	--maskFadeColor: rgba(0, 0, 0, 0.4);
	--navColor: #fff;
	--navHoverColor: #fff;
	--navHoverOpacity: 0.6;
	--mbaBackground: #fff;
}

.theme--LegacyDark,
.theme--LegacyLight {
	--fontFamily: Camphor, "Open Sans", "Segoe UI", sans-serif;
	--ctaFont: var(--fontWeightSemibold) 15px/1.6 var(--fontFamily);
	--fontWeightBold: 600;
	--fontWeightSemibold: 600;
	--fontWeightNormal: 500;
}

.theme--LegacyDark .ProductIcon--Atlas,
.theme--LegacyLight .ProductIcon--Atlas {
	--iconHoverLightColor: #fcd669;
	--iconHoverDarkColor: #ce7c3a;
}

.theme--LegacyDark .ProductIcon--Billing,
.theme--LegacyLight .ProductIcon--Billing {
	--iconHoverLightColor: #74e4a2;
	--iconHoverDarkColor: #159570;
}

.theme--LegacyDark .ProductIcon--Connect,
.theme--LegacyDark .ProductIcon--Payouts,
.theme--LegacyLight .ProductIcon--Connect,
.theme--LegacyLight .ProductIcon--Payouts {
	--iconHoverLightColor: #68d4f8;
	--iconHoverDarkColor: #217ab7;
}

.theme--LegacyDark .ProductIcon--Capital,
.theme--LegacyDark .ProductIcon--CorporateCard,
.theme--LegacyDark .ProductIcon--Issuing,
.theme--LegacyDark .ProductIcon--Payments,
.theme--LegacyDark .ProductIcon--Terminal,
.theme--LegacyLight .ProductIcon--Capital,
.theme--LegacyLight .ProductIcon--CorporateCard,
.theme--LegacyLight .ProductIcon--Issuing,
.theme--LegacyLight .ProductIcon--Payments,
.theme--LegacyLight .ProductIcon--Terminal {
	--iconHoverLightColor: #87bbfd;
	--iconHoverDarkColor: #555abf;
}

.theme--LegacyDark .ProductIcon--Radar,
.theme--LegacyLight .ProductIcon--Radar {
	--iconHoverLightColor: #f6a4eb;
	--iconHoverDarkColor: #9251ac;
}

.theme--LegacyDark .ProductIcon--Sigma,
.theme--LegacyLight .ProductIcon--Sigma {
	--iconHoverLightColor: #beb0f4;
	--iconHoverDarkColor: #7356b6;
}

.theme--LegacyLight {
	--backgroundColor: #f6f9fc;
	--linkColor: var(--accentColor);
	--linkHoverColor: #0a2540;
	--buttonColor: none;
	--buttonHoverColor: none;
	--buttonDisabledColor: none;
	--knockoutColor: #32325d;
	--knockoutDisabledColor: #8898aa;
	--guideSolidColor: rgba(66, 71, 112, 0.06);
	--guideDashedColor: rgba(66, 71, 112, 0.09);
	--titleColor: #0a2540;
	--textColor: #425466;
	--inputBackground: #fff;
	--inputPlaceholderColor: #acb9c5;
	--annotationColor: #8c9eb1;
	--maskFadeColor: rgba(0, 0, 0, 0.4);
	--navColor: #32325d;
	--navHoverColor: #32325d;
	--navHoverOpacity: 0.6;
	--footerColor: #0a2540;
	--cardBorderColor: #cbd6e0;
	--cardBackground: #fff;
	--subcardBackground: #f6f9fc;
	--mbaBackground: #0a2540;
}

.theme--LegacyLight.accent--Slate {
	--accentColor: #0a2540;
	--linkHoverOpacity: 0.6;
	--buttonHoverOpacity: 0.6;
}

.theme--LegacyDark {
	--backgroundColor: #0a2540;
	--linkColor: var(--accentColor);
	--linkHoverColor: #fff;
	--linkHoverOpacity: 1;
	--buttonColor: none;
	--buttonHoverColor: none;
	--buttonDisabledColor: none;
	--buttonHoverOpacity: 0.6;
	--knockoutColor: #fff;
	--knockoutDisabledColor: #e6ebf1;
	--guideSolidColor: rgba(66, 71, 112, 0.3);
	--guideDashedColor: rgba(66, 71, 112, 0.3);
	--titleColor: #fff;
	--textColor: #adbdcc;
	--inputBackground: #0c2e4e;
	--inputPlaceholderColor: #b6c2cd;
	--annotationColor: #8c9eb1;
	--maskFadeColor: rgba(0, 0, 0, 0.4);
	--navColor: #fff;
	--navHoverColor: #fff;
	--navHoverOpacity: 0.6;
	--footerColor: #fff;
	--cardBorderColor: #0f395e;
	--cardBackground: #0c2e4e;
	--subcardBackground: #1f4468;
	--mbaBackground: #fff;
}

.theme--LegacyDark.accent--Slate,
.theme--LegacyDark.flavor--Slate.accent--Slate {
	--accentColor: #fff;
	--linkHoverOpacity: 0.6;
	--buttonHoverOpacity: 0.6;
}

.flavor--Chroma {
	--blendBackground: #80e9ff;
	--blendIntersection: #0048e5;
	--blendForeground: #7a73ff;
	--gradientColorZero: #a960ee;
	--gradientColorOne: #ff333d;
	--gradientColorTwo: #90e0ff;
	--gradientColorThree: #ffcb57;
	--gradientColorZeroTransparent: rgba(169, 96, 238, 0);
	--gradientColorOneTransparent: rgba(255, 51, 61, 0);
	--gradientColorTwoTransparent: rgba(144, 224, 255, 0);
	--gradientColorThreeTransparent: rgba(255, 203, 87, 0);
	--shadeOneColor: #02bcf5;
	--shadeTwoColor: #0073e6;
	--shadeThreeColor: #003ab9;
	--shadeFourColor: #635bff;
	--shadeFiveColor: #002c59;
	--shadeSixColor: #09cbcb;
}

.flavor--Chroma.theme--Dark,
.flavor--Chroma .theme--Dark {
	--blendForeground: #9eb3be;
	--blendIntersection: #cff;
	--blendBackground: #d71920;
}

.flavor--Chroma.accent--Cyan,
.flavor--Chroma .accent--Cyan {
	--accentColor: #02bcf5;
}

.flavor--Chroma.theme--Dark.accent--Cyan,
.flavor--Chroma.theme--Dark .accent--Cyan,
.flavor--Chroma .theme--Dark.accent--Cyan {
	--accentColor: #00d4ff;
}

.flavor--Chroma.accent--Blurple,
.flavor--Chroma .accent--Blurple {
	--accentColor: #635bff;
}

.flavor--Chroma.theme--Dark.accent--Blurple,
.flavor--Chroma.theme--Dark .accent--Blurple {
	--accentColor: #7a73ff;
}

.flavor--Chroma.accent--Blue,
.flavor--Chroma .accent--Blue {
	--accentColor: #0073e6;
}

.flavor--Chroma.accent--Slate,
.flavor--Chroma .accent--Slate {
	--accentColor: #0a2540;
}

.flavor--CottonCandy {
	--blendBackground: #ff80ff;
	--blendIntersection: #003dc1;
	--blendForeground: #0073e6;
}

.flavor--CottonCandy.theme--Dark {
	--blendBackground: #0073e6;
	--blendIntersection: #fac7ff;
	--blendForeground: #ff80ff;
}

.flavor--CottonCandy.accent--Pink,
.flavor--CottonCandy .accent--Pink {
	--accentColor: #f363f3;
}

.flavor--CottonCandy.theme--Dark.accent--Pink,
.flavor--CottonCandy.theme--Dark .accent--Pink {
	--accentColor: #ff83ff;
}

.flavor--CottonCandy.accent--Cyan,
.flavor--CottonCandy .accent--Cyan {
	--accentColor: #02bcf5;
}

.flavor--CottonCandy.theme--Dark.accent--Cyan,
.flavor--CottonCandy.theme--Dark .accent--Cyan {
	--accentColor: #09d6ff;
}

.flavor--LemonLime {
	--blendBackground: #ffd848;
	--blendIntersection: #00a600;
	--blendForeground: #00d924;
	--gradientColorZero: #1dcb5d;
	--gradientColorOne: #ffa832;
	--gradientColorTwo: #ffa832;
	--gradientColorThree: #ffe85e;
	--gradientColorZeroTransparent: rgba(29, 203, 93, 0);
	--gradientColorOneTransparent: rgba(255, 168, 50, 0);
	--gradientColorTwoTransparent: rgba(255, 168, 50, 0);
	--gradientColorThreeTransparent: rgba(255, 232, 94, 0);
}

.flavor--LemonLime.theme--Dark {
	--blendBackground: #00d924;
	--blendIntersection: #fff5ad;
	--blendForeground: #ffd848;
}

.flavor--LemonLime.accent--Green,
.flavor--LemonLime .accent--Green {
	--accentColor: #15be53;
	--complimentaryColor: #fab000;
}

.flavor--LemonLime.theme--Dark.accent--Green,
.flavor--LemonLime.theme--Dark .accent--Green {
	--accentColor: #14d433;
}

.flavor--LemonLime.accent--Yellow,
.flavor--LemonLime .accent--Yellow {
	--accentColor: #eea800;
	--complimentaryColor: #15be53;
}

.flavor--LemonLime.theme--Dark.accent--Yellow,
.flavor--LemonLime.theme--Dark .accent--Yellow,
.flavor--LemonLime .theme--Dark.accent--Yellow {
	--accentColor: #ffce48;
}

.flavor--Overcast {
	--blendIntersection: #00299c;
	--gradientColorZero: #0073e6;
	--gradientColorOne: #00a8ff;
	--gradientColorTwo: #021b9c;
	--gradientColorThree: #11efe3;
	--gradientColorZeroTransparent: rgba(0, 115, 230, 0);
	--gradientColorOneTransparent: rgba(0, 168, 255, 0);
	--gradientColorTwoTransparent: rgba(2, 27, 156, 0);
	--gradientColorThreeTransparent: rgba(47, 229, 229, 0);
	--shadeOneColor: #009deb;
	--shadeTwoColor: #0073e6;
	--shadeThreeColor: #003f7f;
	--shadeFourColor: #002c59;
}

.flavor--Overcast,
.flavor--Overcast.theme--Dark {
	--blendBackground: #11efe3;
	--blendForeground: #0073e6;
}

.flavor--Overcast.theme--Dark {
	--blendIntersection: #b3ffff;
}

.flavor--Overcast.accent--Blue,
.flavor--Overcast .accent--Blue {
	--accentColor: #0073e6;
}

.flavor--Overcast.accent--Cyan,
.flavor--Overcast .accent--Cyan,
.flavor--Overcast.theme--Dark.accent--Cyan,
.flavor--Overcast.theme--Dark .accent--Cyan {
	--accentColor: #02bcf5;
}

.flavor--Overcast.accent--Teal,
.flavor--Overcast .accent--Teal {
	--accentColor: #00c4c4;
}

.flavor--Overcast.theme--Dark.accent--Teal,
.flavor--Overcast.theme--Dark .accent--Teal {
	--accentColor: #0de4e4;
}

.flavor--Pomegranate {
	--blendBackground: #ff5996;
	--blendIntersection: #6e00f5;
	--blendForeground: #96f;
	--gradientColorZero: #a54ddd;
	--gradientColorOne: #ff80ff;
	--gradientColorTwo: #ffb422;
	--gradientColorThree: #fe94d4;
	--gradientColorZeroTransparent: rgba(255, 89, 150, 0);
	--gradientColorOneTransparent: rgba(255, 128, 255, 0);
	--gradientColorTwoTransparent: rgba(255, 180, 34, 0);
	--gradientColorThreeTransparent: rgba(254, 148, 212, 0);
}

.flavor--Pomegranate.theme--Dark {
	--blendBackground: #ff5996;
	--blendIntersection: #ffdcf2;
	--blendForeground: #96f;
	--accentColor: #ff5996;
}

.flavor--Pomegranate.accent--Raspberry,
.flavor--Pomegranate .accent--Raspberry {
	--accentColor: #ff5996;
}

.flavor--Pomegranate.accent--Purple,
.flavor--Pomegranate .accent--Purple {
	--accentColor: #96f;
}

.flavor--Slate {
	--blendBackground: #a4bdd2;
	--blendIntersection: #415465;
	--blendForeground: #657d92;
}

.flavor--Slate.theme--Dark {
	--blendBackground: #b4d2eb;
	--blendIntersection: #ecf6ff;
	--blendForeground: #7995ac;
}

.flavor--Slate.accent--Slate,
.flavor--Slate .accent--Slate {
	--accentColor: #657d92;
}

.flavor--Slate.theme--Dark.accent--Slate,
.flavor--Slate.theme--Dark .accent--Slate {
	--accentColor: #b4d2eb;
}

.flavor--Sunburst {
	--blendBackground: #ffd848;
	--blendIntersection: #ff7600;
	--blendForeground: #fb0;
}

.flavor--Sunburst.theme--Dark {
	--blendBackground: #f70;
	--blendIntersection: #ffea9e;
	--blendForeground: #fb0;
}

.flavor--Sunburst.accent--Yellow,
.flavor--Sunburst .accent--Yellow {
	--accentColor: #fab000;
}

.flavor--Sunburst.theme--Dark.accent--Yellow,
.flavor--Sunburst.theme--Dark .accent--Yellow {
	--accentColor: #ffce48;
}

.flavor--Sunburst.accent--Orange,
.flavor--Sunburst .accent--Orange {
	--accentColor: #ff7600;
}

.flavor--Sunburst.theme--Dark.accent--Orange,
.flavor--Sunburst.theme--Dark .accent--Orange {
	--accentColor: #ff7c0c;
}

.flavor--Sunset {
	--blendBackground: #fb0;
	--blendIntersection: #ad4ffb;
	--blendForeground: #ff80ff;
}

.flavor--Sunset.theme--Dark {
	--blendBackground: #ff80ff;
	--blendIntersection: #ffeeb2;
	--blendForeground: #fb0;
}

.flavor--Sunset.accent--Pink,
.flavor--Sunset .accent--Pink {
	--accentColor: #f363f3;
}

.flavor--Sunset.theme--Dark.accent--Pink,
.flavor--Sunset.theme--Dark .accent--Pink {
	--accentColor: #ff83ff;
}

.flavor--Sunset.accent--Yellow,
.flavor--Sunset .accent--Yellow {
	--accentColor: #fab000;
}

.flavor--Sunset.theme--Dark.accent--Yellow,
.flavor--Sunset.theme--Dark .accent--Yellow {
	--accentColor: #ffce48;
}

.flavor--Twilight {
	--blendIntersection: #0048e5;
	--gradientColorZero: #4436ff;
	--gradientColorOne: #56f;
	--gradientColorTwo: #d679ff;
	--gradientColorThree: #11efe3;
	--gradientColorZeroTransparent: rgba(68, 54, 255, 0);
	--gradientColorOneTransparent: rgba(85, 102, 255, 0);
	--gradientColorTwoTransparent: rgba(214, 121, 255, 0);
	--gradientColorThreeTransparent: rgba(4, 255, 255, 0);
	--shadeOneColor: #16cbe1;
	--shadeTwoColor: #20b5e3;
	--shadeThreeColor: #1086db;
	--shadeFourColor: #1959e6;
	--shadeFiveColor: #96f;
	--shadeSixColor: #002c59;
	--shadeSevenColor: #00c4c4;
}

.flavor--Twilight,
.flavor--Twilight.theme--Dark {
	--blendBackground: #11efe3;
	--blendForeground: #96f;
}

.flavor--Twilight.theme--Dark {
	--blendIntersection: #c2ffff;
}

.flavor--Twilight.accent--Purple,
.flavor--Twilight .accent--Purple {
	--accentColor: #96f;
}

.flavor--Twilight.accent--Teal,
.flavor--Twilight .accent--Teal {
	--accentColor: #00c4c4;
}

.flavor--Twilight.theme--Dark.accent--Teal,
.flavor--Twilight.theme--Dark .accent--Teal,
.flavor--Twilight .theme--Dark.accent--Teal {
	--accentColor: #0de4e4;
}

.flavor--Wintergreen {
	--blendBackground: #1df5e9;
	--blendIntersection: #00a600;
	--blendForeground: #00d924;
	--gradientColorZero: #20d261;
	--gradientColorOne: #1df5e9;
	--gradientColorTwo: #00ff91;
	--gradientColorThree: #1df5e9;
	--gradientColorZeroTransparent: rgba(68, 54, 255, 0);
	--gradientColorOneTransparent: rgba(85, 102, 255, 0);
	--gradientColorTwoTransparent: rgba(214, 121, 255, 0);
	--gradientColorThreeTransparent: rgba(4, 255, 255, 0);
	--shadeOneColor: #16cbe1;
	--shadeTwoColor: #20b5e3;
	--shadeThreeColor: #1086db;
	--shadeFourColor: #1959e6;
	--shadeFiveColor: #96f;
	--shadeSixColor: #002c59;
	--shadeSevenColor: #00c4c4;
}

.flavor--Wintergreen.theme--Dark {
	--blendBackground: #00d924;
	--blendIntersection: #cbffef;
	--blendForeground: #1df5e9;
}

.flavor--Wintergreen.accent--Green,
.flavor--Wintergreen .accent--Green {
	--accentColor: #15be53;
}

.flavor--Wintergreen.theme--Dark.accent--Green,
.flavor--Wintergreen.theme--Dark .accent--Green {
	--accentColor: #14d433;
}

.flavor--Wintergreen.accent--Teal,
.flavor--Wintergreen .accent--Teal {
	--accentColor: #00c4c4;
}

.flavor--Wintergreen.accent--Teal .theme--Dark,
.flavor--Wintergreen.theme--Dark.accent--Teal,
.flavor--Wintergreen.theme--Dark .accent--Teal {
	--accentColor: #0de4e4;
}

.Section {
	--sectionAngleSin: var(--angleNormalSin);
	--sectionAngle: 0;
	--sectionPaddingNormalMax: 128;
	--sectionPaddingSmallMax: 110;
	--sectionPaddingXSmallMax: 72;
	--sectionPaddingMin: 72;
	--sectionPaddingMax: var(--sectionPaddingNormalMax);
	--sectionPaddingTopMax: var(--sectionPaddingMax);
	--sectionPaddingBottomMax: var(--sectionPaddingMax);
	--sectionMarginBottom: 0;
	--sectionAngleHeight: calc(var(--windowWidth)*var(--sectionAngleSin));
	--sectionAnglePaddingBaseMin: 100;
	--sectionAnglePaddingBaseMax: var(--sectionPaddingMax);
	--sectionAnglePaddingTopBaseMax: var(--sectionAnglePaddingBaseMax);
	--sectionAnglePaddingBottomBaseMax: var(--sectionAnglePaddingBaseMax);
	--sectionAngleMaxHeight: none;
	--sectionOverflow: hidden;
	--sectionTransformOrigin: 100% 0;
	--sectionBackgroundOverflow: visible;
	position: relative;
	z-index: 1;
	margin-bottom: var(--sectionMarginBottom);
	color: var(--textColor);
	scroll-margin-top: calc(var(--fixedNavHeight) + var(--fixedNavSpacing) - var(--sectionPaddingTop));
}

.Section--hasStickyNav {
	--sectionOverflow: visible;
}

.Section--hasBorderTop .Section__background {
	border-top: 1px solid rgba(230, 235, 241, .52);
}

.Section--paddingSmall {
	--sectionPaddingMax: var(--sectionPaddingSmallMax);
}

.Section--paddingXSmall {
	--sectionPaddingMax: var(--sectionPaddingXSmallMax);
}

.Section {
	--sectionAnglePaddingTopBase: calc(var(--sectionAnglePaddingBaseMin)*1px + (var(--sectionAnglePaddingTopBaseMax) - var(--sectionAnglePaddingBaseMin))*(var(--windowWidth)/737 - 0.50882px));
	;
	--sectionAnglePaddingBottomBase: calc(var(--sectionAnglePaddingBaseMin)*1px + (var(--sectionAnglePaddingBottomBaseMax) - var(--sectionAnglePaddingBaseMin))*(var(--windowWidth)/737 - 0.50882px));
	;
	--sectionAnglePaddingTop: calc(var(--sectionAngleHeight) + var(--sectionAnglePaddingTopBase) - var(--sectionAngleSin)*var(--gutterWidth));
	--sectionAnglePaddingBottom: calc(var(--sectionAngleHeight) + var(--sectionAnglePaddingBottomBase) - var(--sectionAngleSin)*var(--gutterWidth));
	--sectionPaddingTop: calc(var(--sectionPaddingMin)*1px + (var(--sectionPaddingTopMax) - var(--sectionPaddingMin))*(var(--windowWidth)/737 - 0.50882px));
	;
	--sectionPaddingBottom: calc(var(--sectionPaddingMin)*1px + (var(--sectionPaddingBottomMax) - var(--sectionPaddingMin))*(var(--windowWidth)/737 - 0.50882px));
}

@media (max-width:375px) {
	.Section {
		--sectionAnglePaddingTopBase: calc(var(--sectionAnglePaddingBaseMin)*1px);
		--sectionAnglePaddingBottomBase: calc(var(--sectionAnglePaddingBaseMin)*1px);
		--sectionPaddingTop: calc(var(--sectionPaddingMin)*1px);
		--sectionPaddingBottom: calc(var(--sectionPaddingMin)*1px);
	}
}

@media (min-width:1112px) {
	.Section {
		--sectionAnglePaddingTopBase: calc(var(--sectionAnglePaddingTopBaseMax)*1px);
		--sectionAnglePaddingBottomBase: calc(var(--sectionAnglePaddingBottomBaseMax)*1px);
		--sectionPaddingTop: calc(var(--sectionPaddingTopMax)*1px);
		--sectionPaddingBottom: calc(var(--sectionPaddingBottomMax)*1px);
	}
}

.Section__background {
	position: relative;
	height: 100%;
	max-height: var(--sectionAngleMaxHeight);
	width: 100%;
	top: 0;
	left: 0;
	transform-origin: var(--sectionTransformOrigin);
	transform: skewY(var(--sectionAngle));
	background: var(--backgroundColor);
	overflow: hidden;
}

.Section__masked {
	overflow: var(--sectionOverflow);
}

.Section__container {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
}

.Section__layoutContainer {
	width: 100%;
	max-width: var(--layoutWidth);
	margin: 0 var(--columnPaddingNormal);
}

.Section__layout {
  padding: var(--sectionPaddingTop) 0 var(--sectionPaddingBottom);
}

.Section--angleTop {
	--sectionPaddingTop: var(--sectionAnglePaddingTop);
	--sectionAngle: var(--angleNormal);
}

.Section--angleBottom {
	--sectionTransformOrigin: 0 0;
}

.Section--angleBoth,
.Section--angleBottom {
	--sectionPaddingBottom: var(--sectionAnglePaddingBottom);
	--sectionMarginBottom: calc(var(--sectionAngleHeight)*-1);
}

.Section--angleBoth {
	--sectionPaddingTop: var(--sectionAnglePaddingTop);
	--sectionAngle: var(--angleNormal);
}

.Section--bleed3 {
	--sectionPaddingBottom: 0;
}

.Section__backgroundMask {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: var(--sectionBackgroundOverflow);
}

.Section--paddingBottomNone {
	--sectionPaddingBottom: 0;
}
html {
	--gutterWidth: 16px;
	--scrollbarWidth: 0px;
	--windowWidth: calc(100vw - var(--scrollbarWidth));
	--layoutWidth: calc(var(--windowWidth) - var(--gutterWidth)*2);
	--layoutWidthMax: 1080px;
	--viewportWidthSmall: 375;
	--viewportWidthMedium: 600;
	--viewportWidthLarge: 1112;
	--viewportScale: calc(var(--windowWidth)/var(--viewportWidthLarge));
	--paddingTop: 160px;
	--paddingBottom: 160px;
	--columnPaddingNone: 0;
	--columnPaddingNormal: 16px;
	--columnPaddingMedium: 16px;
	--columnPaddingLarge: 16px;
	--columnPaddingXLarge: 16px;
	--rowGapNormal: 8px;
	--rowGapMedium: 24px;
	--rowGapLarge: 32px;
	--rowGapXLarge: 64px;
	--rowGapXXLarge: 88px;
	--rowGap: var(--rowGapNormal);
	--columnCountMax: 1;
	--columnWidth: calc(var(--layoutWidth)/var(--columnCountMax));
	--columnMaxWidth: calc(var(--layoutWidthMax)*0.25);
	--copyMaxWidth: calc(var(--columnMaxWidth)*3);
}

@media (min-width:600px) {
	html {
		--columnPaddingMedium: 32px;
		--columnPaddingLarge: 64px;
		--columnPaddingXLarge: 64px;
		--columnCountMax: 2;
	}
}

@media (min-width:900px) {
	html {
		--columnPaddingXLarge: 112px;
		--columnCountMax: 4;
	}
}

@media (min-width:1112px) {
	html {
		--layoutWidth: var(--layoutWidthMax);
		--gutterWidth: calc(var(--windowWidth)/2 - var(--layoutWidth)/2);
	}
}

.HomepageLogoGrid .Section__layout {
	--sectionPaddingTop: 0;
}

.SiteHeader {
	--siteMenuTransition: 250ms;
	--siteMenuArrowSpacing: 13px;
	--siteMenuArrowOffset: 0;
	--userLogoColor: var(--navColor);
	position: relative;
	z-index: 100;
	background-color: var(--backgroundColor);
}

@media (max-width:899px) {
	.SiteHeader {
		--desktopNavDisplay: none;
	}
}

@media (min-width:900px) {
	.SiteHeader {
		--mobileNavDisplay: none;
	}
}

@media (prefers-reduced-motion:reduce) {
	.SiteHeader {
		--siteMenuTransition: 1ms;
	}
}

.SiteHeader--noTransitions {
	--siteMenuTransition: 0ms;
}

.SiteHeader.variant--Overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: none;
}

.SiteHeader--hasGuides:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	margin: 0;
	border: none;
	background: linear-gradient(90deg, var(--guideDashedColor), var(--guideDashedColor) 50%, transparent 0, transparent);
	background-size: 8px 1px;
	content: "";
}

.SiteHeader--excludesNav {
	pointer-events: none;
}

.SiteHeader--excludesNav .SiteHeader__logo {
	pointer-events: auto;
}

.SiteHeader.theme--Transparent:after {
	display: none;
}

.SiteHeader__guidesContainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.SiteHeader.theme--Transparent .SiteHeader__guidesContainer {
	display: none;
}

.SiteHeader__container {
	position: relative;
	max-width: calc(var(--columnPaddingNormal)*2 + var(--layoutWidth));
	margin: 0 auto;
	padding: 0 var(--columnPaddingNormal);
}

.SiteHeader__navContainer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 56px;
	padding: 32px var(--columnPaddingNormal) 12px;
}

@media (min-width:900px) {
	.SiteHeader__navContainer {
		padding: 12px var(--columnPaddingNormal);
	}
}

@media (pointer:fine) {
	.SiteHeader__logo {
		transition: var(--hoverTransition);
		transition-property: color, opacity
	}
	.SiteHeader__logo:hover {
		color: var(--navHoverColor);
		opacity: var(--navHoverOpacity);
	}
}

.SiteHeader__logoLink {
	display: block;
	outline: none;
	padding: 4px;
	margin: -4px;
}

.keyboard-navigation .SiteHeader__logoLink:focus {
	box-shadow: var(--focusBoxShadow);
	border-radius: 2px;
}

.SiteHeader__ctaNav {
	display: var(--desktopNavDisplay, initial);
}

.SiteHeader__menuNav {
	display: var(--mobileNavDisplay, initial);
}

.SiteHeader__mobileMenu {
	transform: scale(.95);
	transform-origin: 100% 0;
	opacity: 0;
	pointer-events: none;
	transition: var(--siteMenuTransition);
	transition-property: transform, opacity;
}

.SiteHeader--mobileMenuVisible .SiteHeader__mobileMenu {
	transform: scale(1);
	opacity: 1;
	pointer-events: auto;
}

#gradient-canvas {
	width: 100%;
	height: 100%;
	--gradient-color-1: #05445E;
	--gradient-color-2: #75E6DA;
	--gradient-color-3: #D4F1F4;
	--gradient-color-4: #189AB4;
}

@media (min-width:900px) {
	.SiteHeader__mobileMenu {
		display: none;
	}
}

.SiteHeader__menuContainer {
	display: var(--desktopNavDisplay, block);
	position: absolute;
	top: calc(100% - 1px - var(--siteMenuArrowSpacing));
	left: 0;
	width: 100%;
	height: 1000px;
	z-index: 1;
	pointer-events: none;
	perspective: 2000px;
	overflow: hidden;
	opacity: 0;
	transition-property: opacity;
	transition: var(--siteMenuTransition);
}

.SiteHeader--dropdownVisible .SiteHeader__menuContainer {
	opacity: 1;
}

.SiteHeader__menu {
	position: absolute;
	top: 0;
	left: 50%;
}

.Guides {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	padding: 0 var(--columnPaddingNormal);
	pointer-events: none;
}

@media (max-width:1111px) {
	.Guides {
		max-width: var(--windowWidth);
	}
}

.Guides__container {
	display: grid;
	grid: 1fr/repeat(var(--columnCountMax), 1fr);
	position: relative;
	max-width: var(--layoutWidth);
	height: 100%;
	margin: 0 auto;
}

.Guides__guide {
	width: 1px;
	background: linear-gradient(180deg, var(--guideDashedColor), var(--guideDashedColor) 50%, transparent 0, transparent);
	background-size: 1px 8px;
}

.Guides__guide:first-of-type,
.Guides__guide:last-of-type {
	background: var(--guideSolidColor);
}

.Guides__guide:last-of-type {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

@media (max-width:599px) {
	.Guides__guide:nth-of-type(3n) {
		display: none;
	}
}

@media (max-width:899px) {
	.Guides__guide:nth-of-type(2n) {
		display: none;
	}
}

.UserLogo {
	--userLogoMaxWidth: 160px;
	display: block;
}

@media (max-width:899px) {
	.UserLogo {
		max-width: var(--userLogoMaxWidth);
	}
}

.theme--White .UserLogo.variant--Flat {
	--userLogoColor: #b2bcc7;
}

.theme--Light .UserLogo.variant--Flat {
	--userLogoColor: #aab4c1;
}

.theme--Dark .UserLogo.variant--Flat {
	--userLogoColor: #fff;
}

.UserLogo.variant--Flat {
	--userLogoColorAlt: var(--backgroundColor);
}

.SiteHeaderNavItem+.SiteHeaderNavItem {
	margin-left: -1px;
}

.SiteHeaderNavItem__link,
.SiteHeaderNavItem__link.Link {
	--linkColor: var(--navColor);
	--linkHoverColor: var(--navHoverColor);
	--linkHoverOpacity: var(--navHoverOpacity);
	padding: 10px 20px;
	font: var(--fontWeightBold) 15px/1.6 var(--fontFamily);
	letter-spacing: .2px;
	color: var(--navColor);
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: none;
	outline: none;
}

.SiteHeaderNavItem__link.Link[aria-haspopup=true],
.SiteHeaderNavItem__link[aria-haspopup=true] {
	cursor: default;
	transition: var(--hoverTransition);
	transition-property: color, opacity;
}

.SiteHeaderNavItem__link.Link[aria-expanded=true],
.SiteHeaderNavItem__link[aria-expanded=true] {
	color: var(--linkHoverColor);
	opacity: var(--linkHoverOpacity);
}

.keyboard-navigation .SiteHeaderNavItem__link.Link:focus,
.keyboard-navigation .SiteHeaderNavItem__link:focus {
	box-shadow: var(--focusBoxShadow);
	border-radius: 4px;
}

.Link {
	font-weight: var(--linkWeight, var(--fontWeightSemibold));
	cursor: pointer;
	color: var(--linkColor);
	opacity: var(--linkOpacity, 1);
	transition: var(--hoverTransition);
	transition-property: color, opacity;
	outline: none;
}

@media (pointer:fine) {
	.Link:hover {
		color: var(--linkHoverColor, var(--linkColor));
		opacity: var(--linkHoverOpacity, 1);
	}
}

@media (pointer:coarse) {
	.Link:active {
		color: var(--linkHoverColor, var(--linkColor));
		opacity: var(--linkHoverOpacity, 1);
	}
}

.keyboard-navigation .Link:focus {
	box-shadow: var(--focusBoxShadow);
	border-radius: 2px;
}

.Link__icon {
	position: relative;
	top: 2px;
	margin: 0 8px 0 0;
}

.SiteHeaderNav__list {
	display: var(--desktopNavDisplay, flex);
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.CtaButton {
	display: inline-block;
	padding: 3px 0 6px;
	border-radius: 16.5px;
	font: var(--ctaFont);
	color: var(--buttonColor);
	transition: var(--hoverTransition);
	outline: none;
}

.keyboard-navigation .CtaButton:focus {
	box-shadow: var(--focusBoxShadow);
}

.CtaButton.variant--Link {
	font-weight: var(--linkWeight, var(--fontWeightSemibold));
	transition-property: color, opacity;
}

@media (pointer:fine) {
	.CtaButton.variant--Link:hover {
		color: var(--linkHoverColor, var(--linkColor));
		opacity: var(--linkHoverOpacity, 1);
	}
}

@media (pointer:coarse) {
	.CtaButton.variant--Link:active {
		color: var(--linkHoverColor, var(--linkColor));
		opacity: var(--linkHoverOpacity, 1);
	}
}

.CtaButton.variant--Button {
	padding-left: 16px;
	padding-right: 16px;
	/* background-color: var(--buttonColor);
	 */
	 background-color: #0e7b99;
	color: var(--knockoutColor);
	white-space: nowrap;
	transition-property: background-color, opacity;
	cursor: pointer;
}

.CtaButton.variant--Button.CtaButton--arrow {
	padding-right: 12px;
}

@media (pointer:fine) {
	/* .CtaButton.variant--Button:hover {
		background-color: var(--buttonHoverColor, var(--buttonColor));
		opacity: var(--buttonHoverOpacity, 1);
	} */
}

@media (pointer:coarse) {
	.CtaButton.variant--Button:active {
		background-color: var(--buttonHoverColor, var(--buttonColor));
		opacity: var(--buttonHoverOpacity, 1);
	}
}

.HoverArrow {
	--arrowSpacing: 5px;
	--arrowHoverTransition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
	--arrowHoverOffset: translateX(3px);
	--arrowTipTransform: none;
	--arrowLineOpacity: 0;
	position: relative;
	top: 1px;
	margin-left: var(--arrowSpacing);
	stroke-width: 2px;
	fill: none;
	stroke: currentColor;
}

.HoverArrow--sizeSmall {
	--arrowSpacing: 4px;
	stroke-width: 1.5px;
}

.HoverArrow__linePath {
	opacity: var(--arrowLineOpacity);
	transition: opacity var(--hoverTransition, var(--arrowHoverTransition));
}

.HoverArrow__tipPath {
	transform: var(--arrowTipTransform);
	transition: transform var(--hoverTransition, var(--arrowHoverTransition));
}

@media (pointer:fine) {
	a:hover .HoverArrow__linePath,
	button:hover .HoverArrow__linePath {
		--arrowLineOpacity: 1;
	}
	a:hover .HoverArrow__tipPath,
	button:hover .HoverArrow__tipPath {
		--arrowTipTransform: var(--arrowHoverOffset);
	}
}

@media (pointer:coarse) {
	a:active .HoverArrow__linePath,
	button:active .HoverArrow__linePath {
		--arrowLineOpacity: 1;
	}
	a:active .HoverArrow__tipPath,
	button:active .HoverArrow__tipPath {
		--arrowTipTransform: var(--arrowHoverOffset);
	}
}

.MenuButton {
	--buttonHeight: 32px;
	display: inline-flex;
	align-items: center;
	height: var(--buttonHeight);
	padding: 0 calc(var(--buttonHeight)/2);
	border-radius: calc(var(--buttonHeight)/2);
	background-color: var(--buttonColor);
	color: var(--knockoutColor);
	transition: var(--hoverTransition);
	transition-property: background-color, opacity;
}

@media (pointer:fine) {
	.MenuButton:hover {
		background-color: var(--buttonHoverColor, var(--buttonColor));
		opacity: var(--buttonHoverOpacity, 1);
	}
}

@media (pointer:coarse) {
	.MenuButton:active {
		background-color: var(--buttonHoverColor, var(--buttonColor));
		opacity: var(--buttonHoverOpacity, 1);
	}
}

.SiteMobileMenu {
	--siteMenuMargin: var(--columnPaddingNormal);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: var(--siteMenuMargin);
	z-index: 1;
}

.SiteMobileMenu__card {
	position: relative;
}

.SiteMobileMenu__closeButton {
	position: absolute;
	top: 8px;
	right: 8px;
	border: none;
	outline: none;
	background: none;
}

.SiteMobileMenu__footer {
	display: flex;
	justify-content: center;
}

.SiteNavItem {
	margin-left: calc(var(--siteNavIconSize) + var(--siteNavIconSpacing));
	font: var(--fontWeightNormal) 14px/1.428571429 var(--fontFamily);
	letter-spacing: .2px;
}

.SiteNavItem--hasIcon {
	margin-left: 0;
}

.SiteNavItem__link {
	display: inline-flex;
	color: #0a2540;
	outline: none;
}

.keyboard-navigation .SiteNavItem__link:focus {
	box-shadow: var(--focusBoxShadow);
	border-radius: 2px;
}

.SiteNavList--iconSizeLarge .SiteNavItem__link {
	align-items: center;
}

@media (max-width:899px) {
	.SiteNavItem__link {
		padding: 6px;
	}
}

.SiteNavItem__iconContainer {
	--iconLightColor: #88add2;
	--iconDarkColor: #0a2540;
	--iconKnockoutColor: #fff;
	flex: 0 0 auto;
	width: var(--siteNavIconSize);
	height: var(--siteNavIconSize);
	margin-right: var(--siteNavIconSpacing);
}

.SiteNavItem__iconContainer svg {
	width: inherit;
	height: inherit;
}

.SiteNavItem__iconContainer circle,
.SiteNavItem__iconContainer path,
.SiteNavItem__iconContainer rect {
	transition: var(--hoverTransition);
	transition-property: fill, stroke;
}

.SiteNavList--iconSizeNormal .SiteNavItem__iconContainer {
	margin-top: 3px;
}

.SiteNavItem__link:hover .SiteNavItem__iconContainer {
	--iconLightColor: initial;
	--iconDarkColor: initial;
	--iconKnockoutColor: initial;
}

.SiteNavItem__label {
	color: inherit;
}

.SiteNavItem--hasIcon .SiteNavItem__label {
	font-weight: var(--fontWeightSemibold);
}

.SiteNavItem--hasNoIcon.SiteNavItem--hasNoBody .SiteNavItem__label {
	transition: var(--hoverTransition);
	transition-property: opacity;
	opacity: .8;
}

.SiteNavItem--hasNoIcon.SiteNavItem--hasNoBody .SiteNavItem__link:hover .SiteNavItem__label {
	opacity: 1
}

.SiteNavItem__arrow.HoverArrow {
	transition: var(--hoverTransition);
	transition-property: opacity;
}

.SiteNavItem--isArrowHidden .SiteNavItem__arrow.HoverArrow {
	opacity: 0;
}

@media (max-width:899px) {
	.SiteNavItem--isArrowHidden .SiteNavItem__arrow.HoverArrow {
		display: none;
	}
}

.SiteNavItem__link:hover .SiteNavItem__arrow.HoverArrow {
	opacity: 1;
}

@media (min-width:900px) {
	.SiteNavItem--hasNoBody.SiteNavItem--isArrowHidden .SiteNavItem__arrow.HoverArrow {
		display: none;
	}
}

.SiteNavItem__body {
	color: inherit;
	opacity: .6;
	transition: var(--hoverTransition);
	transition-property: opacity;
	white-space: nowrap;
}

.SiteNavItem__link:hover .SiteNavItem__body {
	opacity: 1;
}

@media (max-width:899px) {
	.SiteNavItem__body {
		display: none;
	}
}

.SiteNavList {
	--siteNavIconSpacing: 10px;
	--siteNavListMinWidth: 254px;
}

.SiteNavList--iconSizeNormal {
	--siteNavIconSize: 16px;
	--siteNavListSpacing: 8px;
}

.SiteNavList--iconSizeNormal .SiteNavItem--hasIcon+.SiteNavItem {
	--siteNavListSpacing: 12px;
}

.SiteNavList--iconSizeNormal .SiteNavItem--hasBody+.SiteNavItem {
	--siteNavListSpacing: 22px;
}

.SiteNavList--iconSizeLarge {
	--siteNavIconSize: 32px;
	--siteNavIconSpacing: 14px;
	--siteNavListSpacing: 32px;
}

.SiteNavList__title {
	margin-bottom: var(--siteNavListSpacing);
	font: var(--fontWeightBold) 13px/1.538461538 var(--fontFamily);
	letter-spacing: .4px;
	text-transform: uppercase;
	color: #8898aa;
}

@media (max-width:899px) {
	.SiteNavList__title {
		margin-bottom: calc(10px + var(--siteNavListSpacing));
	}
}

@media (min-width:900px) {
	.SiteNavList--iconSizeNormal .SiteNavList__title {
		margin-left: calc(var(--siteNavIconSize) + var(--siteNavIconSpacing));
	}
}

.SiteNavList__list {
	min-width: var(--siteNavListMinWidth);
	margin: 0;
	padding: 0;
	list-style: none;
}

.SiteNavList__list .SiteNavItem+.SiteNavItem {
	margin-top: var(--siteNavListSpacing);
}

.SiteNavList[data-column-count="2"] .SiteNavList__list {
	--columnCount: 2;
	display: grid;
	grid: auto/repeat(var(--columnCount), 1fr);
}

.SiteNavList[data-column-count="2"] .SiteNavList__list .SiteNavItem+.SiteNavItem {
	margin-top: 0;
}

@media (max-width:899px) {
	.SiteNavList[data-column-count="2"] .SiteNavList__list {
		margin: calc(var(--siteNavListSpacing)/-2);
	}
}

@media (min-width:600px) {
	.SiteNavList[data-column-count="2"] .SiteNavList__list {
		--columnCount: 3;
	}
}

@media (min-width:750px) {
	.SiteNavList[data-column-count="2"] .SiteNavList__list {
		--columnCount: 4;
	}
}

@media (min-width:900px) {
	.SiteNavList[data-column-count="2"] .SiteNavList__list {
		gap: var(--siteNavListSpacing) var(--siteNavListSpacing);
	}
}

.SiteMenuSection {
	--siteMenuSpacing: 24px;
	position: relative;
}

@media (min-width:900px) {
	.SiteMenuSection {
		display: inline-block;
		--siteMenuSpacing: 32px;
	}
}

@media (max-width:899px) {
	.SiteMenuSection+.SiteMenuSection:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: linear-gradient(90deg, var(--guideDashedColor), var(--guideDashedColor) 50%, transparent 0, transparent);
		background-size: 8px 1px;
		content: "";
	}
}

.SiteMenuSection__body {
	padding: var(--siteMenuSpacing);
}

.SiteMenuSection__footer {
	--siteMenuFooterMargin: 4px;
	margin: var(--siteMenuFooterMargin);
	padding: calc(var(--siteMenuSpacing) - var(--siteMenuFooterMargin));
	border-radius: 4px;
	background-color: #f6f9fc;
}

.Card {
	--cardShadow: none;
	--cardShadowMargin: 0;
	position: relative;
	min-width: 100px;
	min-height: 72px;
	border-radius: var(--cardBorderRadius);
	background: var(--cardBackground);
	box-shadow: var(--cardShadow);
	overflow: hidden;
}

.Card--border {
	border: 1px solid var(--cardBorderColor);
}

@media (max-width:599px) {
	.Card--hasShadowMargin {
		margin-bottom: var(--cardShadowMargin);
	}
}

.Card--shadowXSmall {
	--cardShadow: var(--cardShadowXSmall);
	--cardShadowMargin: var(--cardShadowXSmallMargin);
}

.Card--shadowSmall {
	--cardShadow: var(--cardShadowSmall);
	--cardShadowMargin: var(--cardShadowSmallMargin);
}

.Card--shadowMedium {
	--cardShadow: var(--cardShadowMedium);
	--cardShadowMargin: var(--cardShadowMediumMargin);
}

.Card--shadowLarge {
	--cardShadow: var(--cardShadowLarge);
	--cardShadowMargin: var(--cardShadowLargeMargin);
}

.Card--shadowXLarge {
	--cardShadow: var(--cardShadowXLarge);
	--cardShadowMargin: var(--cardShadowXLargeMargin);
}

.SiteHeaderArrow {
	position: absolute;
	top: 8px;
	left: 50%;
	margin: 0 0 0 -6px;
	width: 12px;
	height: 12px;
	transform: translateY(12px) translateX(var(--siteMenuArrowOffset)) translateX(50%) rotate(45deg);
	border-radius: 3px 0 0 0;
	background-color: var(--cardBackground);
	box-shadow: -3px -3px 5px rgba(82, 95, 127, .04);
	transition-property: transform;
	transition-duration: var(--siteMenuTransition);
	z-index: 2;
}

.SiteHeader--dropdownVisible .SiteHeaderArrow {
	transform: translateY(0) translateX(var(--siteMenuArrowOffset)) translateX(50%) rotate(45deg);
}

@media (max-width:899px) {
	.SiteHeaderArrow {
		display: none;
	}
}

.SiteMenu {
	--siteMenuOffset: 0;
	--siteMenuRotateX: 0;
	display: inline-block;
	padding-top: var(--siteMenuArrowSpacing);
	height: calc(var(--siteMenuHeight) + var(--siteMenuArrowSpacing));
	transform: translateX(-50%) rotateX(var(--siteMenuRotateX));
	transform-origin: 50% -50px;
	transition: var(--siteMenuTransition);
	transition-property: transform, width, height;
	will-change: transform, width, height;
}

.SiteMenu[hidden] {
	--siteMenuRotateX: -15deg;
}

.SiteMenu__card.Card {
	position: relative;
	height: 100%;
}

.SiteMenu__section {
	--siteMenuSectionOffset: 0;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%) translateX(var(--siteMenuSectionOffset));
	transition: var(--siteMenuTransition);
	transition-property: transform, opacity;
	will-change: transform, opacity;
}

.SiteMenu__section[hidden] {
	opacity: 0;
	pointer-events: none;
}

.SiteMenu__section[hidden].SiteMenu__section--left {
	--siteMenuSectionOffset: -150px;
}

.SiteMenu__section[hidden].SiteMenu__section--right {
	--siteMenuSectionOffset: 150px;
}

.SiteProductNav__layout {
	--columnCount: 2;
	display: inline-grid;
	grid: auto/repeat(var(--columnCount), 1fr);
	gap: calc(var(--siteMenuSpacing)*1.5) var(--siteMenuSpacing);
}

@media (min-width:1200px) {
	.SiteProductNav__layout {
		--columnCount: 4;
	}
}

.SiteCompanyNav__bodyLayout {
	display: inline-grid;
	grid: auto/repeat(2, 1fr);
	-moz-column-gap: var(--siteMenuSpacing);
	column-gap: var(--siteMenuSpacing);
}

.SiteDevelopersNav__bodyLayout {
	display: inline-grid;
	grid: auto/repeat(2, 1fr);
	gap: var(--siteMenuSpacing) var(--siteMenuSpacing);
}

.SiteDevelopersNav__header {
	grid-area: auto/span 2;
}

.SiteDevelopersNav__footerLayout {
	display: inline-grid;
	grid: auto/repeat(2, 1fr);
	-moz-column-gap: var(--siteMenuSpacing);
	column-gap: var(--siteMenuSpacing);
}

.SiteCompanyNav__bodyLayout {
	display: inline-grid;
	grid: auto/repeat(2, 1fr);
	-moz-column-gap: var(--siteMenuSpacing);
	column-gap: var(--siteMenuSpacing);
}

.SiteCompanyNav__bodyLayout .SiteNavList {
	--siteNavListMinWidth: 190px;
}

.HomepageHero.Section {
	--sectionPaddingTopMax: 116;
}

@media (max-width:899px) {
	.HomepageHero.Section {
		--sectionPaddingBottomMax: calc(var(--sectionPaddingNormalMax) + 40);
	}
}

@media (max-width:599px) {
	.HomepageHero__graphic {
		display: none;
	}
}

.HomepageHero__cta {
	will-change: opacity;
}

.Copy {
	--paddingLeft: var(--columnPaddingNormal);
	--paddingRight: var(--columnPaddingMedium);
	--headerPaddingLeft: var(--paddingLeft);
	--headerPaddingRight: var(--paddingRight);
	--headerMaxWidth: var(--copyMaxWidth);
	--bodyPaddingLeft: var(--paddingLeft);
	--bodyPaddingRight: var(--paddingRight);
	--bodyMaxWidth: var(--copyMaxWidth);
	--footerPaddingLeft: var(--paddingLeft);
	--footerPaddingRight: var(--paddingLeft);
	--footerRowGap: var(--rowGapMedium);
	--ctaSpacing: 16px;
	--footerGap: "";
	scroll-margin-top: var(--fixedNavScrollMargin);
}

.Copy--accented {
	--titleColor: var(--accentColor);
}

.Copy.variant--Hero {
	--titleFontSize: 48px;
	--titleLineHeight: 56px;
	--titleLetterSpacing: -0.02em;
}

.Copy.variant--Hero,
.Copy.variant--Superhero {
	--rowGap: 16px;
	--titleWeight: var(--fontWeightBold);
}

.Copy.variant--Section {
	--titleFontSize: 34px;
	--titleLineHeight: 1.294117647;
	--titleLetterSpacing: -0.1px;
}

.Copy.variant--Section,
.Copy.variant--Subsection {
	--paddingRight: var(--columnPaddingXLarge);
	--rowGap: var(--rowGapMedium);
	--titleWeight: var(--fontWeightBold);
	--paragraphGap: 20px;
  margin-bottom: 50px;
}

.Copy.variant--Subsection {
	--titleFontSize: 24px;
	--titleLineHeight: 1.333333333;
	--titleLetterSpacing: 0.1px;
}

.Copy.variant--Footer {
	--paddingRight: var(--columnPaddingXLarge);
	--rowGap: var(--rowGapMedium);
	--paragraphGap: 20px;
}

.Copy.variant--Footer,
.Copy.variant--Stat {
	--titleFontSize: 24px;
	--titleLineHeight: 1.333333333;
	--titleWeight: var(--fontWeightBold);
	--titleLetterSpacing: 0.1px;
}

.Copy.variant--Detail,
.Copy.variant--Stat {
	--rowGap: var(--rowGapNormal);
	/* --titleBorderColor: var(--accentColor); */
	--titleBorderColor: #0e77b9;
	--bodyFontSize: 15px;
	--bodyLineHeight: 1.6;
}

.Copy.variant--Detail {
	--titleFontSize: 15px;
	--titleLineHeight: 1.6;
	--titleWeight: var(--fontWeightSemibold);
	--titleLetterSpacing: 0.2px;
	--paragraphGap: 8px;
}

@media (min-width:600px) {
	.Copy.variant--Subsection {
		--titleFontSize: 26px;
		--titleLineHeight: 1.384615385;
		--titleLetterSpacing: 0;
	}
}

@media (min-width:1112px) {
	.Copy.variant--Hero {
		--titleFontSize: 56px;
		--titleLineHeight: 68px;
	}
	.Copy.variant--Section {
		--titleFontSize: 38px;
		--titleLineHeight: 1.263157895;
		--titleLetterSpacing: -0.2px;
	}
}
.HomepageHeroHeader__title {
	min-width: calc(100% + 100px);
	min-height: 30vh;
}
.Copy {
	--titleFont: var(--titleWeight) var(--titleFontSize)/var(--titleLineHeight) var(--fontFamily);
	--captionFont: var(--fontWeightBold) var(--captionFontSize, 18px)/var(--captionLineHeight, 1.555555556) var(--fontFamily);
	--bodyFont: var(--fontWeightNormal) var(--bodyFontSize, 18px)/var(--bodyLineHeight, 1.555555556) var(--fontFamily);
	letter-spacing: .2px;
}

.Copy,
.Copy__header {
	display: grid;
	row-gap: var(--rowGap);
}

.Copy__header {
  position: relative;
  padding: 0 var(--headerPaddingRight) 0 var(--headerPaddingLeft);
  max-width: var(--headerMaxWidth);
}

.Copy__icon {
	min-height: 40px;
	display: flex;
	align-items: flex-end;
	margin-bottom: var(--rowGap);
}

.Copy__caption {
	font: var(--captionFont);
	color: var(--accentColor);
}

html[lang^=ja] .Copy__caption {
	font-weight: 600;
	font-variation-settings: "wght" 500;
}

.Copy__title {
  position: relative;
  font: var(--titleFont) !important;
  color: var(--titleColor);
  letter-spacing: var(--titleLetterSpacing, inherit);
}

html[lang^=ja] .Copy__title {
	font-weight: 600;
	font-variation-settings: "wght" 500;
}

.Copy__title:before {
	display: var(--titleAnchorDisplay, block);
	position: absolute;
	top: calc(.5px + var(--titleLineHeight)*var(--titleFontSize)/2 - var(--titleFontSize)/2);
	left: calc(var(--headerPaddingLeft)*-1);
	width: 1px;
	height: var(--titleFontSize);
	background-color: var(--titleBorderColor, transparent);
	content: "";
}

.Copy__title .Badge {
	position: relative;
	top: -3px;
	margin-left: 2px;
}

.Copy__body.variant--Detail {
	--bodyFont: var(--fontWeightNormal) 15px/1.6 var(--fontFamily);
}

.Copy__body {
	padding: 0 var(--bodyPaddingRight) 0 var(--bodyPaddingLeft);
	font: var(--bodyFont);
	color: var(--textColor);
	max-width: var(--bodyMaxWidth);
}

.Copy__body p+p {
	margin-top: var(--paragraphGap);
}

.Copy__footer {
	display: grid;
	row-gap: var(--footerRowGap);
	margin-top: calc(var(--footerGap, var(--rowGap)) - var(--rowGap));
	padding: 0 var(--footerPaddingRight) 0 var(--footerPaddingLeft);
}

.Copy__footer>.CtaButton,
.Copy__footer>.CtaLink {
	justify-self: flex-start;
}

.Copy__footer>.List[data-column-count="2"] {
	max-width: calc(var(--columnWidth)*2);
}

.Copy__footer>.CopyBody--anchored {
	margin-left: calc(var(--columnPaddingNormal)*-1);
}

.Copy__ctaContainer {
	display: flex;
	align-items: center;
}

@media (max-width:899px) {
	.Copy__ctaContainer {
		flex-wrap: wrap;
	}
}

.Copy__ctaContainer>.CtaButton:first-of-type,
.Copy__ctaContainer>.CtaButton:last-of-type {
	margin-bottom: 16px;
}

.Copy__ctaContainer>.CtaButton:first-of-type:last-of-type {
	margin-bottom: 0;
}

.Copy__ctaContainer>.CtaButton:not(:first-of-type) {
	margin-left: var(--ctaSpacing);
}

.HomepageHeroHeader {
	--titleFontMin: 50;
	--titleFontMax: 78;
	--viewportMin: var(--viewportWidthSmall);
	--viewportMax: var(--viewportWidthMedium);
	--titleFontSize: calc(var(--titleFontMin)*1px + (var(--titleFontMax) - var(--titleFontMin))*(var(--windowWidth) - var(--viewportMin)*1px)/(var(--viewportMax) - var(--viewportMin)));
	;
	--titleLineHeight: 1.04;
	--titleLetterSpacing: -0.04em;
	--titleWeight: var(--fontWeightBold);
	--titleFont: var(--titleWeight) var(--titleFontSize)/var(--titleLineHeight) var(--fontFamily);
	--headerMarginTop: 100px;
	--headerPadding: 0 var(--headerPaddingRight) 0 var(--headerPaddingLeft);
	--captionHeight: 25px;
	--captionTitleGap: 48px;
	--captionMarginTop: calc(var(--headerMarginTop) - var(--captionHeight) - var(--captionTitleGap));
	position: relative;
	min-width: 0;
	padding: var(--headerPadding);
}

.MktRoot[lang*=fr] .HomepageHeroHeader {
	--titleFontMin: 40;
	--titleFontMax: 68;
}

.MktRoot[lang*=ja] .HomepageHeroHeader {
	--titleFontMin: 34;
	--titleFontMax: 62;
}

@media (min-width:600px) {
	.HomepageHeroHeader {
		--headerPaddingRight: var(--columnPaddingNone);
		--titleFontMin: 60;
		--titleFontMax: 94;
		--viewportMin: var(--viewportWidthMedium);
		--viewportMax: var(--viewportWidthLarge);
	}
	.MktRoot[lang*=fr] .HomepageHeroHeader {
		--titleFontMin: 36;
		--titleFontMax: 72;
	}
	.MktRoot[lang*=ja] .HomepageHeroHeader {
		--titleFontMin: 40;
		--titleFontMax: 66;
	}
}

@media (min-width:1112px) {

	.MktRoot[lang*=fr] .HomepageHeroHeader {
		--titleFontSize: 72px;
	}
	.MktRoot[lang*=ja] .HomepageHeroHeader {
		--titleFontSize: 66px;
	}
}

.HomepageHeroHeader__caption {
	margin-top: var(--captionMarginTop)
}

@media (min-width:600px) {
	.HomepageHeroHeader__caption {
		min-width: calc(100% + 100px);
	}
}

.HomepageHeroHeader__title {
	margin-top: var(--headerMarginTop);
	position: relative;
	display: flex;
	align-items: center;
	font: var(--titleFont);
	color: #bdc6d2;
	letter-spacing: var(--titleLetterSpacing, inherit);
}

.HomepageHeroHeader--hasCaption .HomepageHeroHeader__title {
	margin-top: var(--captionTitleGap);
}



html[lang^=ja] .HomepageHeroHeader__title {
	font-weight: 600;
	font-variation-settings: "wght" 500;
}

.HomepageHeroHeader__title--overlay {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: var(--headerPadding);
	z-index: 2;
	color: #3a3a3a;
	opacity: .3;
}

.HomepageHeroHeader__title--burn {
	mix-blend-mode: color-burn;
	opacity: 1;
}

.HomepageHeroGradient {
	--gradientColorZero: #05445E;
	--gradientColorOne: #75E6DA;
	--gradientColorTwo: #D4F1F4;
	--gradientColorThree: #189AB4;
	--gradientColorZeroTransparent: rgba(169, 96, 238, 0);
	--gradientColorOneTransparent: rgba(255, 51, 61, 0);
	--gradientColorTwoTransparent: rgba(144, 224, 255, 0);
	--gradientColorThreeTransparent: rgba(255, 203, 87, 0);
	--gradientAngle: var(--angleStrong);
	--gradientHeight: calc(100% + var(--sectionPaddingTop) + var(--transformOriginX)*var(--sectionAngleSin));
	--offsetX: var(--gutterWidth);
	--transformOriginX: -60px;
	--sectionAngleSin: var(--angleStrongSin);
	position: absolute;
	bottom: 0;
	top: auto;
	left: calc(var(--offsetX)*-1);
	width: var(--windowWidth);
	min-width: 1000px;
	height: var(--gradientHeight);
	transform-origin: var(--transformOriginX) 100%;
	transform: skewY(var(--gradientAngle));
	overflow: hidden;
	border: none;
}

@media (min-width:600px) {
	.HomepageHeroGradient {
		--transformOriginX: calc(var(--gutterWidth)*0.8);
	}
}

.Gradient__canvas {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.Gradient__canvas.isLoaded {
	opacity: 1;
	transition: opacity 1.8s ease-in 50ms;
}

.Gradient__guides {
	--guideDashedColor: rgba(0, 0, 0, 0.3);
	--guideSolidColor: rgba(0, 0, 0, 0.2);
	mix-blend-mode: soft-light;
}

.Gradient:after {
	content: "";
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(var(--gradientColorZero) 40%, var(--gradientColorTwoTransparent) 60%) -620px -180px no-repeat, radial-gradient(var(--gradientColorThree) 33%, var(--gradientColorThreeTransparent) 67%) -120px -24px no-repeat, radial-gradient(var(--gradientColorTwo) 40%, var(--gradientColorTwoTransparent) 70%) -470px 150px no-repeat, var(--gradientColorZero);
}

@media (min-width:600px) {
	.Gradient:after {
		background: radial-gradient(var(--gradientColorZero) 40%, var(--gradientColorTwoTransparent) 60%) -420px -180px no-repeat, radial-gradient(var(--gradientColorThree) 23%, var(--gradientColorThreeTransparent) 70%) 240px -24px no-repeat, radial-gradient(var(--gradientColorTwo) 30%, var(--gradientColorTwoTransparent) 70%) -270px 220px no-repeat, var(--gradientColorZero);
	}
}

@media (min-width:900px) {
	.Gradient:after {
		background: radial-gradient(var(--gradientColorThree) 23%, var(--gradientColorThreeTransparent) 67% 100%) 385px -24px, radial-gradient(var(--gradientColorOne) 0, var(--gradientColorOneTransparent) 60% 100%) -940px 290px, radial-gradient(var(--gradientColorTwo) 10%, var(--gradientColorTwoTransparent) 60% 100%) -120px 250px, radial-gradient(var(--gradientColorOne) 40%, var(--gradientColorOneTransparent) 57% 100%) 495px -44px, radial-gradient(var(--gradientColorZero) 30%, var(--gradientColorZeroTransparent) 67% 100%) 122px -120px, radial-gradient(var(--gradientColorZero) 10%, var(--gradientColorZeroTransparent) 60% 100%) -420px 120px, radial-gradient(var(--gradientColorTwo) 15%, var(--gradientColorTwoTransparent) 50% 100%) -620px 0, radial-gradient(var(--gradientColorTwo) 25%, var(--gradientColorTwoTransparent) 50% 100%) 520px -250px, var(--gradientColorZero);
		background-repeat: repeat-y;
	}
}

.Gradient.isLoaded:after {
	transition: transform 1s 1s;
	transform: scaleY(.995);
}

.HomepageHeroGraphic__phone {
	position: relative;
	margin-top: 60px;
	left: 140px;
}

.HomepageHeroGraphic__dashboard {
	position: absolute;
	top: 0;
	left: 230px;
}

.DashboardGraphic {
	--gutter: 24px;
	display: grid;
	grid: auto/152px 1fr;
	gap: var(--gutter);
	width: 929px;
	padding: var(--gutter);
	border-radius: 8px;
	background: linear-gradient(hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .3) 25%, rgba(246, 249, 252, .3) 50%, #f6f9fc 60%);
	box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .1), 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3);
	font-size: 11px;
	font-weight: 300;
	letter-spacing: .2px;
	line-height: 14px;
	color: #425466;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.DashboardGraphic__sidebar {
	display: grid;
	grid: -webkit-max-content/auto-flow -webkit-max-content;
	grid: max-content/auto-flow max-content;
	gap: 8px;
	align-items: center;
	font-weight: 620;
	color: #fff;
	letter-spacing: .8px;
	text-transform: uppercase;
}

.DashboardGraphic__toolbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.DashboardGraphic__box {
	margin-top: var(--gutter);
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 2px 4px -1px rgba(6, 24, 44, .2);
}

.DashboardGraphic__box--search {
	display: flex;
	align-items: center;
	width: 50%;
	height: 20px;
	margin: 0;
	color: #62788d;
}

.DashboardGraphic__searchIcon {
	width: 10px;
	margin: 1px 5px 0 6px;
}

.DashboardGraphic__toolbarHeading {
	padding: 16px;
}

.DashboardGraphic__toolbarTitle {
	font-weight: 620;
}

.DashboardGraphic__charts {
	display: grid;
	grid: auto/repeat(3, 1fr);
	border-top: 1px solid #e6ebf1;
}

.DashboardGraphic__column,
.DashboardGraphic__row {
	padding: 15px 16px 13px;
}

.DashboardGraphic__column:not(:first-child) {
	border-left: 1px solid #e6ebf1;
}

.DashboardGraphic__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.DashboardGraphic__row:not(:first-child) {
	border-top: 1px solid #e6ebf1;
}

.DashboardGraphic__column--large {
	display: grid;
	grid-column: span 2;
}

.DashboardGraphic__chartToday,
.DashboardGraphic__dataToday {
	grid-area: 1/1;
}

.DashboardGraphic__chartToday {
	width: 438px;
	margin: 45px 0 1px;
}

.DashboardGraphic__dataToday {
	display: flex;
}

.DashboardGraphic__chartHeading:not(:first-child) {
	margin-left: 32px;
}

.DashboardGraphic__chartDropdown {
	display: grid;
	grid: auto/auto-flow -webkit-max-content;
	grid: auto/auto-flow max-content;
	gap: 4px;
	align-items: center;
}

.DashboardGraphic__primaryData {
	margin: 5px 0 6px;
	font-size: 14px;
	letter-spacing: .4px;
}

.DashboardGraphic__primaryData--accent {
	color: #515de1;
}

.DashboardGraphic__mutedData {
	color: #62788d;
}

.DashboardGraphic__mutedData--accent {
	font-weight: 450;
	color: #515de1;
}

.DashboardGraphic__chartAxis {
	display: flex;
	padding-top: 2px;
	border-top: 1px solid #e6ebf1;
}

.DashboardGraphic__axisNow {
	margin: 0 auto 0 233px;
}

.DashboardGraphic__column--split {
	display: grid;
	grid-auto-rows: 1fr;
	padding: 0;
}

.DashboardGraphic__toolbarFilters {
	display: grid;
	grid-auto-flow: column;
	gap: 20px;
	margin-top: 4px;
}

.DashboardGraphic__toolbarButton {
	display: grid;
	grid-auto-flow: column;
	gap: 5px;
	align-items: center;
	margin-right: 22px;
	padding: 3px 6px;
	font-weight: 450;
	box-shadow: 0 0 1px 0 rgba(6, 24, 44, .18), 0 1px 2px 0 rgba(6, 24, 44, .2);
	border-radius: 4px;
}

.DashboardGraphic__growth {
	display: flex;
}

.DashboardGraphic__badge {
	margin-left: 8px;
	padding: 0 4px;
	border-radius: 4px;
	font-weight: 450;
	color: #007e53;
	background: #def8dd;
}

.DashboardGraphic__badge--down {
	color: #a54f1e;
	background: #f6e6b9;
}

.DashboardGraphic__chartSummary {
	width: 202px;
	margin: 7px 0;
}

.HomepageIncrementPhone__imageContainer {
	display: grid;
	grid: 80px/56px;
}

.HomepageIncrementPhone__image {
	width: 46px;
	height: 70px;
	grid-area: 1/1;
	border-radius: 4px;
	box-shadow: 0 3px 6px -1px rgba(50, 50, 93, .25), 0 1px 3px 0 rgba(0, 0, 0, .2);
}

.HomepageIncrementPhone__image--front {
	justify-self: end;
	align-self: end;
}

.CheckoutPhoneGraphic {
	--checkoutPhoneVerticalPadding: 5px;
	--checkoutPhoneInputMinHeight: 24px;
	--checkoutPhoneFontSize: 11px;
	--checkoutPhoneBackToArrowHeight: 8px;
}

html[lang*=ja] .CheckoutPhoneGraphic {
	--checkoutPhoneFontSize: 10px;
}

.CheckoutPhoneGraphic {
	height: 100%;
	padding: 24px 16px;
	border-radius: 28px;
	background: #fff;
	font-size: var(--checkoutPhoneFontSize);
	font-weight: var(--fontWeightNormal);
	letter-spacing: .2px;
}

.CheckoutPhoneGraphic--scaleLarge {
	--checkoutPhoneVerticalPadding: 8px;
	--checkoutPhoneInputMinHeight: 28px;
	--checkoutPhoneFontSize: 13px;
	--checkoutPhoneBackToArrowHeight: 10px;
}

.CheckoutPhoneGraphic--scaleLarge .CheckoutPhoneGraphic__applePay {
	height: 16px;
}

.CheckoutPhoneGraphic__backTo {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: -10px 0 20px;
}

.CheckoutPhoneGraphic__backToArrow {
	margin-right: var(--checkoutPhoneBackToArrowHeight);
	height: var(--checkoutPhoneBackToArrowHeight);
	width: auto;
}

.CheckoutPhoneGraphic__backTo+.CheckoutPhoneGraphic__image {
	margin-top: 20px;
	height: 60px;
}

.CheckoutPhoneGraphic__image {
	display: flex;
	justify-content: center;
	height: 80px;
}

.CheckoutPhoneGraphic__description {
	margin-top: 15px;
	text-align: center;
	color: #0a2540;
	font-weight: var(--fontWeightSemibold);
}

.CheckoutPhoneGraphic__price {
	margin: 2px 0 16px;
	text-align: center;
}

.CheckoutPhoneGraphic__button {
	border-radius: 4px;
	padding: var(--checkoutPhoneVerticalPadding) 0;
	text-align: center;
	font-weight: var(--fontWeightSemibold);
	color: #fff;
	background: #0a2540;
	box-shadow: 0 2px 4px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3);
}

.CheckoutPhoneGraphic__applePay {
	display: block;
	height: 14px;
	margin: 0 auto;
}

.CheckoutPhoneGraphic__separator {
	margin: 16px 0 12px;
	text-align: center;
	background: linear-gradient(#e6ebf1, #e6ebf1) no-repeat 0 50%/100% 1px;
}

.CheckoutPhoneGraphic__separatorTitle {
	display: inline;
	padding: 0 6px;
	background: #fff;
}

.CheckoutPhoneGraphic__input {
	min-height: var(--checkoutPhoneInputMinHeight);
	line-height: var(--checkoutPhoneInputMinHeight);
	margin: 6px 0 16px;
	color: #62788d;
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgba(50, 50, 93, .07), 0 2px 3px -1px rgba(50, 50, 93, .12), 0 1px 3px -1px rgba(0, 0, 0, .12);
}

.CheckoutPhoneGraphic__input--card {
	display: grid;
	grid: auto/repeat(2, 1fr);
}

.CheckoutPhoneGraphic__placeholder {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-flow: column;
	padding-left: 8px;
}

.CheckoutPhoneGraphic__placeholder--number {
	gap: 0 6px;
	grid-area: auto/span 2;
	align-items: center;
	padding-right: 6px;
	border-bottom: 1px solid #e6ebf1;
}

.CheckoutPhoneGraphic__placeholder--cvc {
	padding-right: 4px;
	border-left: 1px solid #e6ebf1;
	white-space: nowrap;
}

.CheckoutPhoneGraphic__cvcIcon {
	margin: 4px 0 0 4px;
}

.CheckoutPhoneGraphic__input--country {
	margin-bottom: 24px;
}

.CheckoutPhoneGraphic__placeholder--country {
	align-items: center;
	padding-right: 9px;
	border-bottom: 1px solid #e6ebf1;
}

.ApplePaySheet {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.ApplePaySheet--isHidden .ApplePaySheet__overlay,
.ApplePaySheet--isHidden .ApplePaySheet__sheet {
	opacity: 0;
	pointer-events: none;
}

.ApplePaySheet--isHidden .ApplePaySheet__overlay .Face,
.ApplePaySheet--isHidden .ApplePaySheet__sheet .Face {
	pointer-events: none;
}

.ApplePaySheet__overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #0b3055;
	opacity: .2;
}

.ApplePaySheet__sheet {
	background: #fff;
	box-shadow: 0 6px 12px -2px rgba(50, 50, 93, .12), 0 3px 7px -3px rgba(0, 0, 0, .15);
	border-radius: 8px 8px 30px 30px;
	position: absolute;
	right: 4px;
	bottom: 4px;
	left: 4px;
}

.ApplePaySheet__row {
	display: grid;
	grid: auto/54px 1fr auto;
	gap: 16px;
	margin-left: 12px;
	padding: 8px 12px 8px 0;
	border-bottom: 1px solid #e6ebf1;
	font-size: 10px;
	letter-spacing: .3px;
	font-weight: 300;
}

.ApplePaySheet__row--header {
	grid: auto/1fr auto;
	align-items: center;
	font-size: 13px;
	letter-spacing: .2px;
	color: #2a69fe;
}

.ApplePaySheet__checkoutInfo,
.ApplePaySheet__checkoutLabel {
	text-transform: uppercase;
	line-height: 16px;
}

.ApplePaySheet__checkoutLabel {
	text-align: right;
	color: #66788f;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ApplePaySheet__checkoutInfo {
	color: #425466;
}

.ApplePaySheet__checkoutArrow {
	width: 6px;
	align-self: center;
}

.ApplePaySheet__faceID {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 12px auto;
	height: 40px;
}

.Face {
	--faceAnimationDisabled: none;
	cursor: pointer;
	pointer-events: auto;
	transform-origin: 50% 0;
	transform: scale(.37);
}

.Face__borders {
	width: 100px;
	height: 100px;
	transform-origin: 50% 50%;
}

.is-resting.Face .Face__borders {
	-webkit-animation: var(--faceAnimationDisabled, border-rest 1s ease-in-out forwards infinite);
	animation: var(--faceAnimationDisabled, border-rest 1s ease-in-out forwards infinite);
}

.Face__border--copy path,
.Face__border path {
	transition: d .2s, stroke .2s;
}

.Face__border {
	opacity: 1;
}

.Face__border,
.Face__border--copy {
	transition: opacity .4s;
	transform-origin: 50%;
}

.Face__border--copy {
	opacity: 0;
}

.Face path {
	stroke: #999;
	stroke-width: 4px;
	fill: none;
	stroke-linecap: round;
}

.Face__check {
	width: 100px;
	height: 100px;
}

.Face__check path {
	stroke-linecap: square;
	stroke-width: 6px;
	stroke-dashoffset: 60px;
	stroke-dasharray: 60px 60px;
}

.Face.is-checked .Face__check path {
	stroke-dashoffset: 0;
	transition: .4s;
}

.Face.is-checked .Face__phone {
	opacity: 0!important;
}

.Face.is-active path,
.Face.is-active rect {
	stroke: #0278fc;
}

.Face__phone {
	transition: .25s ease-out;
}

.Face svg {
	position: absolute;
	left: 0;
	top: 0;
}

.Face__phoneContainer {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	transform: translateZ(0);
}

.Face.is-phone .Face__phone {
	opacity: 1;
	transform: perspective(500px) translateY(12px) rotateX(0deg);
	-webkit-animation: var(--faceAnimationDisabled, phone-tap 2.7s ease-in-out forwards infinite .4s);
	animation: var(--faceAnimationDisabled, phone-tap 2.7s ease-in-out forwards infinite .4s);
}

.Face .Face__phoneClip,
.Face .Face__phoneGlare,
.Face .Face__phoneIcon {
	transform-origin: 50% 50%;
	transform: translateY(0);
}

.Face.is-phone .Face__phoneClip,
.Face.is-phone .Face__phoneGlare,
.Face.is-phone .Face__phoneIcon {
	transform: translateY(-76px);
	transition: .3s ease-out;
}

.Face path.Face__phoneGlare {
	fill: #e7f0f9;
	stroke: none;
}

.Face.is-phone .Face__phoneGlare {
	-webkit-animation: var(--faceAnimationDisabled, phone-shimmer 2.7s ease-in-out forwards infinite .4s);
	animation: var(--faceAnimationDisabled, phone-shimmer 2.7s ease-in-out forwards infinite .4s);
}

.Face.is-phone .Face__features {
	transform: perspective(500px) rotateX(-30deg) translateY(-10px);
	transition: .3s;
	opacity: 0;
}

.Face__text span:first-of-type {
	opacity: 1;
	transition: .3s;
}

.Face__text span:last-of-type {
	position: absolute;
	opacity: 0;
	transition: .3s;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}

.Face.is-phone .Face__text span:first-of-type {
	opacity: 0;
}

.Face.is-phone .Face__text span:last-of-type {
	opacity: 1;
}

.Face.is-phone.is-checked .Face__text span {
	opacity: 0;
}

.Face.is-active rect {
	stroke-width: 2.25;
}

.Face__features {
	transition: .3s;
	transform-origin: 50% 50%;
}

.Face__features.is-hidden {
	opacity: 0;
}

.Face__features.is-hidden .Face__eye,
.Face__features.is-hidden .Face__mouth {
	transition: .2s;
}

.Face__eye {
	stroke-width: 5.5!important;
}

.Face__text {
	position: relative;
	margin-top: 10px;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif;
	font-size: 28px;
	color: var(--slate5);
}

@-webkit-keyframes phone-tap {
	0% {
		transform: perspective(500px) translateY(12px) rotateX(0deg);
	}
	50% {
		transform: perspective(500px) translateY(12px) rotateX(48deg) scale(.9);
	}
	to {
		transform: perspective(500px) translateY(12px) rotateX(0deg);
	}
}

@keyframes phone-tap {
	0% {
		transform: perspective(500px) translateY(12px) rotateX(0deg);
	}
	50% {
		transform: perspective(500px) translateY(12px) rotateX(48deg) scale(.9);
	}
	to {
		transform: perspective(500px) translateY(12px) rotateX(0deg);
	}
}

@-webkit-keyframes border-rest {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
	to {
		transform: scale(1);
	}
}

@keyframes border-rest {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
	to {
		transform: scale(1);
	}
}

@-webkit-keyframes phone-shimmer {
	0% {
		transform: skewY(40deg) translateY(-66px);
	}
	50% {
		transform: skewY(40deg) translateY(10px);
	}
	to {
		transform: skewY(40deg) translateY(-66px);
	}
}

@keyframes phone-shimmer {
	0% {
		transform: skewY(40deg) translateY(-66px);
	}
	50% {
		transform: skewY(40deg) translateY(10px);
	}
	to {
		transform: skewY(40deg) translateY(-66px);
	}
}

.PhoneGraphic {
	width: 264px;
	height: 533px;
	padding: 8px;
	border-radius: 36px;
	background: #f6f9fc;
	box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), inset 0 -2px 6px 0 rgba(10, 37, 64, .35);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 16px;
}

.PhoneGraphic--scaleLarge {
	width: 301px;
	height: 615px;
	border-radius: 42px;
}

.PhoneGraphic__screen {
	position: relative;
	height: 100%;
	border-radius: 34px;
	mask-image: radial-gradient(#fff, #000);
	-webkit-mask-image: -webkit-radial-gradient(#fff, #000);
	background: #fff;
}

.ColumnLayout {
	--columnRowGap: var(--rowGapLarge);
	display: grid;
	row-gap: var(--columnRowGap);
	align-items: flex-start;
}

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

.ColumnLayout--alignBottom {
	align-items: flex-end;
}

.ColumnLayout--alignStretch {
	align-items: stretch;
}

@media (min-width:600px) {
	.ColumnLayout[data-columns="1,1,1,1"],
	.ColumnLayout[data-columns="2,1,0"],
	.ColumnLayout[data-columns="2,1,1"],
	.ColumnLayout[data-columns="2,2"] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width:899px) {
	.ColumnLayout[data-columns="1,3"]:not(.ColumnLayout--reflowDirectionLeftToRight)>:first-child {
		order: 1;
	}
}

@media (min-width:600px) and (max-width:899px) {
	.ColumnLayout[data-columns-tablet="1"] {
		grid-template-columns: 1fr;
	}
	.ColumnLayout[data-columns="2,1,1"]>:first-child {
		grid-area: 1/span 2;
	}
}

@media (min-width:900px) {
	.ColumnLayout[data-columns="1,1,1,1"] {
		grid-template-columns: repeat(4, 1fr);
	}
	.ColumnLayout[data-columns="1,1"] {
		grid-template-columns: repeat(2, 1fr);
	}
	.ColumnLayout[data-columns="1,3"] {
		grid-template-columns: 1fr minmax(0, 3fr);
	}
	.ColumnLayout[data-columns="3,1"] {
		grid-template-columns: 3fr 1fr;
	}
	.ColumnLayout[data-columns="2,1,1"] {
		grid-template-columns: 2fr repeat(2, 1fr);
	}
	.ColumnLayout[data-columns="2,1,0"] {
		grid-template-columns: 2fr 1fr 1fr;
	}
	.ColumnLayout[data-columns="1,2,1"] {
		grid-template-columns: 1fr 2fr 1fr;
	}
}


.UserLogoGrid {
	--gridColumnCount: 2;
	--gridRowGap: 60px;
	display: grid;
	grid: auto/repeat(var(--gridColumnCount), 1fr);
	justify-items: center;
	align-items: center;
	row-gap: var(--gridRowGap);
}

@media (min-width:672px) {
	.UserLogoGrid {
		--gridColumnCount: 4;
	}
}

.TrackingSandbox {
	width: 1px;
	height: 1px;
	position: fixed;
	visibility: hidden;
	pointer-events: none;
}

@media (min-width:600px) {
	/* @font-face {
    font-family: sohne-var;
    src: url(https://b.mbacdn.com/mkt-statics-srv/assets/d5dd9f5d.woff2) format("woff2-variations");
    font-weight: 1 1000;
    font-display: block;
    unicode-range: U+0000-007e
  }
  @font-face {
    font-family: sohne-var;
    src: url(https://b.mbacdn.com/mkt-statics-srv/assets/c6e75166.woff2) format("woff2-variations");
    font-weight: 1 1000;
    font-display: block;
    unicode-range: U+007f-ffff
  }
  @font-face {
    font-family: SourceCodePro;
    src: url(https://b.mbacdn.com/mkt-statics-srv/assets/1a930247.woff2) format("woff2"), url(https://b.mbacdn.com/mkt-statics-srv/assets/ac6713d5.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: block
  } */
}

@media (max-width:599px) {
	/* @font-face {
    font-family: sohne-var;
    src: url(https://b.mbacdn.com/mkt-statics-srv/assets/d5dd9f5d.woff2) format("woff2-variations");
    font-weight: 1 1000;
    font-display: swap;
    unicode-range: U+0000-007e
  }
  @font-face {
    font-family: sohne-var;
    src: url(https://b.mbacdn.com/mkt-statics-srv/assets/c6e75166.woff2) format("woff2-variations");
    font-weight: 1 1000;
    font-display: swap;
    unicode-range: U+007f-ffff
  }
  @font-face {
    font-family: SourceCodePro;
    src: url(https://b.mbacdn.com/mkt-statics-srv/assets/1a930247.woff2) format("woff2"), url(https://b.mbacdn.com/mkt-statics-srv/assets/ac6713d5.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
  } */
}


/* ==================================== 16/09/2019 ================================ */

.HomepageHeroGraphic {
	position: relative;
	z-index: 2;
}
.HomepageHeroHeader {
	--titleFontSize: 90px;
}
.HomepageHero{
  overflow: hidden;
}

.HomepageHeroGraphic img {
	width: 40vw;
	position: absolute;
	left: 28%;
	top: 11vh;
}

section.about_content {
	padding: 50px 0;
	background-color:#ffffff;
}

section.about_content h2 {
	color: #586972;
	font-weight: bold;
	font-family: 'Syncopate-Bold';
}

section.about_content p {
	color: #586972;
	font-size: 17px;
}
.HomepageGlobalSection{
  overflow: hidden;
}
.values_packages table tbody td b {
	text-transform: uppercase;
}
.Copy {
	--titleFont: var(--titleWeight) var(--titleFontSize)/var(--titleLineHeight) var(--fontFamily);
	--captionFont: var(--fontWeightBold) var(--captionFontSize, 18px)/var(--captionLineHeight, 1.555555556) var(--fontFamily);
	--bodyFont: var(--fontWeightNormal) var(--bodyFontSize, 18px)/var(--bodyLineHeight, 1.555555556) var(--fontFamily);
	letter-spacing: .2px;
}

.MbaSet {
	--mbaSetHeight: 72px;
	--mbaSetAlignCenterOffset: -40px;
	--mbaSetSubpixelOffset: 0;
	--mbaSetAngle:var(--angleNormal);
	position: absolute;
	height: var(--mbaSetHeight);
	width: 100%;
	transform: skewY(var(--mbaSetAngle)) translateY(var(--mbaSetSubpixelOffset));
	overflow: hidden;
}

.MbaSet--TopLeft {
  top: -71px;
  left: 0;
  transform-origin: 100% 0;
}

.MbaSet--TopRight {
	--mbaSetSubpixelOffset: -0.35px;
	top: 0;
	right: 0;
	transform-origin: 100% 0;
}

.MbaSet--BottomRight {
	right: 0;
	bottom: var(--sectionAngleHeight);
	transform-origin: 100% 100%;
}

.MbaSet--BottomLeft {
	left: 0;
	bottom: 0;
	transform-origin: 0 100%;
}

.MbaSet--alignCenter {
	top: var(--mbaSetAlignCenterOffset);
}

.MbaSet--alignEnd {
	top: calc(var(--mbaSetHeight)*-1);
}
.Mba {
	--mbaInset: 0px;
	--mbaWidth: var(--gutterWidth);
	--mbaMinWidth: 80px;
	--mbaHeight: 40px;
	--mbaIntersectionTop: calc(var(--mbaSetHeight) - var(--mbaHeight));
	--mbaIntersectionInset: 0px;
	--mbaIntersectionWidth: var(--gutterWidth);
	--mbaIntersectionBackground: var(--blendIntersection);
	--mbaMaxInset: calc(var(--layoutWidth)/2);
	--mbaStartMax: calc(var(--layoutWidth) + var(--gutterWidth));
	--mbaStart: calc(var(--mbaStartMax) - var(--mbaInset));
	right: var(--mbaStart);
	width: calc(var(--mbaWidth) + var(--mbaInset));
	position: absolute;
	height: var(--mbaHeight);
	background: var(--mbaBackground);
	overflow: hidden
}

.Mba--accentPrimary {
	--mbaBackground: var(--blendForeground)
}

.Mba--accentSecondary {
	--mbaBackground: var(--blendBackground)
}

.Mba--accentWhite {
	--mbaBackground: var(--mbaAccentWhite)
}

.Mba--accentLight {
	--mbaBackground: var(--mbaAccentLight)
}

.Mba--accentDark {
	--mbaBackground: var(--mbaAccentDark);
	--mbaIntersectionBackground: #0055b3
}

.MbaSet--BottomRight .Mba,
.MbaSet--TopRight .Mba {
	right: auto;
	left: var(--mbaStart)
}

.Mba--accentNone:first-of-type {
	--mbaBackground: #0e77b9
}

.Mba:nth-of-type(2) {
	top: var(--mbaIntersectionTop)
}

.Mba:nth-of-type(2).Mba--accentNone {
	--mbaBackground: var(--blendForeground);
	width: 29%;
    left: 0;
}

.MbaSet--BottomLeft .Mba:only-child,
.MbaSet--BottomRight .Mba:only-child {
	top: var(--mbaIntersectionTop)
}

.Mba:nth-of-type(3) {
	--mbaBackground: transparent
}

.Mba--insetSmall {
	--mbaInset: calc(var(--mbaMaxInset)*0.125)
}

.Mba--insetNormal {
	--mbaInset: calc(var(--mbaMaxInset)*0.25)
}

.Mba--insetMedium {
	--mbaInset: calc(var(--mbaMaxInset)*0.5)
}

.Mba--insetLarge {
	--mbaInset: calc(var(--mbaMaxInset)*0.75)
}

.Mba--insetHalf {
	--mbaInset: var(--mbaMaxInset)
}

.Mba--intersectionInsetSmall {
	--mbaIntersectionInset: calc(var(--mbaMaxInset)*0.25)
}

.Mba--intersectionInsetNormal {
	--mbaIntersectionInset: calc(var(--mbaMaxInset)*0.5)
}

.Mba--intersectionInsetMedium {
	--mbaIntersectionInset: calc(var(--mbaMaxInset)*0.75)
}

.Mba--intersectionInsetLarge {
	--mbaIntersectionInset: var(--mbaMaxInset)
}

.Mba--widthNone {
	--mbaWidth: 0px
}

.Mba--widthSmall {
	--mbaWidth: 80px
}

.Mba--widthNormal {
	--mbaWidth: 20%;
    left: 33px;
}

.Mba--widthMedium {
	--mbaWidth: 240px
}

.Mba--widthLarge {
	--mbaWidth: 320px
}

.Mba--intersectionWidthNone {
	--mbaIntersectionWidth: 0px
}

.Mba--intersectionWidthSmall {
	--mbaIntersectionWidth: 80px
}

.Mba--intersectionWidthNormal {
	--mbaIntersectionWidth: 160px
}

.Mba--intersectionWidthMedium {
	--mbaIntersectionWidth: 240px
}

.Mba--intersectionWidthLarge {
	--mbaIntersectionWidth: 320px
}

.Mba__intersection {
	position: absolute;
	top: var(--mbaIntersectionTop);
	height: var(--mbaHeight);
	transform: translateY(-.25px);
	background: #1a5ccb;
	left: calc(var(--mbaWidth) - var(--mbaIntersectionWidth));
	width: calc(var(--mbaIntersectionWidth) + var(--mbaIntersectionInset))
}

.MbaSet--BottomRight .Mba__intersection,
.MbaSet--TopRight .Mba__intersection {
	left: auto;
	right: calc(var(--mbaWidth) - var(--mbaIntersectionWidth))
}


/* Start Value Page CSS */
@font-face {
  font-family: 'Calibri_Regular';
  src: url('fonts/calibri_regular.ttf');
}
@font-face {
  font-family: 'Calibri_Bold';
  src: url('fonts/calibri_bold.ttf');
}
@font-face {
  font-family: 'Calibri_Light';
  src: url('fonts/calibri_light.ttf');
}
.module_tab_content h3 {
  font-family: 'Calibri_Bold';
  font-size: 25px;
  font-weight: 500;
  min-height: auto	;
}
.module_tab_content p {
  font-family: 'Calibri_Regular';
  font-size: 22px;
  text-align: left;
  line-height: 28px;
}
.module_tab_content p b {
  color: #ff0000;
  font-size: 18px;
}
.values_packages table tbody td b {
	text-transform: uppercase;
}
.bg-image-section {
  min-height: 60vh;
  display: flex;
  align-items: end;
  justify-content: end;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-family: 'Calibri_Bold';
  transform: skewY(-3deg);
  -webkit-transform: skewY(-3deg);
  -moz-transform: skewY(-3deg);
}
.bg-image-section h3 {
  -webkit-text-stroke: 1px 1px #000;
  -webkit-text-stroke: 1px #000;
  font-family: 'Calibri_Bold';
  font-size: 100px;
  font-weight: bold;
  color: #fff;
  transform: skewY(3deg);
}
.bg-image-section.bg-image-section-2 {
  justify-content: flex-start;
  transform: skewY(3deg);
  -webkit-transform: skewY(3deg);
  -moz-transform: skewY(3deg);
}
.bg-image-section.bg-image-section-2 h3 {
  transform:skewY(-3deg);
}
.engine_value_module_new_home{
  background-image: url('images/Engine_Values_Module.jpg');
}
.helicopter_value_module_new_home{
  background-image: url('images/Helicopter_Values_Module.jpg');
}
.markets_value_module_new_home{
  background-image: url('images/Markets___Trends_Module.jpg');
}
.portfolio_value_module_new_home{
  background-image: url('images/Portfolio_and_ABS_EETC_Packages.jpg');
}
.asset_tracking_module_new_home{
  background-image: url('images/Asset_Tracking.jpg');
}
.mx4_module_new_home{
  background-image: url('images/MX4_Maintenance_Forecasting.jpg');
}
.mba_aviation_logo img {
	width: 500px;
	margin-left: -35px;
}
.redbook_logo img{
	width: 300px;
}
.contact_us_section_right_tab_content h3 {
	border-bottom: 1px solid #000;
}
.text-red{
	color:#d73922;
}
.bg-red{
	background-color:#d73922;
}
a.CtaButton.variant--Button.CtaButton--arrow.HomepageHero__cta:hover {
	text-decoration: none;
}
.packages-icon .fa-check-circle{
	color: #008040;
	font-size: 34px;
}
.packages-icon .fa-times-circle-o{
	color: #ff0000;
	font-size: 34px;
}
.values_packages .pt-header{
	background-color: #a5a5a5;
	color: #ffffff;
}
/* End of Value Page CSS */
.direction-link:hover{
	color: #d73922;
	text-decoration: none;
}
.img-skewed-start {
	perspective-origin: 0;
}
.img-skewed {
	perspective: 1661px;
	transform-style: preserve-3d;
}
#market-img{
	border-radius: .625rem;
  box-shadow: 25px 60px 125px -25px rgb(80 102 144 / 10%), 16px 40px 75px -40px rgb(0 0 0 / 20%);
	max-width: 130% !important;
}
.highl-bold{
	font-weight: bold;
  color: #0e77b9;
}
.s_b{
	background-color: #000000;
}
.a_red b{
	color:#ff0000;
}
.nav_design #dropdownMenuButton{
	-webkit-appearance:none;
}
.dark_background {
	background: #ffffff;
}
section.module_tab_content h3, section.module_tab_content h2, section.module_tab_content p, .engine_values_new_home h2, .engine_values_new_home h3, .engine_values_new_home p, .engine_values_new_home h4, section.module_tab_content h4 {
	color: #586972!important;
	line-height: 1.4;
}
.dark_background div {
	position: static;
}
.right_side_image {
	position: absolute !important;
	right: 0;
	width: 48vw;
}
.side_image{
	position: absolute !important;
	left: 0;
	width: 48vw;
}
.content_h{
	height: 500px;
}
.font_red{
	color: #ff0000!important;
}
.font_gray{
	color: #808080!important;
}
.HomepageHero .Section__layout {
	padding-bottom: 0;
}	
@media (max-width:1846px) {
		.HomepageHeroGraphic img {
			width: 40vw;
			position: absolute;
			left: 10%;
			top: 11vh;
	}
	.HomepageHeroHeader {
    --titleFontSize: 70px;
}
}
@media (max-width:1030px) {
		.HomepageHeroGraphic img {
			width: 42vw;
	}
	.HomepageHeroHeader {
    --titleFontSize: 42px;
}
}
@media (max-width:767px) {
.HomepageHeroHeader {
	--titleFontSize: 42px;
}
.HomepageHeroHeader__title {
	min-width:100%;
}
.ColumnLayout[data-columns="1,1,1,1"], .ColumnLayout[data-columns="2,1,0"], .ColumnLayout[data-columns="2,1,1"], .ColumnLayout[data-columns="2,2"] {
	grid-template-columns: repeat(1, 1fr);
}
.HomepageHeroGraphic.HomepageHero__graphic.img-skewed.img-skewed-start {
	display: block;
	text-align: center;
}	
.HomepageHeroGraphic img {
	width: 100% !important;
	position: static;
	transform: none !important;
	margin-top: 16px;
}
.HomepageHeroHeader__title {
	margin-top: 0;
}
.Mba {
	--mbaHeight: 21px;
}
.Mba--widthNormal {
	left: 4%;
	top: 33px;
}
}
@media (max-width:599px) {
	.HomepageHeroHeader__title {
    min-height: 160px;
}
.HomepageHeroHeader__title {
	align-items: end;
}
.Mba {
	--mbaHeight: 18px;
}
.Mba--widthNormal {
	left: 4%;
	top: 40px;
}
}


.project-tab {
    padding: 10%;
    margin-top: -8%;
}
.project-tab #tabs{
    background: #007b5e;
    color: #eee;
}
.project-tab #tabs h6.section-title{
    color: #eee;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0062cc;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
    font-size: 16px;
    font-weight: bold;
}
.project-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #0062cc;
    font-size: 16px;
    font-weight: 600;
}
.project-tab .nav-link:hover {
    border: none;
}
.project-tab thead{
    background: #f3f3f3;
    color: #333;
}
.project-tab a{
    text-decoration: none;
    color: #333;
    font-weight: 600;
}
.module_tab_content_table ul.nav li {
    background: #e5e5e5;
    border: 1px solid #7b7b7b;
    border-radius: 0;
}
.module_tab_content_table ul.nav li .nav-link {
    color: #000;
    padding: 10px 20px;
    font-size: 18px;
}
.module_tab_content_table ul.nav li .nav-link.active {
    background: #7b7b7b;
    border-radius: 0;
}
.module_tab_content_table .overview_table tbody tr:nth-of-type(odd) {
    background-color: #ccc;
}
.module_tab_content_table .overview_table tbody tr:nth-of-type(even) {
    background-color: #efefef;
}
.module_tab_content_table .table-bordered {
    border: 2px solid #7b7b7b;
}
.module_tab_content_table ul.nav li .nav-link {
    color: #000;
    padding: 15px 26px;
    font-size: 18px;
}
 .btn-class{
	 background-color: #d71920;
 }

.card_style .font-change label {
	font-size: 15px;
}

.center_card {
	display: flex;
	justify-content: center;
}

.new_for_color {
	background-color: #d71920 !important;
}

.font_color_class h3 {
	color: #ffffff;
}

.font_color_class p {
	font-size: 22px;
	color: #cfcfcf !important;
}
.mt-n15 {
	margin-top: -10rem!important;
	z-index: -1;
}
.shape:not([class*=shape-blur]) {
	overflow: hidden;
}
.shape-bottom {
	bottom: 0;
	left: 0;
	right: 0;
}
.shape {
	pointer-events: none;
	position: absolute;
}
.shape:not([class*=shape-blur])>* {
	transform: scale(2);
}
.shape-fluid-x>* {
	height: auto;
	width: 100%;
}
.shape-bottom>* {
	transform-origin: top center;
}
.shape>* {
	display: block;
}
.card-btn {
	background: #d83d2b;
	color: #fff;
	border-radius: 0;
	border: 0;
}
section.module_tab_content.capital_packages h3, section.module_tab_content.capital_packages p {
	color: #fff !important;
}
.card.card_style {
	overflow: hidden;
}

.custom-control-input-green:focus~.custom-control-label::before {
	border-color: #28a745 !important;
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}

.custom-control-input-green:checked~.custom-control-label::before {
	border-color: #28a745 !important;
	background-color: #28a745 !important;
	top: 0.1rem ;
	width: 1.25rem;
	height: 1.25rem;
}

.custom-control-input-green:focus:not(:checked)~.custom-control-label::before {
	border-color: #5bd778 !important;
}

.custom-control-input-green:not(:disabled):active~.custom-control-label::before {
	background-color: #d6f5dd !important;
	border-color: #d6f5dd !important;
}

.custom-checkbox .custom-control-label::before {
	border-radius: 50% !important;
}

.custom-control-label::after {
	top: 0.2rem;
	width: 1.2rem;
	height: 1.2rem;
}

.custom-control-label {
	padding-left: 0.2rem;
}

.abseetc-packages {
  max-height: 450px;
  overflow: auto;
}

section.abseetc_tab h4 {
	color: #586972;
	font-weight: bold;
	font-family: 'Syncopate-Bold';
}

#req_btn{
	padding-left: 22px;
	padding-right: 21px !important;
}

.strikethrough {
	position: relative;
	background-color: #fff;
	text-shadow: 1px 1px 1px #767171;

}
.strikethrough:before {
	position: absolute;
	content: "";
	left: 0;
	top: 48%;
	right: 0;
	border-top: 4px solid #ffff;
	border-color: #ffff;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	transform: rotate(-20deg);
}


/* Summary Table*/
.table-summary thead th{
	min-width: 400px !important;
    padding: 5px;
}
.table-summary tbody td{
    padding: 5px;
}

/* Summary Card */
.gtco-testimonials {
	position: relative;
	margin-top: 30px;
  }
  .gtco-testimonials h2 {
	font-size: 30px;
	text-align: center;
	color: #333333;
	margin-bottom: 50px;
  }

  .gtco-testimonials .owl-stage {
	display: flex;
  }

  .gtco-testimonials .owl-stage-outer {
	padding: 30px 0;
  }
  .gtco-testimonials .owl-nav {
	display: none;
  }
  .gtco-testimonials .owl-dots {
	text-align: center;
  }
  .gtco-testimonials .owl-dots span {
	position: relative;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: block;
	background: #fff;
	border: 2px solid #0e7b99;
	margin: 0 5px;
  }
  .gtco-testimonials .owl-dots .active {
	box-shadow: none;
  }
  .gtco-testimonials .owl-dots .active span {
	background: #0e7b99;
	box-shadow: none;
	height: 12px;
	width: 12px;
	margin-bottom: -1px;
  }
  .gtco-testimonials .card {
	background: #fff;
	box-shadow: 0 8px 30px -7px #c9dff0;
	margin: 0 20px;
	padding: 0 10px;
	border-radius: 20px;
	border: 0;
  }
  .gtco-testimonials .card .card-img-top {
	max-width: 100px;
	border-radius: 50%;
	margin: 15px auto 0;
	box-shadow: 0 8px 20px -4px #95abbb;
	width: 100px;
	height: 100px;
  }
  .gtco-testimonials .card h5 {
	color: #0e7b99;
	font-size: 21px;
	line-height: 1.3;
  }
  .gtco-testimonials .card h5 span {
	font-size: 18px;
	color: #666666;
  }
  .gtco-testimonials .card p {
	font-size: 18px;
	color: #555;
	padding-bottom: 15px;
  }
  .gtco-testimonials .active {
	opacity: 0.5;
	transition: all 0.3s;
  }
  .gtco-testimonials .center {
	opacity: 1;
  }
  .gtco-testimonials .center h5 {
	font-size: 24px;
  }
  .gtco-testimonials .center h5 span {
	font-size: 20px;
  }
  .gtco-testimonials .center .card-img-top {
	max-width: 100%;
	height: 120px;
	width: 120px;
  }
  
  @media (max-width: 767px) {
	.gtco-testimonials {
	  margin-top: 20px;
	}
  }
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
	outline: 0;
  }
  .owl-carousel button.owl-dot {
	padding: 0;
	border: none;
	background: none;
  }

  .ColumnLayout{
	  display: grid;
  }