.bounce-effect {
	display: block;
	-webkit-animation: bounce-1 .6s;
	-moz-animation: bounce-1 .6s;
	-o-animation: bounce-1 .6s;
	animation: bounce-1 .6s
}
.slide-down-up-effect {
	display: block;
	-webkit-animation: slide-down-up .6s;
	-moz-animation: slide-down-up .6s;
	-o-animation: slide-down-up .6s;
	animation: slide-down-up .6s
}
.slide-up-down-effect {
	display: block;
	-webkit-animation: slide-up-down .6s;
	-moz-animation: slide-up-down .6s;
	-o-animation: slide-up-down .6s;
	animation: slide-up-down .6s
}
.slide-right-left-effect {
	display: block;
	-webkit-animation: slide-right-left .6s;
	-moz-animation: slide-right-left .6s;
	-o-animation: slide-right-left .6s;
	animation: slide-right-left .6s
}
.slide-left-right-effect {
	display: block;
	-webkit-animation: slide-left-right .6s;
	-moz-animation: slide-left-right .6s;
	-o-animation: slide-left-right .6s;
	animation: slide-left-right .6s
}
.default-effect {
	display: block;
	-moz-animation: default-effect .6s ease-in-out;
	-o-animation: default-effect .6s ease-in-out;
	-webkit-animation: default-effect .6s ease-in-out;
	animation: default-effect .6s ease-in-out
}
.flip-effect {
	display: block;
	-moz-animation: flip-effect .8s ease-in-out;
	-o-animation: flip-effect .8s ease-in-out;
	-webkit-animation: flip-effect .8s ease-in-out;
	animation: flip-effect .8s ease-in-out
}
.transformation-effect {
	display: block;
	-moz-animation: transformation-effect .8s ease;
	-o-animation: transformation-effect .8s ease;
	-webkit-animation: transformation-effect .8s ease;
	animation: transformation-effect .8s ease
}
@-webkit-keyframes bounce-1 {
0% {
opacity:0;
-webkit-transform:scale(.5)
}
60% {
opacity:1;
-webkit-transform:scale(1.2)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes bounce-1 {
0% {
opacity:0;
-moz-transform:scale(.5)
}
60% {
opacity:1;
-moz-transform:scale(1.2)
}
100% {
-moz-transform:scale(1)
}
}
@keyframes bounce-1 {
0% {
opacity:0;
-webkit-transform:scale(.5);
-moz-transform:scale(.5);
-ms-transform:scale(.5);
-o-transform:scale(.5);
transform:scale(.5)
}
60% {
opacity:1;
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2)
}
100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
}
@keyframes slide-down-up {
0% {
opacity:0;
-webkit-transform:translateY(20px);
-moz-transform:translateY(20px);
-ms-transform:translateY(20px);
-o-transform:translateY(20px);
transform:translateY(20px)
}
60% {
opacity:1;
-moz-transform:translateY(-20px);
-ms-transform:translateY(-20px);
-o-transform:translateY(-20px);
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slide-up-down {
0% {
opacity:0;
-webkit-transform:translateY(-30px);
-moz-transform:translateY(-30px);
-ms-transform:translateY(-30px);
-o-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
opacity:1;
-moz-transform:translateY(30px);
-ms-transform:translateY(30px);
-o-transform:translateY(30px);
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
100% {
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slide-right-left {
0% {
opacity:0;
-webkit-transform:translateX(20px);
-moz-transform:translateX(20px);
-ms-transform:translateX(20px);
-o-transform:translateX(20px);
transform:translateX(20px)
}
60% {
opacity:1;
-moz-transform:translateX(-20px);
-ms-transform:translateX(-20px);
-o-transform:translateX(-20px);
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slide-left-right {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
-moz-transform:translateX(-20px);
-ms-transform:translateX(-20px);
-o-transform:translateX(-20px);
transform:translateX(-20px)
}
60% {
opacity:1;
-moz-transform:translateX(20px);
-ms-transform:translateX(20px);
-o-transform:translateX(20px);
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes default-effect {
0% {
-moz-perspective:150;
-webkit-perspective:150;
-ms-perspective:150;
perspective:150;
-moz-transform:rotateX(15deg);
-ms-transform:rotateX(15deg);
-o-transform:rotateX(15deg);
-webkit-transform:rotateX(15deg);
transform:rotateX(15deg);
opacity:0;
filter:alpha(opacity=0)
}
60% {
-moz-transform:rotateX(7deg);
-ms-transform:rotateX(7deg);
-o-transform:rotateX(7deg);
-webkit-transform:rotateX(7deg);
transform:rotateX(7deg);
opacity:1;
filter:alpha(opacity=100)
}
100% {
-moz-transform:rotateX(0);
-ms-transform:rotateX(0);
-o-transform:rotateX(0);
-webkit-transform:rotateX(0);
transform:rotateX(0)
}
}
@keyframes flip-effect {
0% {
-webkit-transform:rotateY(180deg);
-webkit-transform-style:preserve-3d;
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
transform:rotateY(180deg);
transform-style:preserve-3d
}
100% {
-webkit-transform:rotateY(0);
-webkit-transform-style:preserve-3d;
-moz-transform:rotateY(0);
-ms-transform:rotateY(0);
-o-transform:rotateY(0);
transform:rotateY(0);
transform-style:preserve-3d
}
}
@keyframes transformation-effect {
0% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
100% {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-ms-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0)
}
}
.tsf-step {
	display: none
}
.tsf-step.active {
	display: block
}
.tsf-content {
	overflow: inherit !important;
	height: 100%;
	width: 100%;
}
.don-step-content {
	border-radius: 3px;
	border-left: 6px solid #fec110;
	padding: 25px;
	background: #fff;
	height: 100%;
	width: 100%;
}

.tsf-content h2 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 25px;
	font-weight: 600;
}

.don-step-content h4 {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 20px;
	line-height: 28px;
}
.don-step-content h4 span {
	color: #fec110;
}
.don-step-content h4 > div {
	color: #fec110;
	margin-top: 9px;
	font-size: 18px;
}
.mnthly-chckbx .labeltxt {
	overflow: inherit;
	padding-left: 40px;
}
.billinginfo label {
	font-weight: 400;
	color: #444;
}
.billinginfo label a {
	font-size: 17px;
	margin-left: 5px;
}

.labelblock {
	font-size: 16px;
	margin-right: 15px;
	color: #000 !important;
}

.bill-cntry-slct {
	display:none;
}
.billinginfo .bill-cntry .bill-cntry-slct {
	width: 50%;
	margin: 0 15px 0 0;
	padding-right: 15px;
}
.bill-cntry a {
	color: #fec110;
	display: inline-block;
}
.bill-cntry a:hover {
	color: #fec110;
}





.tsf-content input.error {
	border: 1px solid #f00
}
.tsf-content label.error {
	color: #f00;
	font-style: italic
}
.tsf-controls {
	padding: 25px 0
}
.tsf-controls .tsf-wizard-btn {
	background-color: #fec110;
	color: #fff !important;
	padding: 15px 25px !important
}
.tsf-controls .tsf-wizard-btn:hover {
	background-color: #ff3e0b
}
.tsf-controls .tsf-wizard-btn.btn-right {
	float: right
}
.tsf-nav-step ul a {
	text-decoration: none !important
}
.tsf-nav-step ul .desc {
	padding-top: 0
}
.tsf-nav-step ul label {
	margin-bottom: 0 !important
}
.tsf-nav-step .tsf-nav {
	-moz-transition: all 1000ms;
	-o-transition: all 1000ms;
	-webkit-transition: all 1000ms;
	transition: all 1000ms;
	position: absolute
}
.tsf-nav-many-steps {
	height: 100px;
	overflow: hidden;
	width: 100%;
	position: relative
}
.tsf-left-container, .tsf-right-container {
	width: 66.66666667%;
	float: left;
	padding-right: 15px;
	padding-left: 15px
}
.tsf-right-nav-step, .tsf-left-nav-step {
	float: left;
	width: 33.33333333%;
	padding-right: 15px;
	padding-left: 15px
}
.tsf-right-nav-step {
	float: right
}
.tsf-wizard .tsf-nav-step label {
	cursor: pointer !important
}
.tsf-wizard.not-show-num .tsf-nav-step .number {
	display: none
}
.tsf-wizard.bottom {
	display: flex;
	-ms-flex-flow: column;
	-webkit-flex-flow: column;
	flex-flow: column
}
.tsf-wizard.bottom .tsf-bottom-container {
	order: 1;
	display: flex;
	-ms-flex-flow: column;
	-webkit-flex-flow: column;
	flex-flow: column
}
.tsf-wizard.bottom .tsf-bottom-nav-step {
	order: 2
}
.tsf-wizard.bottom .tsf-controls {
	order: 1
}
.tsf-wizard.bottom .tsf-content {
	order: 2
}
.tsf-nav-step .gsi-style-9:not(.gsi-vertical) li:last-child {
	top: 37px
}
.tsf-nav-step .gsi-style-10:not(.gsi-vertical) li:last-child {
	top: 37px
}



/*****donation---page----*****/


.billinginfo{
}


.billinginfo .field-required, .field-required {
	color:red !important;
}

.billinginfo .form-control {
	height: 40px;
	border-radius: 0px;
	font-weight: normal;
	width: 100%;
	min-width: 100%;
}
.billinginfo .nice-select {
	line-height: 25px;
}

.billinginfo .nice-select .list{
	width: 100%;
    height: 250px !important;
    overflow-y: scroll;
}


.billinginfo .donate-btn {
	line-height: 42px;
	background: #ff3e0b;
	color: #fff;
	padding: 0 30px;
	border: 1px solid #ff3e0b;
	border-radius:0px;
	margin-left:0px;

}


.billinginfo .donate-btn:hover {
	background: #2E63C1;
	color: #fff;
	border-color: #2E63C1;
}


.p-donation{
}

.p-donation p {
	line-height: 24px;
	margin-bottom: 20px;
}

.p-donation h2{
}

.donationamount {
	margin-bottom: 20px;
	float: left;
	width: 100%;
}

.donationamount ul{
}

.donationamount ul li {
	float: left;
	margin: 10px 19px 10px 9px;
	text-align: center;
	box-shadow: none;
	border: 1px solid #dddddd;
	outline: 1px solid #dddddd;
	border-radius: 0;
	outline-offset: 5px;
	padding: 20px 59px;
	position: relative;
	transition: all 0.4s ease 0s;
	line-height: 30px;
}

.donationamount ul li a{
	display:block;
	color: #000;
	font-size: 17px;
}


.donationamount ul li:hover, .donationamount ul li.active,  .donationamount ul li.active:hover {
	cursor:pointer;
    border: 1px solid #fec110;
    outline: 1px solid #fec110;
}


.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr, .radio .cr {
	position: relative;
	display: inline-block;
	border: 1px solid #ddd;
	border-radius: .25em;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 10px;
	border-radius: 0px;
	text-align: center;
	margin-left: 0px;
}
.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon, .radio .cr .cr-icon {
	position: absolute;
	font-size: .8em;
	line-height: 0;
	top: 47%;
	left: 4px;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
	padding-left: 4px;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

.checkbox label, .radio label {
	min-height: 25px;
	padding-left: 0px;
	width: 100%;
	line-height: 25px;
}

.labeltxt {
	/* width: 100%; */
	padding-top: 5px;
	overflow: hidden;
	/* float: left; */
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 15px;
    margin-bottom: 25px;
}


.onetimedonation {
	background: #ff3e0b;
	display: inline-block;
	padding: 0px 20px;
	color: #fff;
	border-radius: 5px;
	margin-bottom: 25px;
	margin-top: 0;
	height: 100px;
	width: 40%;
}

.onetimedonation h3 {
	color: #fff;
}

.onetimedonation p{

}


.card-sec-item {
	text-align: center;
	margin-bottom: 30px;
}
.card-sec-item h4 {
	margin-top: 0;
	margin-bottom: 20px;
}

.main-dntn-grp.dntn-grp .checkbox, .main-dntn-grp.dntn-grp .radio {
	width: 13.4%;
}

.main-dntn-grp .checkbox-inline + .checkbox-inline, .main-dntn-grp .radio-inline + .radio-inline {
	margin-left: 16px;
}
.main-dntn-grp.dntn-grp label p {
	padding: 20px 10px;
	font-size: 16px;
}

.don-step-content .form-group {
	margin-bottom: 20px;
}

.donatepgbtn {
	margin-bottom: 30px;
	float: left;
	width: 100%;
}



.donatepgbtn h2 {
	font-size: 30px;
	font-weight: normal;
	text-align: left;
	margin: 0;
}
.donatepgbtn h2 a {
	line-height: 28px;
	background: #ff3e0b;
	color: #fff;
	padding: 10px;
	border: 1px solid #ff3e0b;
	border-radius: 0;
	margin-left: 0px;
	transition: all ease 0.5s;
	display: block;
	font-family: 'Spectral SC', serif;
	position: relative;
}

.donatepgbtn a:hover{
	background:#fec110;
	color:#fff;
	border:1px solid #fec110;
}
.donatepgbtn h2 a span {
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.donation-content-img img {
    float: right;
    width: 262px;
    margin-left: 30px;
    border: 1px solid #ddd;
    padding: 3px;
}


.donation-content {
	//background: #fff;
	//border: 1px solid #ddd;
	//padding: 20px;
	//display: inline-block;
	width: 75%;
	margin: auto;
}
.donation-content.dntn-cntnt-wdth {
	width: 80%;
}


.donatepgbtn img {
	display: inline-block;
	padding-right: 11px;
}


.do-img img {
	width: 100%;
	height: 110px;
}

.donation-content p {
	margin-bottom: 25px;
	line-height: 24px;
	font-size: 15px;
}
.donation-content p a {
	color: #222;
	transition: all 0.3s ease 0s;
	
}
.donation-content p a:hover {
	color: #fcc013;
}
.ylw-lnk {
	color: #fcc013 !important;
	text-decoration: underline !important;
}
.donation-content h5 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 15px;
	color: #222;
	line-height: 24px;
}
.donation-content h5 span {
	color: #fcc013;
}
.donation-content blockquote {
	padding: 17px 20px;
	margin: 0 0 20px;
	font-size: 14px;
	border-left: 5px solid #ddd;
	background: #efefef;
	line-height: 26px;
	font-style: italic;
}

.donation-content .hdng-sml.heading-main h3{
	//margin-top:20px;
}
.donate-heading {
	margin-bottom: 25px;
	float: left;
	width: 100%;
}
.donate-heading h3, .donate-heading h3 a {
	color: #222;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 10px;
}
.donate-heading  h3 span {
	color: #fcc013;
}

.donate-heading h2 {
	margin-top: 0;
	font-size: 30px;
}

.mrgntp20{
	margin-top:20px;
}


.donation-bill-btn {
	padding-left: 40px;
	padding-top: 30px;
}
.donation-bill-btn .checkbox, .donation-bill-btn .radio {
	margin-top: 0;
}

.donation-bill-btn .checkbox, .donation-bill-btn .radio {
	margin-top: 0;
}


.do-send-btn {
	float: left;
	width: 60%;
	padding-right: 15px;
}
.do-send-btn .btn-common.btn-yellow {
	width: 100%;
	line-height: 100px;
	border-radius: 5px;
	font-size: 25px;
	text-transform: uppercase;
	padding: 0 20px;
}


.don-step-content .checkbox, .radio {
	margin-top: 0;
	margin-bottom: 20px;
}


.donatevideo-col {
	margin-bottom: 30px;
}
.dntvdo-des {
	background: #FEC110;
	padding: 40px;
}
.dntvdo-des h3 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 600;
}
.dntvdo-des p {
	color: #fff;
	margin: 0;
	font-size: 15px;
	line-height: 26px;
}
.dnt-vdo {
	height: 276px;
}
.dnt-vdo iframe {
	width: 100% !important;
	height: 277px !important;
}



.don-step-content .row {
	margin: 0 -10px !important;
}
.don-step-content .col-md-6, .don-step-content .col-md-5, .don-step-content .col-md-4, .don-step-content .col-md-3, .don-step-content .col-md-2 {
	padding: 0 10px;
}


/******donation----page----end-----******/