@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */ } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */ } }
.donate-new-page #content {
  padding-top: 0;
  padding-bottom: 0; }
  .donate-new-page #content #main-content {
    width: 100%; }
    .donate-new-page #content #main-content .sharing-field .container {
      padding: 0 70px; }
    .donate-new-page #content #main-content .donate-title {
      padding: 30px 50px; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .donate-new-page #content #main-content .donate-title {
          padding: 30px 0; } }
      @media (max-width: 767px) {
        .donate-new-page #content #main-content .donate-title {
          padding: 30px 0; } }
      .donate-new-page #content #main-content .donate-title h1 {
        color: #00a8ab;
        font-size: 50px;
        line-height: 40px;
        margin-bottom: 20px;
        font-family: "Okojo-bold"; }
        @media (max-width: 767px) {
          .donate-new-page #content #main-content .donate-title h1 {
            font-size: 28px;
            line-height: 28px; } }
      .donate-new-page #content #main-content .donate-title h2 {
        color: #525252;
        font-size: 28px;
        font-family: "Okojo-bold";
        margin-bottom: 26px;
        line-height: 1.1; }
        @media (max-width: 767px) {
          .donate-new-page #content #main-content .donate-title h2 {
            font-size: 16px; } }
      .donate-new-page #content #main-content .donate-title p {
        font-size: 17px;
        font-family: "Okojo";
        margin-bottom: 10px;
        line-height: 1.6; }
        @media (max-width: 767px) {
          .donate-new-page #content #main-content .donate-title p {
            font-size: 14px; } }
      .donate-new-page #content #main-content .donate-title ul li {
        font-size: 17px;
        font-family: "Okojo";
        line-height: 1.6; }
        @media (max-width: 767px) {
          .donate-new-page #content #main-content .donate-title ul li {
            font-size: 14px; } }
      .donate-new-page #content #main-content .donate-title a {
        color: #00a8ab;
        text-decoration: underline; }
        .donate-new-page #content #main-content .donate-title a img {
          height: auto;
          width: auto; }
    @media (max-width: 767px) {
      .donate-new-page #content #main-content .middle-content .container {
        width: 90%; } }
    .donate-new-page #content #main-content .middle-content .block-mini.blue .title a {
      color: #45c6e6; }
    .donate-new-page #content #main-content .middle-content .block-mini.blue .button {
      background: #45c6e6;
      border: 1px solid #45c6e6; }
      .donate-new-page #content #main-content .middle-content .block-mini.blue .button:hover {
        color: #45c6e6; }
    .donate-new-page #content #main-content .middle-content .block-mini.green .title a {
      color: #afcb44; }
    .donate-new-page #content #main-content .middle-content .block-mini.green .button {
      background: #afcb44;
      border: 1px solid #afcb44; }
      .donate-new-page #content #main-content .middle-content .block-mini.green .button:hover {
        color: #afcb44; }
    .donate-new-page #content #main-content .middle-content .block-mini.orange .title a {
      color: #eb8123; }
    .donate-new-page #content #main-content .middle-content .block-mini.orange .button {
      background: #eb8123;
      border: 1px solid #eb8123; }
      .donate-new-page #content #main-content .middle-content .block-mini.orange .button:hover {
        color: #eb8123; }
    .donate-new-page #content #main-content .middle-content .block-mini.pink .title a {
      color: #d12d73; }
    .donate-new-page #content #main-content .middle-content .block-mini.pink .button {
      background: #d12d73;
      border: 1px solid #d12d73; }
      .donate-new-page #content #main-content .middle-content .block-mini.pink .button:hover {
        color: #d12d73; }
    .donate-new-page #content #main-content .middle-content .block-mini .title {
      font-size: 20px;
      font-family: "Okojo-bold";
      padding: 10px 0;
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .donate-new-page #content #main-content .middle-content .block-mini .title {
          font-size: 18px;
          text-align: left;
          line-height: 20px;
          padding: 10px 15px; } }
      .donate-new-page #content #main-content .middle-content .block-mini .title a {
        font-size: 22px; }
    .donate-new-page #content #main-content .middle-content .block-mini .block-img-home {
      height: auto; }
      .donate-new-page #content #main-content .middle-content .block-mini .block-img-home a {
        display: block; }
      .donate-new-page #content #main-content .middle-content .block-mini .block-img-home img {
        display: block; }
    .donate-new-page #content #main-content .middle-content .block-mini .content {
      background: none;
      margin: 0;
      padding: 19px 0 40px 20px; }
      @media (max-width: 768px) {
        .donate-new-page #content #main-content .middle-content .block-mini .content {
          padding: 19px 0 20px 20px; } }
      @media (max-width: 767px) {
        .donate-new-page #content #main-content .middle-content .block-mini .content {
          padding: 20px 0; } }
      .donate-new-page #content #main-content .middle-content .block-mini .content p {
        font-size: 17px; }
        @media (max-width: 767px) {
          .donate-new-page #content #main-content .middle-content .block-mini .content p {
            font-size: 14px;
            line-height: 16px; } }
    .donate-new-page #content #main-content .middle-content .block-mini .button {
      background: #00abaf;
      margin: 0;
      padding: 8px;
      font-size: 18px;
      border: 1px solid #01a9aa; }
      .donate-new-page #content #main-content .middle-content .block-mini .button:hover {
        background: #fff;
        color: #01a9aa; }
    .donate-new-page #content #main-content .middle-content .text-bottom {
      padding-top: 50px; }
      .donate-new-page #content #main-content .middle-content .text-bottom p {
        line-height: 1.6;
        font-family: "Okojo";
        font-size: 17px; }
        @media (max-width: 767px) {
          .donate-new-page #content #main-content .middle-content .text-bottom p {
            font-size: 14px;
            line-height: 16px; } }
    .donate-new-page #content #main-content .browse-success-stories h2 {
      color: #525252;
      font-size: 28px;
      font-family: "Okojo-bold";
      margin-bottom: 26px;
      line-height: 1.1; }
      @media (max-width: 767px) {
        .donate-new-page #content #main-content .browse-success-stories h2 {
          font-size: 18px; } }
    .donate-new-page #content #main-content .browse-success-stories .swiper-container {
      width: 100%;
      height: 330px; }
      @media (max-width: 320px) {
        .donate-new-page #content #main-content .browse-success-stories .swiper-container {
          height: 370px; } }
      .donate-new-page #content #main-content .browse-success-stories .swiper-container .swiper-slide {
        padding-right:15px;
        box-sizing: border-box;
        text-align: center;
      }
        .donate-new-page #content #main-content .browse-success-stories .swiper-container .swiper-slide:last-child {
          margin-right: 0; }
        @media (max-width: 767px) {
          .donate-new-page #content #main-content .browse-success-stories .swiper-container .swiper-slide {
            margin-right: 20px; } }
        @media (max-width: 480px) {
          .donate-new-page #content #main-content .browse-success-stories .swiper-container .swiper-slide {
            margin-right: 15px; } }
        @media (max-width: 320px) {
          .donate-new-page #content #main-content .browse-success-stories .swiper-container .swiper-slide {
            margin-right: 10px; } }
        .donate-new-page #content #main-content .browse-success-stories .swiper-container .swiper-slide p {
          margin: 20px 0 0 0;
          font-family: "Okojo";
          font-size: 17px;
          text-align: left;
          color: #00a9a9; }
          @media (max-width: 767px) {
            .donate-new-page #content #main-content .browse-success-stories .swiper-container .swiper-slide p {
              font-size: 14px; } }
          @media (max-width: 320px) {
            .donate-new-page #content #main-content .browse-success-stories .swiper-container .swiper-slide p {
              padding: 0 30px; } }

