.donate-form-page  .box-container {
  max-width: 990px;
  margin: 0 auto; }

.donate-form-page  .fixedcontainer {
  width: 990px;
  margin: 0 auto; }

.donate-form-page  .col-wrap {
  overflow: auto; }

.donate-form-page  .two-col,.donate-form-page   .two-cols .col {
  width: 47%;
  float: left; }

.donate-form-page  .four-col .col {
  width: 23%;
  margin: 1%;
  padding: 0px;
  float: left; }

.donate-form-page  .region-content section.block-ashoka-donate, section.block-ashoka-donate {
  box-shadow: none; }

.donate-form-page  .tile-list {
  overflow: auto; }

.pattern-tile-item a.tile-link {
  text-decoration: none;
  display: block; }
  .pattern-tile-item a.tile-link:hover {
    text-decoration: none;
    display: block; }

.pattern-tile-item span {
  display: inline-block;
  text-align: center;
  margin: 0px;
  width: 100%; }

.pattern-tile-item h3 {
  margin: 20px auto; }

.pattern-tile-item img {
  max-width: 100%; }

img {
  max-width: 100%; }

.style-one .pattern-tile-item {
  color: #003366; }
  .style-one .pattern-tile-item .image-wrap {
    width: 100%;
    overflow: hidden;
    position: relative;
    min-height: 210px; }
    .style-one .pattern-tile-item .image-wrap img {
      position: relative;
      display: block;
      margin: 0 auto;
      bottom: -15px;
      /*position:absolute;
        bottom:0px;
        left:0px; */
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
  .style-one .pattern-tile-item a {
    color: #ff9933; }
    .style-one .pattern-tile-item a:hover {
      text-decoration: none; }
  .style-one .pattern-tile-item h3 {
    color: #003366;
    font-family: lato;
    font-size: 44px;
    font-size: 4.4rem;
        text-align: center;
    font-weight: 900;
    line-height: 4.4rem;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin: 20px auto; }
  .style-one .pattern-tile-item .info-wrap:hover {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .style-one .pattern-tile-item .info-wrap .info-desc {
    padding: 12px;
    min-height: 100px;
    text-align: center;
   }
  .style-one .pattern-tile-item:hover, .style-one .pattern-tile-item.active {
    position: relative;
    cursor: pointer; }
  .style-one .pattern-tile-item:hover h3, .style-one .pattern-tile-item.active h3 {
    color: #ff9933;
    font-size: 50px;
    font-size: 5rem; }
  .style-one .pattern-tile-item:hover:after, .style-one .pattern-tile-item.active:after {
    -webkit-box-shadow: 0px 8px 11px -2px #ccc;
    -moz-box-shadow: 0px 8px 11px -2px #ccc;
    box-shadow: 0px 8px 11px -2px #ccc;
    position: absolute;
    content: '';
    width: 100%;
    height: 60%;
    bottom: 0;
    left: 0;
    z-index: -1; }
  .style-one .pattern-tile-item:hover .image-wrap, .style-one .pattern-tile-item.active .image-wrap {
    background: url("../images/orange-strip.png");
    background-repeat: repeat-x;
    background-size: auto 50%;
    background-position-y: bottom; }
  .style-one .pattern-tile-item:hover .image-wrap img, .style-one .pattern-tile-item.active .image-wrap img {
    bottom: 0px; }

.donate-option-tiles .pattern-tile-item.custom-tile .image-wrap h3 {
  color: #003366;
  padding-top: 32px;
  font-size: 35px;
  font-size: 3.5rem;
  padding-left: 10%;
  padding-right: 10%; }

.donate-option-tiles .pattern-tile-item.custom-tile span.custom-amount {
  width: 16%; }

.donate-option-tiles .pattern-tile-item.custom-tile .info-wrap h3 {
  margin-bottom: 14px; }

.donate-option-tiles .pattern-tile-item.custom-tile input[type="text"].custom-amount {
  display: inline-block;
  width: 65%;
  border: 0px;
  border-bottom: 2px dashed;
  height: 50px;
  outline: none; }

.ashoka-donate-choice {
  display: none; }

.donate-option-tiles .pattern-tile-item.custom-tile:hover .image-wrap, .donate-option-tiles .pattern-tile-item.custom-tile.active .image-wrap {
  background: url("../images/orange-strip.png");
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position-y: bottom; }

.donate-option-tiles .pattern-tile-item.custom-tile:hover .image-wrap h3, .donate-option-tiles .pattern-tile-item.custom-tile.active .image-wrap h3 {
  color: #003366;
  font-size: 35px;
  font-size: 3.5rem;
  padding-left: 10%;
  padding-right: 10%; }

.donate-option-tiles .pattern-tile-item.custom-tile:hover .image-wrap img, .donate-option-tiles .pattern-tile-item.custom-tile.active .image-wrap img {
  bottom: 0px; }

.donate-option-tiles .checkbox-wrap {
  margin: 10px;
  text-align: center;
  text-align: center; }
  .donate-option-tiles .checkbox-wrap input[type="checkbox"] {
    display: inline-block;
    width: auto; }
  .donate-option-tiles .checkbox-wrap span {
    display: inline-block;
    vertical-align: top;
    line-height: 37px;
    padding-left: 15px; }

.donate-option-tiles #recurring-payment-check {
  margin-top: 30px;
  text-align: center; }
  .donate-option-tiles #recurring-payment-check .checkbox-wrap {
    background: #d7d7d7;
    display: inline-block;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    color: #003366;
    text-align: center; }
    .donate-option-tiles #recurring-payment-check .checkbox-wrap input[type="checkbox"] {
      border: 2px solid #003366;
      font-size: 34px;
      height: 30px;
      width: 30px;
      background: #fff; }
      .donate-option-tiles #recurring-payment-check .checkbox-wrap input[type="checkbox"]:hover {
        cursor: pointer; }
    .donate-option-tiles #recurring-payment-check .checkbox-wrap span {
      text-align: left; }
    .donate-option-tiles #recurring-payment-check .checkbox-wrap:hover, .donate-option-tiles #recurring-payment-check .checkbox-wrap.active {
      background: #ff9933; }

