@font-face {
    font-family: 'nevis-Bold';
    src: url('../font/nevis-Bold.eot');
    src: url('../font/nevis-Bold.woff') format('woff'), url('../font/nevis-Bold.ttf') format('truetype'), url('../font/nevis-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
#Other input::-webkit-input-placeholder {
   color: white !important;
}
form#promisepay input[type=text], form#promisepay input[type=number]{ height:41px}
.public-img img {
width: 105%;
margin-bottom: 20px;
}
div#Other {
width: 135px;
}
.picclass
{
	background: #e44860 !important;
border: none!important;
border-radius: 3px!important;
color: white!important;
text-transform: uppercase!important;
padding-left: 90px!important;
padding-right: 90px!important;
font-size: 15px!important;
padding-top: 5px!important;
padding-bottom: 5px!important;
float: right!important;
margin-right: 0 !important;
margin-top: 10px;
font-family: NeutraDisplayBook;
}

#Other input:-moz-placeholder { /* Firefox 18- */
   color: white !important;
}

#Other input::-moz-placeholder {  /* Firefox 19+ */
   color: white !important ;
}

#Other input:-ms-input-placeholder {
   color: white !important;
}
#tag_update ul {
	/* text-align: center; */
	list-style: none;
	/* background-color: #45C2C4; */
	padding-left: 0;
	padding-left: 20px;
	background-color: #b1daf0;
	position: relative;
	/* left: 0%; */
}
.tb-close-icon {
display:none  !important
}
.btn {
background-image:url(https://promiseorpay.com/wp-content/themes/twentyfourteen/css/img/tw.png) !important ; width:69px; height:21px
}
.twitter-share-button{background-image:url(https://promiseorpay.com/wp-content/themes/twentyfourteen/css/img/tw.png) !important ; width:69px; height:21px
}
.faqtxt
{
	-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
margin: 0px  0px;
column-gap: 40px;
-webkit-column-gap: 120px
}

@font-face {
    font-family: nevis;
    src: url('../fonts/nevis.ttf');
}
@font-face {
    font-family: NeutraDisplay;
    /*font-weight: Bold;*/
src: url('https://promiseorpay.com/wp-content/themes/twentyfourteen/fonts/Neutra2Display-Bold.otf');

}
@font-face {
    font-family: NeutraDisplayMedium;
    font-weight: Medium;
src: url('https://promiseorpay.com/wp-content/themes/twentyfourteen/fonts/Neutra2Display-Medium.otf');

}
@font-face {
    font-family: NeutraDisplayThin;
    font-weight: Thin;
src: url('https://promiseorpay.com/wp-content/themes/twentyfourteen/fonts/Neutra2Display-Thin.otf');
}
@font-face {
    font-family: NeutraDisplayTitling;
    font-weight: Titling;
src: url('https://promiseorpay.com/wp-content/themes/twentyfourteen/fonts/Neutra2Display-Titling.otf');
}
@font-face {
    font-family: NeutraDisplayBook;
    font-weight: Book;
src: url('https://promiseorpay.com/wp-content/themes/twentyfourteen/fonts/Neutra2Text-Book.otf');

}

body{
	color: #283543;
	font-size: 16px;
	font-family: nevis;
}

h2 ,h3
{
  font-family: 'nevis';
}
#social-bar{
	background-color: #b1daf0;
	padding: 3px;
	list-style: none;
	margin: 0;
}
#social-bar ul{
	margin: 0;
	padding-left: 0;
}
#social-bar li{
	list-style: none;
}
.socialicons{
	background-color: #5d76dd;
	font-size: 14px;
	border-radius: 100% 100%;
	color: #fff;
	padding: 3px;
	display: block;
	width: 27px;
	text-align: center;
	margin: 1px 5px 1px 0;
}
.fqa-content > h3,.fqa-content p,.faq-content > h3,.faq-content p {
	font-family: "NeutraDisplay";
}

.fqa-content p,.faq-content p {
	font-size : 19px;
}

.menuitems{
	text-transform: uppercase;
	color: white;

	font-family: NeutraDisplay;
	font-weight: bold;
	font-size: 14px;
}
.page-template-page-charity-php .form-inline .form-group  {
     padding:0px;
     margin:0px;
     display: inline-block;
}
.page-template-page-charity-php .form-inline .form-control {
width:70% ;

}
.howrowbg{ background:#ffffff; display:block; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:40px;/* width:36%;*/ width:469px; margin-right:-19px}
.howitbg{/* background:url(../img/aboutbg.png) no-repeat;*/ background:url("../img/abbg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); width:429px; height:143px; font-family: 'nevis-Bold'; color:white; vertical-align:middle; font-size:18px; padding-left:20px; padding-top:38px;}
.setgoal{font-family: NeutraDisplaybook; color:#45c2c4; font-size:16px; }
.howrowbg1{ background:#ffffff; display:block; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:16px;/* width:49%;*/ width:469px;}
.howrowbg2{ background:url("../img/about3.png") no-repeat scroll center bottom #fff; background-repeat:no-repeat; width:469px; height:520px; padding-left:20px; padding-right:20px; padding-top:20px;}
.howrowbg3{ background:url("../img/about4.png") no-repeat scroll 0 0 #fff; width:952px; height:auto;padding-left:20px; padding-right:20px; padding-top:43px;}
.howitbgthird{ background:url(../img/abbg.png) no-repeat; width:429px; height:143px;}
.howitbgfourth{ background:url(../img/new.png); width:410px; height:182px; background-repeat:no-repeat}

.howitbgsecond{ background:url(../img/about2.png) no-repeat; width:512px; height:251px; position:relative}
.secondele{ position:absolute; right: 51px; top:59px}
.howitbgfifth{ background:url(../img/abg3.png); background-repeat:no-repeat; width:410px; height:182px; padding-left:20px; padding-right:20px; padding-top:20px; float:left;margin-left: 8px;}
.howitbgsixt{background:url(../img/abg4.png); background-repeat:no-repeat; width:410px; height:182px; padding-left:20px; padding-right:20px; padding-top:20px; float:left; margin-left:41px}
.or{float: left;
width: 11px;
margin-left: 23px;
margin-top: 50px;font-family: "NeutraDisplay";color:#45c2c4; font-size:16px; }
.secondcon{font-family: 'nevis-Bold';
color: white;
vertical-align: middle;
font-size: 18px;
padding-left: 20px;
padding-right:20px;
padding-top: 25px;
width: 100%;}
.cond{font-family: "NeutraDisplay"; color:#45c2c4; font-size:12px}
.make-it .row
{
/*margin-top: 10px;*/
}

.site-footer {
    background-color: #236fdf;
  }
.page-template-page-charity-php strong p{
color: #3f4575 !important;
height: auto;
font-size: 18px;
}
.footer .social li a{
	background-color: #fff;
	font-size: 14px;
	border-radius: 100% 100%;
	color: #5d76dd;
	padding: 3px;
	display: block;
	width: 27px;
	text-align: center;
	margin: 1px 5px 1px 0;
}
.footer .social li a:hover, #social-bar li a:hover{
	background-color: #93d6de;
}
#logo-section{
	background-color: #45c2c4;
	min-height: 166px;
	border-top: 6px #5dc8cc solid;
	border-bottom: 6px #5dc8cc solid;
}
#logo-section h1 {
	/*margin: 35px 0 24px 0;*/
}
#logo-section h1 a{
	background-image: url(../img/logo.png);
	max-width: 367px;
	min-height: 109px;
	display: block;
	text-indent: -9999px;
	background-size: 100% auto;
        background-repeat: no-repeat;
}
.joinloginclass{
	background-color: white;
width: 70px;
height: 60px;
color: #45c2c4;
float: right;
width: 53px;
margin-top: -7px;
padding-top: 8px;
text-align: center;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
font-family: 'NeutraDisplayBook';
}
.sctiontwo{
	background-color: white;
}
.headingsectiontwo{
	font-family: NeutraDisplay;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	font-size: 20px;
	letter-spacing: 2px;
}
#featured-promises > .container {
	padding-left: 0px;
}

.headingsectiontwopara{
	font-family: 'Muli', sans-serif;
	width: 90%;
padding-left: 10%;
margin-bottom: 60px;
}
.sectionthreeheading{
	font-family:NeutraDisplay;
	font-weight: Thin;
	font-size: 19px;
	text-transform:uppercase;
	margin-bottom: 8px;
}
.sectionthreepara{
	font-family: 'Muli', sans-serif;
	font-size: 14px;
}
.bannerimage{
	background-image: url('../images/banner.jpg') ;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: auto;

}
#main-nav{
	background-color: #b1daf0;

}
.masthead-fixed .site-main {
margin-top:0px !important;

}
.page-id-25 .masthead-fixed .site-main {
margin-top:48px !important;

}

.page-id-25 #main-nav{
margin-bottom: 32px;
}
#main-nav ul{
	width: 100%;
	list-style: none;
}
#main-nav li {
	float: right;
	margin-left: 22px;
}
#main-nav li a{
	color: #fff;
	text-transform: uppercase;
	padding: 6px 0;
	display: block;
}
div#promise-form {
	margin-bottom: -10px;
}
#promise-form h2, .padded-section h2, .padded-section h3{
	color: #45c2c4;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 109px;
        font-family: 'nevis';
}
form#promisepay {
	background-image: url('../images/speechbubble.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding: 15px 10px 20px 10px;
	font-size: 28px;
	color: #fff;
	position: relative;
	border-radius: 5px;
	font-weight: bold;
}
.newsletterheading{
font-family: 'nevis';
padding-bottom: 10px !important;
text-align: center;
color: #45c2c4;
}
input#promise-input {
	width: 51%;
}
form#promisepay input#promise-price{
	width: 10%;
}
/*form#promisepay input[type=text], form#promisepay input[type=number] {
background-color: transparent;
border: none;
background: url(../img/ipbg.png) repeat-x;
background-position: 7px 33px;
}*/
/* PP150 */
form#promisepay input[type=text], form#promisepay input[type=number] {
	background-color: transparent;
	border: none;
	background: none !important;
	background-position: 0;
	height: 43px;
	line-height: 41px;
	text-align: center;
	border-bottom: 2px solid #fff;
	padding: 15px 0 0 0 !important;
}
form#promisepay input[type=text]:active, form#promisepay input[type=number]:active{
	border: none;
}
form#promisepay #submit-promise, .make-a-promise-button{
/*background-color: #e44860;
border: none;
margin-top: 13%;
margin-bottom: 26px;
padding: 15px 65px;
bottom: -26px;
right: 23px;
border-radius: 3px;
text-transform: uppercase;
font-size: 25px;
font-weight: normal;
font-family: NeutraDisplay;
letter-spacing: 3px;*/
background-color: #e44860 ;
border: none;
margin-top: 13%;
margin-bottom: 26px;
padding: 15px 49px;
bottom: -26px;
right: 23px;
border-radius: 3px;
text-transform: uppercase;
font-size: 25px;
font-weight: normal;
font-family: NeutraDisplay;
letter-spacing: 3px;
}
#promise-form p{
	margin-bottom: 50px;
	font-size: 16px;
}
div#how-it-works {
	border-bottom: 6px #adc2f7 solid;
	width: 100%;
	margin: 0;
	position: relative;
}
div#how-it-works img, #featured-campaign img{
	width: 100%;
}
#how-it-works .col-md-4 {
	margin-right: 0;
	padding: 0;
}

#how-it-works .col-md-8 {
	background-color: #c5cdf1;
}
#how-it-works .details{
	background-color: #c5cdf1;
	color: #5d76dd;
	padding: 0 20px;
}
#how-it-works .details h3 {
	margin-bottom: 30px;
}
#how-it-works .item {
	background-color: #5d76dd;
	color: #fff;
	padding:0px 28px 15px 18px;
	margin-bottom: 10px;
     min-height: 190px;