#content .general-content.pro {
  width: calc(100% - 370px); }
  @media (max-width: 880px) {
    #content .general-content.pro {
      width: 100%; } }
#content .project-profile-right {
  width: 370px;
  padding: 0px 15px; }

#project-title {
  padding: 0; }
  @media (max-width: 767px) {
    #project-title {
      padding: 0; } }
  @media (max-width: 767px) {
    #project-title .page-title {
      font-size: 30px; } }
  #project-title .project-cate {
    margin-bottom: 50px; }
    @media (max-width: 767px) {
      #project-title .project-cate {
        margin-bottom: 20px; } }
    #project-title .project-cate p {
      font-size: 24px;
      margin: 0 !important;
      line-height: 22px;
      font-family: "Okojo-bold"; }
      @media (max-width: 767px) {
        #project-title .project-cate p {
          font-size: 18px; } }

.general-content #project-profile .scroll-to {
  font-size: 0;
  margin-bottom: 25px; }
  .general-content #project-profile .scroll-to a {
    display: inline-block;
    border: 1px solid #00aaaa;
    color: #555555;
    padding: 10px 20px;
    margin-right: 30px;
    font-size: 18px;
    text-decoration: none; }
    .general-content #project-profile .scroll-to a.active {
      background-color: #00a9a9;
      color: #fff; }
      .general-content #project-profile .scroll-to a.active:hover {
        background-color: #fff;
        color: #555; }
    @media (max-width: 767px) {
      .general-content #project-profile .scroll-to a {
        font-size: 14px;
        margin-right: 8px; } }