.donate-option-tiles .info-payment {
  width: 420px;
  margin: 0 auto;
  margin-top: 30px; }
  .donate-option-tiles .info-payment input, .donate-option-tiles .info-payment textarea {
    width: 100%;
    margin: 5px auto;
    padding: 5px; }
  .donate-option-tiles .info-payment .group-fields {
    display: block;
    overflow: auto; }
    .donate-option-tiles .info-payment .group-fields input {
      width: 48%;
      float: left; }
      .donate-option-tiles .info-payment .group-fields input.Email {
        margin-left: 4%; }
  .donate-option-tiles .info-payment h4 {
    margin-top: 30px; }
  .donate-option-tiles .info-payment .payment-form {
    margin-top: 30px; }
    .donate-option-tiles .info-payment .payment-form .card-expiry {
      text-align: center;
      margin: 5px auto; }
      .donate-option-tiles .info-payment .payment-form .card-expiry input#Cvv2 {
        width: auto;
        margin: 0px;
        margin-left: 10px;
        line-height: 20px; }
      .donate-option-tiles .info-payment .payment-form .card-expiry select {
        height: 34px; }
    .donate-option-tiles .info-payment .payment-form .card-icons {
      text-align: center; }
    .donate-option-tiles .info-payment .payment-form .call-to-actions.submit {
      margin-top: 30px;
      text-align: center; }
      .donate-option-tiles .info-payment .payment-form .call-to-actions.submit a {
        min-width: 250px; }

.donate-option-tiles span.required {
  vertical-align: top;
  position: absolute; }
  .donate-option-tiles span.required:after {
    position: absolute;
    content: "\f069";
    font-family: Fontawesome;
    margin-left: 3px;
    font-size: .8rem; }
.expiration-date p {
    display: inline;
}
/*Thankyou block start*/
.thankyoupage-banner h2.title-caption {
  margin-bottom: 40px; }

.thankyoupage-banner .text-content {
  margin-bottom: 40px; }
  .thankyoupage-banner .text-content .desc {
    color: #003366;
    /* max-width: 390px;*/ }

