.donHolder{
width:100%;
min-height:400px;
/*border:solid 1px#F00;*/
}

.stinafo-donation-loader{
background: #EFEFEF;
}


  iframe.stinafo-donation-frame{
    width:80vw;
    height:80vh;
    border:none;
  }
  
  div.stinafo-donation-frameHolder
  {
      width:100vw;
      height:100vh;
      position: relative; 
  }  

div.stinafo-formFrame-frameContainer{
width:100%;
}

iframe.stinafo-donation-formFrame{
width:100%;
min-height:500px;
border:none;
}
  
  
div.stinafo-donation-frameHolder div.stinafo-donation-frameContainer {
    margin: 0;
    background: #21873D;
    position: absolute;
    top: 50%;
    left: 50%;
    width:80vw;
    height:80vh;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

div.stinafo-donation-frameHolder div.stinafo-donation-frameContainer.wide {
  
}




a.stinafo-donation-frame-close{
  font-family: "Open Sans", sans-serif;
  background:#FFF;
  color: #21873D;
  cursor: pointer;
  font-weight:300;
  font-size: 16px;
  height: 32px;
  line-height:32px;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 15px;
  width: 33px;
  text-decoration:none;
}
a.stinafo-donation-frame-close:HOVER{
  color:#000;
}

.stinafo-donation-box {
font-size:16px;
}

/*.stinafo-donation-box .stinafo-donation-header {
background-position:top center;
background-size:cover;
height:20em;
}*/

.stinafo-donation-box .stinafo-donation-header {
  
    background-repeat:no-repeat;
    background-position: top left ; 
    background-size:cover;
    position: absolute;
    width: 100%;
    top:0;
    left:0;
    bottom:0;
    height:16em;
}
.stinafo-donation-overlay a {
color:#FFF;
}

.stinafo-donation-box .projectTitle h3{
font-size:1.5em;
}

.stinafo-donation-header .stinafo-donation-right {  
  position: absolute;
  top:0;
  right:0;
  bottom:0;  
  text-align:right;
  width:33%;
  padding:15px;
  display:block;
  height:16em;
  
    background: -moz-linear-gradient(left, rgba(33, 135, 61, 0) 0%, rgba(33, 135, 61, 1) 40%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(33, 135, 61, 0)), color-stop(40%,rgba(33, 135, 61, 1)));
    background: -webkit-linear-gradient(left, rgba(33, 135, 61, 0) 0%,rgba(33, 135, 61, 1) 40%);
    background: -o-linear-gradient(left, rgba(33, 135, 61, 0) 0%,rgba(33, 135, 61, 1) 40%);
    background: -ms-linear-gradient(left, rgba(33, 135, 61, 0) 0%,rgba(33, 135, 61, 1) 40%);
    background: linear-gradient(to right, rgba(33, 135, 61, 0) 0%,rgba(33, 135, 61, 1) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0021873D', endColorstr='#21873D',GradientType=1 );
}

.stinafo-donation-header .stinafo-donation-right span.donate{
font-size:1.4em;
font-weight:700;
display:block;
margin: 0 0.1em -0.8em 0;
}
.stinafo-donation-header .stinafo-donation-right a
{ 
  color:#fff;
}
.stinafo-donation-header .stinafo-donation-right a:HOVER
{ 
  color:#ccc;
  text-decoration:none;
}

.stinafo-donation-header .stinafo-donation-right span.now{
font-size:3em;
font-weight:700;
display:block;
}

.stinafo-donation-header .stinafo-donation-right span.percentage{
font-size:1.5em;
color:#FFF;
text-shadow: 0 0 0.5em #000;
}
.stinafo-donation-header .stinafo-donation-right span.percentage img.projectIcon{
height:1em;
display:inline-block;
}

.stinafo-donation-header .stinafo-donation-right .projectText{
  
  position: absolute;
  top:1em;
  bottom:1em;
  right:1em;
  left:0;  
  border-left:solid 1px #FFF;
  display:block;
  text-shadow: 0 0 0.5em #000;
}

.stinafo-donation-header .stinafo-donation-right ul.stinafo-donation-socialmedia {
  margin:0.5em 0 1em 0;
  padding:0;
  display:block;
  height:1.8em;
}
.stinafo-donation-header .stinafo-donation-right ul.stinafo-donation-socialmedia li {
  display:inline-block;
  padding: 0 0.2em;
  font-size:0.5em;
}
.stinafo-donation-header .stinafo-donation-right ul.stinafo-donation-socialmedia li:before {
   content: none;
}

.stinafo-donation-header .stinafo-donation-right ul.stinafo-donation-socialmedia li a{
  text-shadow: 0 0 0.5em #000;
  background: #000;
  border-radius: 50%;
  height: 1.4em;
  width: 1.4em;
  display: block;
  text-align: center;
  color: #FFF;  
}
.stinafo-donation-header .stinafo-donation-right ul.stinafo-donation-socialmedia i.fa {
    font-size: 0.8em;
}

.stinafo-donation-project-bar {
background:#000;
height:2.5em;
padding:0.5em;
}
.stinafo-donation-clear{
clear:both;
}

.stinafo-donation-project-bar h4 {
  color:#FFF;
  font-weight:300;
  font-size: 1.1em;
  line-height:1.5em;
  margin:0;
  padding:0;
}


.stinafo-donation-project-bar div.bar-right {
  text-align:right;
  width:33%;
  float:left;
  display:block;
}
.stinafo-donation-project-bar div.bar-left {
  width:67%;
  float:left;
  display:block;
}

.stinafo-donation-project-bar div.bar-right span.projectTarget{
  color:#FFF;
  font-weight:bold;
  font-size:0.7em;
  height:2.5em;
}

.stinafo-donation-progress {
outline: 1px solid #FFf;
height:1.5em;
}
.stinafo-donation-progress-bar{
background:#Fff;
height:1.5em;
}


span.share{
  font-size:1.5em;
  color:#000;
  text-shadow: 0 0 0.5em #fff;
}

.stinafo-donation-btn-now,
.stinafo-donation-btn-more{

}

a.stinafo-donation-btn-more,
a.stinafo-donation-btn-donate-now{
  display:block;
  border:none;
  background: #21873D;
  color: #FFF;
  cursor: pointer;
  font-weight:300;
  font-size: 14px;
  height: 32px;
  line-height:32px;
  text-decoration:none;
  padding: 0 20px;
  margin: 15px 0 0 0;
  text-align:center;
}

a.stinafo-donation-btn-donate-now {
  font-size:20px;
  padding: 10px;
  height: auto;
}
a.stinafo-donation-btn-donate-now:HOVER
{
  color: #FFF;
}
a.stinafo-donation-btn-more:HOVER{
  background: #000;
  color: #FFF;
}




.stinafo-donation-box div.projectLeft {
    width: 67%;
    float: left;
    display: block;
}

.stinafo-donation-box div.projectRight span.percentage {
    font-size: 1.5em;
    color: #FFF;
    text-shadow: 0 0 0.5em #000;
}

.stinafo-donation-box div.projectRight {
    background: -moz-linear-gradient(left, rgba(33, 135, 61, 0) 0%, rgba(33, 135, 61, 1) 40%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(33, 135, 61, 0)), color-stop(40%,rgba(33, 135, 61, 1)));
    background: -webkit-linear-gradient(left, rgba(33, 135, 61, 0) 0%,rgba(33, 135, 61, 1) 40%);
    background: -o-linear-gradient(left, rgba(33, 135, 61, 0) 0%,rgba(33, 135, 61, 1) 40%);
    background: -ms-linear-gradient(left, rgba(33, 135, 61, 0) 0%,rgba(33, 135, 61, 1) 40%);
    background: linear-gradient(to right, rgba(33, 135, 61, 0) 0%,rgba(33, 135, 61, 1) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0021873D', endColorstr='#21873D',GradientType=1 );
    text-align: right;
    width: 33%;
    float: left;
}












.clear {
clear:both;
}



/*div.projectBarLeft {
  height:2.4em;
  border-radius:0 !important;
}*/




.projectDescription {
  min-height: 300px;  
  padding-top: 1.5em;
  font-size:14px;
}

.projectDescription p{
/* font-size:1rem; */
   font-size:14px;
}

.projectBar{
  position: relative;
}



.therm.outer-therm,
.therm.inner-therm {
  height:1.6em !important;
  border-radius:0 !important;
}
.therm.outer-therm {
  margin:0.2em 0.1em!important;
  background-color: #000 !important;
  -webkit-box-shadow:inset 0px 0px 0px 0.1em #FFF;
  -moz-box-shadow:inset 0px 0px 0px 0.1em #FFF;
  box-shadow:inset 0px 0px 0px 0.1em #FFF;  
  padding-top: 0;
}

.therm.inner-therm {
    color: #fff;
    display: inline-block;
    background-color: #FFF !important;
}


  
div#jqmeter-container {
    padding: 0.1em;
    padding-right: 0.5em;
}                                                                                                             