max-height: 200px;
min-width: 145px;
}
#how-it-works .item span.num {
		/*display: block;
		position: relative;
		/* top: -38px; */
		/* left: 36%; */
		/*font-size: 25px;
		border: 3px #fff solid;
		width: 55px;
		text-align: center;
		border-radius: 100%;
		padding: 12px;
		font-weight: bold;
		margin: 0 auto;
		text-align: center;
		top: -32px;*/
		display: block;
position: relative;
/* top: -38px; */
/* left: 36%; */
font-size: 38px;
border: 3px #fff solid;
width: 45px;
height: 45px;
text-align: center;
border-radius: 100%;
/* padding: 12px; */
font-weight: bold;
margin: 0 auto;
text-align: center;
top: -35px;
padding-left: 4px;
}

}
#featured-promises{
	background-color: #d4eff2;
	padding: 40px 0 65px;
	position: relative;
}
.padded-section{
	padding: 40px 0 65px;
	position: relative;
	margin-bottom: 15px;

}
#featured-promises h3{
	color: #45c2c4;
	text-align: center;
	display: block;
	margin: 0 0 25px;
	font-weight: bold;
}
#featured-promises .promise {
	background-color: #45c2c4;
padding: 20px;
width: 103%;
margin: 0 auto;
color: #fff;
margin-bottom: 10px;
font-family: NeutraDisplayBook;
min-height:391px;
}
#featured-promises .promise-item{
	background-image: url(../images/feature.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	/*width: 288px;*/
	min-height: 190px;
	margin: 0 auto;
	padding: 14px 20px;
	color: #45c2c4;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.page-id-25 #promisepay
{
  height:auto !important;
}
.promise p.author {
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-family: NeutraDisplay;
font-weight: bold;
}
.promise p.desc {
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 0;
}
a.make-featured-promise-button {
/*position: absolute;*/
/*left: 19%;*/
/*right: auto;*/
/*bottom: -48px;*/
color: #fff;
/* position: absolute; */
background-color: #e44860;
border: none;
padding: 15px 35px;
/* bottom: -26px; */
/* right: 23px; */
border-radius: 3px;
text-transform: uppercase;
font-size: 26px;
font-weight: normal;
z-index: 10;
text-transform: uppercase;
font-size: 25px;
font-weight: normal;
font-family: NeutraDisplay;
letter-spacing: 3px;

}
a.make-a-promise-button {
	left: 17%;
	right: auto;
	bottom: -16px;
	color: #fff;
	z-index: 10;

}
#push-promise-form input{

background: #b1daf0;
border: none;
color: #fff;
text-transform: uppercase;
margin-bottom: 5px;
padding: 5px 15px;
border-radius: 5px;
margin-left: 0;
font-size: 15px;
font-family: 'NeutraDisplayBook';
border: none;
}
#push-promise-form input[type=submit] {
	text-transform: uppercase !important;
}
#signform input{
	width: 60%;
background: #b1daf0;
border: none;
color: #fff;
text-transform: uppercase;
margin-bottom: 5px;
padding: 5px 15px;
border-radius: 5px;
margin-left: 0;
font-size: 15px;
font-family: 'NeutraDisplayBook';
border: none;
}
.promiseButtonsGroup > .col-md-2 {
	width: 25% !important;
}
.labelawesome {
color: #fff;
padding: 10px;
background: #b1daf0;
border-radius: 5px;
font-family: 'NeutraDisplayBook';
}
.labelpushapromise{
	width: 100%;
	font-size: 15px;
	padding-top: 6px;
	height: 40px;
padding-left:10px;
margin-bottom:10px !important;
	}

.my-promise-broke .col-sm-6 {
	width:50% !important;
}
#push-promise-form input[type=button]{
	background-color: #e44860 ;
color: #fff;
letter-spacing: 3px;
padding-top: 10px;
padding-bottom: 10px;
width: 275px;
}
/*div#featured-campaign .col-md-6 {
	padding: 0;
}*/
div#featured-campaign{
	/*position: relative;*/
	border-bottom: 6px #b6c7ed solid;
}
div#featured-campaign #featured-campaign-content, div#featured-campaign #featured-campaign-image{
	padding: 0;
}
div#featured-campaign .details .row{
	background-color:#c5cdf1;
}
div#featured-campaign .details .row .item{
	background-color:#5d76dd;
	padding: 10px;
	margin-right:5%;
	margin-bottom: 5%;

}
div#join-mail-list{
	background-color:#d4eff2;
	padding-top: 1%;
	padding-bottom: 3%;
}
div#join-mail-list .col-md-10{
	padding: 0;
}

div#join-mail-list h2
{
color: #72ced0;
text-align: center;
font-family: 'nevis';
}
.join-list
{
	background-color:#72ced0;
	padding-bottom: 2%;
	/*height: 150px;*/
}
.join-list p
{
	color: #fff;
padding: 20px;
text-align: center;

}


#join-mail-form input[type=submit]{
	background-color: #e44860 ;

	border: none;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 5px;
	padding: 5px 15px;
	border-radius: 5px;
	margin-left: 0;
	font-size: 18px;
	letter-spacing: 3px;
        width:155px;
}

#join-mail-form ::-webkit-input-placeholder {
   color: #45c2c4;
}

#join-mail-form :-moz-placeholder { /* Firefox 18- */
   color: #45c2c4;
}

#join-mail-form ::-moz-placeholder {  /* Firefox 19+ */
   color: #45c2c4;
}

#join-mail-form :-ms-input-placeholder {
   color: #45c2c4;
}

#push-promise-form ::-webkit-input-placeholder {
   color: #fff;
}

#push-promise-form :-moz-placeholder { /* Firefox 18- */
   color: #fff;
}

#push-promise-form ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}

#push-promise-form :-ms-input-placeholder {
   color: #fff;
}


.logo
{
	background:#45c2c4;
	height:210px;

}
.social li
{
    list-style: none;
    display:inline-block;
    float:none;

}
.logo img
{
	margin-left: 144px;
	margin-top: 42px;
}

.menu
{
  display:inline-block;
  background:#b1daf0;
  height:31px;
  width:100%;
}
#colophon {
	border-top: 10px solid #5098df;
}
.footerFields {
	text-align: center;
}
.footerFields li:first-child {
	margin-left: 0%;
}
.menu li,.footer-menu li

{
    color: #fff;
    display: inline-block;
    font-size: 14.8px;
    font-weight: bold;
    list-style: none outside none;
    margin-left: 2.8%;
    margin-top: 10px;
}
.menu li, .footer-menu li a
{
	color: #fff; text-decoration:none;
}
.menu ul
{
	float:right;
	margin:5px 50px 0px 0px;
}

.footer
{
	background:#236fdf;
}
footer
{
clear:both;
}
/*.main-content
{
	height:1000px;
}*/
/*.footer-line
{
	height:10px;
	background:#5098df;
}*/

footer .social,.footer-menu
{
	margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}
.footer-menu li
{
  font-size: 15.87px;
}

.copyright p>span
{
  margin-right:30px;


}
.copyright
{
	color:#fff;
	font-size: 15.87px;
	text-align: center;
	margin-top:20px;
	margin-bottom:15px;
}
.copyright a
{
	color:#fff;
}
.row{
	margin:0;
}


.banner
{
	padding: 0;
	width: 100%;
}
.banner img
{

	width: 100%;
}
.promise-reg
{
	margin-top: 4%;
}
.no-padding-col {
	padding: 0;
}

.step-input input{
	width: 100%;
}
.charity{
	margin-bottom: 20px;
}
.charity-select button.active{
background: #e44860 !important;
}
.page-template-page-choosecharity-php .col-md-4, .page-template-page-charity-php .col-md-4
{
	max-width: 380px;
	padding-left: 0 !important;
    padding-right: 30px !important;
	float: left;
	width:100%;
	margin-bottom: 40px;
}
.page-template-page-charity-php .main .container h2
{
	color:#2a336c !important;
}
.charity-list
{
	background: none repeat scroll 0 0 #5d76dd;
    color: #fff;
   /* height: 370px;*/
    margin-top: -7px;
    /*min-height: 200px;*/
    padding: 10px;
}
.page-template-page-charity-php .charity-list
{
	height:300px; min-height:300px; float:left; width:100%;
}
.page-template-page-choosecharity-php .charity-list
{
	height: 365px;
	min-height:365px;
	background:#5d76dd;
	color: #fff;
	padding: 10px;
	margin-top: -9px;
	float:left;
	width: 100%;
	position:relative;
}
.page-template-page-choosecharity-php .charity , .page-template-page-charity-php .charity
{
	float: left;
    position: relative;
	width:100%;
}
/*.page-template-page-charity-php .charity-list
{
	height: 300px !important;
}*/
.charity-category
{
	 color: #5d76dd;
    font-size: 18px;
    text-align: center;
}
.charity-logo img
{
	float:right;
}
.page-template-page-choosecharity-php .charity-category, .page-template-page-charity-php .charity-category{
	text-align:center;
	color:#5d76dd;
	font-size:22px;
	 font-family:"NeutraDisplayBook";
	 margin-bottom:0 !important;
	 font-weight:bold;
}
.charity_logo_inner
{
	 display: table-cell;
	 vertical-align: middle;
}
.charity-logo
{
	display:table;
  text-align: right;
  float: left;
  height: 120px;
  margin-bottom: 12px;
  width:100%;
}
.page-template-page-choosecharity-php .charity-info p , .page-template-page-charity-php .charity-info p
{
	font-family: 'CenturyGothicRegular';
	font-size:14px;
	font-weight: normal;
}
.page-template-page-choosecharity-php .charity-name, .page-template-page-charity-php .charity-name
{
	font-size: 20px;
    font-weight: bold;
	float: left;
	width:100%;
}
.charity-info
{
	height:105px;
	overflow:hidden;
	float: left;
}
.charity-select
{
	display: table;
    margin: 0 auto;
    position: relative;
  	bottom: -33px;
	left: -2px;
}
.page-template-page-choosecharity-php .charity-select , .page-template-page-charity-php .charity-select{
	display: table;
	position: absolute;
	margin: 0 auto;
	text-align:center;
	width:100%;
	padding-right: 0px;
	/* left: 20%; */
	bottom: -14px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.page-template-page-choosecharity-php .charity-select, .page-template-page-charity-php .charity-select
	{
		padding-right:0 !important;
	}
}


/*.page-template-page-charity-php .charity-select
{
	top: -17px !important;
}*/
.single-choosecharity #choosecharity_single_page #content h2
{
	 margin-bottom: 0;
    margin-top: 0;
}
.charity-select button:hover
{
	background:none repeat scroll 0 0 #e44860 !important ;
}
.charity-select button{
	text-transform:capitalize;
	background: none repeat scroll 0 0 #b1daf0;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    padding: 5px 60px;
}
.page-template-page-choosecharity-php .charity-select button,
.single-choosecharity .charity-select button,
.page-template-page-charity-php .charity-select button
{
	background: #b1daf0;
	padding: 4px 0;
	max-width:270px;
	width: 65%;
	color:#fff;
	border-radius: 5px;
	border: 0;
	font-family: 'NeutraDisplayBook';
	font-size: 18px;
	text-transform: uppercase;

}
.resourse_select button
{
	font-family: "NeutraDisplayBook";
    font-size: 18px;
    letter-spacing: 1px;
    padding: 1px 40px !important;
    text-transform: uppercase;
}

.promise-text-color
{

   color:#43c2c3;
}

