@media screen and (min-width: 415px) {
	html {
		background-image:
			url("../images/0922b5bf-06db-4ab8-999f-fce59a3beb35.jpg");
	}
}

html.paused {
	background-image: none;
}

html {
	background-color: #20313e;
}

.donations--form--header, .story-content {
	background-color: #Ffb739;
	color: #42525f;
}

.donations--form--footer {
	background-color: #ffffff;
	border-color: #42525f;
	color: #42525f;
	fill: #42525f;
}

.story-content .donations--form--campaign-description {
	color: #42525f !important;
}

.not-changed .campaign-amounts--button label, .campaign-amounts--button :checked+label,
	.campaign-goal-status-background, .campaign-goal-status-bar,
	.step-indicator .current a, .step-indicator .visited a,
	.donation-items--item.has-value {
	background-color: #Ffb739;
}

input:focus, select:focus, textarea:focus, .step-indicator .current a,
	.step-indicator .visited a, .donation-items--item input:focus+span,
	.donation-items--item.has-value input, .donation-items--item.has-value span
	{
	border-color: #Ffb739;
}

.col.phone i, .col.email i, .step-indicator li.current a {
	color: #Ffb739;
}

.step-indicator li.current {
	border-bottom-color: #Ffb739;
}

.background-color--primary {
	background-color: #Ffb739;
}

.border-color--primary {
	border-color: #Ffb739;
}

.color--primary {
	color: #Ffb739;
}

.step-nav a, .submit-button:not ([disabled] ), .submit-button.processing
	{
	background-color: #0a2d63;
}

.background-color--secondary {
	background-color: #0a2d63;
}

@font-face {
	font-family: Open Sans;
	font-style: normal;
	font-weight: 300;
	src: local("Open Sans Light"), local("OpenSans-Light"),
		url(/packs/media/namespaces/shared/fonts/OpenSans-Light-2b5caa240290d8999a90b5687af2ad3e.woff2)
		format("woff2")
}

@font-face {
	font-family: Open Sans;
	font-style: normal;
	font-weight: 400;
	src: local("Open Sans"), local("OpenSans"),
		url(/packs/media/namespaces/shared/fonts/OpenSans-df7ebff93bcebc0756a1b330b030413a.woff2)
		format("woff2")
}

@font-face {
	font-family: Open Sans;
	font-style: italic;
	font-weight: 400;
	src: local("Open Sans Italic"), local("OpenSans-Italic"),
		url(/packs/media/namespaces/shared/fonts/OpenSans-Italic-14a4fbbd515e7f5cd8f3412a5c682ce2.woff2)
		format("woff2")
}

@font-face {
	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	src: local("Open Sans Semibold"), local("OpenSans-Semibold"),
		url(/packs/media/namespaces/shared/fonts/OpenSans-Semibold-fc4ef50392cc8c55b5cee4e2e081fc8b.woff2)
		format("woff2")
}

@font-face {
	font-family: Open Sans;
	font-style: italic;
	font-weight: 600;
	src: local("Open Sans Semibold Italic"),
		local("OpenSans-SemiboldItalic"),
		url(/packs/media/namespaces/shared/fonts/OpenSans-SemiboldItalic-2b812a29a64316fa7e5ffa9dab88674f.woff2)
		format("woff2")
}

@font-face {
	font-family: Open Sans;
	font-style: normal;
	font-weight: 700;
	src: local("Open Sans Bold"), local("OpenSans-Bold"),
		url(/packs/media/namespaces/shared/fonts/OpenSans-Bold-36da3683193c31e5fe6411b025b3cf25.woff2)
		format("woff2")
}

@font-face {
	font-family: Open Sans;
	font-style: normal;
	font-weight: 800;
	src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"),
		url(/packs/media/namespaces/shared/fonts/OpenSans-Extrabold-dd489907e7ca7cfd7a50eef00e428060.woff2)
		format("woff2")
}

html, input, select, textarea {
	font-family: Open Sans, sans-serif
}

fieldset[disabled] {
	opacity: .5;
	pointer-events: none
}

.body {
	font-size: .875rem;
	line-height: 1.75;
	margin-bottom: 10px
}

.fieldset--no-border {
	border: 0;
	margin: 0;
	padding: 0
}

.label--required:after {
	content: "*"
}

::-webkit-input-placeholder {
	color: #ced5db;
	font-weight: 500
}

::-moz-placeholder {
	color: #ced5db;
	font-weight: 500
}

:-ms-input-placeholder {
	color: #ced5db;
	font-weight: 500
}

::-ms-input-placeholder {
	color: #ced5db;
	font-weight: 500
}

::placeholder {
	color: #ced5db;
	font-weight: 500
}

body {
	margin: 0
}

body, html {
	height: 100%
}

html {
	background-attachment: fixed;
	background-color: #d7dde2;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 1rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	line-height: 1.5;
	min-height: 100%;
	padding: 0;
	position: relative
}

html.center, html.tile {
	background-size: auto
}

html.tile {
	background-repeat: repeat
}

html.paused {
	background-color: #d7dde2
}

.donations--layout--container {
	margin: 0 auto;
	max-width: 25.875rem;
	min-width: 20rem;
	overflow: hidden;
	transition: margin .125s linear
}

@media screen and (min-width:25.9375rem) {
	.donations--layout--container {
		margin-bottom: 2.5rem;
		margin-top: 4.8125rem
	}
}

@media screen and (min-width:46.0625rem) {
	.donations--layout--container {
		margin-left: 1.25rem;
		margin-right: 1.25rem;
		margin-top: 6.6875rem;
		max-width: 56.25rem
	}
	.donations--layout--container.form-layout--standard,
		.donations--layout--container.form-layout--story,
		.donations--layout--container.form-type--multi-step {
		margin-left: auto;
		margin-right: auto;
		max-width: 25.875rem
	}
}

@media screen and (min-width:46.0625rem) and (min-width:46.0625rem) {
	.donations--layout--container.form-layout--standard.form-alignment--left,
		.donations--layout--container.form-layout--story.form-alignment--left,
		.donations--layout--container.form-type--multi-step.form-alignment--left
		{
		margin-left: 3.75rem;
		margin-right: auto
	}
	.donations--layout--container.form-layout--standard.form-alignment--right,
		.donations--layout--container.form-layout--story.form-alignment--right,
		.donations--layout--container.form-type--multi-step.form-alignment--right
		{
		margin-left: auto;
		margin-right: 3.75rem
	}
	.embed .donations--layout--container.form-layout--standard, .embed .donations--layout--container.form-layout--story,
		.embed .donations--layout--container.form-type--multi-step {
		margin-left: auto;
		margin-right: auto
	}
}

@media screen and (min-width:46.0625rem) {
	.donations--layout--container.form-layout--story {
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 50rem !important
	}
}

@media screen and (min-width:58.75rem) {
	.donations--layout--container {
		margin-left: auto;
		margin-right: auto
	}
}

.embed .donations--layout--container {
	margin-top: 0
}

:focus[type=email], :focus[type=number], :focus[type=password], :focus[type=tel],
	:focus[type=text], select:focus, textarea:focus {
	border-color: #43525e !important;
	box-shadow: -1px -1px 0 #43525e, 1px 1px 0 #43525e, -1px 1px 0 #43525e,
		1px -1px 0 #43525e;
	outline: none
}

[disabled][type=email], [disabled][type=number], [disabled][type=password],
	[disabled][type=tel], [disabled][type=text], select[disabled], textarea[disabled]
	{
	opacity: .5 !important
}

.error[type=email], .error[type=number], .error[type=password], .error[type=tel],
	.error[type=text], select.error, textarea.error {
	border-color: #d12429;
	z-index: 2
}

.-large[type=email], .-large[type=number], .-large[type=password],
	.-large[type=tel], .-large[type=text], select.-large, textarea.-large {
	font-size: 1.25rem
}

[data-one-click-donate] [data-submit-button]:last-child {
	border-radius: .25rem;
	width: 100%
}

[data-one-click-donate] .one-click-donate--show, [data-one-click-donate] [data-submit-container]:not
	(.one-click-donate--hide ) {
	display: block !important
}

[data-one-click-donate] .amount-indicator, [data-one-click-donate] .back,
	[data-one-click-donate] .one-click-donate--hide, [data-one-click-donate] .step-indicator,
	[data-one-click-donate] .step-nav {
	display: none
}

[data-one-click-donate] .campaign-amounts--amount {
	font-size: 1.0625rem;
	font-weight: 700
}

[data-one-click-donate] .campaign-amounts--amount:before {
	content: attr(data-charge)
}

[data-one-click-donate] .campaign-amounts--button {
	min-width: 50%
}

[data-one-click-donate] .donations--layout--container {
	max-width: 25.9375rem
}

.form-type--multi-step .step {
	display: none;
	margin: 0;
	width: 100%
}

.form-type--multi-step .step-active {
	display: block
}

.page-container {
	display: flex;
	flex-direction: column;
	min-height: 100%
}

.page-content {
	flex: 1 1 auto
}

.story--header-image {
	display: block;
	margin: 20px auto;
	max-width: 100%
}

