/* ribbon */

.ribbon {
	width: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 10;
	top: 90px;
}

.ribbon-wrapper {
	width: 100%;
	padding: 13px 0;
	text-align: center;
	color: #333;
	background-color: #ffffff;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: background-color 1s ease-in-out 1.8s,
		color 1s ease-in-out 1.8s, -webkit-transform 0.8s ease-in-out;
	transition: background-color 1s ease-in-out 1.8s, color 1s ease-in-out 1.8s,
		-webkit-transform 0.8s ease-in-out;
	transition: transform 0.8s ease-in-out, background-color 1s ease-in-out 1.8s,
		color 1s ease-in-out 1.8s;
	transition: transform 0.8s ease-in-out, background-color 1s ease-in-out 1.8s,
		color 1s ease-in-out 1.8s, -webkit-transform 0.8s ease-in-out;
}

.ribbon-content {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	display: block;
}

.ribbon-link {
	cursor: pointer;
}

@media only screen and (min-width: 1442px) {
	.ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 980px;
	}
}

@media only screen and (max-width: 1068px) {
	.ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 692px;
	}
}

@media only screen and (max-width: 735px) {
	.ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 87.5%;
	}
}

@media only screen and (max-width: 735px) {
	.ribbon-content {
		margin-left: auto;
		margin-right: auto;
		max-width: 303px;
	}
}

.ribbon .icon-wrapper,
.ribbon .icon-copy {
	color: #0070c9;
	-webkit-transition: color 1s ease-in-out 1.8s;
	transition: color 1s ease-in-out 1.8s;
}

.ribbon .will-change {
	will-change: transform;
}

.ribbon + .section-content {
	padding-top: auto;
	margin-top: 46px;
}

@media only screen and (max-width: 1068px) {
	.ribbon + .section-content {
		padding-top: auto;
	}
}

@media only screen and (max-width: 735px) {
	.ribbon + .section-content {
		padding-top: 66px;
	}
}

@media only screen and (max-width: 1068px) {
	.ribbon + .section-content {
		margin-top: 46px;
	}
}

@media only screen and (max-width: 735px) {
	.ribbon + .section-content {
		margin-top: auto;
	}
}

.section-hero {
	padding-top: 170px;
}

@media only screen and (max-width: 1068px) {
	.section-hero {
		padding-top: 179px;
	}
}

@media only screen and (max-width: 845px) {
	.section-hero {
		padding-top: 10px;
	}

	.section-hero .hero-wrapper .hero-headline {
		padding-top: 33px;
	}
}

@media only screen and (max-width: 735px) {
	.section-hero {
		padding-top: 10px;
		margin-top: 90px;
	}

	.section-hero .hero-wrapper .hero-headline {
		padding-top: 0px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-wrapper {
		top: calc(112px + 14vh);
	}
}

@media only screen and (max-width: 734px) {
	html.ac-ls-visible .section-hero .hero-wrapper {
		top: calc(112px + 14vh + var(--r-localeswitcher-height));
	}
}

.ribbon a {
	color: inherit;
}

.ac-ls-visible .ribbon {
	top: 166px;
}

@media only screen and (max-width: 833px) {
	.ac-ls-visible .ribbon {
		top: 231px;
	}
}

@media only screen and (max-width: 767px) {
	.ac-ls-visible .ribbon {
		top: 225px;
	}
}

#finance-ribbon .typography-caption {
	font-size: 14px;
	line-height: 1.42861;
	font-weight: 400;
	letter-spacing: -0.016em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}