.final-promise-line {
	text-align: center;
	background-color: #45c2c4;
	padding: 15px;
	color: #fff;
	border-radius: 5px;
	font-size: 25px;
	margin-top: 30px;
}
.youraccount .row>div{
padding:0px !important;
}
.make-it .row>div{
padding:0px 0px 0px 15px !important;

}
.make-it .row>div.no-leftpadding
{
   padding-left:0px !important;
}
.add-promise, .cofirm
{
  margin:30px auto 0 auto;
  /*width:80%;*/
}

#push-promise-form .add-promise #edit-promise{
background:#45c2c4;
border: none;


border-radius: 6px;
text-transform: uppercase;
font-size: 26px;
width:275px !important;
font-weight: normal;
float: right;
margin-top: 20px;
margin-right: 14px;
}
#charityname-selected{
	display:inline-block;
	/*min-width: 100px;*/
}
.step1-form-div{
	display:inline-block;
}

#step1-i-promise-to{
	width:12%;
}
#step1-promise-text{
	width:86%;
}
.list-charity-form input{
  background-color:#b1daf0;
  color:#fff;
  text-transform: uppercase;
}
.list-charity-form{
	color: #43c3c3;
	font-weight:bold;
}
#push-promise-form input[type=submit]
{
  margin:15px auto;
}
#make-promise-submit
{
    background: #e44860 ;
    color: white;

    font-size: 100%;
    display: table;
    margin: 10% auto;

}
#push-promise-form h2, #push-promise-form p, #push-promise-form .password {
color:#45c2c4;

}
.final-promise-line #edit-promise
{
    position: absolute;
    background-color: #45c2c4;
    border: none;
    padding: 0 35px;
    bottom: -26px;
    right: 23px;
border-radius: 6px;
text-transform: uppercase;
font-size: 26px;
font-weight: normal;
}

.cofirm >h2
  {
      color:#29326b;
  }

#push-promise-form .checkbox input
{
  width:auto;
margin-left:-18px;
}
.promise-banner #make-promise
{
   background-color: #e44860;
border: none;
padding: 0 35px;
/* bottom: -26px; */
/* right: 23px; */
border-radius: 6px;
text-transform: uppercase;
font-size: 26px;
width: 275px;
font-weight: normal;
float: right;
}

.promise-btn > div
{
  float:right;
}
.user-upload {
 	background: #5d76dd;
 	width:300px;
 	height:300px;
 }
 .radius {
 	width: 200px;
        background:url(../img/profile_upload.png);
        height: 200px;

margin: 0 auto;
vertical-align: middle;


 }
 .user-img {
 	position: relative;
top: 20px;
 }
 .user-img {
 	margin:0 auto;
 }
.user-profile{
	margin:50px auto;
	width:80%;
}
.user-support .title {
background: #5d76dd;
color: white;
/* font-size: 12px; */
padding: 5px;

}
.user-support .title h2 {
	font-size: 18px;
color: white;
text-align: left;
padding-left: 5px;
}
 .text-promise input.hides {
background: #b1daf0;
border: none;
padding: 0px 10px;
color: white;
border-radius: 6px;
margin-bottom: 10px;
height: 100px;
width: 100%;
}
.user-coverupload {
	background-color:#5d76dd;
        background-image:url(../img/cover_circle.png);
        background-repeat: no-repeat;
        background-position: center center;

	height:315px;
}
.container ul.socail, .container ul.menu{
display:inline-block;
float:none;
width:50%;
}
.container ul.menu {
float:right !important;
margin-top:-10px !important;}
.radius p{
   color: white;
   text-align: center;

    width: 300px;
    position: absolute;
    left: 0px;

    top: 100px;
}
.upload-cover p{
          color: white;
          font-size: 18px;
          width: 62%;

padding: 45px 0px;
text-align: center;
margin: 0 auto;
 }
.upload-cover, .upload-profile {

	text-align:center;
}
.upload-profile input {
	padding:0 20px !important;
}
.upload-cover input, .upload-profile input,.upload-cover input:hover, .upload-profile input:hover{

background-color: #e44860;
border: none;
padding: 0 35px;
color:white;
border-radius: 6px;
text-transform: uppercase;
font-size: 18px;
font-weight: normal;
}
.user-support{
	background:#c5cdf1;
	min-height:300px;
}
.support {
	width:80%;
	margin:0 auto;
}
.content-name, .content-amount{
	background:#dbe0f6;
	min-height:100px;
}
.total .title h2{
	text-align:center !important;
	text-transform: uppercase;
}
.user-support h2 {
	text-align:center;
	color:#5d76dd;
}
.total
{
	margin-top: -9px;
}
.user-support p {
	padding:5px;
}
.support>h2 {
	margin-bottom:20px;
}
.user-profile textarea{

	width: 100%;
height: 95px;
background: #b1daf0;
border: none;
border-radius: 5px;
margin-bottom:10px;
}
.text-promise h3 {
	color: #46c0c3;
font-size: 20px;
font-weight: bold;
margin:0px 0px 10px 0px;
display:inline-block;
}
.text-promise span{
	color: #46c0c3;
font-size: 17px;
font-weight: bold;
float: right;
}
#submit-promise {
	margin-top: 13% !important;
}
.standardButton {
	background-color: #e44860 !important;
    border: medium none !important;
    border-radius: 3px !important;
    color: #fff !important;
    font-family: NeutraDisplay !important;
    font-size: 22px !important;
    font-weight: normal !important;
    letter-spacing: 3px !important;
    /*padding-bottom: 0 !important;
    padding-top: 4px !important;*/
    text-decoration: none !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}
#share{
	background-color: #e44860;
	border: none;
	padding: 0px 40px;
	color: white;
	border-radius: 6px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
	float: right;

}
#edit-promise {
	background-color: #93d6de !important;
}
.about-us-wrapper
{
     margin-top:80px;
}
.text-promise #progress-upload{

	background-color: #b1daf0;
        border: none;
        padding: 10px 10px;
        color: white;
        border-radius: 6px;
        text-transform: uppercase;

        font-weight: normal;

        width: 100%;
        font-size: 12px;

}

  .how-its-work-wrapper
   {
      clear: both;
      background: #e1f4f6;

   }
 .about-us-image img
    {
       width: 100%;
	   margin-bottom:20px;
    }
    .about-us-content h2
    {
        color: #2a336c;
        padding: 0px;
        margin: 0px;
        height: 50px;
    }
    .about-us-content p
    {
        width: 88%;
    }
    .its-work
    {
        background: #e1f4f6;
        height: 50%;
    }
    .hows
    {
       background: #45c2c4;
       height: 200px;
    }
    .hows p
    {
        text-align: center;
        padding: 0 auto;
        color: white;
        margin-top: 88px;

    }
    .how-wrapper
    {
        margin: 0 auto;
    }
    .the-team-wrapper
    {
        margin: 0 auto;
    }
    .team-profile img
    {
        width:100%;
        height:auto !important;
    }
    .about-team p
    {
        margin-bottom: 50px;
    }
    .about-team
    {
       margin: 25px auto;
    }
    .about-team h2
    {
        text-align: center;
        color: #45c2c4;
    }
    .team-profile h3, .team-profile p
    {
        text-align: center;
        color: #45c2c4;
    }
    .my-promise-broke
    {
      margin-bottom: 100px;

    }
   .brokes-support
      {
        /*width: 80%;*/
        margin: 0 auto;
        margin-top: 95px;
      }
      .my-promised-content
      {
        height: 10%;
        text-align: center;
        font-size: 25px;
        background: #45c2c4;
        color: white;
        margin-bottom: 75px;
      }
      .my-promised-content p
      {
         padding: 30px;
      }
      .my-promise-supports img
      {
        width: 315px;
        /*height: 315px;*/
		margin-bottom:20px;
      }
      .my-promise-marathon h3
      {
        color:  #45c2c4;
        padding: 0px;
        margin: 0px;
      }
      .my-promise-marathon h4
      {
        color: #2a336c;
        margin-top: 35px;
      }
      .my-promise-marathon p
      {
        margin-top: 30px;
      }
      .faq-wrap
    {
        margin: 40px auto;
    }
    .faq-wrap h2
    {
      color:#2a336c;
    }
    .faq-wrap h3
    {
      color:#5d76dd;
      margin-top: 60px;
    }
    .faq-wrap p
    {
      color:#283543;
      margin-bottom: 39px;
    }
    /*.faq-content
    {
      padding: 0px 20px 0px 20px;

    }*/
    .faq-wrap .row>div{
     padding: 0px 20px 0px 0px;
    }
 .thanks-support
      {
        margin: 0 auto;
        margin-top: 95px;
      }
      .promised-content
      {
        height: 10%;
        text-align: center;
        font-size: 25px;
        background: #45c2c4;
        color: white;
      }
      .promised-content p
      {
       /*  padding: 65px !important;
         height: 150px;*/
      }

     .promise-supports h3
      {
         color:#2a336c;
      }

      .promise-supports p
      {
         margin: 30px 0;

     }

    #make-your-promise-submit
     {
               width: 80%;
background-color: #e44860;
border: none;
color: #fff;
text-transform: uppercase;
margin-bottom: 5px;
padding: 5px 15px;
border-radius: 5px;
margin-left: 0;
font-size: 18px;
letter-spacing: 3px;
/* width: 155px; */
clear: both;
display: block;
margin: 10px auto;

     }

#make-ok-promise-submit, #make-cancel-promise-submit,#make-new-promise-submit,#make-cancel-promise-submit
{
width:100%;
border: none;
color: #fff;
text-transform: uppercase;
margin-bottom: 5px;
padding: 5px 15px;
border-radius: 5px;
margin-left: 0;
font-size: 18px;
letter-spacing: 3px;
/* width: 155px; */
clear: both;
display: block;
margin: 10px auto;
}

 #make-cancel-promise-submit
{
   background:#93d6de !important;
}

#make-ok-promise-submit,#make-new-promise-submit
{
  background:#e44860;
}
.make-cancel-ok
{
   width: 75%;
margin: 0 auto;
}
#back-to-promise
{
       border: none;
color: #fff;
text-transform: uppercase;
margin-bottom: 5px;
padding: 5px 15px;
border-radius: 5px;
margin-left: 0;
font-size: 18px;
letter-spacing: 3px;
/* width: 155px; */
clear: both;
display: block;
margin: 10px auto;
width: 50%;
margin-top: 15px;
}
.promise-goal
{
   width: 80%;
   margin: 50px auto;
   text-align: center;
}
.text-promise input{
	background: #b1daf0;
border: none;
padding: 0px 10px;
color: white;
border-radius: 6px;
margin-bottom: 10px;

}

.add-promise input,.add-promise input:hover{
   background-color: #b1daf0;

   padding: 0 35px;
   border-radius: 6px;
   text-transform: uppercase;
   font-size: 26px;
   width: 275px;
   font-weight: normal;
   float: right;
 }
