body {
    margin: 0;
    padding: 0;
    height: 100% !important;
}
.mainform {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    transition: opacity 0.5s ease;
    opacity: 0;
    width: var(--shpf-width);
    max-width: 100%;
	/* styles received ['opacity', 'line-height', 'font-weight', 'font-family', 'text-align'] */
}
.mainform .paymentCurrencyLabel {
    margin-top: 10px;
}
.mainform .ofField {
    position: relative;
    margin: 0;
    margin-bottom: var(--shpf-margin, 20px);
	/* styles received ['margin'] */
}
.mainform .fieldLabel {
    display: block;
	/* styles received ['margin', 'font-weight', 'color', 'font-size'] */
}
.mainform .fieldLabel .required {
	/* styles received ['margin', 'font-size', 'opacity', 'color', 'font-weight'] */
}
.mainform input, .mainform select {
    box-sizing: border-box;
    max-width: 100%;
	/* styles received ['width', 'height', 'padding', 'border', 'border-radius', 'background-color', 'color', 'font-size'] */
}
.mainform input:disabled, .mainform select:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}
.mainform #ACH_FIELDS {
	display: inline-block;
	width: 100%;
}
.mainform .duoField {
	width: 100%;
	font-size: 0px;
	display: flex;
	flex-wrap: wrap;
}
.mainform .duoField>div {
    float: left;
    margin-right: 10px;
	max-width: calc((100% - 10px)/2);
}
.mainform .duoField>div:last-child {
    margin-right: 0;
}
.mainform .duoField input {
    max-width: 100%;
}
.mainform .duoField .fieldLabel {
    white-space: nowrap;
    overflow: hidden;
}
.mainform .expirationDate select {
	max-width: calc((100% - 10px)/2);
}
.mainform #CC_EXPIRES_MONTH {
	margin-right: 10px;
}
.mainform .requiredErrorText,.mainform .validateErrorText {
    display: none;
    margin-left: 5px;
    color: #E60505;
}
.mainform .requiredError .requiredErrorText,.mainform .validateError .validateErrorText {
    display: block;
}
.mainform .captchaImage {
	display: block;
    margin-top: 6px;
    margin-bottom: 8px;
}
@media (max-width:700px) {
    .mainform select {
        white-space: nowrap;
    }
}
@media (max-width:425px) {
	.mainform .duoField > div {
		max-width: 100%;
	}
	.mainform .duoField > div:first-child {
		margin-bottom: var(--shpf-margin, 20px);
	}
}