/*==========   Mobile first Method ==========*/
/* Custom Iphone Retina */
@media only screen and (min-width: 320px){
}
/* Small devices, Phones */
@media only screen and (min-width: 480px){

}


/* Small devices, Tablets */
@media only screen and (min-width: 768px){

}

/* Medium devices, Desktop */
@media only screen and (min-width: 992px){

}

/* Large devices, Widescreens */
@media only screen and (min-width: 1200px){

}






div.stinafo-donation-project-description{
padding: 15px 0 0 0;
clear:both;
}





div.pdOverlay{

position:fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
z-index:10000;
/*top:0;        */
/*left:0;       */
width:100vw;
height:100vh;
background:rgba(33, 135, 61,.9);
display:none;
}


.stinafo-donation-box .stinafo-donation-header {
    position: relative;
    padding-bottom: 15px;
}



.stinafo-donation-box .stinafo-donation-info .stinafo-donation-title {
    font-size: 1.6em;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.stinafo-donation-title a{
color:#b7a89a;
}

.stinafo-donation-box .stinafo-donation-info .stinafo-donation-meta {
    margin: 0;
    padding: 0;
    list-style: none inside;
}
.stinafo-donation-box .stinafo-donation-info .stinafo-donation-meta li {
    display: block;
    width: 32%;
    background-color: #f9f9f9;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 0;
    margin-right: 2%;
    float: left; 
    /* inset shadow ipv border*/ 
    -webkit-box-shadow:inset 0px 0px 0px 1px #b7a89a;
    -moz-box-shadow:inset 0px 0px 0px 1px #b7a89a;
    box-shadow:inset 0px 0px 0px 1px #b7a89a;    
}
.stinafo-donation-box .stinafo-donation-info .stinafo-donation-meta li span .fa {
    padding: 0 5px;
    color: #b7a89a;
}
.stinafo-donation-box .stinafo-donation-info .stinafo-donation-meta li label {
    text-align: center;
    display: block;
}

.stinafo-donation-box .stinafo-donation-info .stinafo-donation-meta li:last-child {
    margin-right: 0;
}

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



.donHolder.directform {
margin-left:-20px;
margin-right:-20px;
width:calc(100% + 38px);
/*border:solid 1px#F00;*/
}

iframe.stinafo-donation-formFrame {
    min-height: 550px;
}
}


@media screen and (min-width: 768px) {
  
  iframe.stinafo-donation-frame{
    width:600px;
    height:400px;

    border:none;
  }
  
  div.stinafo-donation-frameHolder div.stinafo-donation-frameContainer.stinafo-wide iframe.stinafo-donation-frame{
     width:900px;
     min-height:600px;
  }
  
  div.stinafo-donation-frameHolder
  {
      width:100vw;
      height:100vh;
      position: relative; 
  }  
  
  div.stinafo-donation-frameHolder div.stinafo-donation-frameContainer
  {
    margin: 0;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    width:612px;
    height:412px;
    margin-right: -306px;
    transform: translate(-50%, -50%);
    border-radius:15px;
    padding:6px
    
  }
  div.stinafo-donation-frameHolder div.stinafo-donation-frameContainer.stinafo-wide
  {
     width:900px;
     min-height:600px;
     margin-right: -450px;
  }
  
  div.stinafo-donation-frameHolder div.stinafo-donation-frameContainer.success
    {
    margin: 0;
    background: #21873D;
    position: absolute;
    top: 50%;
    left: 50%;
    width:60vw;
    height:80vh;
    margin-right: -50%;
    transform: translate(-50%, -50%)
  }
  
  
}