.text-promise  div{
	padding:0px;
}
.sharewithyourfriends{
  width: 97%;
  height: 40px;
  background: #b1daf0;
  border: none;
  border-radius: 3px;
  margin-bottom: 10px;
  font-size: 12px;
  text-transform: uppercase;
  min-height: 20px !important;
  float: right;
  font-family: "NeutraDisplayBook";
  margin-bottom: 50px;
  margin-top: 20px;
  width: 100%;
}
 .why-made
      {
        margin: 70px auto;

      }
      .made h2,.help h2
      {
        color:#45c2c4;
        margin-left: 10px;
      }
      .made-content p,.help-content p
      {
        color:#3e4954;
      }
      .help-content h3
      {
        color:#2a336c;
      }
      .supportme input,.supportme input:hover
      {
        background: #e44860;
        border-radius: 5px;
        text-align: center;
        font-size:18px;
        color: white;
        border:none;
        width: 100%;
        padding: 10px;
      }
      .supportme div{
        padding:0px;
      }
     .dollar-donation div {
    background: none repeat scroll 0 0 #45c2c4;
    border-radius: 15px;
    color: white;
    font-size: 35px;
    margin-bottom: 10px;
    padding: 17px 25px;
}
          .dollar-donation div:nth-child(1){
            margin-left:0px;
          }
      .money
      {
        margin-left: 10px;
      }
      .socail-media-share {
        background: #b1daf0;

        color:white;
        border-radius: 5px;
        margin-top:20px;

      }
        .socail-media-share p {
            color:white;
            font-size:14px;
            vertical-align: middle;
            display: table-cell;
            padding: 10px 5px;
        }
      .socail-media-share ul{
        float:right;
        margin:0px;
        margin-top:10px;
      }

         .socail-media-share li{
            list-style-type: none;
            float:none;
            display:inline-block;
         }
         .socail-media-share li:nth-child(1){
            background:url(../img/socail-fb.png) no-repeat;

         }
         .socail-media-share li:nth-child(2){
            background:url(../img/socail-twitter.png) no-repeat;
            padding: 0px 24px;
            background-position: 0px 3px;


         }
         .socail-media-share li:nth-child(3){
            background:url(../img/mail.gif);
             background-repeat: no-repeat;
             padding: 0px 26px;
             background-position: 0px 3px;

         }
           .socail-media-share li{



            padding: 0px 13px;
            color:#5d76dd;
         }
      .supporters
      {

        background: #c5cdf1;
      }
    .public-support >h2
    {
        text-align: center;
        color: #5d76dd;
    }

  .supporters {

    margin:0 auto;
}
.numberPublic {
	 bottom: -38px;
    color: white;
    float: right;
    font-size: 95px;
    position: absolute;
    right: 7px;
}
 .public-title h2{
    color: white;
    text-transform: uppercase;
}
.public-title p{
    color: white;
    text-transform: uppercase;

}
.public-title
{
   background: #5d76dd;
height: 71px;
padding: 1px 15px;
}
.total
{
    margin-top: -9px;
}
.public-support p {
    padding:15px;
}
.public
{
    margin: 0 auto;
}
.numberPublic {

}

.public-wrap
{
     margin: 0 auto;
}
#post-comment-btn {
	background-color: #5d76dd !important;
}

#post-comment-btn1 {
	background-color: #5d76dd !important;
}
.public-content-name,.public-content-amount
{
    min-height: 200px;
    background: #dbe0f6;
}
.title-content
{
   background: #5d76dd;
     min-height: 274px;

}
.public-logo
{
    margin-top: 83px;
}
#post-comment
{
    border: none;
    width: 100%;
    height: 6%;
    padding: 10px;
    border-radius: 5px;
    background: #dbe0f6;

}
#post-comment-btn
{
    background: #5d76dd;
    width: 100%;
    border: none;
    border-radius: 5px;
    height: 39px;
    font-size: 20px;
    color: white
}
#post-comment-btn1
{
    background: #5d76dd;
    width: 100%;
    border: none;
    border-radius: 5px;
    height: 45px;
    font-size: 20px;
    color: white
}

.person-comment .row >div
{
    border-top: 2px solid white;
    padding: 10px;
}
.person-comment h2
{
    color:#394176;

}
.person-comment p
{
     color:#5e6693;
     font-size: 18px;
}
.person-comment
{
   margin-top: 50px;
   border-bottom: 2px solid white;
 }
.form-control {
 margin-bottom:10px;
}
.supporters button, .supporters button:hover,.supporters .btn-default:focus, .supporters .btn-default:active, .supporters .btn-default.active
 {
      background-color: #e44860;
border: none;
color: #fff;
text-transform: uppercase;
margin-bottom: 5px;
padding: 10px 10px;
border-radius: 5px;
margin-left: 0;
font-size: 22px;
margin: 0 auto;
text-align: center;
width: 70%;
}

 .pic-send
  {
     padding:0px;
  }

 .make-your-own
 {
    margin : 3% 0;
    text-align: center;
 }
 .public-wrap .comments h2
 {
    text-align: center;
    color:#5d76dd;
 }
 #back-to-promise {
 	background: #b1daf0 !important;

 }
    .user-join-us input, .social-botton input,.user-join-us input:hover, .social-botton input:hover,input[type="button"], input[type="reset"], input[type="submit"] {
        background:#b1daf0;
        color:white;
        text-transform: uppercase;
        border:none;
        margin-bottom:10px;

    }
    .social-botton input {
        background:#93d6de;
    }
    .user-join-us {
        width:80%;
        margin:0 auto;
        margin-top: 50px;
    }
    .user-join-us .join-us .first-form{
        border:2px solid #d4eff2;

    }
    .user-join-us .join-us .first-form h2 {
        color:#2a336c;
        font-size:28px;
        margin-bottom:20px;
        padding: 0px 15px;

    }
    .second-form h2{
        color:#2a336c;
        font-size:28px;
         margin-bottom:20px;
         padding: 0px 15px;
    }
    .user-join-us button,     .user-join-us button:hover,.btn-default:focus, .btn-default:active, .btn-default.active{
        background-color: #e44860;
border: none;
color: #fff;
text-transform: uppercase;
margin-bottom: 5px;
padding: 5px 35px;
border-radius: 5px;
margin-left: 0;
font-size: 13px;
float:right;
margin-right: 15px;
    }

    .join-us .first-form span{
        font-size: 12px;
margin-left: 15px;
    }
    .user-join-us ::-webkit-input-placeholder, .text-promise ::-webkit-input-placeholder{
   color: white;
}

.user-join-us :-moz-input-placeholder, .text-promise :-moz-input-placeholder { /* Firefox 18- */
   color: white;
}

.user-join-us ::-moz-input-placeholder,  .text-promise::-moz-input-placeholder {  /* Firefox 19+ */
   color: white;
}

.user-join-us :-ms-placeholder, .text-promise :-ms-placeholder {
   color: white;
}
#post-comment-form ::-webkit-input-placeholder {
   color: white;
}
#post-comment-form :-moz-input-placeholder { /* Firefox 18- */
   color: white;
}

#post-comment-form::-moz-input-placeholder {  /* Firefox 19+ */
   color: white;
}

#post-comment-form :-ms-placeholder {
   color: white;
}
.pic-send {
float:right;
}
#join-mail-list .sectionthreepara
{
	margin-bottom:-10px;
}

@media all and (max-width: 992px) {
.promise-banner {
margin:0px 0px 0px 0px;
}
.epm-message.epm-error.message.error {
position: relative !important;
width: 100% !important;
color:red !important
}
.epm-message.epm-error.message.error p {
margin-bottom: 0;
padding-bottom: 0;
color:red !important
}
.add-promise, .cofirm {
margin-top:10px !important;
}
 .cofirm
#push-promise-form .labelawesome input {
width:35% !important;
}
.promise-btn {
float:none !important;
text-align:Center;
}
#push-promise-form input[type=submit] {
float:none !important;}
push-promise-form .checkbox input {
width: auto;
margin-left: -44px !important;
}
.container ul.menu,.container ul.socail {
width:100% !important;
}
.container ul.menu li{
margin:5px !important;
}
.container ul.menu {
margin-top:0px !important;

}
.pic-send, .pic-send input{
          margin:0 auto !important;
          text-align:center;
          float:none !important;
           }

                     .joinloginclass {
                        position: absolute;
                         right: 0px;
                        margin-right: 0px;
 }

              .user-profile {
                  margin: 50px auto;
                  width: 99%;
                }
         .user-upload {margin:0 auto;}

         .add-promise, .cofirm {
             margin: 0 auto;
             width: 100%;
           }

	.menu li,.footer-menu li
	{
	    display:block;
	}
        .row.list-charity-form input, .list-charity-form input, .list-charity-form .step1-form-div
       {
           display:block;
       }
       .site-main .list-charity-form .step1-form-div
       {
           width:100% !important;
       }
       #featured-campaign-image
       {
          margin-top:29px;
       }

       .page-id-25 .make-featured-promise-button
       {
           margin-bottom: -9px;
           margin-left: -30px;
       }
       .page-id-25 .make-a-promise-button
       {
            left:13%;
       }
       .page-id-31 #edit-promise
       {
          margin-right: 37px;
       }
       .cofirm >h2
        {
          margin-left: 14px;
        }

        .promise-banner #make-promise,.text-promise #progress-upload
         {
           margin-right:17px;
         }

        #share
        {
           margin-right: 80px;
        }

       .text-promise div
        {
            margin-top: 25px;

        }
       .copyright span
        {
            margin-right:0px !important;
            display:block;

        }
        /*<!--shrutika-->*/



}



.bannerstyle{
		padding-top: 50px;
		font-size: 30px;
	}
.promisefield{
width:35%
}
.amountfield{
	width: 15%;
}
.howitworkboxes{
	width:257px;
	height:200px;
}


.featuredpromisebutton{
	text-decoration: none  !important;
	margin-left: 38% !important;
}
}

@media screen and (min-width: 900px) and (max-width: 1300px){

	#tag_update ul {
		/* text-align: center; */
		list-style: none;
		/* background-color: #45C2C4; */
		padding-left: 0;
		margin-left: 24%;
		padding-left: 20px;
		margin-right: 4%;
		background-color: #b1daf0;
		position: relative;
		/* left: 0%; */
	}
.howitworkboxes{
	width: 200px;
	height:150px;
}
.sharewithyourfriends > p > span {
margin-top: -47px;
}
#make-expiry
{
    width:15% !important;
}

}
@media screen and (max-width: 980px)
{
	.how-its-work-wrapper .how_it_works_img_fifth img
{
	width:100% !important;
}
.howrowbg, .howrowbg1, .howrowbg2
{
	height:740px !important;
}
.howrowbg3
{
	background:none repeat scroll 0 0 #ffffff !important;
}


.rocket_gallery_featured .rocket_gallery_inner_featured
	{
		 padding: 0 15px;
	}
	.rocketgalleries .rocketgalleries-item
	{
		width:100%;
	}
	.rocket_gallery_featured img
	{
		height: auto !important;
   		max-width: 100% !important;
	}
	.rocket_gallery_supported .rocketgalleries .rocketgalleries-item
	{
		margin-right:0 !important;
	}

}
@media screen and (max-width: 768px)
{
	.howrowbg, .howrowbg1, .howrowbg2
{
	height:655px !important;
}
}
@media screen and (max-width: 640px)
{
	.howrowbg, .howrowbg1, .howrowbg2
{
	height:580px !important;
}
}

@media screen and (min-width: 600px) and (max-width: 899px)
{
.howitworkboxes{
	width: 150px;
	height:100px;
}
.supportersdiv{ padding-top:30px;}

}
@media screen and (min-width: 1150px) and (max-width: 1200px)
{
	.bannerstyle{
		padding-top: 20px;
font-size: 25px;

	}
	#make-expiry
{
    width:15% !important;
}
form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860 ;
border: none;
margin-top: 14%;
/* margin-bottom: 60px; */
padding: 1% 65px;
bottom: -26px;
right: 23px;
border-radius: 3px;
text-transform: uppercase;
font-size: 25px;
font-weight: normal;
font-family: NeutraDisplay;
letter-spacing: 3px;
}
}

@media screen and (min-width: 1100px) and (max-width: 1149px){

	#tag_update ul {

		list-style: none;
		padding-left: 0;
		margin-left: 0%;
		padding-left: 20px;
		margin-right: 28%;
		background-color: #b1daf0;
		position: relative;

}
	.bannerstyle{
		padding-top: 22px;
font-size: 25px;

	}
	#make-expiry
{
    width:15% !important;
}
form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
border: none;
margin-top: 14%;

