.payment-method-container {
	background-color: #fff;
	margin: 0 auto 40px;
}
.payment-method-container * {
	font-size: 16px;
}
.payment-method-container .row {
	display: -ms-flexbox;
	display: flex;
	margin: 0 5px 10px;
}
.payment-method-container .field {
	position: relative;
	width: 100%;
	height: 50px;
}
.payment-method-container .field.half-width {
	width: 50%;
	margin-right: 10px;
}
.payment-method-container .field.quarter-width {
	width: calc(25% - 10px);
	margin-right: 10px;
}
.payment-method-container .baseline {
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background-color: #cfd7df;
	transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.payment-method-container label {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 8px;
	color: #cfd7df;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transform-origin: 0 50%;
	cursor: text;
	transition-property: color, transform;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	font-weight: normal !important;
}
.payment-method-container .input {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding-bottom: 7px;
	color: #32325d;
	background-color: transparent;
	box-shadow: none !important;
	border: none !important;
	font-size: 16px;
}
.payment-method-container .input::-webkit-input-placeholder {
	color: transparent;
	transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.payment-method-container .input::-moz-placeholder {
	color: transparent;
	transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.payment-method-container .input:-ms-input-placeholder {
	color: transparent;
	transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.payment-method-container .input.StripeElement {
	opacity: 0;
	transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	will-change: opacity;
}
.payment-method-container .input.focused,
.payment-method-container .input:not(.empty) {
	opacity: 1;
}
.payment-method-container .input.focused::-webkit-input-placeholder,
.payment-method-container .input:not(.empty)::-webkit-input-placeholder {
	color: #cfd7df;
}
.payment-method-container .input.focused::-moz-placeholder,
.payment-method-container .input:not(.empty)::-moz-placeholder {
	color: #cfd7df;
}
.payment-method-container .input.focused:-ms-input-placeholder,
.payment-method-container .input:not(.empty):-ms-input-placeholder {
	color: #cfd7df;
}
.payment-method-container .input.focused + label,
.payment-method-container .input:not(.empty) + label {
	color: #aab7c4;
	transform: scale(0.85) translateY(-25px);
	cursor: default;
}
.payment-method-container .input.focused + label {
	color: #24b47e;
}
.payment-method-container .input.invalid + label {
	color: #ffa27b;
}
.payment-method-container .input.focused + label + .baseline {
	background-color: #24b47e;
}
.payment-method-container .input.focused.invalid + label + .baseline {
	background-color: #e25950;
}
.payment-method-container input,
.payment-method-container button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border-style: none;
}
.payment-method-container input:-webkit-autofill {
	-webkit-text-fill-color: #e39f48;
	transition: background-color 100000000s;
	-webkit-animation: 1ms void-animation-out;
}
.payment-method-container .StripeElement--webkit-autofill {
	background: transparent !important;
}
.payment-method-container input,
.payment-method-container button {
	-webkit-animation: 1ms void-animation-out;
}
.payment-method-container button {
	display: block;
	margin: 20px auto;
	background-color: #24b47e;
	border-radius: 4px;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
}
.payment-method-container .error svg {
	margin-top: 0 !important;
}
.payment-method-container .error svg .base {
	fill: #e25950;
}
.payment-method-container .error svg .glyph {
	fill: #fff;
}
.payment-method-container .error .message {
	color: #e25950;
}
.payment-method-container .success .icon .border {
	stroke: #abe9d2;
}
.payment-method-container .success .icon .checkmark {
	stroke: #24b47e;
}
.payment-method-container .success .title {
	color: #32325d;
	font-size: 16px !important;
}
.payment-method-container .success .message {
	color: #8898aa;
	font-size: 13px !important;
}
.payment-method-container .success .reset path {
	fill: #24b47e;
}
.button-container {
	display: inline;
	text-align: center;
}
.button-container button {
	margin: 0 auto;
	width: 49%;
	text-transform: uppercase;
	padding: 14px 0 !important;
	font-size: 18px !important;
}
.payment-container {
	padding: 10px;
	min-height: 500px;
}
.method-container {
	padding: 10px;
}
.payment-info {
	font-size: 14px;
}
.payment-method {
	display: none;
	padding: 20px 0 0;
	border-top: 1px solid #abc;
}
.error-container {
	text-align: center;
	font-size: 16px;
	margin-bottom: 22px;
	color: #e25950;
}
.input-error {
	border-color: #e25950 !important;
}
.tab_input {
	display: none;
}
label.tab_labels {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 15px 20px;
	font-weight: 400;
	font-size: 14px;
	text-align: center;
	color: #abc;
	border: 1px solid transparent;
}
label.tab_labels:before {
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 10px;
}
label[for*="cc_tab"]:before {
	content: "\f09d";
}
label[for*="paypal_tab"]:before {
	content: "\f1ed";
}
label[for*="bank_tab"]:before {
	content: "\f19c";
}
.tab_labels label:hover {
	color: #789;
	cursor: pointer;
}
.tab_input:checked + label {
	color: #0af;
	border: 1px solid #abc;
	border-top: 2px solid #0af;
	border-bottom: 1px solid #fff;
}
#cc_tab:checked ~ #section-creditcard,
#paypal_tab:checked ~ #section-paypal,
#bank_tab:checked ~ #section-bank {
	display: block;
}
#coupon-success,
#coupon-failure {
	font-size: 12px;
	font-style: italic;
}
.payment-container .payment-inprogress {
	position: absolute;
	height: 100%;
	opacity: 0.5;
	width: 100%;
	z-index: 999;
	background: #444;
	margin: -24px;
	text-align: center;
}
.payment-container .payment-confirmation,
.payment-container .payment-error {
	width: 60%;
	text-align: center;
	margin: 60px auto;
}
.payment-container .payment-confirmation > div,
.payment-container .payment-error > div {
	margin: 20px 0px;
}
.payment-container .payment-confirmation i,
.payment-container .payment-error i {
	font-size: 140px;
}
.payment-container .payment-confirmation i {
	color: #5cb85c;
}
.payment-container .payment-error i {
	color: #e25950;
}
.payment-container .payment-confirmation button {
	outline: none !important;
}

.payment-footer img {
	width: 100%;
    padding: 20px;
}

.header__btn {
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	transition-delay: 0s;
	padding: 10px 20px;
	display: inline-block;
	margin-right: 10px;
	background-color: #fff;
	border: 1px solid #2c2c2c;
	border-radius: 3px;
	cursor: pointer;
	outline: none;
}
.header__btn:last-child {
	margin-right: 0;
}
.header__btn:hover,
.header__btn.js-active {
	color: #fff;
	background-color: #2c2c2c;
}

.header {
	max-width: 600px;
	margin: 50px auto;
	text-align: center;
}

.header__title {
	margin-bottom: 30px;
	font-size: 2.1rem;
}

.content {
	width: 95%;
	margin: 30px;
	min-height: 600px;
	height: 100%;
}

.content__title {
	margin-bottom: 40px;
	font-size: 20px;
	text-align: center;
}

.content__title--m-sm {
	margin-bottom: 10px;
}

.multisteps-form__progress {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
	margin-bottom: 18px;
}

.multisteps-form__progress-btn {
	position: relative;
	padding-top: 20px;
	color: rgba(108, 117, 125, 0.7);
	text-indent: -9999px;
	border: none;
	background-color: transparent;
	outline: none !important;
	text-align: center;
}
@media (min-width: 500px) {
	.multisteps-form__progress-btn {
		text-indent: 0;
	}
}
.multisteps-form__progress-btn:before {
	position: absolute;
	top: -5px;
    left: 46%;
	display: block;
	width: 20px;
	height: 20px;
	content: "";
	border: 2px solid currentColor;
	border-radius: 50%;
	background-color: #fff;
	box-sizing: border-box;
	z-index: 3;
}
.multisteps-form__progress-btn:after {
	position: absolute;
	top: 5px;
	left: calc(-50% - 13px / 2);
	transition-delay: 0s;
	display: block;
	width: 100%;
	height: 2px;
	content: "";
	background-color: currentColor;
	z-index: 1;
}
.multisteps-form__progress-btn:first-child:after {
	display: none;
}
.multisteps-form__progress-btn.js-active {
	color: #007bff;
}
.multisteps-form__progress-btn.js-active:before {
	background-color: currentColor;
}

.multisteps-form__form {
	position: relative;
}

.multisteps-form__panel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	opacity: 0;
	visibility: hidden;
}
.multisteps-form__panel.js-active {
	height: auto;
	opacity: 1;
	visibility: visible;
	display: contents;
}

.button-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.button-row .form_btn {
	margin: 0 8px;
    padding: 6px 30px;
}

.invoice_address {
	line-height: 16px;
	display: none;
}
.invoice_address.active {
	display: block;
}

.price-group {
	margin-bottom: 15px;
}

.price-label {
	height: 34px;
}

.participant_groups label{
	padding: 10px;
}
/* .price-input {
	width: 10% !important;
}

.fees-input {
	width: 7% !important;
} */