.thankyoupage-banner h2 span {
  display: block;
  text-align: left;
  text-transform: initial;
  font-variant: initial; }
  .thankyoupage-banner h2 span.title-caption-item-small {
    font-family: Cronos-Pro-SubHead,sans-serif;
    color: #003366;
    font-weight: bold; }
  .thankyoupage-banner h2 span.title-caption-item-big {
    font-family: Lato;
    font-weight: 200;
    font-size: 48px;
    font-size: 4.8rem;
    color: #56a7cc; }

.thankyoupage-banner .image-wrap img {
  max-width: 100%; }

.thankyoupage-banner .share-links {
  color: #f93;
  background: url(../images/share_leaf.png) no-repeat;
  font-weight: bold;
  font-style: italic;
  padding-left: 58px; }

/*Thankyou block END */
/* Form */
.donate-form-wrap form#Donation {
  width: 404px;
  max-width: 100%;
  margin: 0 auto; }
  .donate-form-wrap form#Donation input[type=text], .donate-form-wrap form#Donation input[type=email] {
    margin: 5px auto;
    padding: 6px; }
  .donate-form-wrap form#Donation input[type=checkbox] {
    margin-right: 5px; }
  .donate-form-wrap form#Donation select {
    margin: 5px auto;
    padding: 6px; }
  .donate-form-wrap form#Donation #BillingAddress1, .donate-form-wrap form#Donation #BillingAddress2, .donate-form-wrap form#Donation #BillingEmail, .donate-form-wrap form#Donation #BillingPhone, .donate-form-wrap form#Donation #CardNumber, .donate-form-wrap form#Donation #NameOnCard, .donate-form-wrap form#Donation #d-names input {
    width: 100%; }
  .donate-form-wrap form#Donation #BillingFirstName, .donate-form-wrap form#Donation #BillingLastName, .donate-form-wrap form#Donation #BillingCountryCode, .donate-form-wrap form#Donation #BillingPostalCode, .donate-form-wrap form#Donation #BillingStateProvince, .donate-form-wrap form#Donation #BillingCity {
    width: 100%; }
  .donate-form-wrap form#Donation #BillingFirstName, .donate-form-wrap form#Donation #BillingPostalCode, .donate-form-wrap form#Donation #BillingCity {
    margin-right: 5px; }
  .donate-form-wrap form#Donation input[type="button"] {
    background-color: #f57c20;
    color: #fff;
    border: 0px;
    padding: 10px;
    width: 100%; }
    .donate-form-wrap form#Donation input[type="button"]:hover {
      background-color: #003366; }
  #submitDonation[disabled],
  #submitDonation[disabled]:hover {
    background-color: grey !important;
  }
  .donate-form-wrap form#Donation #Cvv2 {
    margin-left: 10px; 
        padding: 3px;
    margin-top: 0px;
    }

.donate-form-wrap .expiration-date, .donate-form-wrap .card-options {
  text-align: center;
  margin: 5px auto; }

.donate-form-wrap .expiration-date label, .donate-form-wrap .card-options label {
  margin-right: 5px; }

.donate-form-wrap input#NameOnCard:disabled {
  border: 1px solid #999;
  background: #ccc; }

.donate-form-wrap .donate-checkbox {
  text-align: center; }
  .donate-form-wrap .donate-checkbox.donate-consent-box {
    margin-top: 30px; }

.ashoka-donate-additional {
  text-align: center;
  margin: 25px 0px; }
  .ashoka-donate-additional textarea {
    width: 100%; }
input#submitDonation{
      margin-top: 12px;
  
}
/*Post donate form page*/
.post-donate-section .message-sec.col {
  padding: 40px;
  background: #f2f2f2;
  height: 350px; }
  .post-donate-section .message-sec .short-line {
    border-bottom: 2px solid #ff9933;
    margin-top: 40px;
    width: 20%; }
  .post-donate-section .message-sec h2.title-caption {
    color: #003366;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 20px;
    font-variant: initial;
    text-transform: initial; }

