#donate {
	width             : 100%;
	min-height        : 542px;
	background-repeat : no-repeat;
	background-size   : cover;
	font-family       : roboto_slablight, serif;

	-moz-box-shadow   : 0px 0px 31px #000000;
	-webkit-box-shadow: 0px 0px 31px #000000;
	box-shadow        : 0px 0px 31px #000000;
}
#donate .step1,#donate .step2,#donate .step3, #donate .step4 {
	overflow: hidden;
}

#donate.step1 {
	background-image  : url(//d3b5g5w8iutjdd.cloudfront.net/images/donate/1A-Amount-Banner.jpg);
	-webkit-transition: background 0.2s ease-in;
	-moz-transition   : background 0.2s ease-in;
	-o-transition     : background 0.2s ease-in;
	transition        : background 0.2s ease-in;
}
#donate.step2 {
	background-image  : url(//d3b5g5w8iutjdd.cloudfront.net/images/donate/1B-Single-or-Recurring-Banner.jpg);
	-webkit-transition: background 0.2s ease-in;
	-moz-transition   : background 0.2s ease-in;
	-o-transition     : background 0.2s ease-in;
	transition        : background 0.2s ease-in;
}
#donate.step3, #donate.step4 {
	background-image  : url(//d3b5g5w8iutjdd.cloudfront.net/images/donate/1C-Payment-Method-Banner.jpg);
	-webkit-transition: background 0.2s ease-in;
	-moz-transition   : background 0.2s ease-in;
	-o-transition     : background 0.2s ease-in;
	transition        : background 0.2s ease-in;
}
#donate.step5 {
	background-image  : url(//d3b5g5w8iutjdd.cloudfront.net/images/donate/2-Details-Banner.jpg);
	-webkit-transition: background 0.2s ease-in;
	-moz-transition   : background 0.2s ease-in;
	-o-transition     : background 0.2s ease-in;
	transition        : background 0.2s ease-in;
}
#donate #prefetch-area {
	height:0px;
}
#donate #prefetch-area .step1 {
	background  : url(//d3b5g5w8iutjdd.cloudfront.net/images/donate/1A-Amount-Banner.jpg) no-repeat -9999px -9999px;
}
#donate #prefetch-area .step2 {
	background  : url(//d3b5g5w8iutjdd.cloudfront.net/images/donate/1B-Single-or-Recurring-Banner.jpg) no-repeat -9999px -9999px;
}
#donate #prefetch-area .step3 {
	background  : url(//d3b5g5w8iutjdd.cloudfront.net/images/donate/1C-Payment-Method-Banner.jpg) no-repeat -9999px -9999px;
}
#donate #prefetch-area .step5 {
	background  : url(//d3b5g5w8iutjdd.cloudfront.net/images/donate/2-Details-Banner.jpg) no-repeat -9999px -9999px;
}

#donate .info_container {
	background  : rgba(0,0,0,0.6);
	height      : 542px;
	color       : white;
	font-weight : bold;
	padding     : 20px 25px;

	margin-right: 15px;
	margin-left : 15px;
	overflow    : hidden;
}
#donate .info_container{
	position: absolute;
	right   : 0;
}
#donate .info_container p {
	font-size: 18px;
	font-weight: bolder;
	margin-left: 10px;
	margin-right: 10px;
}

#donate .info_container a{
	color: #aaa;
}
#donate button {
	width      : 100%;
	height     : 50px;
	font-size  : 2em;
	font-weight: bolder;
}

#donate span.other-amount{
	font-size  : 22px;
	font-weight: bolder;
	color      : rgb(150, 156, 165);
	margin     : 10px 0 0 10px;
	position   : absolute;
}
#donate #other-amount {
	font-size  : 22px;
	font-weight: bolder;
	padding    : 8px 15px;
	border     : 3px solid #d84141;
	text-indent: 10px;
}

#donate .vc_separator {
	margin-bottom: 25px;
	margin-top   : -10px;
}