/* margin-bottom: 60px; */
padding: 1% 65px;
bottom: -26px;
right: 23px;
border-radius: 3px;
text-transform: uppercase;
font-size: 25px;
font-weight: normal;
font-family: NeutraDisplay;
letter-spacing: 3px;
}
}
@media screen and (min-width: 1050px) and (max-width: 1099px)
{
	.bannerstyle{
		padding-top: 22px;
font-size: 25px;

	}
	#make-expiry
{
    width:15% !important;
}
form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
border: none;
margin-top: 14%;

/* margin-bottom: 60px; */
padding: 1% 65px;
bottom: -26px;
right: 23px;
border-radius: 3px;
text-transform: uppercase;
font-size: 25px;
font-weight: normal;
font-family: NeutraDisplay;
letter-spacing: 3px;
}
}
@media screen and (min-width: 1000px) and (max-width: 1049px)
{
	.howrowbg, .howrowbg1, .howrowbg2 {
    height: 765px !important;
}
	.bannerstyle{
		padding-top: 22px;
font-size: 25px;

	}
	.sharewithyourfriends > p > span {
margin-top: -47px;
}
	#make-expiry
{
    width:15% !important;
}
form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
border: none;
margin-top: 14%;

/* margin-bottom: 60px; */
padding: 1% 65px;
bottom: -26px;
right: 23px;
border-radius: 3px;
text-transform: uppercase;
font-size: 25px;
font-weight: normal;
font-family: NeutraDisplay;
letter-spacing: 3px;
}
}
@media screen and (min-width: 950px) and (max-width: 999px)
{
	.bannerstyle{
		padding-top: 22px;
font-size: 21px;

	}
	.wpcf7-form #make-promise{padding:9px 0px !important;font-size:22px !important}
  #push-promise-form input[type=button]{ margin-top:25px !important; padding:9px 0px !important; font-size:22px !important}

	#make-expiry
{
    width:15% !important;
}
form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
border: none;
margin-top: 14%;

/* margin-bottom: 60px; */
padding: 1% 65px;
bottom: -26px;
right: 23px;
border-radius: 3px;
text-transform: uppercase;
font-size: 25px;
font-weight: normal;
font-family: NeutraDisplay;
letter-spacing: 3px;
}
}
@media screen and (min-width: 900px) and (max-width: 949px){

	.bannerstyle{
		padding-top: 22px;
font-size: 21px;

	}
	#make-expiry
{
    width:15% !important;
}
form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
border: none;
margin-top: 14%;

/* margin-bottom: 60px; */
padding: 1% 65px;
bottom: -26px;
right: 23px;
border-radius: 3px;
text-transform: uppercase;
font-size: 25px;
font-weight: normal;
font-family: NeutraDisplay;
letter-spacing: 3px;
}
}
@media screen and (min-width: 850px) and (max-width: 899px){

	.bannerstyle{
		padding-top: 12px;
		font-size: 20px;
	}
	#promise-form h2, .padded-section h2, .padded-section h3{
	color: #45c2c4;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 10px;
	}
	form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
	border: none;
margin-top: 18%;
margin-bottom: 5%;
	padding: 1% 65px;
	bottom: -26px;
	right: 23px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: normal;
	font-family: NeutraDisplay;
	letter-spacing: 3px;
	}
}
@media screen and (min-width: 800px) and (max-width: 849px){
	.howrowbg, .howrowbg1, .howrowbg2 {
    height: 685px !important;
}
	.bannerstyle{
		padding-top: 12px;
		font-size: 20px;
	}
	#promise-form h2, .padded-section h2, .padded-section h3{
	color: #45c2c4;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 10px;
	}
	form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
	border: none;
margin-top: 18%;
margin-bottom: 5%;
	padding: 1% 65px;
	bottom: -26px;
	right: 23px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: normal;
	font-family: NeutraDisplay;
	letter-spacing: 3px;
	}
}
@media screen and (min-width: 750px) and (max-width: 799px)
{
	.secondcon
	{
		padding-top:35px;
	}
	.bannerstyle{
		padding-top: 12px;
		font-size: 19px;
	}
	.numberdiv{ margin-top:-217px !important}
	#promise-form h2, .padded-section h2, .padded-section h3{
	color: #45c2c4;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 10px;
	}
	form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
	border: none;
margin-top: 18%;
margin-bottom: 5%;
	padding: 1% 65px;
	bottom: -26px;
	right: 23px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: normal;
	font-family: NeutraDisplay;
	letter-spacing: 3px;
	}
}
@media screen and (min-width: 700px) and (max-width: 749px)
{
	.bannerstyle{
		padding-top: 12px;
		font-size: 17px;
	}
	.numberdiv{ margin-top:-217px !important}
	#promise-form h2, .padded-section h2, .padded-section h3{
	color: #45c2c4;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 10px;
	}
	form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
	border: none;
margin-top: 18%;
margin-bottom: 5%;
	padding: 1% 65px;
	bottom: -26px;
	right: 23px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: normal;
	font-family: NeutraDisplay;
	letter-spacing: 3px;
	}
}
@media screen and (min-width: 650px) and (max-width: 699px){

	.bannerstyle{
		padding-top: 12px;
		font-size: 17px;
	}
	.numberdiv{ margin-top:-217px !important}
	#make-expiry
{
    width:100% !important;
}
	.money
      {
        margin-left: 0px;
      }
	#promise-form h2, .padded-section h2, .padded-section h3{
	color: #45c2c4;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 10px;
	}
	form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
	border: none;
margin-top: 18%;
margin-bottom: 5%;
	padding: 1% 65px;
	bottom: -26px;
	right: 23px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: normal;
	font-family: NeutraDisplay;
	letter-spacing: 3px;
	}
}
@media screen and (min-width: 600px) and (max-width: 649px){

	.bannerstyle{
		padding-top: 12px;
		font-size: 15px;
	}
	div#errccnum {
top: 15px;
position: relative;
left: 10px;
}
	.numberdiv{ margin-top:-220px !important}
	.money
      {
        margin-left: 0px;
      }
	#promise-form h2, .padded-section h2, .padded-section h3{
	color: #45c2c4;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 10px;
	}
	form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
	border: none;
margin-top: 18%;
margin-bottom: 5%;
	padding: 1% 65px;
	bottom: -26px;
	right: 23px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: normal;
	font-family: NeutraDisplay;
	letter-spacing: 3px;
	}
}
@media screen and (min-width: 550px) and (max-width: 599px){
	#tag_update ul {

		list-style: none;

		padding-left: 0;
		margin-left: 3px;
		padding-left: 20px;
		margin-right: 2.8%;
		background-color: #b1daf0;
		position: relative;

		}
	.charity-logo img.attachment-post-thumbnail.wp-post-image {
		width: 100%;
		height: auto;
		}
	.bannerstyle{
		padding-top: 12px;
		font-size: 13px;
	}
	.money
      {
        margin-left: 0px;
      }
	#promise-form h2, .padded-section h2, .padded-section h3{
	color: #45c2c4;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 10px;
	}
	form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
	border: none;
	margin-top: 10%;
	margin-bottom: 10%;
	padding: 1% 65px;
	bottom: -26px;
	right: 23px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: normal;
	font-family: NeutraDisplay;
	letter-spacing: 3px;
	}
	.mobileheader{
		display: none;
	}
	.mobileheader1{
		padding-top: 25px;
	}
}
@media screen and (min-width: 500px) and (max-width: 549px){


	.bannerstyle{
		padding-top: 12px;
		font-size: 13px;
	}
	.supportersdiv{ padding-top:30px;}
	.sharewithyourfriends > p > span > span {
width: 31%;
float: left !important;
display: block !important;
position: relative;
margin: 0;
padding: 0;
}
	.numberdiv{ margin-top:-220px !important}
	.money
      {
        margin-left: 0px;
      }
	#promise-form h2, .padded-section h2, .padded-section h3{
	color: #45c2c4;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 10px;
	}
	form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
	border: none;
	margin-top: 10%;
	margin-bottom: 10%;
	padding: 1% 65px;
	bottom: -26px;
	right: 23px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: normal;
	font-family: NeutraDisplay;
	letter-spacing: 3px;
	}
	.mobileheader{
		display: none;
	}
	.mobileheader1{
		padding-top: 25px;
	}
}
@media screen and (min-width: 450px) and (max-width: 499px){
	.howrowbg, .howrowbg1, .howrowbg2
{
	height:450px !important;
}
.how-its-work-wrapper .how_it_works_img_first
{
	margin-top:-34px !important;
}
	.charity-logo img.attachment-post-thumbnail.wp-post-image {
		width: 100%;
		height: auto;
		}
	.bannerstyle{
		padding-top: 12px;
		font-size: 11px;
	}
	.supportersdiv{ padding-top:30px;}
	.sharewithyourfriends > p > span > span {
width: 31%;
float: left !important;
display: block !important;
position: relative;
margin: 0;
padding: 0;
}
	.numberdiv{ margin-top:-220px !important}
	.cofirm #push-promise-form .labelawesome input.card-expiry-year{ margin-top:-45px}
	.money
      {
        margin-left: 0px;
      }
	#promise-form h2, .padded-section h2, .padded-section h3{
	color: #45c2c4;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 10px;
	}
	form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
	border: none;
	margin-top: 10%;
	margin-bottom: 10%;
	padding: 1% 65px;
	bottom: -26px;
	right: 23px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: normal;
	font-family: NeutraDisplay;
	letter-spacing: 3px;
	}
	.mobileheader{
		display: none;
	}
	.mobileheader1{
		padding-top: 25px;
	}
}
@media screen and (min-width: 401px) and (max-width: 449px){
	#tag_update ul {

		list-style: none;

		padding-left: 0;
		margin-left: 3px;
		padding-left: 20px;
		margin-right: 2.8%;
		background-color: #b1daf0;
		position: relative;

		}
	.charity-logo img.attachment-post-thumbnail.wp-post-image {
		width: 100%;
		height: auto;
		}

	.bannerstyle{
		padding-top: 12px;
		font-size: 11px;
	}
	.supportersdiv{ padding-top:60px;}
	.sharewithyourfriends > p > span > span {
width: 31%;
float: left !important;
display: block !important;
position: relative;
margin: 0;
padding: 0;
}
	.numberdiv{ margin-top:-254px !important}
	.cofirm #push-promise-form .labelawesome input.card-expiry-year{ margin-top:-45px}
	.money
      {
        margin-left: 0px;
      }
	#promise-form h2, .padded-section h2, .padded-section h3{
	color: #45c2c4;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 10px;
	}
	form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
	border: none;
	margin-top: 10%;
	margin-bottom: 10%;
	padding: 1% 65px;
	bottom: -26px;
	right: 23px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: normal;
	font-family: NeutraDisplay;
	letter-spacing: 3px;
	}
	.mobileheader{
		display: none;
	}
	.mobileheader1{
		padding-top: 25px;
	}
}

@media screen and (max-width:400px)
{



	.howrowbg1
	{
		height:400px !important;
	}
	.how-its-work-wrapper .how_it_works_img_first
	{
		margin-top: -34px !important;
	}
	.how-its-work-wrapper .how_it_works_img_third
	{
		margin-left:97px !important;
	}
	.howrowbg {
    height: 370px !important;
}
.howrowbg2
{
	height:375px !important;
}
	#tag_update ul {

		list-style: none;

		padding-left: 0;
		margin-left: 25.4%;
		padding-left: 20px;
		margin-right: 2.8%;
		background-color: #b1daf0;
		position: relative;

		}
	.charity-logo img.attachment-post-thumbnail.wp-post-image {
		width: 100%;
		height: auto;
	}
	.bannerimage{
		background-image: none;
	background-color: white;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.numberdiv{margin-top: -251px !important;}
.sharewithyourfriends > p > span > span {
width: 31%;
float: left !important;
display: block !important;
position: relative;
margin: 0;
padding: 0;
}
#tag_update ul {
margin: 0;
padding: 0;
list-style: none;
width: 100% !important;
}
.money
      {
        margin-left: 0px;
      }