/*Post donate form start*/
.post-donate-form {
  padding-left: 40px; }
  .post-donate-form #formCompleteDiv {
    font-family: Cronos-Pro-SubHead, sans-serif;
    font-size: 30px;
    margin-top: 40px; }
    .post-donate-form #formCompleteDiv a {
      font-size: initial;
      font-family: lato;
      display: block;
      margin-top: 23px; }
  .post-donate-form .hide {
    display: none; }
  .post-donate-form .form {
    color: #003366;
    position: absolute; }
  .post-donate-form .formContainerIn {
    height: 230px;
    width: 400px;
    max-width: 100%; }
  .post-donate-form .activeA::after, .post-donate-form .active::before {
    background: #003A5F !important;
    color: white; }
  .post-donate-form #formContainer {
    width: 100%; }
  .post-donate-form #progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
    width: 100%;
    margin: 0;
    padding: 0; }
    .post-donate-form #progressbar li {
      list-style-type: none;
      color: white;
      text-transform: uppercase;
      font-size: 9px;
      width: 25%;
      float: left;
      position: relative; }
      .post-donate-form #progressbar li.active:before {
        color: #fff; }
      .post-donate-form #progressbar li:before {
        content: counter(step);
        counter-increment: step;
        width: 60px;
        line-height: 55px;
        display: block;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        color: #003A5F;
        background: #fff;
        border: 3px solid #003A5F;
        border-radius: 30px;
        margin: 0px 0px 5px 0px; }
      .post-donate-form #progressbar li:after {
        content: '';
        width: 100%;
        height: 2px;
        background: #003A5F;
        position: absolute;
        top: 30px;
        z-index: -1;
        /*put it behind the numbers*/ }
      .post-donate-form #progressbar li:last-child:after {
        /*connector not needed before the first step*/
        content: none; }
  .post-donate-form input[type=checkbox], .post-donate-form input[type=radio] {
    margin-right: 10px; }
  .post-donate-form div#formNav {
    margin-bottom: 20px; }
  .post-donate-form .form strong {
    margin-bottom: 10px;
    display: inline-block; }
  .post-donate-form #formBtns input {
    background: transparent;
    box-shadow: none;
    border: 0px;
    text-transform: capitalize;
    color: #003366;
    font-weight: bold;
    width: 55px;
    outline: none; }
    .post-donate-form #formBtns input:hover {
      color: orange; }
    .post-donate-form #formBtns input:disabled {
      color: #ccc; }
  .post-donate-form span.next-button.disabled {
    display: none; }
  .post-donate-form .post-donate-form #formBtns .submit-button input {
    width: 90px; }
  .post-donate-form span.disabled {
    color: #ccc; }
  .post-donate-form span.back-button:hover, .post-donate-form span.next-button:hover {
    color: orange; }
  .post-donate-form span.back-button.disabled:hover, .post-donate-form span.next-button.disabled:hover {
    color: #ccc; }
  .post-donate-form span.back-button:before {
    font-family: Fontawesome;
    content: "\f053";
    width: 13px;
    height: 20px;
    display: inline-block; }
  .post-donate-form span.next-button:after {
    font-family: Fontawesome;
    content: "\f054";
    width: 13px;
    height: 20px;
    display: inline-block; }

  .donate-form-wrap.section.fluid-width{margin-top:50px;}  
/*Post donate form End*/
/* Error pages*/
.error-decline-section {
  color: #003A5F; }
  .error-decline-section h1 {
    font-variant: initial;
    text-transform: capitalize; }
  .error-decline-section .image-wrap {
    text-align: center; }
  .error-decline-section .call-to-actions {
    text-align: center; }
    .error-decline-section .call-to-actions .button a {
      min-width: 150px; }
  .error-decline-section .desc {
    margin: 20px auto; }

/* Error pages End*/
/* Donate pages commmon rule*/
.ashoka-donate-landingpage .fixedcontainer, .ashoka-donate-thankyou .fixedcontainer {
  margin: 90px auto; 
  overflow:auto;
  }

.ashoka-donate-landingpage .buttonless-top-banner .fixedcontainer, .ashoka-donate-thankyou .buttonless-top-banner .fixedcontainer {
  margin-top: 0px; }

.page-donate .page-header {
  display: none; }

.page-donate.not-front .block-ashoka-story {
  margin-bottom: 0px; }

/* Donate pages commmon rules END*/
/* Donate header*/
.region-content section.block-ashoka-donate, section.block-ashoka-donate {
  box-shadow: none;
  margin: 60px auto; }

/* Donate header End*/
@media all and (max-width: 992px) {
  .donate-form-page .fixedcontainer{
    width:100%;
    }
  body {
    font-size: initial; }
  .donate-form-page .four-col .col {
    width: 47%; }
  .pattern-tile-item {
    border-bottom: 2px solid #d4d4d4;
    padding-top: 20px; } }

@media all and (max-width: 760px) {
  .post-donate-form {
    padding-left: 10px; }
    .post-donate-form #formCompleteDiv {
      margin-top: 10px; }
  .ashoka-donate-thankyou .story-item {
    max-width: 48%;
    margin: 1%; }
  .ashoka-donate-thankyou .col {
    width: 100%; }
  .post-donate-section .message-sec {
    height: auto; }
  .post-donate-section .quiz-slider {
    margin-top: 20px; }
  .thankyoupage-banner .right-col {
    display: none; }
  .ashoka-donate-thankyou .story-tiles-related .story-tiles-related {
    width: 80%; }
  .ashoka-donate-thankyou .story-tiles-related .story-item {
    width: 48%;
    margin: 1%; } }

@media (max-width: 660px) {
  .post-donate-section .two-cols .col, .post-donate-section .four-col .col {
    width: 100%;
    padding: 4%; } }

@media (max-width: 480px) {
  
  .donate-form-page .two-cols .col, .donate-form-page .four-col .col {
    width: 98%;
    padding: 4%; }
  .donate-form-wrap form#Donation #BillingFirstName, .donate-form-wrap form#Donation #BillingLastName, .donate-form-wrap form#Donation #BillingCountryCode, .donate-form-wrap form#Donation #BillingPostalCode, .donate-form-wrap form#Donation #BillingStateProvince, .donate-form-wrap form#Donation #BillingCity {
    width: 100%; }
  .checkbox-wrap span {
    width: 90%; }
  .fixedcontainer.content-wrap.col-wrap {
    padding: 2%; }
  .donate-form-wrap .donate-checkbox {
    overflow: auto;
    text-align: left;
    margin: 10px 0px; }
    .donate-form-wrap .donate-checkbox input[type=checkbox] {
      width: 30px;
      height: 30px;
      margin-right: 15px;
      float: left;
      margin-bottom: 2px; }
    .donate-form-wrap .donate-checkbox.donate-consent-box, .donate-form-wrap .donate-checkbox.donate-anon-box {
      line-height: 34px; }
    .donate-form-wrap .donate-checkbox.donate-othername-box {
      margin-top: 30px; } }