@font-face {
	font-family: anedot-icons;
	font-style: normal;
	font-weight: 400;
	src:
		url(/packs/media/namespaces/shared/fonts/anedot-icons-28ab1f695708255c6f5e40f8a28276d3.eot);
	src:
		url(/packs/media/namespaces/shared/fonts/anedot-icons-28ab1f695708255c6f5e40f8a28276d3.eot#iefix)
		format("embedded-opentype"),
		url(/packs/media/namespaces/shared/fonts/anedot-icons-46ff63553c11cac3f96d541714c2dbff.ttf)
		format("truetype"),
		url(/packs/media/namespaces/shared/fonts/anedot-icons-e9558ea3faa05ab1c82d70e60b5910fc.woff)
		format("woff"),
		url(/packs/media/namespaces/shared/fonts/anedot-icons-67fb5ab1c8134e2f21147a08eaadbc2b.svg#anedot-icons)
		format("svg")
}

i {
	font-family: anedot-icons !important;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-feature-settings: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	speak: none;
	text-transform: none
}

i.info:before {
	content: "\e900"
}

i.not-ok:before {
	content: "\e901"
}

i.ok:before {
	content: "\e902"
}

i.card:before {
	content: "\e903"
}

i.location:before {
	content: "\e904"
}

i.lock:before {
	content: "\e905"
}

i.calendar:before {
	content: "\e906"
}

i.email:before {
	content: "\e907"
}

i.phone:before {
	content: "\e908"
}

i.donorid .donorid--body:before {
	content: "\e909"
}

.bounce-in {
	-webkit-animation: bounce-in .25s linear forwards;
	animation: bounce-in .25s linear forwards
}

@
-webkit-keyframes bounce-in { 0% {
	opacity: 0;
	transform: scale(0)
}

40%
{
transform
:scale
(1
.1
)

 
}
75%
{
transform
:scale
(
.95
)

 
}
90%
{
transform
:scale
(1
.02
)

 
}
to {
	opacity: 1;
	transform: scale(1)
}

}
@
keyframes bounce-in { 0% {
	opacity: 0;
	transform: scale(0)
}

40%
{
transform
:scale
(1
.1
)

 
}
75%
{
transform
:scale
(
.95
)

 
}
90%
{
transform
:scale
(1
.02
)

 
}
to {
	opacity: 1;
	transform: scale(1)
}

}
.fade-in {
	-webkit-animation: fade-in .125s linear forwards;
	animation: fade-in .125s linear forwards
}

@
-webkit-keyframes fade-in { 0% {
	opacity: 0
}

to {
	opacity: 1
}

}
@
keyframes fade-in { 0% {
	opacity: 0
}

to {
	opacity: 1
}

}
.overlay .column, .sweep-in-from-bottom {
	-webkit-animation: sweep-in-from-bottom .125s ease-in forwards;
	animation: sweep-in-from-bottom .125s ease-in forwards
}

@
-webkit-keyframes sweep-in-from-bottom { 0% {
	opacity: 0;
	transform: translateY(25%)
}

50%
{
opacity
:
0

 
}
to {
	opacity: 1;
	transform: translateY(0)
}

}
@
keyframes sweep-in-from-bottom { 0% {
	opacity: 0;
	transform: translateY(25%)
}

50%
{
opacity
:
0

 
}
to {
	opacity: 1;
	transform: translateY(0)
}

}
.card-flip {
	-webkit-animation: card-flip .25s linear forwards;
	animation: card-flip .25s linear forwards;
	transform: translateZ(0)
}

@
-webkit-keyframes card-flip { 0% {
	transform: rotateY(0)
}

50%
{
transform
:rotateY(90deg)

 
}
50%
{
transform
:rotateY(-90deg)

 
}
to {
	transform: rotateX(0)
}

}
@
keyframes card-flip { 0% {
	transform: rotateY(0)
}

50%
{
transform
:rotateY(90deg)

 
}
50%
{
transform
:rotateY(-90deg)

 
}
to {
	transform: rotateX(0)
}

}
.slide-down {
	-webkit-animation: slide-down .5s ease-in forwards;
	animation: slide-down .5s ease-in forwards
}

@
-webkit-keyframes slide-down { 0% {
	opacity: 0;
	transform: translateY(-100%)
}

to {
	opacity: 1;
	transform: translateY(0)
}

}
@
keyframes slide-down { 0% {
	opacity: 0;
	transform: translateY(-100%)
}

to {
	opacity: 1;
	transform: translateY(0)
}

}
.swing-show {
	-webkit-animation: swing-show .125s ease-in forwards;
	animation: swing-show .125s ease-in forwards;
	transform-origin: top
}

@
-webkit-keyframes swing-show { 0% {
	opacity: 0;
	transform: rotateX(-90deg)
}

to {
	opacity: 1;
	transform: rotateX(0)
}

}
@
keyframes swing-show { 0% {
	opacity: 0;
	transform: rotateX(-90deg)
}

to {
	opacity: 1;
	transform: rotateX(0)
}

}
.step-in-left {
	-webkit-animation: step-in-left .5s ease forwards;
	animation: step-in-left .5s ease forwards
}

@
-webkit-keyframes step-in-left { 0% {
	opacity: 0;
	transform: translateX(110%)
}

to {
	opacity: 1;
	transform: translateX(0)
}

}
@
keyframes step-in-left { 0% {
	opacity: 0;
	transform: translateX(110%)
}

to {
	opacity: 1;
	transform: translateX(0)
}

}
.step-in-right {
	-webkit-animation: step-in-right .5s ease forwards;
	animation: step-in-right .5s ease forwards
}

@
-webkit-keyframes step-in-right { 0% {
	opacity: 0;
	transform: translateX(-110%)
}

to {
	opacity: 1;
	transform: translateX(0)
}

}
@
keyframes step-in-right { 0% {
	opacity: 0;
	transform: translateX(-110%)
}

to {
	opacity: 1;
	transform: translateX(0)
}

}
.campaign-goal-status-bar {
	-webkit-animation: campaign-goal-status-bar .25s ease-in forwards;
	animation: campaign-goal-status-bar .25s ease-in forwards;
	transform-origin: left
}

@
-webkit-keyframes campaign-goal-status-bar { 0% {
	opacity: 0;
	transform: scaleX(0)
}

to {
	opacity: 1;
	transform: scaleX(1)
}

}
@
keyframes campaign-goal-status-bar { 0% {
	opacity: 0;
	transform: scaleX(0)
}

to {
	opacity: 1;
	transform: scaleX(1)
}

}
@
-webkit-keyframes donorid--overlay { 0% {
	opacity: 0
}

to {
	opacity: 1
}

}
@
keyframes donorid--overlay { 0% {
	opacity: 0
}

to {
	opacity: 1
}

}
@
-webkit-keyframes donorid--modal { 0% {
	transform: translateY(5%)
}

50%
{
transform
:translateY
(5%)

 
}
to {
	transform: translateY(0)
}

}
@
keyframes donorid--modal { 0% {
	transform: translateY(5%)
}

50%
{
transform
:translateY
(5%)

 
}
to {
	transform: translateY(0)
}

}
@
-webkit-keyframes donorid--submit-processing {to { transform:rotate(1turn)
	
}

}
@
keyframes donorid--submit-processing {to { transform:rotate(1turn)
	
}

}
@
-webkit-keyframes donorid--signin-error { 0% {
	transform: translateX(-2px)
}

20%
{
transform
:translateX(4px)

 
}
40%
{
transform
:translateX(-4px)

 
}
60%
{
transform
:translateX(2px)

 
}
80%
{
transform
:translateX(-1px)

 
}
to {
	transform: translateX(0)
}

}
@
keyframes donorid--signin-error { 0% {
	transform: translateX(-2px)
}

20%
{
transform
:translateX(4px)

 
}
40%
{
transform
:translateX(-4px)

 
}
60%
{
transform
:translateX(2px)

 
}
80%
{
transform
:translateX(-1px)

 
}
to {
	transform: translateX(0)
}

}
@
-webkit-keyframes slide-down-with-opacity { 0% {
	opacity: 0;
	transform: scaleY(0)
}

to {
	opacity: 1;
	transform: scaleY(1)
}

}
@
keyframes slide-down-with-opacity { 0% {
	opacity: 0;
	transform: scaleY(0)
}

to {
	opacity: 1;
	transform: scaleY(1)
}

}
.-margin-bottom {
	margin-bottom: 20px
}

.col, .donations--form--header img, .step-nav .submit-button, .step-nav a,
	[type=email], [type=number], [type=password], [type=tel], [type=text],
	select, textarea {
	box-sizing: border-box
}

.overlay {
	display: table
}

.overlay .row {
	display: table-cell;
	vertical-align: middle
}

.capitalize {
	text-transform: capitalize
}

.code textarea {
	font-family: monospace;
	font-size: 14px;
	font-weight: 400
}

.clearfix:after, .clearfix:before, .confirmation--donation-item:after,
	.confirmation--donation-item:before, .row:after, .row:before, .step-nav:after,
	.step-nav:before {
	content: "";
	display: table
}

.clearfix:after, .confirmation--donation-item:after, .row:after,
	.step-nav:after {
	clear: both
}

.cursor-grab {
	cursor: -webkit-grab;
	cursor: grab
}

.ellipsis, .truncate .donation-items--description-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.form-field-container {
	max-width: 500px
}

.form-field-container.-centered {
	margin: auto
}

.hide {
	display: none !important
}

.highlight, .recurring-options--checkbox, .recurring-options--required {
	background: rgba(255, 250, 23, .5);
	border-radius: .125rem;
	display: inline-block;
	padding: 0 .3125rem
}

.nowrap {
	white-space: nowrap
}

.overflow-hidden {
	overflow: hidden
}

.perspective {
	perspective: 800px
}

.text-uppercase {
	text-transform: uppercase
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.bank-accounts--account input, .bank-accounts--routing--number {
	background-position: 10px;
	background-repeat: no-repeat;
	padding-left: 26px !important;
	padding-right: 26px !important
}

#page-content .bank-accounts--label {
	margin-bottom: 0
}

#page-content .bank-accounts--account--confirmation, #page-content .bank-accounts--account--number,
	#page-content .bank-accounts--routing--number {
	margin-bottom: 1.25rem
}

#page-content .bank-accounts--account--type {
	margin-top: .3125rem
}

#page-content .bank-accounts--routing--bank-name {
	margin: -.9375rem 0 .9375rem
}

.bank-accounts--account {
	display: flex
}

.bank-accounts--account input {
	background-image:
		url(/packs/media/namespaces/shared/images/ico-bank-account-7a89cbe422d77c915a10f3b157271b45.svg);
	flex: 1 1 auto;
	min-width: .0625rem
}

.bank-accounts--account--number {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.bank-accounts--account--confirmation {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	margin-left: -1px
}

.bank-accounts--account--type {
	background-color: #8797a3;
	border: 1px solid #8797a3;
	border-radius: .25rem;
	overflow: hidden
}

.bank-accounts--account--type .segmented-controls {
	margin: 0
}

.bank-accounts--account--type .segmented-controls label {
	border-bottom: 0;
	border-left: 0
}

.bank-accounts--account--type .segmented-controls label:first-of-type {
	border-radius: 0
}

.bank-accounts--account--type .segmented-controls label:last-of-type {
	border-radius: 0;
	border-right: 0
}

.error .bank-accounts--account--type {
	border-color: #d12429
}

.new_account .error .bank-accounts--account--type {
	border-color: #8797a3
}

.bank-accounts--routing--bank-name {
	color: #9fafbb;
	font-size: .75rem;
	margin-top: .3125rem
}

.bank-accounts--routing--number {
	background:
		url(/packs/media/namespaces/shared/images/ico-bank-route-cbafd2f2d3f408bf27f9d2ae0bb992fd.svg)
		no-repeat 10px,
		url(/packs/media/namespaces/shared/images/ico-bank-route-cbafd2f2d3f408bf27f9d2ae0bb992fd.svg)
		no-repeat right 10px center;
	margin-bottom: 0
}

#flash {
	background: #2782bd
		url(/packs/media/namespaces/shared/images/icons/dismiss-outline-1f768cbb4047f3ddec6115ef6ed393a1.svg)
		no-repeat right 15px center;
	color: #fff;
	cursor: pointer;
	font-size: .875em;
	font-weight: 400;
	line-height: 1.43;
	margin: 0;
	padding: 15px;
	text-align: center
}

#flash:hover {
	opacity: .9
}

.float-labels {
	background-color: #fff;
	border: 1px solid #9fafbb;
	border-radius: 4px;
	height: 50px;
	position: relative;
	transition: all .2s ease-out
}

.float-labels .-is-filled, .float-labels :not(select):focus {
	color: #20313e;
	opacity: 1
}

.float-labels .-is-filled ~label, .float-labels :not(select):focus
	~label {
	color: #43525e;
	font-size: .688rem;
	font-weight: 400;
	padding-top: 8px
}

.float-labels input {
	background: 0 0;
	border: 0;
	bottom: 0;
	box-shadow: none !important;
	color: transparent;
	font-size: .875rem;
	font-weight: 600;
	left: 0;
	margin: 0 !important;
	opacity: 0;
	padding: 20px 15px 8px;
	position: absolute;
	top: 0;
	transition: all .2s ease-out
}

.float-labels input::-webkit-input-placeholder {
	opacity: 1
}

.float-labels input::-moz-placeholder {
	opacity: 1
}

.float-labels input:-ms-input-placeholder {
	opacity: 1
}

.float-labels input::-ms-input-placeholder {
	opacity: 1
}

.float-labels input::placeholder {
	opacity: 1
}

.float-labels input:placeholder-shown:not (:focus )::-webkit-input-placeholder
	{
	opacity: 0
}

.float-labels input:placeholder-shown:not (:focus )::-moz-placeholder {
	opacity: 0
}

.float-labels input:placeholder-shown:not (:focus ):-ms-input-placeholder
	{
	opacity: 0
}

.float-labels input:placeholder-shown:not (:focus )::-ms-input-placeholder
	{
	opacity: 0
}

.float-labels input:-moz-placeholder-shown:not (:focus )::placeholder {
	opacity: 0
}

.float-labels input:-ms-input-placeholder:not (:focus )::placeholder {
	opacity: 0
}

.float-labels input:placeholder-shown:not (:focus )::placeholder {
	opacity: 0
}

.float-labels label {
	color: #43525e;
	cursor: text;
	font-size: .875rem;
	font-weight: 500;
	left: 0;
	line-height: 1;
	margin: 0;
	padding: 17px 15px 0;
	position: absolute;
	top: 0;
	transition: all .2s ease-out;
	white-space: nowrap;
	width: 100%
}

.float-labels select {
	background-color: transparent;
	border: 0;
	box-shadow: none !important;
	color: #20313e;
	font-weight: 400;
	left: 1px;
	padding: 14px 15px 15px;
	position: relative;
	transition: all .2s ease-out;
	z-index: 1
}

.float-labels select ~label {
	z-index: 0
}

.float-labels select.error {
	color: #d12429
}

.float-labels select.-is-filled {
	font-weight: 600;
	padding-bottom: 8px;
	padding-top: 21px
}

.float-labels .error ~label {
	color: #d12429
}

.float-labels.-focused {
	border: 1px solid #43525e !important;
	border-radius: 4px !important;
	box-shadow: -1px -1px 0 #43525e, 1px 1px 0 #43525e, -1px 1px 0 #43525e,
		1px -1px 0 #43525e;
	z-index: 1
}

.float-labels.-has-icon input, .float-labels.-has-icon label {
	padding-left: 48px
}

.float-labels.-large {
	height: 54px
}

.float-labels.-large input {
	font-size: 1.25rem
}

.address {
	perspective: 800px
}

.edit_commitment .address label, .edit_user .address label {
	margin-bottom: 5px
}

.address--row {
	display: flex;
	position: relative;
	width: 100%
}

.address:not (.-folded ) .address--row:first-of-type:only-of-type :first-child:not
	(:only-child ) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.address:not (.-folded ) .address--row:first-of-type:only-of-type :last-child:not
	(:only-child ) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.address:not (.-folded ) .address--row:first-of-type:not (:only-of-type
	) :first-child {
	border-bottom-left-radius: 0
}

.address:not (.-folded ) .address--row:first-of-type:not (:only-of-type
	) :first-child:not (:only-child ) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.address:not (.-folded ) .address--row:first-of-type:not (:only-of-type
	) :last-child {
	border-bottom-right-radius: 0
}