.general-content #project-profile .img-project .date {
  float: left;
  color: #515151;
  line-height: 24px; }
  @media (max-width: 767px) {
    .general-content #project-profile .img-project .date {
      font-size: 14px; } }
  .general-content #project-profile .img-project .date .icon-calendar {
    font-size: 26px;
    vertical-align: middle;
    color: #a4a4a4; }
.general-content #project-profile .img-project .entry-meta {
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px; }
.general-content #project-profile .img-project .entry-share {
  margin: 0; }
  @media (max-width: 767px) {
    .general-content #project-profile .img-project .entry-share {
      display: none;
      float: left;
      width: 100%;
      text-align: right; } }
  .general-content #project-profile .img-project .entry-share a {
    text-decoration: none; }
  .general-content #project-profile .img-project .entry-share .entry-share-text {
    font-weight: normal;
    color: #515151; }
.general-content #project-profile .img-project .share-entry-btn-mobile {
  display: none;
  background: #fff url(../images/@3x/share-social-btn.png) no-repeat right center;
  float: right;
  background-size: 20px 20px;
  padding-right: 25px;
  line-height: 20px;
  cursor: pointer; }
  @media (max-width: 767px) {
    .general-content #project-profile .img-project .share-entry-btn-mobile {
      display: block; } }
.general-content #project-profile #project-description .btn-state {
  text-decoration: none; }
@media (max-width: 767px) {
  .general-content #project-profile #project-description p {
    font-size: 14px; } }
@media (max-width: 767px) {
  .general-content #project-profile #project-description .donate-button {
    padding-bottom: 20px; } }
.general-content #project-profile .project-profile-content {
  display: none; }
  .general-content #project-profile .project-profile-content.active {
    display: block; }

.donate-button {
  padding: 2px 0; }
  .donate-button .btn-state {
    width: 100%;
    max-width: 185px;
    font-size: 21px;
    margin: 0;
    border-radius: 0; }

.project-profile-right .grey {
  background: #f5f5f5;
  padding: 20px 30px;
  margin-bottom: 2px; }
.project-profile-right .wrap-grey h3 {
  padding: 20px 30px; }
.project-profile-right .wrap-grey .grey-content {
  border: 1px solid #f5f5f5;
  position: relative; }
.project-profile-right .wrap-grey img {
  float: left; }
.project-profile-right .wrap-grey .img-school {
  overflow: hidden;
  display: inline-block;
  float: left;
  max-width: 119px;
  max-height: 119px;
  padding: 5px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100%;
  width: 100%; }
.project-profile-right .wrap-grey .info-school {
  background: #f5f5f5;
  padding: 20px;
  float: left;
  width: calc(100% - 159px);
  margin-left: 119px; }
  .project-profile-right .wrap-grey .info-school p {
    margin-bottom: 5px; }
    .project-profile-right .wrap-grey .info-school p a {
      color: #00a9a9; }
.project-profile-right h2 {
  color: #00a9a9;
  font-size: 50px;
  font-family: "Okojo-bold";
  line-height: 48px;
  margin-bottom: 15px; }
.project-profile-right h3 {
  font-size: 22px;
  font-family: "Okojo-bold"; }
  @media (max-width: 767px) {
    .project-profile-right h3 {
      font-size: 18px; } }
.project-profile-right h4 {
  font-size: 22px;
  font-family: "Okojo-bold";
  margin-bottom: 10px; }
  .project-profile-right h4 span {
    font-size: 50px;
    line-height: 48px; }
.project-profile-right h5 {
  font-family: "Okojo-bold";
  margin-bottom: 10px; }

#project-description-mobile,
.wrap-grey-mobile,
#updates-mobile {
  display: none; }

.title-ma {
  text-align: center;
  font-size: 50px;
  color: #00a9a9;
  line-height: 1.1;
  font-family: 'Okojo-bold';
  margin: 25px 0; }