.yoursupporters #two2 {
overflow: hidden;
min-height: 150px;
background-color: #dbe0f6;
width: 50%;
}
.yoursupporters #one1 {
float: none;
margin-right: 2%;
width: auto;
border: 0;
background-color: #5d76dd;
width: 48% !important;
display: inline-block;
float: left;
}
.yoursupporters #two1 {
overflow: hidden;
min-height: 20px;
background-color: #5d76dd;
width: 50%;
}
.yoursupporters #one2 {
float: none;
margin-right: 0;
width: auto;
border: 0;
background-color: #dbe0f6;
width: 48%;
display: inline-block;
float: left;
margin-right: 2%;
}
.page-id-25 #logo-section h1 a{
	background-image: url(../img/logo.png);
	max-width: 367px;
		min-height: 55px !important;
	display: block;
	text-indent: -9999px;
	background-size: 43% auto;
        background-repeat: no-repeat;
}
 #logo-section h1 a{
	background-image: url(../img/logo.png);
	max-width: 367px;
		min-height: 55px !important;
	display: block;
	text-indent: -9999px;
	background-size: 50% auto;
        background-repeat: no-repeat;
}
#logo-section{
	background-color: #45c2c4;
	min-height: 65px;
	border-top: 6px #5dc8cc solid;
	border-bottom: 6px #5dc8cc solid;
}
.labelpushapromise{
	width: 100%;
	font-size: 15px;
	padding-top: 6px;
	height: 40px;
padding-left:10px;
margin-bottom: 30px;
	}
.mobileheader{
		display: none;
	}
	.mobileheader1{
		padding-top: 25px;
	}
	.bannerstyle{
		padding-top: 1px;
		font-size: 18px;
	}
	#promise-form h2, .padded-section h2, .padded-section h3{
	color: #45c2c4;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 10px;
	}
	form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
	border: none;
	margin-top: 23%;
	margin-bottom: 3%;
	padding: 1% 30px;
	bottom: -26px;
	right: 23px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: normal;
	font-family: NeutraDisplay;
	letter-spacing: 3px;
	}
	form#promisepay {
	background-image: url('../images/speechbubble.png');
	background-size: 100% 70%;
	background-repeat: no-repeat;
	padding: 15px 10px 20px 10px;
	font-size: 28px;
	color: #fff;
	position: relative;
	border-radius: 5px;
	font-weight: bold;
}

.promisefield{
width:33%;
}
.amountfield{
	width: 21%;
}

form#promisepay {
background-image: url('../images/speechbubble.png');
background-size: 100% 85%;
background-repeat: no-repeat;
padding: 15px 10px 20px 10px;
font-size: 28px;
color: #fff;
position: relative;
border-radius: 5px;
font-weight: bold;
}
#push-promise-form input{
	width: 100%;
background: #b1daf0;
border: none;
color: #fff;
text-transform: uppercase;
margin-bottom: 25px;
padding: 5px 15px;
border-radius: 5px;
margin-left: 0;
font-size: 15px;
font-family: 'NeutraDisplayBook';
border: none;
}

 .page-id-25 .make-featured-promise-button
       {
           margin-bottom: -9px;
           margin-left: 30px;
       }

}



@media screen and (max-width:300px){
	#tag_update ul {

		list-style: none;

		padding-left: 0;
		margin-left: 25.4%;
		padding-left: 20px;
		margin-right: 2.8%;
		background-color: #b1daf0;
		position: relative;

		}
.charity-logo img.attachment-post-thumbnail.wp-post-image {
		width: 100%;
		height: auto;
		}

	.bannerimage{
		background-image: none;
	background-color: white;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.money
      {
        margin-left: 0px;
      }
.mobileheader{
		display: none;
	}
	.mobileheader1{
		padding-top: 25px;
	}
	.bannerstyle{
		text-align: left !important;
		padding-top: 1px;
		font-size: 10px;
	}
	#promise-form h2, .padded-section h2, .padded-section h3{
	color: #45c2c4;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 10px;
	}
	form#promisepay #submit-promise, .make-a-promise-button{
	background-color: #e44860;
	border: none;
	margin-top: 20%;
	margin-bottom: 6%;
	padding: 0% 50px;
	bottom: -26px;
	right: 23px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: normal;
	font-family: NeutraDisplay;
	letter-spacing: 3px;
	}
	form#promisepay {
	background-image: url('../images/speechbubble.png');
	background-size: 100% 70%;
	background-repeat: no-repeat;
	padding: 15px 10px 20px 10px;
	font-size: 28px;
	color: #fff;
	position: relative;
	border-radius: 5px;
	font-weight: bold;
}


.promisefield{
width:53%
}
.amountfield{
	width: 21%;
}
}
#tag_update ul li {
line-height: 20px;
margin: 0;
padding: 6px 9px 10px;
}
#tag_update ul li a{
  font-size: 17px;
  color:#3f4575 !important;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
}
#tag_update ul li:hover{
  background-color: #3f4575;
}
#tag_update ul li:hover a{
  color:#fff !important;
}
@media all and (min-width: 992px) {
  #tag_update ul {
  background-color: #fff;
  border: 1px solid #3f4575;
  border-radius: 5px;
  margin-left: 0;
  margin-right: 2%;
  margin-top: -9px;
  padding: 0;
  position: absolute;
  right: 0;
  width: 70%;
  z-index: 1;
  }



     .charity-logo img.attachment-post-thumbnail.wp-post-image {
		width: 100%;
		height: auto;
		}
#make-expiry
{
    width:15% !important;
}
	#how-it-works .col-md-8 {
		background-color: #c5cdf1;
		margin-left: 0;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	div#featured-campaign{
		position: relative;
	}
	div#featured-campaign #featured-campaign-content{
		padding-bottom: 15px;
		bottom: 0;
	}
	div#featured-campaign #featured-campaign-image{
		float: right;
	}
	#join-mail-form .col-md-5{
		padding: 0;
		padding-left: 20px;
	}
	#join-mail-form .col-md-1{
		padding: 0;
	}
}

/*<!--shrutika-->*/
.sectionthreepara {
	font-size:16px;
}
@media all and (max-width: 620px) {

	#push-promise-form .labelawesome {
		color: #29326b;
		padding: 10px;
		background: none;
		border-radius: 5px;
		font-family: 'NeutraDisplayBook';
		}
		.cofirm #push-promise-form .labelawesome input {
			width:100% !important;

		}
		.cofirm #push-promise-form .labelawesome input#make-expiry.card-expiry-month  {
			width: 30%!important;

		margin-right: 2%;
		clear: both;
		display: block;
		}
		.cofirm #push-promise-form .labelawesome span{
			display:none;
		}
		.cofirm #push-promise-form .socialloginstyle {
			width:100%;
			margin-left:0px !important;
		}
		.cofirm >h2 {
			display: block;
		width: 100%;
		clear: both;
		}
		.cofirm #push-promise-form .labelawesome input.card-expiry-year {
			width: 68% !important;
		display: inline-block;
		float: right;
		margin-top: -45px;

		}
		.cofirm #push-promise-form .standardButton {
			float: none !important;
		text-align: center;
		display: block;
		margin: 0 auto !important;
		}
			.bannerstyle {
				text-align:center;
				padding-bottom:25px;
			}
			.bannerstyle strong:nth-child(1){
				display: block;
		/* float: left; */
		clear: both;
			}
			.bannerstyle input#promise{

		/* float: left; */
		width: 70%;
		clear: both;
		margin-top: -28px;
		text-align: center;
		float: none;
		display: block;
		margin: -10px auto 0px;
			}
		.page-id-25 .labelawesome {
		color: #2a336c;
		padding: 10px;
		background: none;
		border-radius: 5px;
		font-family: 'NeutraDisplayBook';
		margin-bottom:35px;
		}
		#push-promise-form input {
			width:100%;

		padding: 10px 15px !important;
		}
		#push-promise-form input[type=button] {
			margin: 15px auto !important;
		float: none !important;
		text-align: center;
		display: block;
		}
		body.page-id-111 .cofirm #push-promise-form .labelawesome input {
		width: 100% !important;
		float: none !important;
		display: block !important;
		height:40px !important;
		}
		.page-id-111 .cofirm #push-promise-form .labelawesome {
			background:none !important;
			color: #2a336c;
			height:55px !important;
			padding:0px !important;
		}
	/* P-199 */
	.zopim {
		display: none;
	}
	/* PP153 */
	#errccv {
		top: 30px;
		position: relative;
		left: 10px;
		font-size: 14px;
		text-align: left;
	}

	#errccnum {
		top: 11px;
		position: relative;
		left: 10px;
		font-size: 14px;
		text-align: left;
	}

	#errexp {
		top: -20px;
		position: relative;
		left: 10px;
		font-size: 14px;
		text-align: left;
		clear: both;
	}
}


@media all and (max-width: 720px) {
	.brokes-support .my-promise-marathon {
		display: block;
width: 100% !important;
	}
	.brokes-support #make-ok-promise-submit,#make-cancel-promise-submit .brokes-support #make-cancel-promise-submit, .brokes-support #make-new-promise-submit {
		padding:10px 30px 11px;
	}
	.brokes-support .ok-cancel {
		display:inline-block;
		float:left;
	}
	.brokes-support .my-promise-supports {
		width:100% !important;
	}
	.brokes-support .my-promise-supports img {
		margin: 0 auto 20px;
	display: block;
	text-align: center;
	}

	#one {

background-size: 100% !important;
background-repeat: no-repeat !important;
background-position: center !important;
width: 300px !important;
margin: 0 auto;
}
#one #profile {
	text-align: center !important;
margin: 0 auto !important;
width: 50%;
}
#supporter-mail-list textarea{
	margin-top:20px;
}
#coverphoto {
	margin-left:0px !important;
}
#two {
	margin-top:20px;
}
.bannerstyle {
padding-top: 12px;
font-size: 23px;
}
.page-id-25 .make-a-promise-button, a.make-featured-promise-button{
	margin: 0 auto !important;
display: block;
text-align: center;
float: none;
padding: 0px 20px !important;
left: 0px;
position: static;
clear: both;
width: 90%;

}
div#featured-campaign > div {
	background:none !important;
}

/* Show banner on mobile device */
.banner_img{ display: block !important; }
.banner_img_content .idea_content_div{ width: 100%; }
.banner_img_content{ top: 0 !important; padding: 0 30px !important }
.idea_content_div_main{ position: static !important; top:  0}
.banner_img_content .idea_content_div .heading{ color: #000; text-align: left; }
.inner_content_idea, .banner_img_content p{ display: block !important; color: #000; }
.content_left_compaign .tour_img_inner{ height: auto !important; }
.inner_content_idea a {font-size: 12px !important;padding-left: 18px;padding-right: 18px; display: block; text-align: center;}
.content_left_compaign{ margin-left: 0 !important }
#choosecharity_single_page .tourimg{ height: auto; margin-bottom: 30px; }

}
 #push-promise-form .message.success p  {
	color: #e44860 !important ;
}
 #push-promise-form .message.success {
 	bottom:30px !important;
 }