.address:not (.-folded ) .address--row:first-of-type:not (:only-of-type
	) :last-child:not (:only-child ) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.address:not (.-folded ) .address--row:last-of-type:not (:only-of-type ) *
	{
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.address:not (.-folded ) .address--row:last-of-type:not (:only-of-type ) :not
	(:only-child ):not (:first-child ) {
	border-bottom-left-radius: 0
}

.address:not (.-folded ) .address--row:last-of-type:not (:only-of-type ) :not
	(:only-child ):not (:last-child ) {
	border-bottom-right-radius: 0
}

.address:not (.-folded ) .address--row:not (:first-of-type ) {
	margin-top: -1px
}

.address:not (.-folded ) .address--row:not (:first-of-type ):not (:last-child
	) * {
	border-radius: 0
}

.address--row * {
	flex: 1 1 50%;
	margin: 0 0 0 -1px !important;
	min-width: 1px
}

.address--row.-foldable {
	opacity: 1;
	transition: opacity .125s ease-in
}

.-folded .address--row.-foldable {
	height: 0;
	opacity: 0;
	overflow: hidden
}

.address--state-container {
	flex-basis: 25%
}

.address--street1-container {
	border-top-right-radius: 4px !important
}

.address--street1-container input:not (:focus ) {
	padding-right: 36% !important
}

.address--street-2-container {
	flex: 0 1;
	position: absolute !important;
	right: 0;
	top: 0;
	width: 33%
}

.-folded .address--street-2-container {
	display: none
}

.address--zip-container {
	flex-basis: 25%
}

.pac-container {
	-webkit-animation: slide-down-with-opacity .125s ease-in forwards;
	animation: slide-down-with-opacity .125s ease-in forwards;
	border: 0;
	border-bottom: 0;
	border-radius: 0;
	box-shadow: 1px 1px 0 #9fafbb, -1px 1px 0 #9fafbb;
	font-family: inherit;
	margin-top: 2px;
	transform-origin: center top
}

.pac-icon {
	display: none
}

.pac-item {
	border: 0;
	color: #8797a3;
	cursor: pointer;
	font-size: .875rem;
	font-weight: 400;
	padding: 5px 15px
}

.pac-item.pac-item-selected, .pac-item:hover {
	background-color: #eff2f5
}

.pac-item-query {
	color: #8797a3;
	font-size: .875rem
}

.pac-logo:after {
	background: #f9fafb
		url(/packs/media/components/input-for-address/images/powered-by-google-59c73e03ae879d02c82915121513e2ea.svg)
		no-repeat 50% !important;
	height: 30px;
	margin-left: -1px;
	margin-right: -1px
}

.pac-matched {
	color: #20313e;
	font-size: .875rem;
	font-weight: 600
}

@
supports (-webkit-appearance:-apple-pay-button ) { .apple-pay-button {
	-webkit-appearance:-apple-pay-button;
	display: inline-block
}

.apple-pay-button-black {
	-apple-pay-button-style: #000
}

.apple-pay-button-white {
	-apple-pay-button-style: #fff
}

.apple-pay-button-white-with-line {
	-apple-pay-button-style: white-outline
}

}
@
supports not (-webkit-appearance:-apple-pay-button ) { .apple-pay-button
	{ background-position:50%50%;
	background-repeat: no-repeat;
	background-size: 100% 60%;
	border-radius: 5px;
	box-sizing: border-box;
	display: inline-block;
	max-height: 64px;
	min-height: 32px;
	min-width: 200px;
	padding: 0
}

.apple-pay-button-black {
	background-color: #000;
	background-image: -webkit-named-image(apple-pay-logo-white)
}

.apple-pay-button-white, .apple-pay-button-white-with-line {
	background-color: #fff;
	background-image: -webkit-named-image(apple-pay-logo-black)
}

.apple-pay-button-white-with-line {
	border: .5px solid #000
}

}
.apple-pay-button {
	cursor: pointer;
	height: 45px;
	width: 100%
}

.apple-pay-button.-disabled {
	cursor: default;
	opacity: .2
}

.payment--errors {
	text-align: center
}

.payment--errors span {
	-webkit-animation: payment--inputs--animation--sweep-in-down .125s
		ease-in forwards;
	animation: payment--inputs--animation--sweep-in-down .125s ease-in
		forwards;
	background:
		url(/packs/media/namespaces/shared/images/components/payment/error-3174c90aed854d2b0a8bee906663857d.svg)
		no-repeat 0;
	color: #d12429;
	display: none;
	font-size: .75rem;
	font-weight: 700;
	margin-top: 10px;
	padding-left: 20px
}

@
-webkit-keyframes payment--inputs--animation--sweep-in-down { 0% {
	opacity: 0;
	transform: translateY(-100%)
}

50%
{
opacity
:
0

 
}
to {
	opacity: 1;
	transform: translateY(0)
}

}
@
keyframes payment--inputs--animation--sweep-in-down { 0% {
	opacity: 0;
	transform: translateY(-100%)
}

50%
{
opacity
:
0

 
}
to {
	opacity: 1;
	transform: translateY(0)
}

}
.payment--errors span.show {
	display: inline-block
}

.payment--fields {
	display: flex;
	flex-wrap: wrap
}

.payment--fields>div {
	box-sizing: border-box;
	flex: 1 1 auto;
	width: 33.3%
}

.payment-inputs-validated .payment--fields>div {
	border-color: #7ebe1f
}

.payment--fields .payment--fields--bottom--center {
	border-bottom-left-radius: 0;
	border-left: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.payment--fields .payment--fields--bottom--center:not (:last-child ) {
	border-bottom-right-radius: 0;
	border-right: 0
}

.payment--fields .payment--fields--bottom--left {
	border-bottom-right-radius: 0;
	border-right: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.payment--fields .payment--fields--top--full {
	border-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	flex: 1 0 auto;
	margin-bottom: 0;
	width: 100%
}

.payment--fields .payment--fields--bottom--right {
	border-bottom-left-radius: 0;
	border-left: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.payment--fields--icon--card {
	background:
		url(/packs/media/namespaces/shared/images/components/payment/card/generic-20a13c16fb14f89fb447cae9db3a3388.svg)
		no-repeat 50%;
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	transition: background .125s ease-in;
	width: 48px
}

.american-express .payment--fields--icon--card {
	background-image:
		url(/packs/media/namespaces/shared/images/components/payment/card/american-express-7d935cd67cc95457aa0cb8a1a5054af1.svg)
}

.discover .payment--fields--icon--card {
	background-image:
		url(/packs/media/namespaces/shared/images/components/payment/card/discover-a6af89a9104863e5418cec113e0f6edf.svg)
}

.master .payment--fields--icon--card {
	background-image:
		url(/packs/media/namespaces/shared/images/components/payment/card/master-e759df6ddc3663dee5738c966e451362.svg)
}

.visa .payment--fields--icon--card {
	background-image:
		url(/packs/media/namespaces/shared/images/components/payment/card/visa-50188b5651c772020f490063e4568da7.svg)
}

.cvc-is-focused:not (.american-express ) .payment--fields--icon--card {
	-webkit-animation: payment--inputs--animation--flip-x .25s linear
		forwards;
	animation: payment--inputs--animation--flip-x .25s linear forwards;
	background-image:
		url(/packs/media/namespaces/shared/images/components/payment/cvc/generic-8a35560e4de11fad5768873c38de05fb.svg)
}

@
-webkit-keyframes payment--inputs--animation--flip-x { 0% {
	transform: perspective(400px) translateZ(75px) rotateY(-90deg)
}

to {
	transform: perspective(400px) rotateY(0)
}

}
@
keyframes payment--inputs--animation--flip-x { 0% {
	transform: perspective(400px) translateZ(75px) rotateY(-90deg)
}

to {
	transform: perspective(400px) rotateY(0)
}

}
.cvc-is-focused.american-express .payment--fields--icon--card {
	background-image:
		url(/packs/media/namespaces/shared/images/components/payment/cvc/american-express-6f4e47ee164e8f606a3a319a3273f1e2.svg)
}

.payment--fields--icon--status {
	background-position: 50%;
	background-repeat: no-repeat;
	height: 13px;
	left: 29px;
	position: absolute;
	top: 26px;
	width: 13px
}

.payment-inputs-error .payment--fields--icon--status,
	.payment-inputs-validated .payment--fields--icon--status {
	-webkit-animation: payment--inputs--animation--bounce-in .25s linear
		forwards;
	animation: payment--inputs--animation--bounce-in .25s linear forwards
}

@
-webkit-keyframes payment--inputs--animation--bounce-in { 0% {
	opacity: 0;
	transform: scale(.25)
}

60%
{
transform
:scale
(1
.25
)

 
}
70%
{
transform
:scale
(
.9
)

 
}
80%
{
transform
:scale
(1
.1
)

 
}
90%
{
transform
:scale
(
.95
)

 
}
to {
	opacity: 1;
	transform: scale(1)
}

}
@
keyframes payment--inputs--animation--bounce-in { 0% {
	opacity: 0;
	transform: scale(.25)
}

60%
{
transform
:scale
(1
.25
)

 
}
70%
{
transform
:scale
(
.9
)

 
}
80%
{
transform
:scale
(1
.1
)

 
}
90%
{
transform
:scale
(
.95
)

 
}
to {
	opacity: 1;
	transform: scale(1)
}

}
.payment-inputs-error .payment--fields--icon--status {
	background-image:
		url(/packs/media/namespaces/shared/images/components/payment/status/invalid-d5769e6d9c549f9944375ca0cd0c3c84.svg)
}

.payment-inputs-validated .payment--fields--icon--status {
	background-image:
		url(/packs/media/namespaces/shared/images/components/payment/status/valid-008e076d6b4125d8f988264658a67923.svg)
}

.payment-inputs {
	border-radius: .3125rem;
	position: relative
}

.payment-inputs .segmented-control {
	margin-top: .9375rem
}

.payment-inputs--method-new--nav input:checked+label {
	border-color: #ced5db;
	color: #20313e;
	font-weight: 700
}

.error input, .error select {
	border-color: #d12429
}

.donations--layout--container .payment-inputs-error {
	border-color: #d12429 !important;
	box-shadow: inset 1px 1px 0 #d12429, inset -1px -1px 0 #d12429, inset
		-1px 1px 0 #d12429, inset 1px -1px 0 #d12429
}

.donor--user--form .payment-inputs-error label {
	color: #d12429
}

.input-for-custom-fields .checkbox {
	border: 1px solid #eff2f5;
	border-radius: .3125rem;
	padding: .625rem;
	margin-bottom: .9375rem
}

.input-for-custom-fields .checkbox .checkbox {
	margin: 0
}

.donations--form--body .input-for-donor-fees--input input {
	display: none
}

.donations--form--body .input-for-donor-fees--input input:checked+label span:after
	{
	content: ""
}

.donations--form--body .input-for-donor-fees--input label {
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	padding: 10px;
	position: relative
}

.donations--form--body .input-for-donor-fees--input label span {
	display: inline-block;
	padding: 2px 0 0 36px;
	position: relative
}

.donations--form--body .input-for-donor-fees--input label span:after {
	border: 3px solid #fff;
	border-left: 0;
	border-top: 0;
	height: 12px;
	left: 10px;
	position: absolute;
	top: 5px;
	transform: rotate(45deg);
	width: 5px
}

.donations--form--body .input-for-donor-fees--input label span:before {
	border: 2px solid #fff;
	border-radius: 4px;
	content: "";
	height: 24px;
	left: 0;
	position: absolute;
	top: 0;
	width: 24px
}

.donations--form--body .input-for-donor-fees--summary {
	display: flex;
	font-size: 14px;
	font-weight: 300;
	justify-content: space-around;
	margin-bottom: 5px
}

.donations--form--body .input-for-donor-fees--summary span {
	font-weight: 600
}

.donor-fees {
	border: 2px solid transparent;
	border-radius: 8px;
	margin-bottom: 20px;
	margin-top: 10px;
	text-align: center
}

.donor-fees--description {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 20px
}

.donor-fees--description.-font-weight--light {
	font-weight: 400
}

.donor-fees--description.-font-weight--light span {
	font-weight: 600
}

.input-for-donor-fees--summary {
	display: none
}

.campaign-amounts {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.0625rem;
	overflow: hidden
}

.campaign-amounts--amount {
	flex: 1 1;
	font-size: 1.25rem;
	font-weight: 800;
	padding: 0 1rem;
	vertical-align: middle
}

.descriptor .campaign-amounts--amount {
	flex: none
}

.campaign-amounts--button {
	box-sizing: border-box;
	flex: 1 1 33.3%;
	min-width: 33.3%;
	padding: 0 .0625rem .125rem
}

.campaign-amounts--button label {
	align-items: center;
	background: #ced5db;
	color: #43525e;
	cursor: pointer;
	display: flex;
	line-height: 3.125rem;
	margin: 0;
	text-align: center
}

.campaign-amounts--button.selected label, .campaign-amounts--button :checked+label
	{
	background: #2782bd;
	color: #fff
}

.campaign-amounts--button.descriptor {
	flex: 1 1 100%;
	min-width: 100%
}

.campaign-amounts--button .campaign-amounts--radio {
	display: none
}

.not-changed .campaign-amounts--button label {
	background: #2782bd;
	color: #fff
}

.campaign-amounts--descriptor {
	flex: 1 1 auto;
	font-size: .75rem;
	font-weight: 600;
	line-height: 1.0625rem;
	padding: .625rem;
	text-align: right
}

@media screen and (min-width:46.0625rem) {
	.campaign-amounts:not (.donation-items ) {
		margin: 0 -2%
	}
	.campaign-amounts--button {
		padding: 0 2% .625rem
	}
	.campaign-amounts--button label {
		border-radius: .25rem
	}
}

.campaign-amounts--other-amount {
	border: 0 !important;
	border-radius: 0;
	box-shadow: none !important;
	font-size: .875rem;
	line-height: 1.875rem;
	margin: 0;
	text-align: center;
	transition: all .125s linear
}

@media screen and (min-width:46.0625rem) {
	.campaign-amounts--other-amount {
		border-radius: .125rem
	}
}

.campaign-amounts--other-amount:not (:focus ):empty {
	background-color: transparent;
	color: inherit
}

.campaign-amounts--other-amount:not (:focus ):empty::-webkit-input-placeholder
	{
	color: inherit;
	font-weight: 600
}

.campaign-amounts--other-amount:not (:focus ):empty::-moz-placeholder {
	color: inherit;
	font-weight: 600
}

.campaign-amounts--other-amount:not (:focus ):empty:-ms-input-placeholder
	{
	color: inherit;
	font-weight: 600
}

.campaign-amounts--other-amount:not (:focus ):empty::-ms-input-placeholder
	{
	color: inherit;
	font-weight: 600
}

.campaign-amounts--other-amount:not (:focus ):empty::placeholder {
	color: inherit;
	font-weight: 600
}

.not-changed .campaign-amounts--other-amount:not (:focus ):empty {
	color: #fff
}

.not-changed .campaign-amounts--other-amount:not (:focus ):empty::-webkit-input-placeholder
	{
	color: #fff;
	font-weight: 600
}

.not-changed .campaign-amounts--other-amount:not (:focus ):empty::-moz-placeholder
	{
	color: #fff;
	font-weight: 600
}

.not-changed .campaign-amounts--other-amount:not (:focus ):empty:-ms-input-placeholder
	{
	color: #fff;
	font-weight: 600
}

.not-changed .campaign-amounts--other-amount:not (:focus ):empty::-ms-input-placeholder
	{
	color: #fff;
	font-weight: 600
}

.not-changed .campaign-amounts--other-amount:not (:focus ):empty::placeholder
	{
	color: #fff;
	font-weight: 600
}

.error ~.campaign-amounts .campaign-amounts--other-amount {
	background-color: #fff
}

.error ~.campaign-amounts .campaign-amounts--other-amount::-webkit-input-placeholder
	{
	color: #9fafbb;
	font-weight: 400
}

.error ~.campaign-amounts .campaign-amounts--other-amount::-moz-placeholder
	{
	color: #9fafbb;
	font-weight: 400
}

.error ~.campaign-amounts .campaign-amounts--other-amount:-ms-input-placeholder
	{
	color: #9fafbb;
	font-weight: 400
}

.error ~.campaign-amounts .campaign-amounts--other-amount::-ms-input-placeholder
	{
	color: #9fafbb;
	font-weight: 400
}

.error ~.campaign-amounts .campaign-amounts--other-amount::placeholder {
	color: #9fafbb;
	font-weight: 400
}

.campaign-amounts--other-amount--label {
	padding: 3px !important
}

.donation-items {
	max-width: 100%
}

.donation-items .error {
	margin-bottom: 20px
}

.donation-items--description {
	display: flex;
	font-size: .75rem;
	line-height: 1rem;
	margin-top: .125rem;
	white-space: normal
}

.has-value .donation-items--description {
	color: #fff
}

.donation-items--description-more {
	color: #2ba4d2;
	cursor: pointer;
	display: none;
	font-size: .625rem;
	margin-left: .125rem
}

.has-value .donation-items--description-more {
	color: #fff
}

.truncate .donation-items--description-more {
	display: inline-block;
	flex: 1 0 auto
}

.truncate .donation-items--description-text {
	cursor: pointer;
	flex: 1 1 auto
}

.donation-items--group {
	border: 1px solid #d7dde2;
	border-radius: .1875rem;
	margin: 20px 0 0;
	min-width: 0;
	padding: 15px 15px 10px;
	width: 100%
}

.donation-items--group:first-of-type {
	margin-top: 0
}

.donation-items--group legend {
	background-color: #fcfcfd;
	border: 0;
	color: #43525e;
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	margin: 0 auto;
	padding: 0 15px;
	text-align: center;
	width: auto
}

.donation-items--group legend:empty {
	display: none
}

.donation-items--group.hide-label {
	border-color: transparent;
	padding-bottom: 0;
	padding-top: 0
}

.donation-items--group.hide-label+.hide-label {
	margin-top: 0
}

.donation-items--item {
	align-items: center;
	border-radius: 4px;
	clear: both;
	display: flex;
	margin-bottom: 5px;
	padding: 3px;
	position: relative
}

.donation-items--item input {
	align-self: flex-start;
	-moz-appearance: textfield;
	flex: 0 0 auto;
	font-weight: 400;
	height: 36px;
	margin: 0;
	text-align: center;
	width: 25%
}

.donation-items--item input:focus+span {
	border-color: #2782bd
}

.donation-items--item input.quantity {
	border-bottom-right-radius: 0;
	border-right: 0;
	border-top-right-radius: 0;
	margin: 0;
	width: 20%
}

.donation-items--item label {
	flex: 1 1 auto;
	font-weight: 400;
	line-height: 1.125rem
}

.donation-items--item .price {
	align-self: flex-start;
	background-color: #8797a3;
	border: 1px solid #8797a3;
	border-bottom-right-radius: 4px;
	border-left: 0;
	border-top-right-radius: 4px;
	box-sizing: border-box;
	color: #fff;
	flex: 0 0 auto;
	font-size: 13px;
	height: 36px;
	padding: .4375rem;
	text-align: left;
	white-space: nowrap;
	width: 30%
}

.donation-items--item.has-value {
	background-color: #2782bd
}

.donation-items--item.has-value.amount:before {
	color: #8797a3;
	content: "$";
	left: 9px;
	position: absolute;
	top: 9px;
	z-index: 1
}

.donation-items--item.has-value .price, .donation-items--item.has-value input
	{
	border-color: #2782bd
}

.donation-items--item.has-value label {
	color: #fff
}

.donation-items--label {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	max-width: 75%;
	overflow: hidden;
	padding-left: .9375rem
}

.donation-items--label.quantity {
	max-width: 50%
}

.recurring-options--checkbox, .recurring-options--required {
	font-size: .875rem;
	font-weight: 500;
	line-height: 1.25;
	margin-top: 10px;
	padding: 5px 7px 6px
}

.recurring-options--checkbox strong, .recurring-options--required strong
	{
	text-transform: capitalize
}

.recurring-options {
	display: flex;
	margin-bottom: 1.25rem
}

.recurring-options>* {
	background: #eff2f5;
	border: 1px solid #697b88;
	border-left: 0;
	color: #43525e;
	flex: 1 1;
	font-size: .6875rem;
	font-weight: 400;
	line-height: 2.25rem;
	padding: 0;
	text-align: center;
	white-space: nowrap
}

.recurring-options>:first-child {
	border-left: 1px solid #697b88
}

.recurring-options>* :checked+* {
	background: #697b88;
	color: #fff;
	font-size: .875rem;
	font-weight: 700
}

.recurring-options--checkbox {
	display: inline-flex
}

.recurring-options--checkbox input {
	margin: 3px 6px 0 0 !important
}

.recurring-options--option {
	flex: 1 1 auto
}

.recurring-options--option:first-of-type {
	border-radius: .1875rem 0 0 .1875rem
}

.recurring-options--option:last-of-type {
	border-radius: 0 .1875rem .1875rem 0
}

.recurring-options--option input {
	display: none
}

.recurring-options--option label {
	cursor: pointer;
	font-size: .75rem;
	font-weight: inherit;
	line-height: inherit;
	margin: 0;
	text-align: center
}

.recurring-options--required {
	margin-bottom: 20px
}

.tandem {
	border: 0;
	border-bottom: 1px solid #d7dde2;
	margin-bottom: 30px;
	padding: 0 0 15px
}

.tandem--amount {
	display: flex;
	padding: 0 15px
}

.tandem--amount--input {
	flex: 0 1 auto;
	width: 25%
}

.tandem--amount--input input {
	text-align: right
}

.tandem--amount--name {
	flex: 1 1 auto;
	padding-right: 20px;
	padding-top: 5px
}

.tandem--text {
	color: #43525e;
	font-size: .875rem
}

.tandem--text a {
	color: #2ba4d2;
	text-decoration: none
}

.tandem--text a:hover {
	text-decoration: underline
}

.input-for-name {
	display: flex;
	flex-flow: row wrap
}

.input-for-name>div {
	border-radius: 0;
	margin-left: -1px;
	min-width: 1px
}

.input-for-name>div:first-child {
	border-radius: .25rem 0 0 .25rem;
	margin-left: 0
}

.input-for-name>div:last-child {
	border-radius: 0 .25rem .25rem 0
}

.input-for-name--first, .input-for-name--last {
	flex: 5 0
}

.input-for-name--middle {
	flex: 0 0 19%
}

.input-for-name--suffix {
	flex: 0 0 17%
}

.input-for-name--title {
	flex: 0 0 19%
}

.input-for-payment--tabs [disabled] {
	display: none
}

.input-for-payment--tabs li {
	flex: 1 1 auto;
	line-height: 1;
	margin-left: .3125rem;
	margin-right: .3125rem;
	min-width: 1px;
	text-align: center
}

.input-for-payment--tabs li input {
	display: none
}

.input-for-payment--tabs li label {
	border-bottom: 2px solid transparent;
	color: #43525e;
	cursor: pointer;
	display: inline-block;
	font-size: .875rem;
	font-weight: 400;
	padding: 0 0 5px;
	position: relative
}

.input-for-payment--tabs li label.-has-icon {
	padding-top: 2px
}

.input-for-payment--tabs li label.-has-icon svg {
	display: block
}

.input-for-payment--tabs ul {
	display: flex;
	list-style: none;
	margin-left: -.3125rem;
	margin-right: -.3125rem;
	margin-top: 0;
	padding: 0
}

.input-for-payment--completion-amount {
	font-weight: 600
}

.input-for-payment--text {
	font-size: .8125rem;
	margin-top: 0;
	text-align: center
}

.password--fields {
	display: flex;
	margin-bottom: .9375rem
}

.password--fields>* {
	flex: 1 1
}

.password--password {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	flex: 1 1;
	margin: 0
}

.password--password-confirmation {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	flex: 1 1;
	margin: 0 0 0 -.0625rem
}

.password--meter {
	position: relative
}

.password--meter-indicator {
	bottom: -.375rem;
	display: flex;
	left: .6875rem;
	position: absolute;
	right: .6875rem
}

.password--meter-indicator--node {
	background-color: #9fafbb;
	flex: 1 0 auto;
	height: .1875rem;
	margin: 0 .0625rem;
	opacity: .25;
	transition: opacity .25s ease-in-out
}

.password--meter-indicator--node:first-child {
	border-radius: .125rem 0 0 .125rem
}

.password--meter-indicator--node:last-child {
	border-radius: 0 .125rem .125rem 0
}

.password--meter-indicator--node.fill {
	opacity: 1
}

.score0 .password--meter-indicator--node, .score1 .password--meter-indicator--node
	{
	background-color: #d12429
}

.score2 .password--meter-indicator--node, .score3 .password--meter-indicator--node
	{
	background-color: #e5d031
}

.score4 .password--meter-indicator--node {
	background-color: #7ebe1f
}

.password--requirements ol {
	color: #8797a3;
	font-size: .75rem;
	font-weight: 600;
	list-style: none;
	margin: 0 .6875rem;
	padding: 0
}

.password--requirements li {
	margin: 0 0 .3125rem;
	position: relative;
	text-align: left
}

.password--requirements li:before {
	content: "\2022";
	left: -.625rem;
	position: absolute
}

.password--requirements small {
	display: block;
	font-size: .625rem;
	font-weight: 400;
	line-height: .875rem;
	margin-top: -.125rem
}

.password--requirements .is-valid {
	color: #7ebe1f
}

.password--requirements .is-valid:before {
	content:
		url(/packs/media/namespaces/shared/images/icons/password/is-valid-b09aa9ff572708eb05b69e1ab726760a.svg);
	left: -.75rem
}

.password--requirements .is-invalid {
	color: #d12429
}

.password--requirements .is-invalid:before {
	content:
		url(/packs/media/namespaces/shared/images/icons/password/is-invalid-a4c51c03ad25a0de60fceb90a2111559.svg);
	left: -.75rem
}

.segmented-controls {
	display: flex;
	margin: 0 0 1.25rem
}

@media screen and (min-width:40em) {
	.segmented-controls {
		margin: 0 0 1.875rem
	}
}

@media screen and (min-width:860px) {
	.segmented-controls label {
		font-size: .875rem;
		line-height: .875rem;
		padding: .75rem .9375rem
	}
}

.segmented-controls input {
	display: none
}

.segmented-controls label {
	background-color: #fff;
	border: 1px solid #8797a3;
	border-left-width: 0;
	color: #20313e;
	cursor: pointer;
	flex: 1 1;
	font-size: .625rem;
	font-weight: 400 !important;
	line-height: .625rem;
	margin: 0;
	padding: .625rem;
	text-align: center
}

.segmented-controls label:first-of-type {
	border-left-width: 1px;
	border-radius: .25rem 0 0 .25rem
}

.segmented-controls label:last-of-type {
	border-radius: 0 .25rem .25rem 0
}

.segmented-controls :checked+label {
	background: #8797a3;
	color: #fff
}

.segmented-controls :checked+label:first-of-type {
	box-shadow: none
}

.segmented-controls--label {
	background: #ced5db;
	display: flex
}

.segmented-controls--label>* {
	color: #20313e;
	flex: 1 1;
	font-size: .75rem;
	font-weight: 500 !important;
	line-height: 1.375rem;
	margin: 0;
	text-align: center
}

.segmented-controls--label+.segmented-controls label:first-of-type {
	border-radius: 0 0 0 .25rem
}

.segmented-controls--label+.segmented-controls label:last-of-type {
	border-radius: 0 0 .25rem
}

.text-styles--campaign-body a {
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-decoration: underline
}

.text-styles--campaign-body a:hover {
	opacity: 1;
	text-decoration: none
}

.text-styles--campaign-body i {
	font-family: Open Sans, sans-serif !important;
	font-style: italic
}

.campaign-side label .text-styles--campaign-body p,
	.text-styles--campaign-body p {
	color: #43525e;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.125rem;
	margin-bottom: .625rem
}

.campaign-side label .text-styles--campaign-body p:last-child,
	.text-styles--campaign-body p:last-child {
	margin-bottom: 0
}

.text-styles--campaign-custom-political-statement {
	font-size: .75rem
}

.text-styles--campaign-custom-political-statement blockquote {
	border-left: 2px solid #d7dde2;
	font-style: italic;
	margin: 1em 0;
	padding-left: 1.5em;
	text-align: left
}

.text-styles--campaign-custom-political-statement a {
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-decoration: underline
}

.text-styles--campaign-custom-political-statement a:hover {
	opacity: 1;
	text-decoration: none
}

.text-styles--campaign-custom-political-statement i {
	font-family: Open Sans, sans-serif !important;
	font-style: italic
}

.text-styles--campaign-custom-political-statement li {
	color: inherit;
	margin: 0 0 .313rem
}

.text-styles--campaign-custom-political-statement li:last-child {
	margin: 0
}

.text-styles--campaign-custom-political-statement ul {
	padding: 0 0 0 1.563rem
}

.text-styles--campaign-custom-political-statement a {
	color: #43525e
}

.text-styles--campaign-custom-political-statement h1,
	.text-styles--campaign-custom-political-statement h2,
	.text-styles--campaign-custom-political-statement p {
	color: #43525e;
	margin: 0 0 .625rem;
	text-align: left
}

.text-styles--campaign-custom-political-statement h1:last-child,
	.text-styles--campaign-custom-political-statement h2:last-child,
	.text-styles--campaign-custom-political-statement p:last-child {
	margin: 0
}

.text-styles--campaign-custom-political-statement h1 {
	font-size: 1rem;
	font-weight: 700
}

.text-styles--campaign-custom-political-statement h2 {
	font-size: .875rem;
	font-weight: 700
}

.text-styles--campaign-custom-political-statement p {
	font-size: .75rem;
	font-weight: 500
}

.text-styles--campaign-description {
	color: #43525e;
	font-size: 16px;
	font-weight: 400
}

.text-styles--campaign-description blockquote {
	border-left: 2px solid #d7dde2;
	font-style: italic;
	margin: 1em 0;
	padding-left: 1.5em;
	text-align: left
}

.text-styles--campaign-description a {
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-decoration: underline
}

.text-styles--campaign-description a:hover {
	opacity: 1;
	text-decoration: none
}

.text-styles--campaign-description i {
	font-family: Open Sans, sans-serif !important;
	font-style: italic
}

.text-styles--campaign-description .text-columns {
	grid-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
	-moz-columns: 2;
	column-count: 2;
	display: block
}

.text-styles--campaign-description li {
	color: inherit;
	margin: 0 0 .313rem
}

.text-styles--campaign-description li:last-child {
	margin: 0
}

.text-styles--campaign-description ul {
	padding: 0 0 0 1.563rem
}

.text-styles--campaign-description a, .text-styles--campaign-description blockquote,
	.text-styles--campaign-description h1,
	.text-styles--campaign-description h2,
	.text-styles--campaign-description h3,
	.text-styles--campaign-description h4,
	.text-styles--campaign-description h5,
	.text-styles--campaign-description p {
	color: inherit !important;
	font-weight: 400 !important;
	text-align: left
}

.text-styles--campaign-description a:last-child,
	.text-styles--campaign-description blockquote:last-child,
	.text-styles--campaign-description h1:last-child,
	.text-styles--campaign-description h2:last-child,
	.text-styles--campaign-description h3:last-child,
	.text-styles--campaign-description h4:last-child,
	.text-styles--campaign-description h5:last-child,
	.text-styles--campaign-description p:last-child {
	margin: 0 !important
}

.text-styles--campaign-description h1 {
	font-size: 2.5em !important;
	line-height: 1.2 !important;
	margin: 0 0 .25em !important
}

.text-styles--campaign-description h2 {
	font-size: 1.875em !important;
	line-height: 1.2 !important;
	margin: 0 0 .5em !important
}

.text-styles--campaign-description h3 {
	font-size: 1.25em !important;
	line-height: 1.2 !important;
	margin: 0 0 .5em !important
}

.text-styles--campaign-description h4 {
	font-size: 1.125em !important;
	line-height: 1.2 !important;
	margin: 0 0 .75em !important
}

.text-styles--campaign-description h5 {
	font-size: 1em !important;
	line-height: 1.2 !important;
	margin: 0 0 .75em !important
}

.text-styles--campaign-description p {
	font-size: .875em !important;
	line-height: 1.5 !important;
	margin: 0 0 1em !important
}

.text-styles--campaign-disclaimer {
	font-size: .75rem
}

.text-styles--campaign-disclaimer a {
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-decoration: underline
}

.text-styles--campaign-disclaimer a:hover {
	opacity: 1;
	text-decoration: none
}

.text-styles--campaign-disclaimer i {
	font-family: Open Sans, sans-serif !important;
	font-style: italic
}

.text-styles--campaign-disclaimer a, .text-styles--campaign-disclaimer p
	{
	color: inherit;
	margin: 0 0 .625rem !important;
	text-align: left
}

.text-styles--campaign-disclaimer a:last-child,
	.text-styles--campaign-disclaimer p:last-child {
	margin: 0
}

.text-styles--campaign-disclaimer p {
	font-size: .75rem;
	font-weight: 400
}

.text-styles--campaign-disclaimer .box {
	border: 1px solid;
	border-color: inherit;
	display: inline-block;
	padding: .625rem;
	text-align: center
}

.text-styles--campaign-legal {
	font-size: .75rem
}

.text-styles--campaign-legal a {
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-decoration: underline
}

.text-styles--campaign-legal a:hover {
	opacity: 1;
	text-decoration: none
}

.text-styles--campaign-legal i {
	font-family: Open Sans, sans-serif !important;
	font-style: italic
}

.text-styles--campaign-legal a {
	color: #43525e
}

.text-styles--campaign-legal h1, .text-styles--campaign-legal h2,
	.text-styles--campaign-legal li, .text-styles--campaign-legal p {
	color: #43525e;
	margin: 0 0 .625rem;
	text-align: left
}

.text-styles--campaign-legal h1:last-child, .text-styles--campaign-legal h2:last-child,
	.text-styles--campaign-legal li:last-child,
	.text-styles--campaign-legal p:last-child {
	margin: 0
}

.text-styles--campaign-legal h1 {
	font-size: 1rem;
	font-weight: 700
}

.text-styles--campaign-legal h2 {
	font-size: .875rem;
	font-weight: 700
}

.text-styles--campaign-legal li {
	margin: 0 0 .3125rem
}

.text-styles--campaign-legal p {
	font-size: .75rem;
	font-weight: 500
}

.text-styles--campaign-legal ul {
	padding: 0 0 0 1.5625rem
}

.text-styles--campaign-receipt-body, .text-styles--upsell-description {
	font-size: .875rem;
	font-weight: 400
}

.text-styles--campaign-receipt-body a, .text-styles--upsell-description a
	{
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-decoration: underline
}

.text-styles--campaign-receipt-body a:hover,
	.text-styles--upsell-description a:hover {
	opacity: 1;
	text-decoration: none
}

.text-styles--campaign-receipt-body i, .text-styles--upsell-description i
	{
	font-family: Open Sans, sans-serif !important;
	font-style: italic
}

.text-styles--campaign-receipt-body h1,
	.text-styles--campaign-receipt-body h2,
	.text-styles--campaign-receipt-body p, .text-styles--upsell-description h1,
	.text-styles--upsell-description h2, .text-styles--upsell-description p
	{
	color: #20313e !important;
	margin: 0 0 .625rem;
	text-align: left
}

.text-styles--campaign-receipt-body h1:last-child,
	.text-styles--campaign-receipt-body h2:last-child,
	.text-styles--campaign-receipt-body p:last-child,
	.text-styles--upsell-description h1:last-child,
	.text-styles--upsell-description h2:last-child,
	.text-styles--upsell-description p:last-child {
	margin-bottom: 0
}

.text-styles--campaign-receipt-body h1, .text-styles--upsell-description h1
	{
	font-size: 1.125rem !important;
	font-weight: 500
}

.text-styles--campaign-receipt-body h2, .text-styles--upsell-description h2
	{
	font-size: 1rem !important;
	font-weight: 500
}

.text-styles--campaign-receipt-body p, .text-styles--upsell-description p
	{
	font-size: .875rem !important;
	line-height: 1.25rem !important
}

.verified-account-indicator {
	color: #3c4850;
	font-size: .875rem;
	font-weight: 600;
	margin-bottom: 54px;
	margin-top: 20px;
	text-align: center
}

.step-nav+.verified-account-indicator {
	margin-bottom: 0
}

.verified-account-indicator--badge {
	background:
		url(/packs/media/components/verified-account-indicator/images/badge-2b10568c9262dc2174b5176976bb9e76.svg)
		no-repeat;
	display: inline-block;
	height: 18px;
	position: relative;
	vertical-align: middle;
	width: 18px
}

.verified-account-indicator--container {
	display: inline-block;
	min-width: 320px;
	position: relative
}

.verified-account-indicator--name:not (:empty ) {
	padding-right: 5px
}

.verified-account-indicator--toggle:hover:after {
	border-color: transparent transparent #1c2125;
	border-style: solid;
	border-width: 0 4px 4px;
	bottom: -6px;
	content: "";
	height: 0;
	right: 5px;
	width: 0
}

.verified-account-indicator--toggle:hover:after,
	.verified-account-indicator--tooltip {
	-webkit-animation: verified-account-indicator .125s ease-in-out;
	animation: verified-account-indicator .125s ease-in-out;
	position: absolute
}

.verified-account-indicator--tooltip {
	background-color: #1c2125;
	border-radius: 4px;
	color: #fff;
	display: none;
	font-size: .688rem;
	left: 0;
	margin-top: 6px;
	padding: 10px;
	right: 0;
	text-align: left;
	top: 100%;
	z-index: 1
}

.verified-account-indicator--toggle:hover+.verified-account-indicator--tooltip
	{
	display: block
}

@
-webkit-keyframes verified-account-indicator { 0% {
	opacity: 0;
	transform: translateY(-5px)
}

to {
	opacity: 1;
	transform: translateY(0)
}

}
@
keyframes verified-account-indicator { 0% {
	opacity: 0;
	transform: translateY(-5px)
}

to {
	opacity: 1;
	transform: translateY(0)
}

}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input::-webkit-color-swatch-wrapper {
	border: 0;
	padding: 0
}

.step {
	border: 0;
	margin: 0 0 1.25rem;
	padding: 0
}

.step:last-child {
	margin-bottom: 0
}



.col {
	float: left;
	position: relative;
	width: 50%
}

.col:first-child {
	padding-right: 3px
}

.col:last-child {
	padding-left: 3px
}

.col:first-child:last-child {
	padding: 0
}

.col.email {
	width: 60%
}

.col.phone {
	width: 40%
}

.banner {
	padding: 5px 25px
}

.banner h1 {
	font-size: 100%;
	margin: 0;
	padding-top: .625rem
}

.banner h1, .banner li, .banner p {
	color: rgba(0, 0, 0, .5);
	text-align: center
}

.banner li, .banner p {
	font-size: 75%;
	margin: 0 0 10px;
	padding: 10px
}

.banner li:last-child, .banner p:last-child {
	margin: 0
}

.banner li {
	font-weight: 600;
	margin: 0;
	padding: 0;
	text-align: left
}

.banner ul {
	margin: 0 0 1.25rem;
	padding: 0 2.8125rem
}

.banner a {
	color: rgba(0, 0, 0, .5)
}

.banner.yellow {
	background: #fcf8e3
}

.banner.red {
	background: #d12429
}

.banner.red a, .banner.red h1, .banner.red li, .banner.red p {
	color: #fff
}

.banner.red .alert {
	background-color: #b90017;
	color: #fff;
	display: block;
	font-size: .75rem;
	font-weight: 600;
	margin: 0 -25px -5px;
	padding: .625rem 2.1875rem
}

.notice {
	border: 1px solid #eff2f5;
	border-radius: .3125rem;
	padding: .625rem;
	margin: 0 0 1.25rem;
	word-break: break-word
}

.notice .checkbox {
	margin: 0
}

.notice h1, .notice h2, .notice h3, .notice h4, .notice h5, .notice h6,
	.notice li, .notice p {
	color: #43525e;
	font-size: .75rem;
	margin: 0 0 .625rem
}

.notice h1:last-child, .notice h2:last-child, .notice h3:last-child,
	.notice h4:last-child, .notice h5:last-child, .notice h6:last-child,
	.notice li:last-child, .notice p:last-child {
	margin: 0
}

.notice h1 {
	font-size: 1rem;
	font-weight: 700
}

.notice h2 {
	font-size: .875rem;
	font-weight: 700
}

.notice h3 {
	font-size: .75rem;
	font-weight: 700
}

.notice label {
	font-size: .875rem
}

.notice .bordered {
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	padding-bottom: .625rem
}

.notice.accepted {
	background-color: #e8f4d7;
	border-color: #7ebe1f
}

.notice.error {
	background-color: rgba(209, 36, 41, .25);
	border-color: #d12429
}

.notice.grey {
	background: #eff2f5;
	border-color: #9fafbb
}

.political-statement {
	margin-top: 20px
}

.anedot-terms {
	color: #43525e;
	font-size: 75%;
	margin: 20px 0 0;
	text-align: center
}

.anedot-terms a {
	color: #2782bd;
	text-decoration: none
}

.anedot-terms a:hover {
	text-decoration: underline
}

.embed {
	background: 0 0
}

.embed .donations--form--footer, .embed .donations--form--header {
	display: none
}

.embed.show-details .donations--form--header {
	display: block
}

.campaign-paused {
	text-align: center
}

.campaign-paused .container {
	display: inline-block;
	margin: 100px auto 0;
	padding: 20px
}

.campaign-paused .campaign-paused--icon-header {
	background:
		url(/packs/media/namespaces/shared/images/ico-paused-dfe8048a2dd0beafbb9bd4f1a7cb56ed.svg)
		no-repeat top;
	color: #43525e;
	font-size: 40px;
	font-weight: 400;
	margin: 0 0 20px;
	padding-top: 75px;
	text-align: center
}

.campaign-paused--body {
	margin: 0 auto;
	max-width: 414px
}

.campaign-paused--body a {
	color: #2782bd
}

.campaign-paused--body h1, .campaign-paused--body h2,
	.campaign-paused--body h3, .campaign-paused--body li,
	.campaign-paused--body p {
	color: #43525e;
	font-weight: 400;
	margin: 0 0 10px;
	text-align: left
}

.campaign-paused--body h1 {
	font-size: 20px
}

.campaign-paused--body h2 {
	font-size: 20px;
	text-align: center
}

.campaign-goal-status {
	border-radius: 4px;
	height: 30px;
	margin: 10px;
	overflow: hidden;
	position: relative
}

.campaign-goal-status p {
	color: #fff;
	font-size: 75%;
	font-weight: 700;
	margin: 0;
	position: absolute;
	text-align: center;
	top: 6px;
	width: 100%
}

.campaign-goal-status-background {
	background: #2782bd;
	height: 100%;
	opacity: .25;
	position: absolute;
	width: 100%
}

.campaign-goal-status-bar {
	background: #2782bd;
	border-radius: 4px 0 0 4px;
	height: 100%;
	position: absolute
}

.amount-indicator {
	color: #697b88;
	font-size: .875rem;
	font-weight: 700;
	margin: -10px 0 5px
}

.amount-indicator a {
	color: #9fafbb;
	cursor: pointer;
	font-size: .75rem;
	font-weight: 400;
	text-decoration: underline
}

.amount-indicator a:hover {
	text-decoration: none
}

.amount-indicator span {
	margin-right: .625rem
}

@media screen and (min-width:46.0625rem) {
	.flex-container {
		display: flex
	}
	.flex-container>.flex-item {
		flex: 1 1 auto;
		width: 50%
	}
}

.form-alignment--left .flex-container {
	flex-direction: row-reverse
}

.story-content {
	padding: 30px
}

.story-content hgroup {
	display: none
}

.story-content .donations--form--campaign-description {
	border-bottom: 0;
	margin-bottom: 0
}

@media only screen and (max-width:414px) {
	html:not (.tile ) {
		background-image: none
	}
}

@media only screen and (min-width:415px) {
	.campaign-goal-status {
		margin: 0 0 20px
	}
}

@media screen and (min-width:46.0625rem) {
	.banner h1, .banner p {
		padding: 10px;
		text-align: left
	}
}

.donations--form--body {
	background: #fff;
	overflow: hidden;
	padding: 1.25rem
}

.form-layout--standard .donations--form--body--container>div,
	.form-layout--story .donations--form--body--container>div {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
	padding: 0 !important
}

@media screen and (min-width:46.0625rem) {
	.form-layout--classic .donations--form--body--container {
		display: flex
	}
	.form-layout--classic .donations--form--body--container>div {
		flex: 1 1 50%;
		max-width: 50%;
		padding-right: .625rem
	}
	.form-layout--classic .donations--form--body--container>div:last-child {
		padding-left: .625rem;
		padding-right: 0
	}
}

@media screen and (min-width:58.75rem) {
	.form-layout--classic .donations--form--body--container>div,
		.form-layout--classic .donations--form--body--container>div:last-child
		{
		padding-left: 1.875rem;
		padding-right: 1.875rem
	}
}

.donations--form--campaign-description {
	border-bottom: 1px solid #eff2f5;
	color: #43525e;
	margin-bottom: 1.25rem;
	padding-bottom: 1.25rem
}

.campaign-video {
	margin: 0 auto;
	max-width: 40rem
}

@media screen and (min-width:46.0625rem) {
	.campaign-video {
		padding: 0 2.5rem
	}
}

@media screen and (min-width:46.0625rem) {
	.form-layout--standard .campaign-video, .form-layout--story .campaign-video
		{
		padding: 0 0 .75rem
	}
}

[data-one-click-donate] .campaign-video {
	padding: 0
}

.campaign-video--container {
	height: 0;
	padding-bottom: 56.25%;
	position: relative
}

.campaign-preview .form-type--multi-step .campaign-video--container {
	margin-bottom: 1.875rem
}

.campaign-video--container iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.campaign-video--placeholder {
	background: #20313e
		url(/packs/media/namespaces/shared/images/campaign-video-placeholder-027dcd2590de92a76784726741f47917.svg)
		no-repeat 50%;
	height: 22.5rem
}

.cross-sell--campaign .campaign-video, .form-container:not (.form-layout--classic
	) .campaign-video, .form-type--multi-step .campaign-video {
	padding: 0
}

.cross-sell--campaign .campaign-video--placeholder, .form-container:not
	(.form-layout--classic ) .campaign-video--placeholder,
	.form-type--multi-step .campaign-video--placeholder {
	height: 14.0625rem
}

.checkbox {
	display: flex;
	margin-bottom: .625rem
}

.checkbox input {
	flex: 0 0 auto;
	margin: .0625rem 0 0
}

.checkbox label {
	flex: 1 1 auto;
	line-height: 1;
	margin-bottom: 0;
	margin-left: .3125rem;
	padding-top: 0
}

.checkbox.small label {
	font-size: .8125rem;
	font-weight: 400
}

.form-container .checkbox input {
	-webkit-appearance: checkbox;
	background: 0 0;
	height: auto;
	margin: .0625rem 0 0;
	width: auto
}

.donation-multiplier {
	margin-bottom: 20px
}

.donation-multiplier--amount {
	flex: 0 1 auto;
	width: 50%
}

.donation-multiplier--amount:first-child {
	margin-right: 10px
}

.donation-multiplier--amount:last-child {
	margin-left: 10px
}

.donation-multiplier--amount--value {
	font-size: 1.875rem;
	margin-top: -5px
}

.donation-multiplier--amount--value strong {
	font-weight: 800
}

.donation-multiplier--amounts {
	display: none;
	position: relative
}

.donation-multiplier--amounts:after {
	background: #fff;
	color: #95a3ae;
	content: attr(data-content) "X";
	font-size: 1.875rem;
	font-weight: 600;
	left: 50%;
	margin-left: -30px;
	position: absolute;
	text-align: center;
	top: 22px;
	width: 60px
}

.-active .donation-multiplier--amounts {
	display: flex
}

.-active .donation-multiplier--intro {
	display: none
}

.donation-multiplier--item {
	align-items: center;
	border: 1px solid #ced5db;
	border-radius: 4px;
	color: #3c4850;
	display: flex;
	flex-direction: column;
	font-size: .938rem;
	font-weight: 600;
	height: 90px;
	justify-content: center;
	text-align: center
}

.donorid--logo {
	margin-bottom: .625em
}

.donorid--modal-close {
	background:
		url(/packs/media/namespaces/shared/images/donorid/modal-close-bae89f19452a8c02069be9a29bfe4f52.svg)
		no-repeat 50%;
	color: transparent;
	display: block;
	height: .75em;
	opacity: .5;
	overflow: hidden;
	position: absolute;
	right: .625em;
	top: .625em;
	transition: opacity .25s ease-in-out;
	width: .75em
}

.donorid--modal-close:hover {
	opacity: 1
}

.donorid--modal {
	-webkit-animation: donorid--modal .125s ease-in forwards;
	animation: donorid--modal .125s ease-in forwards;
	background-color: #2ba4d2;
	border-radius: 4px;
	margin: 0 .9375em;
	max-width: 100%;
	padding: .9375rem;
	position: relative;
	text-align: center;
	width: 16.25em
}

.donorid--modal [disabled] {
	opacity: .75
}

.donorid--modal footer {
	color: #fff;
	font-size: .75em
}

.donorid--modal footer p {
	cursor: pointer
}

.donorid--modal h1 {
	color: #fff;
	font-size: 1em;
	font-weight: 600;
	margin: 0 0 1.25em
}

.donorid--modal li {
	display: inline-block
}

.donorid--modal p {
	margin: 0
}

.donorid--modal nav {
	border-bottom: 1px solid hsla(0, 0%, 100%, .25);
	margin-bottom: 1.25em;
	padding: 2.5em 1.25em 1.25em
}

.donorid--overlay {
	-webkit-animation: donorid--overlay .125s ease-in forwards;
	animation: donorid--overlay .125s ease-in forwards;
	align-items: center;
	bottom: 0;
	display: none;
	justify-content: center;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 12
}

.donorid--overlay.show {
	display: flex
}

.donorid--overlay:before {
	background-color: rgba(252, 252, 253, .75);
	bottom: 0;
	content: "";
	left: 0;
	position: fixed;
	right: 0;
	top: 0
}

.donorid--payment-method--save {
	color: #8797a3;
	font-size: .75em;
	font-weight: 400;
	margin-top: .625em
}

.donorid--payment-method--save input {
	margin: 0 .125rem -.125rem 0;
	opacity: .8
}

.donorid--payment-method-select {
	margin-bottom: .625em
}

.donorid--signin--email, .donorid--signin--password {
	background-color: #fff;
	border: 1px solid #2284ab;
	border-radius: .25em;
	color: #20313e;
	display: block;
	font-size: .9375em;
	font-weight: 500;
	line-height: 1;
	padding: .625rem .9375rem;
	width: 100%;
	margin: 0;
	z-index: 1
}

.donorid--signin--email::-webkit-input-placeholder,
	.donorid--signin--password::-webkit-input-placeholder {
	color: #8797a3;
	font-weight: 400
}

.donorid--signin--email::-moz-placeholder, .donorid--signin--password::-moz-placeholder
	{
	color: #8797a3;
	font-weight: 400
}

.donorid--signin--email:-ms-input-placeholder,
	.donorid--signin--password:-ms-input-placeholder {
	color: #8797a3;
	font-weight: 400
}

.donorid--signin--email::-ms-input-placeholder,
	.donorid--signin--password::-ms-input-placeholder {
	color: #8797a3;
	font-weight: 400
}

.donorid--signin--email::placeholder, .donorid--signin--password::placeholder
	{
	color: #8797a3;
	font-weight: 400
}

.donorid--signin--email[type=checkbox], .donorid--signin--password[type=checkbox]
	{
	width: auto
}

.donorid--signin--email[type=checkbox]:checked:before,
	.donorid--signin--password[type=checkbox]:checked:before {
	color: #2284ab;
	content: "\2713";
	font-size: .5rem;
	left: .125rem;
	line-height: 1;
	position: absolute;
	top: 0
}

.donorid--signin--email:focus, .donorid--signin--password:focus {
	outline: none;
	border-color: #2284ab
}

.donorid--signin--email {
	border-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.donorid--signin--form {
	position: relative
}

.donorid--signin--links {
	list-style: none;
	margin: 0;
	padding: 0
}

.donorid--signin--links a {
	color: hsla(0, 0%, 100%, .75);
	font-weight: 400;
	text-decoration: none;
	transition: color .25s ease-in-out
}

.donorid--signin--links a:hover {
	color: #fff
}

.donorid--signin--links li {
	display: inline-block;
	margin: .625em .3125em 0;
	position: relative
}

.donorid--signin--message {
	bottom: -.625rem;
	color: #fff;
	font-size: .6875em;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	transition: all 75ms
}

.donorid--signin--message span {
	display: none
}

.donorid--signin--password {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.donorid--signin--password[type=password] {
	padding-right: 3.125em
}

.donorid--signin--submit {
	background: #2284ab
		url(/packs/media/namespaces/shared/images/donorid/submit-2e0932497182a279adea621353d3cef4.svg)
		no-repeat 11px;
	border: 0;
	border-radius: 50%;
	bottom: .25rem;
	cursor: pointer;
	font-size: 1.25em;
	height: 1.5em;
	line-height: 1;
	margin: 0;
	padding: 0;
	position: absolute;
	right: .25rem;
	transition: all 75ms linear;
	width: 1.5em;
	z-index: 2;
	color: transparent
}

.donorid--signin--submit.disabled, .donorid--signin--submit[disabled] {
	background-color: #d7dde2;
	cursor: default;
	opacity: 1
}

.donorid--signin--submit.disabled.donorid--modal--processing,
	.donorid--signin--submit[disabled].donorid--modal--processing {
	-webkit-animation: donorid--submit-processing 1.25s infinite;
	animation: donorid--submit-processing 1.25s infinite;
	background: #2284ab
		url(/packs/media/namespaces/shared/images/donorid/submit-processing-98c556521bb895ca979d9bdced2ecf31.svg)
		no-repeat 50%
}

.donorid--signin--submit.disabled.donorid--modal--success,
	.donorid--signin--submit[disabled].donorid--modal--success {
	background: #7ebe1f
		url(/packs/media/namespaces/shared/images/donorid/submit-success-e4aea0b3719f5d2f1540e12b4311db7e.svg)
		no-repeat 50%
}

.donorid--modal--error {
	-webkit-animation: donorid--signin-error .25s forwards;
	animation: donorid--signin-error .25s forwards
}

.donorid--modal--error .donorid--signin--email {
	border-color: #d12429
}

.donorid--modal--error .donorid--signin--message {
	bottom: -1.5625rem;
	opacity: 1
}

.donorid--modal--error .donorid--signin--message span {
	border-radius: 0 0 .25rem .25rem;
	padding: 5px
}

.donorid--modal--error .donorid--signin--password {
	border-color: #d12429;
	border-radius: 0
}

.donorid--modal--error .error {
	background-color: #d12429;
	display: block
}

.donorid--modal--success .donorid--signin--email {
	border-color: #7ebe1f
}

.donorid--modal--success .donorid--signin--message {
	bottom: -1.5625rem;
	opacity: 1
}

.donorid--modal--success .donorid--signin--message span {
	border-radius: 0 0 .25rem .25rem;
	padding: 5px
}

.donorid--modal--success .donorid--signin--password {
	border-color: #7ebe1f;
	border-radius: 0
}

.donorid--modal--success .success {
	background-color: #7ebe1f;
	display: block
}

.donorid--user {
	border: 1px solid #ced5db;
	border-radius: .25rem;
	margin-bottom: 1.25rem;
	padding: .625rem
}

.donorid--user a {
	color: #2782bd;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	font-size: .75rem;
	margin-top: .3125rem
}

.donorid--user a:hover {
	text-decoration: underline
}

.donorid--user-header {
	display: flex
}

.donorid--user-header>div {
	flex: 1 1 auto
}

.donorid--user-header--logo {
	text-align: right
}

.donorid--user-info {
	color: #43525e;
	font-size: .75rem;
	margin: 0 0 .625rem;
	position: relative
}

.donorid--user-info strong {
	display: block;
	font-weight: 600
}

.donorid--user-intro {
	color: #43525e;
	font-size: .875rem;
	margin-bottom: 1.25rem
}

.donorid--user-notice {
	border: 1px solid #eff2f5;
	border-radius: .3125rem;
	margin: 0 0 1.25rem;
	word-break: break-word;
	color: #8797a3;
	font-size: .8125rem;
	font-weight: 600;
	padding: .625rem 0;
	text-align: center
}

.donorid--user-notice .checkbox {
	margin: 0
}

.donorid--user-notice h1, .donorid--user-notice h2,
	.donorid--user-notice h3, .donorid--user-notice h4,
	.donorid--user-notice h5, .donorid--user-notice h6,
	.donorid--user-notice li, .donorid--user-notice p {
	color: #43525e;
	font-size: .75rem;
	margin: 0 0 .625rem
}

.donorid--user-notice h1:last-child, .donorid--user-notice h2:last-child,
	.donorid--user-notice h3:last-child, .donorid--user-notice h4:last-child,
	.donorid--user-notice h5:last-child, .donorid--user-notice h6:last-child,
	.donorid--user-notice li:last-child, .donorid--user-notice p:last-child
	{
	margin: 0
}

.donorid--user-notice h1 {
	font-size: 1rem;
	font-weight: 700
}

.donorid--user-notice h2 {
	font-size: .875rem;
	font-weight: 700
}

.donorid--user-notice h3 {
	font-size: .75rem;
	font-weight: 700
}

.donorid--user-notice label {
	font-size: .875rem
}

.donorid--user-notice .bordered {
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	padding-bottom: .625rem
}

.donorid--user-notice.accepted {
	background-color: #e8f4d7;
	border-color: #7ebe1f
}

.donorid--user-notice.error {
	background-color: rgba(209, 36, 41, .25);
	border-color: #d12429
}

.donorid--user-notice.grey {
	background: #eff2f5;
	border-color: #9fafbb
}

.donorid--user-notice a {
	color: #8797a3
}

.donorid--user-notice--link {
	padding-left: 1.25rem;
	position: relative
}

.donorid--user-notice--link:before {
	background:
		url(/packs/media/namespaces/shared/images/donorid/logo-on-white-70b628aad3352e4e3e6ac3fa3cbffc4e.svg)
		no-repeat 50%;
	bottom: 0;
	content: "";
	height: 1rem;
	left: 0;
	position: absolute;
	width: .9375rem
}

.donorid--user-signout {
	text-align: center
}

.form-type--multi-step .donorid--user-signout {
	margin: .625rem 0 0
}

.form-type--single-step .donorid--user-signout {
	margin: -.9375rem 0 1.25rem
}

.donorid--user-signout a {
	color: #2782bd;
	font-weight: 600;
	text-decoration: none;
	font-size: .75rem
}

.donorid--user-signout a:hover {
	text-decoration: underline
}

.embed-secure-notice {
	text-align: center
}

.form-type--multi-step .embed-secure-notice {
	margin-top: 1.25rem
}

.share-buttons+.embed-secure-notice {
	margin-top: 2.125rem
}

.embed-secure-notice a {
	color: #9fafbb;
	display: inline-block;
	font-size: .75rem;
	font-weight: 700;
	padding-left: 1.5rem;
	position: relative;
	text-decoration: none
}

.embed-secure-notice i {
	color: #8797a3;
	font-size: 1.375rem;
	left: 0;
	position: absolute;
	top: -.3125rem
}

.donations--form--footer {
	background: #fff;
	border-color: #43525e;
	color: #43525e;
	font-size: .75rem;
	padding: 1.25rem;
	text-align: center
}

.donations--form--footer a {
	color: inherit;
	display: inline-block
}

.paused .donations--form--footer {
	display: none
}

.donations--form--footer .campaign-disclaimer {
	margin-left: auto;
	margin-right: auto;
	max-width: 40rem
}

.donations--form--footer--links a:last-of-type {
	margin-right: 1.25rem
}

.donations--form--header {
	background: #f2f4f6;
	color: #43525e
}

.donations--form--header h1 {
	color: inherit;
	font-size: 2.125rem;
	font-weight: 700;
	letter-spacing: -.0625rem;
	line-height: 1;
	margin: 0;
	text-align: center
}

.donations--form--header hgroup {
	padding: 1.25rem
}

.donations--form--header img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 12.5rem;
	padding: 1.25rem
}

.donations--form--header img.banner {
	max-width: 100%;
	padding: 0
}

.legal-terms {
	border: 1px solid #eff2f5;
	border-radius: .3125rem;
	padding: .625rem;
	margin: 0 0 1.25rem;
	word-break: break-word
}

.legal-terms .checkbox {
	margin: 0
}

.legal-terms h1, .legal-terms h2, .legal-terms h3, .legal-terms h4,
	.legal-terms h5, .legal-terms h6, .legal-terms li, .legal-terms p {
	color: #43525e;
	font-size: .75rem;
	margin: 0 0 .625rem
}

.legal-terms h1:last-child, .legal-terms h2:last-child, .legal-terms h3:last-child,
	.legal-terms h4:last-child, .legal-terms h5:last-child, .legal-terms h6:last-child,
	.legal-terms li:last-child, .legal-terms p:last-child {
	margin: 0
}

.legal-terms h1 {
	font-size: 1rem;
	font-weight: 700
}

.legal-terms h2 {
	font-size: .875rem;
	font-weight: 700
}

.legal-terms h3 {
	font-size: .75rem;
	font-weight: 700
}

.legal-terms label {
	font-size: .875rem
}

.legal-terms .bordered {
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	padding-bottom: .625rem
}

.legal-terms.accepted {
	background-color: #e8f4d7;
	border-color: #7ebe1f
}

.legal-terms.error {
	background-color: rgba(209, 36, 41, .25);
	border-color: #d12429
}

.legal-terms.grey {
	background: #eff2f5;
	border-color: #9fafbb
}

.page-content .logo-anedot {
	background: rgba(0, 0, 0, .9);
	border-radius: 0 0 0 .1875rem;
	display: none;
	fill: #fff;
	line-height: 0;
	padding: .625em 1.25em .9375em;
	position: absolute;
	right: 0;
	top: 0
}

@media screen and (min-width:25.9375rem) {
	.page-content .logo-anedot {
		display: block
	}
}

.embed .page-content .logo-anedot {
	display: none
}

.donations--form--footer .logo-anedot {
	fill: inherit;
	margin-top: .625rem
}

.overlay {
	background-color: rgba(67, 82, 94, .75);
	background-image: radial-gradient(#43525e, rgba(67, 82, 94, .8));
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 100
}

.overlay.dismissible .column {
	background:
		url(/packs/media/namespaces/shared/images/ico-dismiss-white-568d3c79e904811fbaf7a22c59ab251a.svg)
		no-repeat right .625rem top
}

.overlay a {
	color: #fff
}

.overlay h1 {
	color: #fff;
	font-size: 1.25rem;
	font-weight: 800;
	margin: 0 0 1.875rem
}

.overlay li, .overlay p {
	color: #fff;
	font-size: .75rem;
	margin: 0 0 .625rem
}

.overlay li {
	font-size: .75rem
}

.overlay ul {
	margin: 0;
	padding: 0 0 0 1.625rem
}

.overlay .column {
	margin: 0 auto;
	max-width: 414px;
	padding: 1.25rem
}

.payment-method--description--date {
	color: #8797a3;
	flex: 1 1 auto;
	text-align: right
}

.payment-method--radio-buttons {
	border-bottom: 1px solid #e4e8eb;
	list-style: none;
	margin: .3125rem 0;
	padding: 0 0 .625rem
}

.payment-method--radio-buttons input {
	border-radius: 50%;
	margin: .3125rem .625rem 0 0
}

.payment-method--radio-buttons label {
	display: flex;
	flex: 1 1 auto;
	font-weight: 400;
	line-height: 1rem;
	margin-top: .4375rem
}

.payment-method--radio-buttons li {
	align-items: center;
	display: flex
}

.payment-method--radio-buttons:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0
}

.payment-method--selection+.perspective .payment-inputs--card-fields {
	margin-top: .625rem
}

.share-buttons {
	background: #eff2f5;
	margin: 1.25rem -1.25rem -1.25rem;
	padding: 1.25rem;
	display: flex;
	justify-content: center
}

.confirmation .share-buttons {
	margin: 0;
	padding-top: 0
}

.share-buttons .facebook {
	background: rgba(59, 89, 152, .75);
	color: #fff
}

.share-buttons .facebook:hover {
	background: #3b5998
}

.share-buttons .twitter {
	background: rgba(29, 161, 242, .75);
	color: #fff
}

.share-buttons .twitter:hover {
	background: #1da1f2
}

.share-buttons a {
	border-radius: .125rem;
	cursor: pointer;
	fill: #fff;
	flex: 1 1 auto;
	font-size: .875rem;
	font-weight: 500;
	margin: 0 .3125rem;
	padding: .5rem 0;
	text-align: center;
	text-decoration: none
}

@media screen and (min-width:414px) {
	.share-buttons a {
		max-width: 10.0625rem
	}
}

.share-buttons a:first-child {
	margin-left: 0
}

.share-buttons a:last-child {
	margin-right: 0
}

.share-buttons a:hover {
	opacity: 1
}

.share-buttons a svg {
	display: inline;
	margin-left: .3125rem;
	vertical-align: middle
}

.confirmation .share-buttons .facebook {
	background: #3b5998
}

.confirmation .share-buttons .twitter {
	background: #1da1f2
}

.skip-to-site {
	background: #eff2f5;
	margin: 1.25rem -1.25rem -1.25rem;
	padding: 1.25rem
}

.confirmation .skip-to-site {
	margin: 0;
	padding-top: 0
}

.skip-to-site a {
	border: 1px solid #ced5db;
	border-radius: .125rem;
	color: #43525e;
	cursor: pointer;
	display: block;
	font-size: .875rem;
	font-weight: 500;
	margin: 0 auto;
	padding: .5rem 1rem;
	text-align: center;
	text-decoration: none
}

@media screen and (min-width:414px) {
	.skip-to-site a {
		max-width: 20.75rem
	}
}

.skip-to-site a:hover {
	border-color: #9fafbb
}

.confirmation .share-buttons:not (.hide )+.skip-to-site {
	margin-top: -1.25rem
}

.embed .skip-to-site {
	display: none
}

.share-buttons:not (.hide )+.skip-to-site {
	margin-top: 0;
	padding-top: .625rem
}

.step-indicator {
	list-style: none;
	margin: .625rem 0;
	padding: 0;
	text-align: center
}

.step-indicator:after, .step-indicator:before {
	content: "";
	display: table
}

.step-indicator:after {
	clear: both
}

.step-indicator li {
	display: inline-block
}

.step-indicator li a {
	border: .125rem solid #ced5db;
	border-radius: 50%;
	display: block;
	height: .4375rem;
	margin: 0 .1875rem;
	text-indent: -9999px;
	width: .4375rem
}

.step-indicator .current a, .step-indicator .visited a {
	background: #2782bd;
	border-color: #2782bd
}

.step-indicator .visited a {
	opacity: .25
}

.form-type--single-step .step-indicator, .step-indicator.no-details .details
	{
	display: none
}

.step-nav {
	text-align: center
}

.step-nav a {
	border: 0;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.375rem;
	margin: 0;
	padding: .625rem 1.25rem;
	text-decoration: none;
	transition: background-color .1s linear
}

.step-nav a[disabled]:not (.processing ) {
	background-color: #eff2f5;
	color: #9fafbb
}

.step-nav a.back {
	font-size: .75rem;
	padding: .625rem;
	position: relative
}

.step-nav a:first-child {
	border-bottom-left-radius: .25rem;
	border-top-left-radius: .25rem;
	width: 18%
}

.step-nav a:last-child {
	border-bottom-right-radius: .25rem;
	border-top-right-radius: .25rem;
	width: 82%
}

.step-nav a:first-child:last-child {
	width: 100%
}

.step-nav .back span {
	color: hsla(0, 0%, 100%, .75);
	position: relative;
	z-index: 2
}

.step-nav .back:hover span {
	color: #fff
}

.step-nav .back:after {
	background: rgba(0, 0, 0, .15);
	border-radius: .25rem 0 0 .25rem;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

.step-nav .submit-button {
	border: 0;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.375rem;
	margin: 0;
	padding: .625rem 1.25rem;
	text-decoration: none;
	transition: background-color .1s linear;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-transform: capitalize
}

.step-nav .submit-button[disabled]:not (.processing ) {
	background-color: #eff2f5;
	color: #9fafbb
}

.step-nav .submit-button.back {
	font-size: .75rem;
	padding: .625rem;
	position: relative
}

.step-nav .submit-button:first-child {
	border-bottom-left-radius: .25rem;
	border-top-left-radius: .25rem;
	width: 18%
}

.step-nav .submit-button:last-child {
	border-bottom-right-radius: .25rem;
	border-top-right-radius: .25rem;
	width: 82%
}

.step-nav .submit-button:first-child:last-child {
	width: 100%
}

.submit-animation--container {
	background: hsla(0, 0%, 100%, .8);
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	right: 0;
	top: 0;
	transition: opacity .25s ease-in;
	z-index: 1
}

.submit-animation--container.submitted {
	opacity: 1;
	position: fixed
}

.submit-animation--spinner {
	background:
		url(/packs/media/namespaces/shared/images/icons/ote-a6ee754c74895b7472e5db6cd19c782f.svg)
		no-repeat 50%;
	border-radius: 50%;
	display: none;
	height: 2.625rem;
	left: 50%;
	margin: -1.625rem 0 0 -1.3125rem;
	position: absolute;
	top: 50%;
	width: 2.625rem
}

.submitted .submit-animation--spinner {
	-webkit-animation: submit-animation--spinner .85s infinite;
	animation: submit-animation--spinner .85s infinite;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	display: block
}

@
-webkit-keyframes submit-animation--spinner { 0% {
	transform: rotate(0deg)
}

to {
	transform: rotate(1turn)
}

}
@
keyframes submit-animation--spinner { 0% {
	transform: rotate(0deg)
}

to {
	transform: rotate(1turn)
}

}
.confirmation--body {
	background-color: #fff;
	color: #20313e;
	padding: 1.25rem
}

.confirmation--container {
	margin: auto;
	width: 100%
}

.confirmation--donation-items {
	margin: -.9375rem 0 1.25rem;
	width: 100%
}

.confirmation--donation-items--includes {
	color: #8797a3;
	font-size: .625rem;
	margin: 0 0 .1875rem
}

.confirmation--donation-item--quantity {
	float: left;
	font-size: .75rem;
	margin: 0 .3125rem 0 0
}

.confirmation--donation-item--name {
	float: left;
	font-size: .75rem;
	margin: 0
}

.confirmation--donation-item--amount {
	float: right;
	font-size: .75rem;
	margin: 0;
	text-align: right
}

.confirmation--footer {
	background-color: #fff;
	color: #9fafbb;
	font-size: .75rem;
	font-weight: 400;
	text-align: center
}

.confirmation--footer a {
	background-color: #8797a3;
	color: #fff;
	display: block;
	font-size: .875rem;
	font-weight: 600;
	padding: .625rem;
	text-decoration: none
}

.confirmation--footer a:first-child:after {
	border-bottom: 1px solid #fff;
	content: "";
	display: block;
	margin: 15px auto 0;
	width: 60%
}

.confirmation--header img {
	display: block;
	max-width: 100%
}

.confirmation--multi-item-notice {
	font-size: .875em;
	line-height: 1.2;
	margin-bottom: 20px;
	text-align: center
}

.confirmation--receipt {
	background-color: #eff2f5;
	color: #20313e;
	padding: 1.25rem
}

.confirmation--receipt div {
	color: #20313e
}

.confirmation--receipt--account-name {
	font-size: 1.125rem;
	font-weight: 600
}

.confirmation--receipt--donation-fee {
	font-size: .875rem;
	font-style: italic;
	font-weight: 400
}

.confirmation--receipt--donation-totals {
	margin: 0 0 1.25rem
}

.confirmation--receipt--donation-totals a {
	color: #2ba4d2;
	font-size: .75rem;
	font-weight: 400;
	text-decoration: none
}

.confirmation--receipt--donor-info, .confirmation--receipt--payment-info
	{
	font-size: .75rem;
	font-weight: 500;
	line-height: 1rem
}

.confirmation--receipt--recurring {
	display: block;
	font-size: .75rem;
	font-weight: 600;
	line-height: 1rem;
	margin-top: 1.25rem
}

.confirmation--receipt--recurring a {
	white-space: nowrap
}

.confirmation--receipt--recurring em {
	display: block;
	font-size: .625rem;
	font-weight: 400;
	margin-bottom: .3125rem;
	white-space: nowrap
}

.confirmation--receipt--soft-descriptor {
	font-size: .75em;
	font-style: italic;
	font-weight: 400
}

@media screen and (min-width:414px) {
	.confirmation {
		align-items: center;
		display: flex;
		justify-content: center
	}
	.confirmation--container {
		border-radius: .25rem;
		max-width: 414px;
		overflow: hidden
	}
	.confirmation--receipt {
		padding: 2.5rem
	}
	.confirmation--receipt--payment-info {
		margin-left: .625rem
	}
	.confirmation--receipt-row {
		display: flex
	}
	.confirmation--receipt-row>div {
		flex: 1 1 auto
	}
	.confirmation--receipt-row>div:first-child {
		margin-right: 10px
	}
	.confirmation--donation-items--includes,
		.confirmation--receipt--donation-totals,
		.confirmation--receipt--payment-info,
		.confirmation--receipt--text-right {
		text-align: right
	}
}

.cross-sell {
	list-style: none;
	margin: 0 -.9375rem;
	padding: 0
}

.cross-sell li {
	margin-bottom: 1.875rem;
	padding: 0 .9375rem
}

@media screen and (min-width:58.75rem) {
	.cross-sell {
		display: flex;
		flex-wrap: wrap
	}
	.cross-sell li {
		box-sizing: border-box;
		flex: 0 1 50%
	}
}

.cross-sell--action {
	margin-bottom: 20px;
	text-align: center
}

.cross-sell--action .upsell--button {
	display: inline-block;
	margin-left: 10px;
	padding-left: 15px;
	padding-right: 15px;
	white-space: nowrap;
	width: auto
}

.cross-sell--campaign {
	background-color: #fff;
	border: 1px solid #9fafbb;
	border-radius: .25rem;
	height: 100%;
	overflow: hidden
}

.cross-sell--campaign--body {
	padding: 1.25rem
}

.cross-sell--campaign--body h3 {
	color: #43525e;
	font-size: .875rem;
	font-weight: 700;
	margin: 0 0 .625rem
}

.cross-sell--description {
	margin-bottom: 20px
}

.cross-sell--header {
	margin-bottom: 1.25rem;
	padding: .625rem 0;
	text-align: center
}

.cross-sell--header ~.donation-form-container {
	margin-top: 3.5625rem
}

.cross-sell--header img {
	max-height: 6.25rem;
	vertical-align: top
}

.upsell {
	margin-top: 1.25rem
}

.upsell .error-messages {
	font-size: .8rem
}

.upsell .error-messages h2 {
	font-size: .85rem
}

.upsell .password {
	margin-bottom: 1.875rem
}

.upsell--button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #eff2f5;
	border: 0;
	border-radius: .25rem;
	color: #43525e;
	cursor: pointer;
	display: block;
	font-size: 1rem;
	line-height: 1.375rem;
	margin: 0 0 .625rem;
	padding: .625rem 0;
	text-align: center;
	text-decoration: none;
	width: 100%
}

.upsell--button:hover {
	opacity: .75
}

.upsell--button:last-child {
	margin-bottom: 0
}

.upsell--button.background-color--primary, .upsell--button.background-color--secondary
	{
	color: #fff
}

.upsell--button.emphasize {
	font-weight: 700
}

.upsell--amount--buttons {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.3125rem
}

.upsell--amount--buttons [type=submit], .upsell--amount--buttons a,
	.upsell--amount--buttons a:last-child {
	flex: 1 1 auto;
	margin-bottom: .625rem;
	margin-left: .3125rem;
	margin-right: .3125rem
}

@media screen and (min-width:414px) {
	.upsell--amount--buttons [type=submit], .upsell--amount--buttons a,
		.upsell--amount--buttons a:last-child {
		flex-basis: 47%
	}
}

.upsell--password--heading-one {
	font-size: .9rem
}

.editor--upsell {
	background: #e4e8eb;
	border-radius: .25rem;
	display: flex;
	margin-bottom: .3125rem;
	padding: .625rem
}

.editor--upsell a {
	color: #43525e;
	flex: 0 1 auto;
	line-height: 1.5
}

.editor--upsell--info {
	flex: 1 1 auto;
	font-size: .625rem;
	font-weight: 700;
	text-transform: capitalize
}

.editor--upsell--info div {
	color: #8797a3;
	display: block;
	font-size: .75rem;
	font-weight: 400;
	margin: 0;
	text-align: left;
	text-transform: uppercase
}