.dashboardmenu {
  margin: 0;
  font-size: 18px;
  line-height: 32px;
  background-color: rgba(109, 109, 109, 0.3);
  border-bottom: none;
  margin-bottom: 50px; }
  .dashboardmenu li {
    margin: 0;
    padding: 1px 0 0 0;
    display: inline-block;
    height: 32px;
    line-height: 32px; }
    .dashboardmenu li.active a {
      background-color: #ececec;
      color: #00a9a9; }
    .dashboardmenu li a {
      color: #6d6d6d;
      padding: 8px 16px;
      margin: 0; }

.management-dashboard {
  padding-bottom: 150px; }
  .management-dashboard #content .md-box-wrapper {
    font-size: 0; }
    .management-dashboard #content .md-box-wrapper .md-box {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .management-dashboard #content .md-box-wrapper .md-box.half {
        width: 50%;
        display: inline-block;
        vertical-align: top; }
        @media (max-width: 767px) {
          .management-dashboard #content .md-box-wrapper .md-box.half {
            width: 100%; } }
      .management-dashboard #content .md-box-wrapper .md-box.left {
        padding-right: 10px; }
        @media (max-width: 767px) {
          .management-dashboard #content .md-box-wrapper .md-box.left {
            padding-right: 0; } }
      .management-dashboard #content .md-box-wrapper .md-box.right {
        padding-left: 10px; }
        @media (max-width: 767px) {
          .management-dashboard #content .md-box-wrapper .md-box.right {
            padding-left: 0; } }
      .management-dashboard #content .md-box-wrapper .md-box .md-profile .profile-wrapper {
        float: left;
        width: 65%; }
        .management-dashboard #content .md-box-wrapper .md-box .md-profile .profile-wrapper .md-avatar {
          float: left;
          width: 70px;
          height: 70px;
          margin-right: 10px; }
          .management-dashboard #content .md-box-wrapper .md-box .md-profile .profile-wrapper .md-avatar img {
            border-radius: 48px;
            overflow: hidden;
            width: 70px;
            height: 70px; }
        .management-dashboard #content .md-box-wrapper .md-box .md-profile .profile-wrapper .md-fullname {
          font-size: 18px;
          line-height: 24px;
          text-transform: uppercase;
          margin-top: 12px;
          font-weight: 700; }
        .management-dashboard #content .md-box-wrapper .md-box .md-profile .profile-wrapper .md-registered {
          font-size: 15px;
          line-height: 24px;
          color: #90a4ae;
          font-weight: 100; }
      .management-dashboard #content .md-box-wrapper .md-box .md-profile .profile-info-wrapper {
        float: right;
        width: 35%;
        margin-top: 15px; }
        .management-dashboard #content .md-box-wrapper .md-box .md-profile .profile-info-wrapper .md-membership {
          font-size: 15px;
          line-height: 24px;
          color: #90a4ae;
          font-weight: 100;
          margin-top: 10px; }
          @media (max-width: 880px) {
            .management-dashboard #content .md-box-wrapper .md-box .md-profile .profile-info-wrapper .md-membership {
              text-align: center; } }
      .management-dashboard #content .md-box-wrapper .md-box .md-dash-sidebar {
        font-size: 18px;
        margin-top: 40px; }
        .management-dashboard #content .md-box-wrapper .md-box .md-dash-sidebar ul {
          list-style: none; }
          .management-dashboard #content .md-box-wrapper .md-box .md-dash-sidebar ul li {
            margin: 0;
            list-style: none; }
            .management-dashboard #content .md-box-wrapper .md-box .md-dash-sidebar ul li h3 {
              margin: 10px 0;
              padding: 0 0 10px;
              color: #061120;
              font-size: 18px;
              line-height: 24px;
              border-bottom: 1px solid rgba(6, 17, 32, 0.2); }
      .management-dashboard #content .md-box-wrapper .md-box h3.big {
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        padding: 12px 0;
        color: #38678e;
        text-align: left;
        border-bottom: 1px solid #e7ebed; }
      .management-dashboard #content .md-box-wrapper .md-box .md-list-thin li {
        border-bottom: 1px solid #e7ebed;
        padding: 20px 0; }
      .management-dashboard #content .md-box-wrapper .md-box .md-list-thin a {
        display: inline-block; }
        .management-dashboard #content .md-box-wrapper .md-box .md-list-thin a span.title {
          font-size: 15px;
          color: #455a64;
          text-transform: uppercase;
          font-weight: 700;
          display: block;
          height: auto;
          text-align: left;
          padding: 0; }
      .management-dashboard #content .md-box-wrapper .md-box .md-list-thin button {
        outline: none;
        background: #00a9a9;
        box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.25);
        color: #fff;
        border: none;
        padding: 8px 8px 6px;
        border-radius: 4px;
        float: right; }

.management-account h3 {
  border-bottom: 1px solid #e7ebed;
  margin-bottom: 20px;
  font-size: 20px;
  font-family: "Okojo-bold";
  margin-bottom: 10px;
  padding-bottom: 10px;
  margin-top: 10px; }
.management-account p {
  font-size: 18px;
  margin: 15px 0; }