@media all and (max-width: 1024px) {
	.publicpromise{
		line-height: 44px;
	}
	/*pp-200 and pp-190*/
 	.team-profile img
    {
        width:100%!important;
        height: 100%!important;
    }
	.charity-logo img {
		max-width:100%!important;
        height: 100%!important;
	}
	.dollar-donation .money {
		width:100% !important;
	}

	.push-promise-form #make-expiry.card-expiry-month  {
		width: 40% !important;
/* display: block !important; */
/* clear: both; */
/* float: left; */
margin-right: 2%;
/* margin-top: 13px; */
	}
	.push-promise-form span {
		display:none;
	}
	.push-promise-form .card-cvc.stripe-invalid {
		width:100% !important;
	}
	.push-promise-form .card-expiry-year {
		padding: 0px;
width: 58% !important;
display: inline-block;
float: left;
float: right;
margin-top: -44px;
	}
	.dollar-donation div {
background: none repeat scroll 0 0 #45c2c4;
border-radius: 15px;
color: white;
font-size: 35px;
margin-bottom: 20px;
padding: 17px 25px;
width: 110px !important;
display: inline;
/* margin: 0 auto; */
float: left;
/* clear: both; */
}
.why-made .why-wrap {
	width:100% !important;
	display:block;
}
.why-made {
	text-align:Center;
}
.makeanewpromisebutton {
	width:80%;
	float: none;
clear: both;
margin: 0 auto;
}
.brokes-support #make-ok-promise-submit,#make-cancel-promise-submit, .brokes-support #make-cancel-promise-submit, .brokes-support #make-new-promise-submit {
	padding: 7px !important;
}
.brokes-support.container {
	width:100% !important;
}
.brokes-support .ok-cancel {
	width:50% !important;
}
.brokes-support .ok-cancel input {
padding: 7px  !important;
width:100% !important;
}
.user-join-us input, .social-botton input, .user-join-us input:hover, .social-botton input:hover, input[type="button"], input[type="reset"], input[type="submit"] {
	font-size:16px !important;
}
.my-promise-broke {
	margin-bottom:20px !important;
}
.brokes-support img {
	width:100% !important;
}
.promiseButtonsGroup .myButton {
	padding: 7px 0px !important
}
.myButton2 {
	width: 100% !important;
margin-bottom: 10px !important;
padding: 5px !important;
margin: 0 auto;
text-align: center;
float: none;
clear: both;
}
.why-wrap .dollar-donation #Other {
	/*width:140px !important;*/
}
.sharewithyourfriends span{
	float: none !important;
color: #5d76dd;
text-transform: none;
text-align: center;
width: 100%;
/*clear: both;*/
display: block;
}
.sharewithyourfriends p {
	text-align:center;
}
.dollar-donation div:last-child{
	width:200px;
}
.supporters .public div {
	margin-bottom:10px;
}
	body .promiseButtonsGroup span.col-md-2 {
		width:100% !important;
		display:block;
		margin-bottom:10px;
		margin-left: 0px !important;

	}
	.make-cancel-ok {
		width:100% !important;
	}
	.my-promised-content {
		margin-top:30px;
	}
	.promiseButtonsGroup span input{
		height:30px;
	}
	.uploadcover {
		background-size: 100% 100% !important;
	}
	#one{
	background-size: 100% 100% !important;
width: 300px !important;
margin: 0 auto;
background-repeat: no-repeat !important;
}
 .bannerImgSupp {
    width: 100% !important;
  }
#editpromise #coverphoto {
/* margin-left: 0px !important; */
margin: 0 auto !important;
float: none;
display: block;
text-align: Center !important;
clear: both;
}
#two {
	margin-top:20px;
}

	.wpcf7-form .labelpushapromise {
		width:100% !important;
	}
	 #push-promise-form .epm-sign-up-form  .error {
	 	bottom: 21px;
right: 0px !important;
width: 400px;
text-align: center;
position: static !important;
margin: 0 auto;
	 }
	#push-promise-form .epm-sign-up-form .message.success, #push-promise-form .epm-sign-up-form  .error p {
 	bottom: 185px !important;
/* right: 0px !important; */
text-align: center;
position: static !important;
margin: 0 auto;
color:#e44860;
 }
	.wpcf7-form #make-promise {
/* margin-right: 0px; */
float: none;
text-align: center;
margin: 0 auto !important;
display: block;
}
.faq-wrap .faqtxt {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;

}
	#how-it-works .item {
		margin-bottom:40px !important;
	}
.form-group #push-promise-form input[type=submit] {
margin: 0px auto !important;
text-align: center;
margin-top: 30px !important;
width:200px;
}
#push-promise-form input[type=button],.page-id-25 .make-a-promise-button, a.make-featured-promise-button {

padding: 5px 0px !important;
}
	.col-xs-12 {
width: 100% !important;
}
#push-promise-form input[type=submit]{
	height: 40px;
padding: 8px 27px 8px;
margin-top: 0px;
margin: 0 auto;
float: none;
display: block;
}

form#promisepay {
background-image: url('../images/speechbubble.png');
background-size: 100% 85%;
}
.mobileheader {
	height:20px;
	}
	.footer-menu li {
display: inline-block;
}
.howitbg {
background: url(../img/aboutbg.png) no-repeat;
 width: 100% !important;
height: 184px;
font-family: 'nevis-Bold';
color: white;
vertical-align: middle;
font-size: 18px;
padding-left: 20px;
padding-top: 38px;
background-size: 100% 100%;
background-position: center;
}
.how-wrapper.container > div {
	margin-left:0px !important;
	width:100% !important;

}
.howrowbg {
	width:100%;
}
.howrowbg1, .howrowbg2 {
background: #ffffff;
display: block;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 16px;
width: 100% !important;
display: block;
margin-top: 20px;
height:515px;
}
.or {
float: left;
width: 11px;
margin-left: 23px;
margin-top: 10px;
font-family: "NeutraDisplay";
color: #45c2c4;
font-size: 16px;
display: block;
float: none;
text-align: center;
margin: 0 auto;
}
.howrowbg3 {
background: #FFF url(../img/about4.png);
width: 100% !important;
height: auto !important;
padding-left: 20px;
padding-right: 20px;
padding-top: 43px;
margin-top: 20px;
}
.howitbgsixt {
background: url(../img/abg3.png);
background-repeat: no-repeat;
width: 100% !important;
height: 182px;
/* padding-left: 20px; */
/* padding-right: 20px; */
padding-top: 20px;
float: left;
margin-left: 0px;
margin-top: 20px;
/* background-size: 100%; */
}
.howitbgthird, .howitbgfourth, .howitbgfifth, .howitbgsixt, .howitbgsecond {
	width:100% !important;
	background-size:100% 100%;
}
.howrowbg1, .howrowbg2 {
	margin-left:0px !important;
}
.secondcon {
	width:100% !important;
	font-size:16px;
}
.secondele {
position: absolute;
right: 24px !important;
top: 59px !important;
}
.epm-sign-up-form .labelawesome {
	color:white !important;
	background:none;
}
.bannerimage {
background-image: url('../images/banner.jpg');
background-size: 100% 100%;
}
#push-promise-form input {
	/*display:block;
	width:100%;*/
}
.epm-sign-up-form .labelpushapromise {
	height:55px !important;
	margin-bottom:10px;
}
.promise-banner.container {
	width:100% !important;
}
.page-id-111 .cofirm #push-promise-form .labelawesome input {
width: 70% !important;
float: right;
height: 30px;
top: 0px;
position: relative;
}
.make-it .labelpushapromise {
	width:100% !important;
}

}



@media screen and (min-width: 920px) and (max-width: 1024px){
		.publicpromise{

	line-height: 44px;

}
	#tag_update ul {
	list-style: none;
	/* background-color: #45C2C4; */
	padding-left: 0;
	margin-left: 24.4%;
	padding-left: 20px;
	margin-right: 3.8%;
	background-color: #b1daf0;
	float: right;
	margin-right: 2%;
	width: 99%;

}
	#supporter-mail-list #push-promise-form input {
display: inline-block;
width: 60%;
}
.sharewithyourfriends > p > span > span {
width: 31%;
float: left !important;
display: block !important;
position: relative;
margin: 0;
padding: 0;
}
#make-expiry
{
    width:15% !important;
}
	.page-id-31 #push-promise-form input {
display: inline-block;
}
  .list-charity-form .form-group {
  	width:100% !important;
  }
    .list-charity-form .form-group label{
    	width:200px !important;
    }

    .container {
width: 90% !important;
margin: 0 auto;
}
.row.list-charity-form input, .list-charity-form input, .list-charity-form .step1-form-div {
display: inline-block !important;
}
.compaign_single .content_right_compaign {
    width: 58% !important;
}
.read_more_div_compaign a
{
	padding:7px 23% !important;
}
.content_right {
    width: 58% !important;
}
.resource_single_page .content_right {
    width: 51% !important;
}
.page-template-page-choosecharity-php .col-md-4, .page-template-page-charity-php .col-md-4 {
 width: 45%;
 }

 .page-template-page-choosecharity-php .charity-category, .page-template-page-charity-php .charity-category
 {
 	font-size: 15px;
 }
 .page-template-page-choosecharity-php .charity-list, .page-template-page-charity-php .charity-list
 {
 	margin-top: -7px;
 }
	}


	@media screen and (min-width: 520px) and (max-width: 920px){
    #tag_update ul {
    background-color: #fff;
    border: 1px solid;
    border-radius: 5px;
    list-style: outside none none;
    margin-right: 2%;
    margin-top: 36px;
    padding-left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 59% !important;
    z-index: 1;
  }
		.page-id-31 #push-promise-form input {
display: inline-block;
}
#make-promise-submit{ margin-bottom:5% !important}
.wpcf7-form #make-promise{padding:9px 0px !important; font-size:22p !important}
.join-list{ padding-botto2574m:24px }
  #push-promise-form input[type=button]{ margin-top:25px !important; padding:9px 0px !important}

.bannerimage{
	background-image: url('../images/banner.jpg') ;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: auto;
		background-position: center center;

}
.sharewithyourfriends > p > span > span {
width: 31%;
float: left !important;
display: block !important;
position: relative;
margin: 0;
padding: 0;
}
  .list-charity-form .form-group {
  	width:100% !important;
  }
    .list-charity-form .form-group label{
    	width: 158px !important;
font-size: 28px !important;
    }
    .page-template-page-charity-php .form-inline .form-control {
    	width:59% !important;
    	display:inline-block;
    }
    .page-template-page-charity-php .form-inline .next .form-control {
    	width:50% !important;
    }
#supporter-mail-list #push-promise-form input {
display: inline-block;
width: 60%;
}
    .container {
width: 100% !important;
margin: 0 auto;
}
.row.list-charity-form input, .list-charity-form input, .list-charity-form .step1-form-div {
display: inline-block !important;
}
.content_right {
    width: 54%;
}
.resource_single_page .content_right {
    width: 44% !important;
}
.page-template-page-choosecharity-php .col-md-4, .page-template-page-charity-php .col-md-4
{
	width: 50%;
}

.page-template-page-choosecharity-php .charity-category , .page-template-page-charity-php .charity-category
 {
 	font-size: 14px;
 }
 .page-template-page-choosecharity-php .charity-list,  .page-template-page-charity-php .charity-list
 {
 	margin-top: -6px;
 }
	}