#donate .donation-frequency {
	font-size: 1em;
	margin-top: 0px;
	color           : #d84141;
	border          : 3px solid #d84141;
	background-color: rgb(242,242,242);
}
#donate button.selected {
	color           : #d84141;
	border          : 3px solid #d84141;
	background-color: rgb(242,242,242);
}
#donate button.disabled {
	color : rgb(150, 156, 165);
	border: 3px solid rgb(150, 156, 165);
}
#donate .donation-value-button.selected{
	color           : #fff;
	background-color: #d84141;
	border          : 3px solid #d84141;
}
#donate .donation-value-button.disabled, #donate #other-amount.disabled {
	background-color: rgb(242,242,242);
	border    : 3px solid rgb(242,242,242);
}

#donate .step3 .hideable h2{
	margin-bottom: 5px;
	color        : #fff;
	font-family  : roboto_slablight;
	font-weight  : bolder;
}

#donate .step3 .hideable p {
	font-size: 11px;
    margin: 10px 0;
}
#donate .step3>.vc_row {
    margin-bottom: 0px;
}
#donate .payment-method {
/*	background-size: cover;*/
	cursor         : pointer;
	height         : 87px;
	max-width      : 100%;
	margin         : 0 auto;
}
#donate .payment-method.disabled {
	-webkit-border-radius: 8px;
	-moz-border-radius   : 8px;
	border-radius        : 8px;
}
#donate .paypal-button {
	background-image: url(//d3b5g5w8iutjdd.cloudfront.net/images/donate/PayPal-Logo-Button.png);
}
#donate .creditcard-button {
	background-image: url(//d3b5g5w8iutjdd.cloudfront.net/images/donate/Credit-Cards-Button.png);
}
#donate .paypal-button.disabled {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(//d3b5g5w8iutjdd.cloudfront.net/images/donate/PayPal-Logo-Button.png) center center no-repeat;
	max-width: 138px;
}
#donate .creditcard-button.disabled {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(//d3b5g5w8iutjdd.cloudfront.net/images/donate/Credit-Cards-Button.png) center center no-repeat;
	max-width: 138px;
}
.continue-arrow {
	background-image: url(//d3b5g5w8iutjdd.cloudfront.net/images/donate/Continue-Arrow.png);
	height          : 30px;
	width           : 30px;
	display         : inline-block;
	top             : 5px;
	position        : relative;
}

#donate .step4 .creditcard-button, #donate .step4 .paypal-button {
	background-repeat: no-repeat;
	background-size  : contain;
	height           : 48px;
	width            : 88px;
}

#donate .step4 p.paypal-instructions {
	font-size: 15px;
	margin: 0;
}
#expiration-month, #expiration-year, #state {
	-webkit-appearance: none;
	-moz-appearance   : none;
	appearance        : none;
	padding           : 5px;
	width             :	100%;
	background        : #eee url(//d3b5g5w8iutjdd.cloudfront.net/images/donate/UP_DOWN_ARROW.jpg) no-repeat 95% 50%;
}
#donate .step4 .wpb_row {
	margin-bottom: 15px;
}
#donate .step4 input[type=text], #donate .step4 input[type=email] {
	padding: 5px;
	border : 3px solid #d84141;
	margin-bottom: 0;
}
#donate .vc_column_container {
    padding-left: 15px;
    padding-right: 15px;
}
#donate .vc_row{
    margin-bottom:35px;
}

#donate #summary_title {
	margin: 0;
	font-size   : 16px;
	float: left;
}
#donate #summary_edit_button{
	float: right;
}

#donate .step4 #cc-number {
	padding  : 8px 5px;
	font-size: 20px;
}

#donate .step4 #email_input {
	margin-bottom: 0;
}
#donate .step4 .help-text {
	font-size :12px;
	text-align: right;
	margin    :0;
}
@media only screen and (max-width: 992px) {
	#donate .step3 .hideable h2{
		font-size: 14px;
	}

	#donate .payment-method {
		/*background-size: 100%;*/
		background-repeat: no-repeat;
		background-position: center center;
	}
}
@media only screen and (min-width: 992px) {
	#donate .payment-method {
		background-size: 138px;
		background-repeat: no-repeat;

	}
}

@media only screen and (max-width: 480px) {
	#donate .info_container p {
		font-size: 16px;
	}
}