.management-account .starred {
  color: #ed5565; }
.management-account form {
  font-size: 0; }
  .management-account form * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.management-account .form-row {
  display: inline-block;
  margin-bottom: 20px; }
  .management-account .form-row.full {
    width: 100%; }
  .management-account .form-row.half {
    width: 50%; }
    @media (max-width: 767px) {
      .management-account .form-row.half {
        width: 100%; } }
  .management-account .form-row.quarter {
    width: 25%; }
    @media (max-width: 767px) {
      .management-account .form-row.quarter {
        width: 100%; } }
  .management-account .form-row.left {
    padding-right: 20px; }
    @media (max-width: 767px) {
      .management-account .form-row.left {
        padding-right: 0; } }
  .management-account .form-row label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-indent: 3px;
    vertical-align: text-bottom;
    padding-left: 8px;
    padding-bottom: 4px;
    text-transform: uppercase; }
  .management-account .form-row input,
  .management-account .form-row textarea {
    font-size: 15px;
    line-height: 18px;
    padding: 8px;
    height: inherit;
    display: block;
    border: 1px solid #e7ebed;
    width: 100%;
    background: #fdfdfd;
    font-weight: 100;
    border-radius: 0;
    color: #90a4ae; }
  .management-account .form-row textarea {
    height: 180px; }
  .management-account .form-row.button {
    border-top: 1px solid #e7ebed;
    padding-top: 15px;
    text-align: center; }
    .management-account .form-row.button button {
      text-align: center;
      color: #fff;
      background: #01a9aa;
      font-weight: 400;
      text-transform: uppercase;
      font-size: 14px;
      border: 0;
      padding: 11px 19px;
      margin: 8px auto;
      cursor: pointer;
      display: block;
      width: auto;
      border-radius: 0;
      box-shadow: none;
      line-height: 1;
      outline: none; }

.donation-form-box .donation-wrapper .donation-inner .step-donation {
  padding: 15px 29px;
  background: #f6f6f6;
  margin-top: 10px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .donation-form-box .donation-wrapper .donation-inner .step-donation {
      padding: 15px 20px; } }
  .donation-form-box .donation-wrapper .donation-inner .step-donation .form-field-title {
    font-size: 17px; }
  .donation-form-box .donation-wrapper .donation-inner .step-donation .selections-amount {
    display: inline-block; }
  .donation-form-box .donation-wrapper .donation-inner .step-donation .radio-box-parent {
    cursor: pointer; }
    .donation-form-box .donation-wrapper .donation-inner .step-donation .radio-box-parent p {
      margin-left: 30px !important;
      padding-top: 2px !important; }
  .donation-form-box .donation-wrapper .donation-inner .step-donation p {
    font-family: "Okojo";
    font-size: 17px; }
  .donation-form-box .donation-wrapper .donation-inner .step-donation .step-one-row {
    overflow: hidden;
    margin-bottom: 20px; }
    .donation-form-box .donation-wrapper .donation-inner .step-donation .step-one-row:last-child {
      margin-bottom: 0; }
    .donation-form-box .donation-wrapper .donation-inner .step-donation .step-one-row.row-one .radio-box-parent {
      display: inline-block;
      margin-right: 20px;
      width: 120px;
      box-sizing: border-box; }
      .donation-form-box .donation-wrapper .donation-inner .step-donation .step-one-row.row-one .radio-box-parent:last-child {
        margin-right: 0; }
      .donation-form-box .donation-wrapper .donation-inner .step-donation .step-one-row.row-one .radio-box-parent.donationOther input {
        width: 80px;
        display: inline-block;
        border: none;
        border-bottom: 1px solid #000;
        padding: 0 5px;
        background: transparent; }
      .donation-form-box .donation-wrapper .donation-inner .step-donation .step-one-row.row-one .radio-box-parent.donationOther.otherAmountBlock {
        width: 185px; }
    .donation-form-box .donation-wrapper .donation-inner .step-donation .step-one-row.row-three .style-select {
      width: 100%;
      border: 1px solid #dbd9d4;
      float: none; }
  .donation-form-box .donation-wrapper .donation-inner .step-donation .mandatory {
    font-size: 13px;
    color: #525252;
    float: right;
    /* font-weight: bold; */
    font-family: 'Okojo';
    margin-top: 9px; }
  .donation-form-box .donation-wrapper .donation-inner .step-donation .step-two-content .content {
    display: none; }
  .donation-form-box .donation-wrapper .donation-inner .step-donation.step-2 {
    display: none; }
  .donation-form-box .donation-wrapper .donation-inner .step-donation.step-3 {
    display: none; }
    .donation-form-box .donation-wrapper .donation-inner .step-donation.step-3 .row-field {
      margin-bottom: 5px; }
    .donation-form-box .donation-wrapper .donation-inner .step-donation.step-3 .btn-donation-clear {
      font-weight: bold !important;
      text-transform: uppercase !important;
      margin-right: 20px !important;
      height: 58px !important;
      font-family: 'Okojo' !important;
      font-size: 22px !important;
      padding: 15px 30px !important;
      margin-right: 20px; }
    .donation-form-box .donation-wrapper .donation-inner .step-donation.step-3 .radio-box-parent {
      display: inline-block;
      margin-right: 20px; }
  .donation-form-box .donation-wrapper .donation-inner .step-donation input[type='text'] {
    font-size: 16px;
    color: #565656;
    font-family: "Okojo"; }
  .donation-form-box .donation-wrapper .donation-inner .step-donation .step-title {
    float: right; }
    .donation-form-box .donation-wrapper .donation-inner .step-donation .step-title p {
      font-size: 22px !important;
      color: #00a9a9;
      font-weight: bold;
      font-family: 'Okojo';
      line-height: 1.6;
      margin-bottom: 0; }
.donation-form-box .donation-wrapper .donation-inner .style-select span {
  color: #565656; }
.donation-form-box .donation-wrapper .donation-inner .donate-form {
  margin-top: 0;
  padding: 0; }
.donation-form-box .donation-wrapper .donation-inner .action-button input[type='button']:not(#searchsubmit).submit-btn.btn-donation,
.donation-form-box .donation-wrapper .donation-inner .action-button input[type='submit']:not(#searchsubmit).submit-btn.btn-donation {
  text-transform: uppercase !important;
  font-family: "Okojo-bold";
  margin-bottom: 20px;
  padding: 15px 65px;
  margin-right: 10px;
  clear: none;
  display: inline-block; }
  @media (max-width: 767px) {
    .donation-form-box .donation-wrapper .donation-inner .action-button input[type='button']:not(#searchsubmit).submit-btn.btn-donation,
    .donation-form-box .donation-wrapper .donation-inner .action-button input[type='submit']:not(#searchsubmit).submit-btn.btn-donation {
      width: 100%;
      margin-bottom: 20px; } }
.donation-form-box .donation-wrapper .donation-inner .action-button button.btn-donation {
  display: block;
  text-align: center;
  font-family: "Okojo-bold";
  font-size: 21px;
  padding: 15px 65px;
  background: #01a9aa !important;
  border: 1px solid #01a9aa !important;
  text-transform: uppercase !important;
  margin-bottom: 20px;
  outline: none;
  margin-right: 20px; }
  .donation-form-box .donation-wrapper .donation-inner .action-button button.btn-donation:hover {
    background: #fff !important; }
  @media (max-width: 767px) {
    .donation-form-box .donation-wrapper .donation-inner .action-button button.btn-donation {
      width: 100%; } }
.donation-form-box .donation-wrapper .donation-inner .btn-contact-footer {
  color: #00a9a9;
  text-decoration: underline; }

@media (max-width: 767px) {
  .memberdeck {
    overflow: hidden; }
    .memberdeck .md-dash-sidebar {
      margin-top: 0; } }
.memberdeck .md-box {
  list-style-type: none !important; }
  .memberdeck .md-box table th {
    border-top: 1px solid #e7ebed; }
  .memberdeck .md-box table td a {
    text-align: left !important; }
  .memberdeck .md-box input[type='submit'] {
    background-color: #00a9a9 !important; }
    .memberdeck .md-box input[type='submit']:hover {
      background: #fff !important;
      color: #01a9aa !important;
      box-shadow: inset 0 -2px 0 #01a9aa !important; }
  @media (max-width: 767px) {
    .memberdeck .md-box.half {
      width: 100%;
      display: block;
      overflow: hidden; }
      .memberdeck .md-box.half input[type='button'] {
        float: left !important;
        margin: 0; } }
  .memberdeck .md-box li.budget-order {
    border-top: 1px solid #e7ebed; }
    .memberdeck .md-box li.budget-order .inner {
      display: inline-block;
      margin-right: 20px; }
      .memberdeck .md-box li.budget-order .inner:last-child {
        margin-right: 0; }
  .memberdeck .md-box .budget-listing {
    border-bottom: 0 !important; }
  .memberdeck .md-box .item {
    border-top: 1px solid #e7ebed; }
    .memberdeck .md-box .item .item-inner {
      display: table-cell;
      margin-right: 20px;
      padding-right: 25px; }
      .memberdeck .md-box .item .item-inner:last-child {
        margin-right: 0;
        padding-right: 0; }
      .memberdeck .md-box .item .item-inner .project-budgets .budget-item {
        width: 100%;
        border-bottom: 0 !important; }
        .memberdeck .md-box .item .item-inner .project-budgets .budget-item .title {
          display: inline-block;
          height: auto;
          font-weight: bold; }
          .memberdeck .md-box .item .item-inner .project-budgets .budget-item .title:first-child {
            text-align: left;
            width: 40%;
            border-right: 1px solid #455a64; }
          .memberdeck .md-box .item .item-inner .project-budgets .budget-item .title:nth-child(2) {
            width: 40%; }
          .memberdeck .md-box .item .item-inner .project-budgets .budget-item .title:last-child {
            width: calc(20% - 25px);
            border-left: 1px solid #455a64; }
        .memberdeck .md-box .item .item-inner .project-budgets .budget-item .item-detail {
          display: inline-block; }
          .memberdeck .md-box .item .item-inner .project-budgets .budget-item .item-detail:first-child {
            width: 40%;
            border-right: 1px solid #455a64; }
          .memberdeck .md-box .item .item-inner .project-budgets .budget-item .item-detail:nth-child(2) {
            width: 40%; }
          .memberdeck .md-box .item .item-inner .project-budgets .budget-item .item-detail:last-child {
            width: calc(20% - 25px);
            text-align: center;
            vertical-align: top;
            border-left: 1px solid #455a64; }
        .memberdeck .md-box .item .item-inner .project-budgets .budget-item li {
          border: 1px solid #455a64;
          border-bottom: 0;
          padding-left: 5px; }
          .memberdeck .md-box .item .item-inner .project-budgets .budget-item li:last-child {
            border-bottom: 1px solid #455a64; }
      .memberdeck .md-box .item .item-inner.container-item {
        width: 100%; }
.memberdeck ul.dashboardmenu li.active {
  background: #00a9a9; }
  .memberdeck ul.dashboardmenu li.active a {
    background: none;
    color: #fff;
    padding: 0 16px; }
.memberdeck form .form-row input {
  background: #fff !important;
  font-size: 15px !important;
  color: #565656 !important;
  font-family: "Okojo" !important; }
.memberdeck form .form-row input[readonly] {
  background: #e7ebed !important; }
.memberdeck form .form-row.half.left {
  float: left;
  clear: both; }
.memberdeck form .form-row.half.right {
  float: right; }
.memberdeck form .form-row label {
  font-size: 15px;
  font-weight: normal;
  font-family: 'Okojo';
  text-transform: none; }
.memberdeck form a {
  color: #00a9a9; }
.memberdeck button[type='submit'] {
  background: #00a9a9; }
  .memberdeck button[type='submit'].edit-profile-submit {
    position: relative; }
    .memberdeck button[type='submit'].edit-profile-submit .overlay {
      position: absolute;
      width: calc(100% - 2px);
      height: calc(100% - 2px);
      background: rgba(255, 255, 255, 0.9);
      z-index: 100;
      display: none;
      top: 1px;
      right: 1px; }
      .memberdeck button[type='submit'].edit-profile-submit .overlay .relative-container {
        position: relative;
        height: 100%; }
        .memberdeck button[type='submit'].edit-profile-submit .overlay .relative-container img {
          width: 20px;
          height: 20px;
          position: absolute;
          top: 14%;
          left: 40%;
          margin: 0 auto;
          -webkit-animation: spin 1.5s linear infinite;
          animation: spin 1.5s linear infinite; }
.memberdeck #logged-input .border-bottom {
  clear: both; }
.memberdeck button {
  background: #00a9a9 !important; }
.memberdeck .project-funded {
  color: #00a9a9 !important; }
.memberdeck p.error {
  border: none;
  padding: 0;
  font-size: 17px;
  text-align: left;
  padding-left: 8px;
  text-indent: 3px;
  font-family: 'Okojo';
  clear: both; }

.middle-content h1 {
  color: #00a8ab;
  font-size: 50px;
  line-height: 40px;
  margin-bottom: 20px;
  font-family: "Okojo-bold"; }
  @media (max-width: 767px) {
    .middle-content h1 {
      font-size: 28px;
      line-height: 28px; } }
.middle-content h2 {
  color: #525252;
  font-size: 28px;
  font-family: "Okojo-bold";
  margin-bottom: 26px;
  line-height: 1.1; }
  @media (max-width: 767px) {
    .middle-content h2 {
      font-size: 16px; } }

.submit-field .overlay {
  background: #01a9aa !important;
  box-shadow: inset 0 -2px 0 rgba(101, 94, 94, 0.25) !important;
  border: 1px solid #01a9aa !important;
  width: calc(100% - 2px);
  height: 53px;
  border-radius: 0px;
  display: none; }
  .submit-field .overlay .relative-container {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    position: relative; }
    .submit-field .overlay .relative-container img {
      position: absolute;
      left: 45%;
      width: 40px;
      height: 40px;
      top: 5px;
      -webkit-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite; }

.container-save-updates .submit-field .overlay {
  background: #01a9aa !important;
  box-shadow: inset 0 -2px 0 rgba(101, 94, 94, 0.25) !important;
  border: 1px solid #01a9aa !important;
  width: 123px;
  height: 34px;
  border-radius: 0px;
  display: none;
  margin: 0 auto; }
  .container-save-updates .submit-field .overlay .relative-container {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    position: relative; }
    .container-save-updates .submit-field .overlay .relative-container img {
      position: absolute;
      left: 40%;
      width: 25px;
      height: 25px;
      top: 5px;
      -webkit-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite; }

.project-feedback-acquittal-wrapper .mandatory {
  text-align: right;
  font-size: 13px;
  color: #525252;
  font-family: "Okojo"; }
.project-feedback-acquittal-wrapper .pfa-inner {
  padding: 15px 29px;
  background: #f6f6f6;
  margin-top: 10px; }
  .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks {
    margin-bottom: 20px; }
    .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks input[type='text'] {
      font-size: 16px;
      color: #565656;
      font-family: "Okojo"; }
      .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks input[type='text'].other-outcomes {
        width: 150px;
        display: inline-block;
        padding: 0 15px;
        height: 30px; }
    .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks input[readonly] {
      background: #e7ebed !important; }
    .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks #funds-received, .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks #unspent-funds {
      display: inline-block;
      width: calc(100% - 20px);
      margin-left: 10px; }
    .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks h6 {
      margin-bottom: 20px; }
    .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks .error {
      margin-top: 5px;
      margin-bottom: 0; }
    .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks .style-select span {
      font-size: 16px;
      color: #565656;
      font-family: "Okojo"; }
    .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks .row-field {
      overflow: hidden; }
      .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks .row-field label {
        font-weight: normal;
        margin-bottom: 5px;
        display: inline-block;
        /* height: auto !important; */
        font-size: 17px;
        font-family: 'Okojo'; }
      .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks .row-field .radio-box-parent {
        display: inline-block;
        margin-right: 50px;
        min-width: 100px;
        box-sizing: border-box;
        cursor: pointer; }
        .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks .row-field .radio-box-parent .radio-box {
          float: right; }
        .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks .row-field .radio-box-parent p {
          margin-right: 30px !important;
          padding-top: 2px !important;
          font-family: "Okojo";
          display: inline-block; }
          @media (max-width: 767px) {
            .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks .row-field .radio-box-parent p {
              margin-left: 10px !important; } }
      .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks .row-field .selections-block {
        padding: 10px 15px 0; }
      .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks .row-field .form-field-title {
        font-size: 17px; }
      .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks .row-field .style-select {
        width: 100%;
        border: 1px solid #dbd9d4;
        float: none; }
    .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks.content-block-four .row-field .field label {
      display: inline; }
    .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks.content-block-five .heading .list-money {
      text-align: center; }
    .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks.content-block-five .content-list .list-money {
      width: calc(100% - 40px);
      display: inline-block;
      margin: 0 5px; }
    .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks.content-block-five .content-list .del-row {
      font-size: 16px;
      text-decoration: underline;
      cursor: pointer; }
    .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks.content-block-five .action-addMore {
      margin-bottom: 20px; }
      .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks.content-block-five .action-addMore input[type='button'] {
        background: #00a9a9 !important;
        color: #fff;
        box-shadow: none;
        border: 1px solid #00a9a9 !important;
        height: 40px;
        padding: 0 30px;
        font-size: 17px;
        outline: none; }
    .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks.content-block-six .row-field .radio-box-parent {
      display: block; }
      .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks.content-block-six .row-field .radio-box-parent .radio-box {
        float: left; }
      .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks.content-block-six .row-field .radio-box-parent p {
        margin-left: 20px !important;
        margin-right: 0px !important;
        font-family: "Okojo";
        display: inline-block; }
        @media (max-width: 767px) {
          .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-content-blocks.content-block-six .row-field .radio-box-parent p {
            margin-left: 10px !important; } }
  .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-submit-block .pfa-form-submit-btn {
    width: 180px;
    height: 58px;
    padding: 0 30px;
    color: white;
    /* border-radius: 5px; */
    font-size: 22px;
    font-family: 'Okojo';
    line-height: 58px;
    background: #00a9a9;
    text-transform: uppercase;
    border: none;
    font-weight: bold;
    margin-bottom: 20px;
    outline: none; }
    .project-feedback-acquittal-wrapper .pfa-inner #pfa-form .pfa-submit-block .pfa-form-submit-btn:hover {
      color: #00a9a9;
      background: #ffffff;
      border: 1px solid #00a9a9; }

/*# sourceMappingURL=donate.css.map */
.project-profile-right .wrap-grey .info-school p a {
  color: #00a9a9;
  word-break: break-word;
}