.make-it .promise-btn {
	margin-top:0px !important;
}
@media screen and (max-width: 320px)
{
	.charity-info
	{
		height: auto;
	}
	#choosecharity_single_page
	{
		width:94% !important;
	}
	.content_left_content
	{
		width: 100%;
	}
	.page-template-page-charity-php .charity-list
{
	height:auto !important;
}
	.charity-logo
	{
		display:inherit;
	}
	.charity_logo_inner
	{
		display:inherit;
	}
}
	@media screen and (min-width: 320px) and (max-width: 520px){

.charity-logo img
{
	width:auto !important;
	height:auto !important;
}
.page-template-page-choosecharity-php .col-md-4 , .page-template-page-charity-php .col-md-4
{
	width: 100%;
	padding-right: 0 !important;
}
.content_left_content
{
	margin-right:0 !important;
}
		.menuitems
	{
		font-size: 12px;
	}
	.container ul.menu li
	{
		margin:2px !important;
	}

		.supporter{

			margin-top: 15px !important;
			margin-bottom: 11px !important;
		}
		form#promisepay input[type=text]{background-position: 7px 30px }
		form#promisepay .amountfield {background-position: 7px 34px !important }

    #tag_update ul {
    background-color: #fff;
    border: 1px solid;
    border-radius: 5px;
    font-size: 20px;
    list-style: outside none none;
    padding: 0;
    position: absolute;
    z-index: 1;
  }
		.charitydrop {
	float: none !important;
	margin-right: 2%;
	width: 70%;
	}
  .list-charity-form .form-group {
  	width:100% !important;
  }
  .page-id-31 #edit-promise{ margin-right:0px !important}
  #make-promise-submit{ margin-bottom:5% !important}

  .promise-reg {
margin-top: 5%;
margin-bottom: 4%;
}
.wpcf7-form #make-promise{padding:9px 0px !important}
  .join-list{ padding-bottom:24px }
  #push-promise-form input[type=button]{ margin-top:25px !important; padding:9px 0px !important; font-size:22px !important}
  .bannerimage{

	background-image: url('../images/banner.jpg') ;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: auto;
		background-position: center center;

}
  div#errccnum {
top: 30px;
position: relative;
left: 10px;
}
  .howitbg{ font-size: 14px;
padding-left: 21px;
padding-top: 30px;}

.howitbgsecond .secondcon{font-size:12px!important;
padding-left: 21px !important;
padding-top: 10px !important;}
.howitbgthird .secondcon{font-size:14px!important;
padding-left: 15px !important;
padding-right: 15px !important;
padding-top: 21px !important;}
.howitbgfourth .secondcon{font-size:14px!important;
padding-left: 15px  !important;
padding-right: 15px !important;
padding-top: 21px !important; width:100% !important}
.howitbgfifth div{font-size:14px!important;
padding-left: 21px !important;
padding-top: 35px !important; width:100% !important}
.howitbgsixt div{font-size:14px!important;
padding-left: 21px !important;
padding-top: 35px !important; width:100% !important}
.howitbgfifth{font-size: 14px !important;
padding-left: 21px !important;
padding-top: 0px !important;}
.howitbgsixt{font-size: 14px !important;
padding-left: 21px !important;
padding-top: 0px !important;}
  .cofirm #push-promise-form .labelawesome input.card-expiry-year{ margin-top:-65px}
    .list-charity-form .form-group label{
    	/*width: 170px !important;*/
font-size: 28px !important;
    }

    .page-template-page-charity-php .form-inline .form-control {
    	width:100% !important;
    	display:inline-block;
    }
    .page-template-page-charity-php .form-inline .next .form-control {
    	width:75% !important;
    }

    .container {
width: 90% !important;
margin: 0 auto;
}
.row.list-charity-form input, .list-charity-form input, .list-charity-form .step1-form-div {
display: inline-block !important;
}

.list-charity-form {
	margin-top:20px;
	}
	.make-it #signform input {
		width:100% !important;
	}
	.charity-info
	{
		height: auto;
		padding-bottom: 60px;
	}
}

@media screen and (max-width: 335px)
{
	.page-template-page-choosecharity-php .col-md-4 , .page-template-page-charity-php .col-md-4 {
    width: 100%;

}
.page-template-page-choosecharity-php .charity-select , .page-template-page-charity-php .charity-select
{
    width: 100%;
}
	.content_right {
    width: 100%;
}
		.menuitems
	{
		font-size: 10px;
		margin:0 !important;
	}

}
@media screen and (max-width: 320px)
	{
	.menuitems
	{
		font-size: 10px;
	}
	.container ul.menu li
	{
		margin:1px !important;
	}
	#social-bar li
	{
		padding-left:2% !important;
	}
	.content_right {
    width: 100%;
}
.page-template-page-choosecharity-php .col-md-4 , .page-template-page-charity-php .col-md-4
{
	padding-right:0 !important ;
}
	}
@media screen and (max-width: 315px)
{


	.menuitems
	{
			font-size:11px;
	}
	#social-bar li
	{
		padding-left:0 !important;
	}
	.content_right {
    width: 100%;
}
}
@media screen and (max-width: 310px)
{
	.menuitems
	{
		font-size: 10px;
		margin:0 !important;
	}

#social-bar li
	{
		padding: 0 !important;
	}
	#choosecharity_single_page {
    padding: 0 !important;
	}
	.content_left_content {
    width: 96%;
}
}
@media screen and (max-width: 270px)
{
	.menuitems
	{
		font-size: 9px;
	}


}
@media screen and (max-width: 260px)
{
	.menuitems
	{
		font-size: 9px;
	}
	.container ul.menu li
	{
    	margin: 2px !important;
	}

}



.make-it .socialloginstyle, .make-it .socialloginstyle a {
width: 100% !important;
font-size: 12px !important;
display:block;
}
.make-it #signform input {
	width:60%;
}
label {
	margin-bottom:0px !important;
}
.cofirm {
	margin-bottom:30px;
}
 .make-it #signform .standardButton {
	width: 120px !important;
	float: right;
	font-size: 18px !important;
}
.youraccount .standardButton  {
	font-size:18px !important;
}
div#featured-campaign #featured-campaign-image img {
	height:auto !important;
}
#tag_update ul li a{
	color: white;
}
.charitydrop{
	float: right;
    margin-right: 2%;
    width: 70%;
}
#tag_update ul{
	float: right;
    margin-right: 2%;
    width: 70%;
}
.publicpromise{
	line-height: 44px;
	color: white !important;
	font-size: 16px;
	padding-left: 10px;
}
/* PP-193 */
/*pp 193*/
textarea.contactus-msg {
	color: #fff;
	padding: 10px;
	background: #b1daf0;
	border-radius: 5px;
	font-family: 'NeutraDisplayBook';
	border: none;
}
textarea.contactus-msg::-webkit-input-placeholder {
   color: #fff;
}
textarea.contactus-msg:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}
textarea.contactus-msg::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}
textarea.contactus-msg:-ms-input-placeholder {
   color: #fff;
}
/* pp160 */
input#forgotpass {
	padding: 5px;
	background: #b1daf0;
	border-radius: 5px;
	font-family: 'NeutraDisplayBook';
	border: none;
	color: #fff !important;
}
#push-promise-form textarea {
	padding:10px;
}
/* PP-166 */
input#charityamt {
	margin-top: -6px;
}

/*pp - 175*/
.social ul {
padding: 0;
}

ul.footerFields.row {
padding-left: 0;
}

/*social icons on promise-public*/
.stButton .st-facebook-counter {
background-image: url(../../../../uat_subdomain/wp-content/themes/twentyfourteen/img/fb.png) !important;
width: 57px !important;
height: 21px !important;
}

.stButton .st-twitter-counter {
background-image: url(../../../../uat_subdomain/wp-content/themes/twentyfourteen/img/tw.png) !important;
width: 69px !important;
height: 21px !important;
background-position: 0px 2px !important;
}

.st-email-counter .stButton img{
	margin-top: -5px !important;
}


/* Stylesheet 2014_12_10 - About Us How it works page */

.how-its-work-wrapper .howitbg ,
.how-its-work-wrapper .howitbgthird ,
.how-its-work-wrapper .howitbgfourth ,
.how-its-work-wrapper .howitbgfifth ,
.how-its-work-wrapper .howitbgsixt
{
	position: relative;
    z-index: 2147483647;
}
.how-its-work-wrapper .how_it_works_img_fourth
{
	margin-top: -37px;
	float:left;
	width:100%;
}
.how-its-work-wrapper .how_it_works_img_first
{
	margin-top: -37px;
	float:left;
	width:100%;
}
.how-its-work-wrapper .how_it_works_img_second
{
	margin-top:-104px;
	float:left;
	margin-left:1px;
	width:40.6%;
}
.how-its-work-wrapper .how_it_works_img_third
{
	float: left;
    margin-left: 15px;
    margin-top: -39px;
	width:40.6%;
}
.how-its-work-wrapper .how_it_works_img_fifth
{
	text-align:center;
	float: left;
    /*margin-top: -36px;*/
	margin-top:0;
    width: 100%;
}

.how-its-work-wrapper .how_it_works_img_first img
{
	/*height: 239px;*/
	height:auto;
	width:100%;
    /*width: 350px;*/
}
.how-its-work-wrapper .how_it_works_img_second img,
.how-its-work-wrapper .how_it_works_img_third img
{
	/*height: 175px;*/
	height:auto;
    /*width: 205px;*/
	width:100%;
}
.how-its-work-wrapper .how_it_works_img_fourth img
{
	/*width:429px;*/
	width:100%;
	/*height:270px;*/
	height:auto;
}
.how-its-work-wrapper .how_it_works_img_fifth img
{
	/*width:429px;*/
	width:50%;
	/*height:270px;*/
	height:auto;
}

.how-its-work-wrapper .how_row_img_bg
{
	/*background:none repeat scroll 0 0 #ffffff !important;
	height:485px !important;*/
	padding-bottom: 40px;
}
.how-its-work-wrapper .setgoal
{
	padding-top:10px;
	float:left;
}
.howitbgfourth
{
	height:143px !important;
}
.how_it_works_fifth_cond
{
	padding-bottom: 20px ;
}
.howrowbg , .howrowbg1
{
 	height:520px;
}





.rocket_gallery_featured
{
	width:100%;
	background: none repeat scroll 0 0 #a9aec5;
	float:left;
	padding:30px 0 !important;
}
.rocket_gallery_featured .rocketgalleries
{
	float:left;
	max-width: 1170px;
    width: 100%;
	margin-bottom:0 !important;
}
.rocket_gallery_featured .rocket_gallery_inner_featured
{
	margin:0 auto !important;
	width:100%;
	max-width:1170px;
}
.rocket_gallery_featured img
{
	height: 105px;
    max-width: 163px ;
    width: 100% !important;
}
.rocket_gallery_supported img
{
	height: 120px;
    max-width: 360px !important ;/*old 370*/
    width: 100% !important;
}
@media screen and (max-width:1170px){
	.rocket_gallery_supported img
	{
		max-width: 290px !important ;/*old 370*/
	}
}
@media screen and (max-width:850px){
	.rocket_gallery_supported img
	{
		max-width: 100% !important ;/*old 370*/
	}
}
.rocket_header_title_featured , .rocket_header_title_supported
{
	text-align: center;
	margin-bottom: 25px;
}
.rocket_header_title_supported
{
	text-align: left;
}
.rocket_header_title_featured span , .rocket_header_title_supported span
{
	color:#ffffff;
	font-size: 20px;
}
.rocket_gallery_supported .rocketgalleries .rocketgalleries-item
{
	margin-right:30px !important;
}
.rocketgalleries .rocketgalleries-item:nth-child(3)
{
	margin-right:0 !important;
}


/* By DD 03-06-2016 */
.move_to_top_of_page {
  position: absolute;
  top: 0;
  width: 96%;
}
.move_to_bottom_of_page{  margin-top: 420px;
    padding-bottom: 100px; }
   .move_to_top_of_page #supporter-mail-list .question{ margin-top: 0 !important }