@charset "UTF-8";
/*
 * Custom CSS Goteo
 *
 *
 */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic|Open+Sans+Condensed:300|Kalam);
/* Used to animate sidebar right arrow */
/* reduces icon sizes on small screens */
/* allows to use a SVG as a background and colorize it */
/* custom animations */
.animated.slideInRight, .animated.slideInLeft {
  -moz-animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s; }
.animated.foldInUp, .animated.foldInDown {
  -moz-animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s; }

@keyframes flipInY {
  from {
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  60% {
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, -10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -10deg);
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -10deg);
    opacity: 1; }
  to {
    -moz-transform: perspective(400px);
    -ms-transform: perspective(400px);
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipOutY {
  from {
    -moz-transform: perspective(400px);
    -ms-transform: perspective(400px);
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -moz-transform: perspective(400px) rotateY(-15deg);
    -ms-transform: perspective(400px) rotateY(-15deg);
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 0; }
  to {
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@keyframes foldInUp {
  from {
    opacity: 0;
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0); }
  80% {
    opacity: 0.5; }
  to {
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none; } }
.foldInUp {
  -moz-animation-name: foldInUp;
  -webkit-animation-name: foldInUp;
  animation-name: foldInUp;
  -moz-animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  transform-origin: top left; }

@keyframes foldOutUp {
  from {
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none; }
  60% {
    opacity: 0; }
  to {
    opacity: 0;
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0); } }
.foldOutUp {
  -moz-animation-name: foldOutUp;
  -webkit-animation-name: foldOutUp;
  animation-name: foldOutUp;
  -moz-animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  transform-origin: top left; }

.fa.icon-1x {
  font-size: 1.4em; }

.icon {
  width: 15px;
  height: 15px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: auto 100%;
  vertical-align: middle; }
  .icon.icon-1x {
    width: 22.5px;
    height: 22.5px; }
    @media (max-width: 767px) {
      .icon.icon-1x {
        width: 15px;
        height: 15px; } }
    @media (max-width: 479px) {
      .icon.icon-1x {
        width: 11.25px;
        height: 11.25px; } }
    .icon.icon-1x.icon-activity {
      width: 24.75px;
      height: 22.5px; }
      @media (max-width: 767px) {
        .icon.icon-1x.icon-activity {
          width: 16.5px;
          height: 15px; } }
      @media (max-width: 479px) {
        .icon.icon-1x.icon-activity {
          width: 12.375px;
          height: 11.25px; } }
  .icon.icon-2x {
    width: 30px;
    height: 30px; }
    @media (max-width: 767px) {
      .icon.icon-2x {
        width: 20px;
        height: 20px; } }
    @media (max-width: 479px) {
      .icon.icon-2x {
        width: 15px;
        height: 15px; } }
    .icon.icon-2x.icon-activity {
      width: 33px;
      height: 30px; }
      @media (max-width: 767px) {
        .icon.icon-2x.icon-activity {
          width: 22px;
          height: 20px; } }
      @media (max-width: 479px) {
        .icon.icon-2x.icon-activity {
          width: 16.5px;
          height: 15px; } }
  .icon.icon-3x {
    width: 45px;
    height: 45px; }
    @media (max-width: 767px) {
      .icon.icon-3x {
        width: 30px;
        height: 30px; } }
    @media (max-width: 479px) {
      .icon.icon-3x {
        width: 22.5px;
        height: 22.5px; } }
    .icon.icon-3x.icon-activity {
      width: 49.5px;
      height: 45px; }
      @media (max-width: 767px) {
        .icon.icon-3x.icon-activity {
          width: 33px;
          height: 30px; } }
      @media (max-width: 479px) {
        .icon.icon-3x.icon-activity {
          width: 24.75px;
          height: 22.5px; } }
  .icon.icon-4x {
    width: 60px;
    height: 60px; }
    @media (max-width: 767px) {
      .icon.icon-4x {
        width: 40px;
        height: 40px; } }
    @media (max-width: 479px) {
      .icon.icon-4x {
        width: 30px;
        height: 30px; } }
    .icon.icon-4x.icon-activity {
      width: 66px;
      height: 60px; }
      @media (max-width: 767px) {
        .icon.icon-4x.icon-activity {
          width: 44px;
          height: 40px; } }
      @media (max-width: 479px) {
        .icon.icon-4x.icon-activity {
          width: 33px;
          height: 30px; } }
  .icon.icon-5x {
    width: 75px;
    height: 75px; }
    @media (max-width: 767px) {
      .icon.icon-5x {
        width: 50px;
        height: 50px; } }
    @media (max-width: 479px) {
      .icon.icon-5x {
        width: 37.5px;
        height: 37.5px; } }
    .icon.icon-5x.icon-activity {
      width: 82.5px;
      height: 75px; }
      @media (max-width: 767px) {
        .icon.icon-5x.icon-activity {
          width: 55px;
          height: 50px; } }
      @media (max-width: 479px) {
        .icon.icon-5x.icon-activity {
          width: 41.25px;
          height: 37.5px; } }
  .icon.icon-6x {
    width: 90px;
    height: 90px; }
    @media (max-width: 767px) {
      .icon.icon-6x {
        width: 60px;
        height: 60px; } }
    @media (max-width: 479px) {
      .icon.icon-6x {
        width: 45px;
        height: 45px; } }
    .icon.icon-6x.icon-activity {
      width: 99px;
      height: 90px; }
      @media (max-width: 767px) {
        .icon.icon-6x.icon-activity {
          width: 66px;
          height: 60px; } }
      @media (max-width: 479px) {
        .icon.icon-6x.icon-activity {
          width: 49.5px;
          height: 45px; } }
  .icon.icon-7x {
    width: 105px;
    height: 105px; }
    @media (max-width: 767px) {
      .icon.icon-7x {
        width: 70px;
        height: 70px; } }
    @media (max-width: 479px) {
      .icon.icon-7x {
        width: 52.5px;
        height: 52.5px; } }
    .icon.icon-7x.icon-activity {
      width: 115.5px;
      height: 105px; }
      @media (max-width: 767px) {
        .icon.icon-7x.icon-activity {
          width: 77px;
          height: 70px; } }
      @media (max-width: 479px) {
        .icon.icon-7x.icon-activity {
          width: 57.75px;
          height: 52.5px; } }
  .icon.icon-8x {
    width: 120px;
    height: 120px; }
    @media (max-width: 767px) {
      .icon.icon-8x {
        width: 80px;
        height: 80px; } }
    @media (max-width: 479px) {
      .icon.icon-8x {
        width: 60px;
        height: 60px; } }
    .icon.icon-8x.icon-activity {
      width: 132px;
      height: 120px; }
      @media (max-width: 767px) {
        .icon.icon-8x.icon-activity {
          width: 88px;
          height: 80px; } }
      @media (max-width: 479px) {
        .icon.icon-8x.icon-activity {
          width: 66px;
          height: 60px; } }
  .icon.icon-activity {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/activity.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/activity.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-projects {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/projects.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/projects.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-wallet {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/wallet.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/wallet.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-settings {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/settings.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/settings.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-certificate {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/certificate.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/certificate.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-wallet-sidebar {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/wallet_sidebar.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/wallet_sidebar.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-summary {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/summary.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/summary.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-preview {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/preview.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/preview.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-edit {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/edit.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/edit.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-images {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/images.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/images.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-updates {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/updates.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/updates.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-supports {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/supports.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/supports.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-donors {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/donors.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/donors.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-partners {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/partners.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/partners.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-analytics {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/analytics.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/analytics.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-shared {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/shared.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/shared.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-channel {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-back {
    background: url("../img/icons/back.svg") no-repeat;
    background-size: 100% auto;
    background-color: transparent !important; }
  .icon.icon-trash {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/trash.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/trash.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-favourite {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/favourite.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/favourite.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-close {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/close.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/close.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-user {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/user.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/user.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-drop {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/drop.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/drop.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-call {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/call.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/call.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-search {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/search.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/search.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-home-certificate {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/home_certificate.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/home_certificate.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-advantages {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/advantages.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/advantages.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-stats {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/stats.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/stats.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-channels {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channels.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channels.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-save-the-world {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/save_world.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/save_world.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-calculator {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/calculator.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/calculator.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-calendar {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/calendar.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/calendar.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-fee {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/fee.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/fee.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-api {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/api.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/api.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-mission {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/mission.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/mission.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-milestones {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/milestones.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/milestones.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-team {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/team.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/team.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-transparency {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/transparency.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/transparency.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-voices {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/voices.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/voices.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-match-blog {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/match_blog.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/match_blog.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-goteo-logo {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/goteo_logo.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/goteo_logo.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-book {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/book.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/book.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-chat {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/chat.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/chat.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-check {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/check.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/check.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-list {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/list.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/list.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-pdf {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/pdf.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/pdf.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-screen {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/screen.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/screen.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-video {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/video.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/video.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-write {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/write.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/write.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-rocket {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/rocket.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/rocket.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-calendar-2 {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/calendar.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/calendar.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-plus {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/plus.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/plus.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-terms {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/terms.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/terms.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-news {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/news.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/news.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-arrow {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/flecha.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/flecha.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-crowd {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/crowd.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/crowd.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-people {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/people.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/people.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-binoculars {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/binoculars.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/binoculars.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-empty-calendar {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/empty_calendar.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/empty_calendar.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-premium-pdf {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/pdf.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/pdf.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-download {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/download.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/download.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-bell {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/event.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/event.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-desktop {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/desktop.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/desktop.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-channel-telegram {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/telegram-1.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/telegram-1.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-channel-twitter {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/tw.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/tw.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-channel-fb {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/fb.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/fb.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-channel-github {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/Github.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/Github.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-channel-instagram {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/instagram.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/instagram.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-channel-mail {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/mail.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/mail.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-channel-chat {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/chat.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/chat.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-resource-crowdfunding {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/crowdfunding.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/crowdfunding.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-resource-idea {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/idea.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/idea.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-resource-taxes {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/taxes.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/taxes.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-resource-communication {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/icons/channel-call/communication.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/icons/channel-call/communication.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-medal {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/impact-calculator/medal.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/impact-calculator/medal.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-money-bag {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/impact-calculator/money_bag.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/impact-calculator/money_bag.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-classroom {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/impact-calculator/classroom.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/impact-calculator/classroom.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-person {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/impact-calculator/person.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/impact-calculator/person.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }
  .icon.icon-job {
    background-color: #3A3A3A;
    -webkit-mask-image: url("../img/impact-calculator/job.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 90% auto;
    mask-image: url("../img/impact-calculator/job.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 90% auto; }

/* Custom buttons */
.btn-info .icon {
  background-color: #FFFFFF; }

.btn-danger .icon {
  background-color: #FFFFFF; }

.btn-success {
  background-color: #25A083 !important;
  border-color: #25A083 !important;
  color: #FFFFFF !important; }
  .btn-success:hover {
    background-color: #1b7761; }
  .btn-success .icon {
    background-color: #FFFFFF; }

.btn-pink {
  background-color: #CD5EB3;
  color: #FFFFFF !important; }
  .btn-pink:hover {
    background-color: #bd3b9f; }
  .btn-pink .icon {
    background-color: #FFFFFF; }

.btn-green {
  background-color: #14AE84;
  color: #FFFFFF !important; }
  .btn-green:hover {
    background-color: #0f8061; }
  .btn-green .icon {
    background-color: #FFFFFF; }

.btn-cyan {
  background-color: #2BBBB7;
  color: #FFFFFF !important; }
  .btn-cyan:hover {
    background-color: #21928e; }
  .btn-cyan .icon {
    background-color: #FFFFFF; }

.btn-grey {
  background-color: #E8ECEC;
  color: #BCBCBC !important; }
  .btn-grey * {
    color: #BCBCBC !important; }
  .btn-grey:hover {
    background-color: #ccd5d5; }

.btn-lilac {
  background-color: #A63C98;
  color: #FFFFFF !important; }
  .btn-lilac:hover {
    background-color: #812e76;
    color: #FFFFFF !important; }
    .btn-lilac:hover * {
      color: #FFFFFF !important; }
  .btn-lilac .icon {
    background-color: #FFFFFF; }

.btn-dark {
  background-color: #BCBCBC;
  color: #FFFFFF !important; }
  .btn-dark:hover {
    background-color: #a3a3a3; }
  .btn-dark .icon {
    background-color: #FFFFFF; }

.btn-white {
  background-color: #FFFFFF;
  color: #2BBBB7; }
  .btn-white:hover {
    background-color: #e6e6e6; }

.btn-cyan {
  background-color: #2BBBB7;
  color: #FFFFFF !important; }
  .btn-cyan:hover {
    background-color: #21928e; }
  .btn-cyan .icon {
    background-color: #FFFFFF; }

.btn-light-green {
  background-color: #19B4B2;
  color: #FFFFFF !important; }
  .btn-light-green:hover {
    background-color: #138786; }

.btn-light-black {
  background-color: #2C2C2C;
  color: #FFFFFF;
  border: 1px solid #FFFFFF; }
  .btn-light-black:hover {
    background-color: #19B4B2;
    color: #FFFFFF; }

.btn-sign {
  background-color: #eb3922;
  color: #FFFFFF;
  padding: 15px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 10px; }
  .btn-sign:hover, .btn-sign:focus {
    color: #FFFFFF !important; }

.btn-fashion {
  background: #CD5EB3;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyOCUiIHN0b3AtY29sb3I9IiNjZDVlYjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjM5MzYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(28%, #cd5eb3), color-stop(100%, #ff3936));
  background: -moz-linear-gradient(left, #cd5eb3 28%, #ff3936 100%);
  background: -webkit-linear-gradient(left, #cd5eb3 28%, #ff3936 100%);
  background: linear-gradient(to right, #cd5eb3 28%, #ff3936 100%);
  color: #FFFFFF !important;
  border-left-color: #CD5EB3 !important;
  border-right-color: #FF3936 !important; }
  .btn-fashion:hover {
    border-left-color: #bd3b9f !important;
    border-right-color: #ff0703 !important;
    background: #bd3b9f;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyOCUiIHN0b3AtY29sb3I9IiNiZDNiOWYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjA3MDMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(28%, #bd3b9f), color-stop(100%, #ff0703));
    background: -moz-linear-gradient(left, #bd3b9f 28%, #ff0703 100%);
    background: -webkit-linear-gradient(left, #bd3b9f 28%, #ff0703 100%);
    background: linear-gradient(to right, #bd3b9f 28%, #ff0703 100%); }
  .btn-fashion .icon {
    background-color: #FFFFFF; }

.btn-orange {
  background: #FF6400;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyOCUiIHN0b3AtY29sb3I9IiNmZjY0MDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjM5MzYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(28%, #ff6400), color-stop(100%, #ff3936));
  background: -moz-linear-gradient(left, #ff6400 28%, #ff3936 100%);
  background: -webkit-linear-gradient(left, #ff6400 28%, #ff3936 100%);
  background: linear-gradient(to right, #ff6400 28%, #ff3936 100%);
  color: #FFFFFF !important;
  border-left-color: #FF6400 !important;
  border-right-color: #FF3936 !important; }
  .btn-orange:hover {
    border-left-color: #cc5000 !important;
    border-right-color: #ff0703 !important;
    background: #cc5000;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyOCUiIHN0b3AtY29sb3I9IiNjYzUwMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjA3MDMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(28%, #cc5000), color-stop(100%, #ff0703));
    background: -moz-linear-gradient(left, #cc5000 28%, #ff0703 100%);
    background: -webkit-linear-gradient(left, #cc5000 28%, #ff0703 100%);
    background: linear-gradient(to right, #cc5000 28%, #ff0703 100%);
    color: #FFFFFF !important; }
  .btn-orange .icon {
    background-color: #FFFFFF; }

.btn-yellow, body.channel-call div.section.call-to-action div.cta.yellow .info .col-button .btn-transparent {
  background-color: #FFD00E;
  color: #FFFFFF !important; }
  .btn-yellow:hover, body.channel-call div.section.call-to-action div.cta.yellow .info .col-button .btn-transparent:hover {
    background-color: #daaf00; }
  .btn-yellow .icon, body.channel-call div.section.call-to-action div.cta.yellow .info .col-button .btn-transparent .icon {
    background-color: #FFFFFF; }

.btn-transparent {
  background-color: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF; }
  .btn-transparent:hover {
    background-color: #e6e6e6; }

button.pink {
  background-color: #CD5EB3;
  font-size: 1.2em;
  color: #FFFFFF !important; }

button.custom-green {
  background-color: #14AE84;
  font-size: 1.2em;
  color: #FFFFFF !important;
  font-weight: bold; }

button.pink:hover, button.pink:focus, button.custom-green:hover,
.btn-pink:hover, .btn-pink:focus, .btn-green:hover, .btn-cyan:hover {
  color: #FFFFFF !important; }

/* same for labels */
.label-cyan {
  background-color: #2BBBB7;
  color: #FFFFFF; }

.label-lilac {
  background-color: #A63C98;
  color: #FFFFFF; }

.label-orange {
  background-color: #FF6400;
  color: #FFFFFF; }

.label-big {
  font-size: 15px;
  font-weight: 400;
  padding: 2px 4px; }

.alert-cyan {
  background-color: #2BBBB7;
  color: #FFFFFF; }

.alert-lilac {
  background-color: #A63C98;
  color: #FFFFFF; }

.alert-info {
  background-color: #c1f1ef;
  color: #3A3A3A; }

.alert-orange {
  background-color: #FF6400;
  color: #FFFFFF; }

/* other helpers */
.text-cyan {
  color: #2BBBB7; }

.text-lilac {
  color: #A63C98; }

.text-orange {
  color: #FF6400; }

.text-pink {
  color: #CD5EB3; }

.progress-bar-cyan {
  background-color: #2BBBB7; }

.progress-bar-lilac {
  background-color: #A63C98; }

.progress-bar-light {
  background-color: #cceae7; }

.progress-bar-light-lilac {
  background-color: #e1c4de; }

/* generic call to action */
.call-to-action-component {
  background-color: #B262A8; }
  .call-to-action-component .call-action {
    background: none !important;
    color: #FFFFFF;
    padding: 30px 0; }
    .call-to-action-component .call-action .row {
      display: flex; }
    .call-to-action-component .call-action .row .col-button {
      display: flex;
      flex-direction: column; }
    .call-to-action-component .call-action .title {
      text-transform: uppercase; }
    .call-to-action-component .call-action .description {
      font-weight: bold;
      font-size: 24px; }
    .call-to-action-component .call-action .col-button {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .call-to-action-component .call-action .col-button .btn-white {
        color: #58595B;
        padding: 13px 0px;
        white-space: normal; }
  .call-to-action-component.double .call-action {
    padding: 0;
    display: flex;
    margin-left: 0;
    margin-right: 0; }
  .call-to-action-component.double .row .col {
    padding-top: 30px;
    padding-bottom: 30px;
    flex-flow: column; }
    .call-to-action-component.double .row .col:first-child {
      padding-left: 8.33333%; }
    .call-to-action-component.double .row .col:nth-child(2) {
      padding-right: 2%; }
    .call-to-action-component.double .row .col:nth-child(3) {
      padding-left: 2%; }
    .call-to-action-component.double .row .col.col-left {
      background-color: #D9B1D4; }
      .call-to-action-component.double .row .col.col-left .description {
        color: #B262A8; }
    .call-to-action-component.double .row .col .title {
      font-size: 15px; }
    .call-to-action-component.double .row .col .description {
      font-size: 21px;
      line-height: 1.2;
      padding-top: 10px; }
    .call-to-action-component.double .row .col.col-right .title {
      color: #D9B1D4; }

@media (max-width: 767px) {
  .call-to-action-component .call-action .row {
    display: block; }
  .call-to-action-component .call-action .col-button .btn-white {
    margin: 15px 0; }
  .call-to-action-component.double .call-action {
    padding: 0;
    display: block; }
  .call-to-action-component.double .row .col {
    padding-top: 30px;
    padding-bottom: 30px; }
    .call-to-action-component.double .row .col:first-child {
      padding-left: 15px; }
    .call-to-action-component.double .row .col:nth-child(2) {
      padding-right: 15px; }
    .call-to-action-component.double .row .col:nth-child(3) {
      padding-left: 15px; }
    .call-to-action-component.double .row .col.col-button {
      padding-top: 0px; } }
[class^="file-type-"], [class*=" file-type-"] {
  background-image: url(../img/file-types/bin.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%; }

.file-type-jpg, .file-type-jpeg {
  background-image: url(../img/file-types/jpeg.svg); }

.file-type-png {
  background-image: url(../img/file-types/png.svg); }

.file-type-gif {
  background-image: url(../img/file-types/gif.svg); }

.file-type-doc, .file-type-docx, .file-type-odt, .file-type-vnd\.oasis\.opendocument\.text {
  background-image: url(../img/file-types/doc.svg); }

.file-type-rtf {
  background-image: url(../img/file-types/rtf.svg); }

.file-type-pdf {
  background-image: url(../img/file-types/pdf.svg); }

.file-type-csv, .file-type-xls, .file-type-xlsx, .file-type-vnd\.openxmlformats-officedocument\.spreadsheetml\.sheet {
  background-image: url(../img/file-types/csv.svg); }

.file-type-html, .file-type-htm {
  background-image: url(../img/file-types/html.scg); }

.file-type-xml {
  background-image: url(../img/file-types/xml.svg); }

.file-type-mp3 {
  background-image: url(../img/file-types/mp3.svg); }

.file-type-txt, .file-type-text {
  background-image: url(../img/file-types/text.svg); }

.file-type-zip, .file-type-gz, .file-type-tar.gz {
  background-image: url(../img/file-types/zip.svg); }

/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto); }

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #ccc; }
  .c100 *, .c100 *:before, .c100 *:after {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  .c100.center {
    float: none;
    margin: 0 auto; }
  .c100.big {
    font-size: 240px; }
  .c100.small {
    font-size: 80px; }
  .c100.mini {
    font-size: 70px; }
  .c100.tiny {
    font-size: 40px; }
  .c100.nomargin {
    margin: 0; }
  .c100 > span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: 0.2em;
    color: #ccc;
    display: block;
    text-align: center;
    white-space: nowrap;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .c100:after {
    position: absolute;
    top: 0.08em;
    left: 0.08em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #f5f5f5;
    width: 0.84em;
    height: 0.84em;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  .c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em); }
  .c100.p1 .bar {
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -webkit-transform: rotate(3.6deg);
    transform: rotate(3.6deg); }
  .c100.p2 .bar {
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -webkit-transform: rotate(7.2deg);
    transform: rotate(7.2deg); }
  .c100.p3 .bar {
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -webkit-transform: rotate(10.8deg);
    transform: rotate(10.8deg); }
  .c100.p4 .bar {
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -webkit-transform: rotate(14.4deg);
    transform: rotate(14.4deg); }
  .c100.p5 .bar {
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg); }
  .c100.p6 .bar {
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -webkit-transform: rotate(21.6deg);
    transform: rotate(21.6deg); }
  .c100.p7 .bar {
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -webkit-transform: rotate(25.2deg);
    transform: rotate(25.2deg); }
  .c100.p8 .bar {
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -webkit-transform: rotate(28.8deg);
    transform: rotate(28.8deg); }
  .c100.p9 .bar {
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -webkit-transform: rotate(32.4deg);
    transform: rotate(32.4deg); }
  .c100.p10 .bar {
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg); }
  .c100.p11 .bar {
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -webkit-transform: rotate(39.6deg);
    transform: rotate(39.6deg); }
  .c100.p12 .bar {
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -webkit-transform: rotate(43.2deg);
    transform: rotate(43.2deg); }
  .c100.p13 .bar {
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -webkit-transform: rotate(46.8deg);
    transform: rotate(46.8deg); }
  .c100.p14 .bar {
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -webkit-transform: rotate(50.4deg);
    transform: rotate(50.4deg); }
  .c100.p15 .bar {
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg); }
  .c100.p16 .bar {
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -webkit-transform: rotate(57.6deg);
    transform: rotate(57.6deg); }
  .c100.p17 .bar {
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -webkit-transform: rotate(61.2deg);
    transform: rotate(61.2deg); }
  .c100.p18 .bar {
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -webkit-transform: rotate(64.8deg);
    transform: rotate(64.8deg); }
  .c100.p19 .bar {
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -webkit-transform: rotate(68.4deg);
    transform: rotate(68.4deg); }
  .c100.p20 .bar {
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  .c100.p21 .bar {
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -webkit-transform: rotate(75.6deg);
    transform: rotate(75.6deg); }
  .c100.p22 .bar {
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -webkit-transform: rotate(79.2deg);
    transform: rotate(79.2deg); }
  .c100.p23 .bar {
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -webkit-transform: rotate(82.8deg);
    transform: rotate(82.8deg); }
  .c100.p24 .bar {
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -webkit-transform: rotate(86.4deg);
    transform: rotate(86.4deg); }
  .c100.p25 .bar {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .c100.p26 .bar {
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -webkit-transform: rotate(93.6deg);
    transform: rotate(93.6deg); }
  .c100.p27 .bar {
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -webkit-transform: rotate(97.2deg);
    transform: rotate(97.2deg); }
  .c100.p28 .bar {
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -webkit-transform: rotate(100.8deg);
    transform: rotate(100.8deg); }
  .c100.p29 .bar {
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -webkit-transform: rotate(104.4deg);
    transform: rotate(104.4deg); }
  .c100.p30 .bar {
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg); }
  .c100.p31 .bar {
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -webkit-transform: rotate(111.6deg);
    transform: rotate(111.6deg); }
  .c100.p32 .bar {
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -webkit-transform: rotate(115.2deg);
    transform: rotate(115.2deg); }
  .c100.p33 .bar {
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -webkit-transform: rotate(118.8deg);
    transform: rotate(118.8deg); }
  .c100.p34 .bar {
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -webkit-transform: rotate(122.4deg);
    transform: rotate(122.4deg); }
  .c100.p35 .bar {
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg); }
  .c100.p36 .bar {
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -webkit-transform: rotate(129.6deg);
    transform: rotate(129.6deg); }
  .c100.p37 .bar {
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -webkit-transform: rotate(133.2deg);
    transform: rotate(133.2deg); }
  .c100.p38 .bar {
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -webkit-transform: rotate(136.8deg);
    transform: rotate(136.8deg); }
  .c100.p39 .bar {
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -webkit-transform: rotate(140.4deg);
    transform: rotate(140.4deg); }
  .c100.p40 .bar {
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  .c100.p41 .bar {
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -webkit-transform: rotate(147.6deg);
    transform: rotate(147.6deg); }
  .c100.p42 .bar {
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -webkit-transform: rotate(151.2deg);
    transform: rotate(151.2deg); }
  .c100.p43 .bar {
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -webkit-transform: rotate(154.8deg);
    transform: rotate(154.8deg); }
  .c100.p44 .bar {
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -webkit-transform: rotate(158.4deg);
    transform: rotate(158.4deg); }
  .c100.p45 .bar {
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg); }
  .c100.p46 .bar {
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -webkit-transform: rotate(165.6deg);
    transform: rotate(165.6deg); }
  .c100.p47 .bar {
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -webkit-transform: rotate(169.2deg);
    transform: rotate(169.2deg); }
  .c100.p48 .bar {
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -webkit-transform: rotate(172.8deg);
    transform: rotate(172.8deg); }
  .c100.p49 .bar {
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -webkit-transform: rotate(176.4deg);
    transform: rotate(176.4deg); }
  .c100.p50 .bar {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .c100.p51 .bar {
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -webkit-transform: rotate(183.6deg);
    transform: rotate(183.6deg); }
  .c100.p52 .bar {
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -webkit-transform: rotate(187.2deg);
    transform: rotate(187.2deg); }
  .c100.p53 .bar {
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -webkit-transform: rotate(190.8deg);
    transform: rotate(190.8deg); }
  .c100.p54 .bar {
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -webkit-transform: rotate(194.4deg);
    transform: rotate(194.4deg); }
  .c100.p55 .bar {
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -webkit-transform: rotate(198deg);
    transform: rotate(198deg); }
  .c100.p56 .bar {
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -webkit-transform: rotate(201.6deg);
    transform: rotate(201.6deg); }
  .c100.p57 .bar {
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -webkit-transform: rotate(205.2deg);
    transform: rotate(205.2deg); }
  .c100.p58 .bar {
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -webkit-transform: rotate(208.8deg);
    transform: rotate(208.8deg); }
  .c100.p59 .bar {
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -webkit-transform: rotate(212.4deg);
    transform: rotate(212.4deg); }
  .c100.p60 .bar {
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  .c100.p61 .bar {
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -webkit-transform: rotate(219.6deg);
    transform: rotate(219.6deg); }
  .c100.p62 .bar {
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -webkit-transform: rotate(223.2deg);
    transform: rotate(223.2deg); }
  .c100.p63 .bar {
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -webkit-transform: rotate(226.8deg);
    transform: rotate(226.8deg); }
  .c100.p64 .bar {
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -webkit-transform: rotate(230.4deg);
    transform: rotate(230.4deg); }
  .c100.p65 .bar {
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -webkit-transform: rotate(234deg);
    transform: rotate(234deg); }
  .c100.p66 .bar {
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -webkit-transform: rotate(237.6deg);
    transform: rotate(237.6deg); }
  .c100.p67 .bar {
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -webkit-transform: rotate(241.2deg);
    transform: rotate(241.2deg); }
  .c100.p68 .bar {
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -webkit-transform: rotate(244.8deg);
    transform: rotate(244.8deg); }
  .c100.p69 .bar {
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -webkit-transform: rotate(248.4deg);
    transform: rotate(248.4deg); }
  .c100.p70 .bar {
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -webkit-transform: rotate(252deg);
    transform: rotate(252deg); }
  .c100.p71 .bar {
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -webkit-transform: rotate(255.6deg);
    transform: rotate(255.6deg); }
  .c100.p72 .bar {
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -webkit-transform: rotate(259.2deg);
    transform: rotate(259.2deg); }
  .c100.p73 .bar {
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -webkit-transform: rotate(262.8deg);
    transform: rotate(262.8deg); }
  .c100.p74 .bar {
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -webkit-transform: rotate(266.4deg);
    transform: rotate(266.4deg); }
  .c100.p75 .bar {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  .c100.p76 .bar {
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -webkit-transform: rotate(273.6deg);
    transform: rotate(273.6deg); }
  .c100.p77 .bar {
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -webkit-transform: rotate(277.2deg);
    transform: rotate(277.2deg); }
  .c100.p78 .bar {
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -webkit-transform: rotate(280.8deg);
    transform: rotate(280.8deg); }
  .c100.p79 .bar {
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -webkit-transform: rotate(284.4deg);
    transform: rotate(284.4deg); }
  .c100.p80 .bar {
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }
  .c100.p81 .bar {
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -webkit-transform: rotate(291.6deg);
    transform: rotate(291.6deg); }
  .c100.p82 .bar {
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -webkit-transform: rotate(295.2deg);
    transform: rotate(295.2deg); }
  .c100.p83 .bar {
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -webkit-transform: rotate(298.8deg);
    transform: rotate(298.8deg); }
  .c100.p84 .bar {
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -webkit-transform: rotate(302.4deg);
    transform: rotate(302.4deg); }
  .c100.p85 .bar {
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -webkit-transform: rotate(306deg);
    transform: rotate(306deg); }
  .c100.p86 .bar {
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -webkit-transform: rotate(309.6deg);
    transform: rotate(309.6deg); }
  .c100.p87 .bar {
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -webkit-transform: rotate(313.2deg);
    transform: rotate(313.2deg); }
  .c100.p88 .bar {
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -webkit-transform: rotate(316.8deg);
    transform: rotate(316.8deg); }
  .c100.p89 .bar {
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -webkit-transform: rotate(320.4deg);
    transform: rotate(320.4deg); }
  .c100.p90 .bar {
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -webkit-transform: rotate(324deg);
    transform: rotate(324deg); }
  .c100.p91 .bar {
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -webkit-transform: rotate(327.6deg);
    transform: rotate(327.6deg); }
  .c100.p92 .bar {
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -webkit-transform: rotate(331.2deg);
    transform: rotate(331.2deg); }
  .c100.p93 .bar {
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -webkit-transform: rotate(334.8deg);
    transform: rotate(334.8deg); }
  .c100.p94 .bar {
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -webkit-transform: rotate(338.4deg);
    transform: rotate(338.4deg); }
  .c100.p95 .bar {
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -webkit-transform: rotate(342deg);
    transform: rotate(342deg); }
  .c100.p96 .bar {
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -webkit-transform: rotate(345.6deg);
    transform: rotate(345.6deg); }
  .c100.p97 .bar {
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -webkit-transform: rotate(349.2deg);
    transform: rotate(349.2deg); }
  .c100.p98 .bar {
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -webkit-transform: rotate(352.8deg);
    transform: rotate(352.8deg); }
  .c100.p99 .bar {
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -webkit-transform: rotate(356.4deg);
    transform: rotate(356.4deg); }
  .c100.p100 .bar {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
  .c100:hover {
    cursor: default; }
    .c100:hover > span {
      width: 3.33em;
      line-height: 3.33em;
      font-size: 0.3em;
      color: #307bbb; }
    .c100:hover:after {
      top: 0.04em;
      left: 0.04em;
      width: 0.92em;
      height: 0.92em; }
  .c100.cyan {
    background-color: #83e2e0; }
    .c100.cyan .bar,
    .c100.cyan .fill {
      border-color: #2BBBB7 !important; }
    .c100.cyan > span {
      color: #2bbbb7; }
    .c100.cyan:after {
      background-color: #ebfafa; }
    .c100.cyan:hover > span {
      color: #2BBBB7; }
  .c100.lilac {
    background-color: #d58ccc; }
    .c100.lilac .bar,
    .c100.lilac .fill {
      border-color: #A63C98 !important; }
    .c100.lilac > span {
      color: #a63c98; }
    .c100.lilac:after {
      background-color: #F2E6F1; }
    .c100.lilac:hover > span {
      color: #A63C98; }
  .c100.pink {
    background-color: #ebbfe1; }
    .c100.pink .bar,
    .c100.pink .fill {
      border-color: #CD5EB3 !important; }
    .c100.pink > span {
      color: #cd5eb3; }
    .c100.pink:after {
      background-color: white; }
    .c100.pink:hover > span {
      color: #CD5EB3; }

/* custom message alerts */
.custom-close {
  font-size: 30px !important;
  opacity: 0.9 !important;
  color: #FFFFFF !important; }

.alert {
  font-size: 16.5px;
  font-weight: 500; }

.alert-danger, .alert-success {
  color: #FFFFFF !important; }
  .alert-danger p, .alert-success p {
    color: #FFFFFF !important; }

.alert-danger {
  background-color: #B32928;
  border-color: #B32928 !important; }

.alert-success {
  background-color: #19B4B2;
  border-color: #19B4B2 !important; }

/*Project widget */
.validation-widget .percent {
  display: block;
  float: left;
  width: 120px;
  margin-right: 20px; }
  .validation-widget .percent + .desc {
    display: block;
    float: left;
    width: calc(100% - 140px); }
.validation-widget .desc ul {
  margin: 20px 0;
  background-color: #E5F3F4;
  padding: 15px;
  border-left: 4px solid #2BBBB7; }
  .validation-widget .desc ul li {
    line-height: 1.1em;
    margin-bottom: 10px; }
  .validation-widget .desc ul a {
    color: #FF3936; }
    .validation-widget .desc ul a::before {
      font-family: fontAwesome;
      content: '\f0a4';
      display: inline-block;
      margin-right: 5px; }
.validation-widget::after {
  display: block;
  clear: both;
  content: ''; }
@media (max-width: 480px) {
  .validation-widget {
    padding: 0; }
    .validation-widget .percent, .validation-widget .desc {
      float: none;
      width: auto; }
    .validation-widget .desc p {
      padding-top: 30px;
      min-height: 130px; }
    .validation-widget .desc ul {
      margin-top: 0; } }

.project-widget {
  position: relative; }
  .project-widget a.img-link {
    position: relative;
    display: block; }
    .project-widget a.img-link .status-mark {
      position: absolute;
      bottom: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.4);
      width: 100%;
      padding: 5px;
      color: #FFFFFF; }
    .project-widget a.img-link div.call-mark {
      width: 11%;
      position: absolute;
      top: 0;
      left: 4%;
      padding: 12px 4px 9px 4px;
      background-color: #FFFFFF; }
  .project-widget .img-project {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%; }
  .project-widget .content {
    padding: 5%;
    border: 1px solid #D9D9DE;
    border-top: 0px;
    color: #B3B2B2;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 240px;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
    background-color: #FFFFFF; }
    .project-widget .content.called {
      height: 270px; }
  .project-widget .title {
    font-size: 18px;
    color: #58595B;
    margin-top: 10px; }
  .project-widget.mini .content, .project-widget.micro .content {
    height: auto;
    background: transparent;
    border: 0;
    color: #58595B;
    overflow: unset; }
  .project-widget.mini .title, .project-widget.micro .title {
    line-height: 20px; }
  .project-widget.micro a.img-link {
    padding-top: 60%;
    position: relative;
    width: 100%; }
    .project-widget.micro a.img-link img {
      background: #E5F3F4 url(../img/ring.gif) no-repeat center;
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .project-widget.standard .title a {
    color: #58595B;
    font-weight: bold; }
    .project-widget.standard .title a:hover {
      text-decoration: none; }
  .project-widget.standard .author {
    font-size: 12px; }
  .project-widget.standard .description {
    font-size: 13px;
    max-height: 100px;
    overflow: hidden;
    margin-top: 10px; }
  .project-widget div.call-amount {
    font-size: 13px;
    color: #58595B;
    margin-top: 15px; }
  .project-widget .bottom ul.amounts {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    bottom: 0px;
    position: absolute;
    color: #58595B;
    font-size: 13px;
    width: 100%;
    border-top: 1px solid #C5C5C5;
    border-bottom: 1px solid #D9D9DE;
    border-left: 1px solid #D9D9DE;
    border-right: 1px solid #D9D9DE; }
  .project-widget .bottom ul li {
    padding: 10px; }
    .project-widget .bottom ul li:not(:last-child) {
      border-right: 1px solid #C5C5C5; }
    .project-widget .bottom ul li .amount {
      font-weight: bold; }
    .project-widget .bottom ul li .data-label {
      color: #979797 !important; }
  .project-widget.permanent .bottom {
    margin-bottom: 2rem; }
  .project-widget ul.dropdown-menu li {
    padding: 2px; }
  .project-widget .project-widget-admin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none; }
  .project-widget:hover .project-widget-admin {
    display: block; }
  .project-widget.normal {
    position: relative;
    border-radius: 5px;
    box-shadow: 1px 3px 5px -3px #4D4D4D;
    min-height: 492px; }
    .project-widget.normal .status {
      position: absolute;
      top: 0;
      left: 0;
      border-top-left-radius: 5px;
      max-width: 95%;
      z-index: 3;
      font-size: 18px;
      font-weight: 500;
      text-transform: uppercase;
      padding: 5px 10px;
      color: #FFFFFF;
      display: inline-block; }
      .project-widget.normal .status .icon {
        width: 30px;
        height: 30px; }
      .project-widget.normal .status strong {
        font-size: 27px;
        line-height: 27px; }
    .project-widget.normal .img-link {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      position: relative;
      height: 208px;
      background: #E5F3F4 url(../img/ring.gif) no-repeat center;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden; }
      .project-widget.normal .img-link .img-project {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .project-widget.normal .img-link h2 {
        display: inline-block;
        text-shadow: 1px 1px 2px #666;
        margin: 0 60px 0 0;
        padding: 5px;
        text-align: left;
        font-size: 21px;
        color: #FFFFFF;
        position: absolute;
        left: 15px;
        bottom: 15px;
        line-height: 1; }
        .project-widget.normal .img-link h2::first-letter {
          text-transform: uppercase; }
    .project-widget.normal .floating {
      position: absolute;
      top: 179px;
      right: 15px;
      height: 61px;
      width: 61px;
      z-index: 2;
      text-align: left;
      border-radius: 50%;
      font-size: 50px;
      padding: 3px 9px;
      margin: 0;
      line-height: 1;
      font-weight: 300;
      color: #FFFFFF;
      background: #2BBBB7;
      background: radial-gradient(circle at 20% 50%, #2bbbb7, #45d4d0 60%, #98e7e5 90%);
      box-shadow: 2px 5px 12px -6px #186866;
      cursor: pointer; }
      .project-widget.normal .floating:hover {
        background: #21928e;
        background: radial-gradient(circle at 20% 50%, #21928e, #2bbbb7 60%, #6ededb 90%); }
      .project-widget.normal .floating.flip {
        padding: 5px 0 0 17px; }
      .project-widget.normal .floating .icon {
        background-color: #FFFFFF;
        width: 100%;
        height: 100%; }
    .project-widget.normal .content {
      color: #537880;
      height: auto;
      min-height: 283px;
      background: #FFFFFF;
      border: none; }
      .project-widget.normal .content h3 {
        font-size: 15px; }
      .project-widget.normal .content a {
        color: #2BBBB7; }
    .project-widget.normal .categories {
      color: #2BBBB7;
      margin-top: 0.5em; }
    .project-widget.normal .bottom {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%; }
    .project-widget.normal .amount ul {
      margin: 0;
      padding: 0;
      list-style: none;
      width: 100%; }
      .project-widget.normal .amount ul li {
        margin: 0;
        padding: 0;
        width: 50%;
        color: #3A3A3A;
        float: left;
        border-left: 2px solid #CDD6D5;
        text-align: center; }
        .project-widget.normal .amount ul li:first-child {
          border-left: none; }
        .project-widget.normal .amount ul li strong {
          display: block; }
    .project-widget.normal .percent {
      margin-top: 1em;
      padding: 0 5%; }
      .project-widget.normal .percent .progress {
        width: 100%;
        background-color: #c1f1ef;
        box-shadow: none;
        height: 10px;
        border-radius: 5px;
        margin-bottom: 5px; }
        .project-widget.normal .percent .progress .progress-bar {
          background-color: #2BBBB7; }
      .project-widget.normal .percent p {
        color: #2BBBB7;
        text-align: center;
        margin: 0 0 1em 0; }
  .project-widget.non-public {
    position: relative; }
    .project-widget.non-public::before {
      position: absolute;
      font-family: fontAwesome;
      content: '\f023';
      display: inline-block;
      top: 0;
      right: 10px;
      z-index: 100;
      font-size: 32px;
      color: #FF3936; }
  .project-widget > .backside {
    background: #E5F3F4;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    border-radius: 5px;
    padding: 5% 7%; }
    .project-widget > .backside.admin {
      background: rgba(0, 0, 0, 0.8);
      padding-top: 208px; }
      .project-widget > .backside.admin .btn-block {
        margin: 1em 0; }
      .project-widget > .backside.admin .bottom {
        bottom: 15px; }
    .project-widget > .backside.call {
      background: #A63C98; }
      .project-widget > .backside.call .data-list {
        color: #FFFFFF; }
        .project-widget > .backside.call .data-list.title .icon {
          background: #FFFFFF;
          width: 24px;
          height: 24px; }
        .project-widget > .backside.call .data-list.title img {
          margin: 5px 29px; }
        .project-widget > .backside.call .data-list.title strong {
          font-size: 27px; }
        .project-widget > .backside.call .data-list p, .project-widget > .backside.call .data-list h5, .project-widget > .backside.call .data-list h6, .project-widget > .backside.call .data-list a, .project-widget > .backside.call .data-list strong {
          color: #FFFFFF; }
      .project-widget > .backside.call .btn {
        color: #A63C98; }
    .project-widget > .backside.animated.flipInY {
      animation-duration: .3s; }
    .project-widget > .backside.animated.flipOutY {
      animation-duration: .5s; }
    .project-widget > .backside.active {
      display: block; }
    .project-widget > .backside .close {
      display: block;
      position: absolute;
      top: 10px;
      right: 10px;
      background: #3A3A3A;
      opacity: 1;
      color: #FFFFFF;
      font-size: 21px;
      line-height: 21px;
      height: 37px;
      width: 37px;
      border-radius: 50%;
      font-weight: 300;
      text-align: left;
      padding: 7px 0 0 10px;
      margin: 0;
      box-shadow: 2px 5px 12px -6px #4D4D4D; }
      .project-widget > .backside .close:hover {
        background: #545454; }
      .project-widget > .backside .close .icon {
        background: #FFFFFF;
        width: 18px;
        height: 18px; }
    .project-widget > .backside button.close {
      padding: 0 0 0 10px; }
    .project-widget > .backside h5 {
      font-size: 15px;
      color: #2D2B2C;
      font-weight: normal;
      text-transform: uppercase; }
    .project-widget > .backside .content {
      background: transparent; }
    .project-widget > .backside .data-list {
      list-style: none;
      margin: 0;
      padding: 0; }
      .project-widget > .backside .data-list h5, .project-widget > .backside .data-list h6, .project-widget > .backside .data-list h6 > a {
        font-size: 16.5px;
        font-weight: 600;
        margin: 0;
        padding: 0; }
        .project-widget > .backside .data-list h5 > a, .project-widget > .backside .data-list h6 > a, .project-widget > .backside .data-list h6 > a > a {
          color: #3A3A3A;
          text-decoration: underline; }
      .project-widget > .backside .data-list p {
        font-weight: 600;
        color: #537880;
        font-size: 27px;
        line-height: 27px;
        margin: 5px 0 0 0;
        padding: 0; }
        .project-widget > .backside .data-list p strong {
          font-weight: 600;
          color: #2BBBB7;
          line-height: 37.5px;
          font-size: 37.5px; }
        .project-widget > .backside .data-list p.social {
          text-transform: none;
          font-size: 18px; }
          .project-widget > .backside .data-list p.social img {
            width: 50px;
            height: auto;
            margin: 5px 10px 0 0;
            -webkit-filter: hue-rotate(-106deg) grayscale(40%);
            filter: hue-rotate(-106deg) grayscale(40%); }
      .project-widget > .backside .data-list > li {
        float: none;
        padding: 0;
        margin: 15px 0 5px 0;
        border: none; }
        .project-widget > .backside .data-list > li.divider {
          margin: 15px 0;
          padding: 0;
          height: 2px;
          width: 100%;
          background-color: #CDD6D5; }
      .project-widget > .backside .data-list > li + li {
        margin-left: 0; }
    .project-widget > .backside .invest {
      position: absolute;
      bottom: 5%;
      left: 5%;
      width: 90%;
      margin: 0;
      padding: 0; }

.project-widget-admin-panel {
  padding: 20px; }
  .project-widget-admin-panel .btn-group {
    margin: 10px 0;
    display: block;
    float: none; }

.media-project {
  padding: 10px;
  margin-bottom: 10px; }

.post-widget {
  position: relative; }
  .post-widget .section {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #EFE1A8;
    border-radius: 50%;
    padding: 5px; }
  .post-widget .img-link {
    display: flex;
    height: 200px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .post-widget .img-link img {
      width: 100%;
      object-fit: cover; }
  .post-widget .content {
    color: #3A3A3A;
    background-color: rgba(255, 236, 97, 0.7);
    padding: 5%;
    height: 180px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: relative; }
    .post-widget .content div.title {
      color: #3A3A3A;
      font-size: 21.9px;
      font-weight: 700;
      line-height: 1.1;
      margin-bottom: 5px; }
    .post-widget .content div.description {
      color: #FFFFFF; }
    .post-widget .content div.related-author {
      position: absolute;
      bottom: 25px; }
      .post-widget .content div.related-author img {
        vertical-align: bottom; }

@media (max-width: 769px) {
  .call-widget.normal .content div.date {
    margin-top: 0 !important; } }
@media (max-width: 480px) {
  .project-widget {
    margin-bottom: 40px; }
    .project-widget .content {
      height: auto;
      min-height: 298px !important; }
    .project-widget ul.amounts {
      position: static;
      margin-top: 30px;
      width: 100%; }

  .post-widget {
    position: relative; }
    .post-widget .section .icon {
      width: 20px;
      height: 20px; } }
/* Steps bar */
.bs-wizard {
  max-width: 1030px;
  margin: 10px auto; }
  .bs-wizard > .active .bs-wizard-stepnum {
    color: #20B3B2 !important;
    font-weight: bold; }
  .bs-wizard > .bs-wizard-step {
    padding: 0;
    position: relative; }
    .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
      color: #b2b0b1;
      font-size: 16px;
      margin-bottom: 5px; }
    .bs-wizard > .bs-wizard-step .bs-wizard-info {
      color: #999;
      font-size: 14px; }
    .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
      position: absolute;
      width: 30px;
      height: 30px;
      display: block;
      background: #B5DADA;
      top: 45px;
      left: 50%;
      margin-top: -15px;
      margin-left: -15px;
      border-radius: 50%; }
      .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
        content: ' ';
        width: 14px;
        height: 14px;
        background: #2FB6B5;
        border-radius: 50px;
        position: absolute;
        top: 8px;
        left: 8px; }
    .bs-wizard > .bs-wizard-step > .progress {
      position: relative;
      border-radius: 0px;
      height: 8px;
      box-shadow: none;
      margin: 20px 0; }
      .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
        width: 0px;
        box-shadow: none;
        background: #B5DADA; }
    .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
      width: 100%; }
    .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
      width: 50%; }
    .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
      width: 0%; }
    .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
      width: 100%; }
    .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot, .bs-wizard > .bs-wizard-step.inactive > .bs-wizard-dot {
      background-color: #f5f5f5; }
      .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after, .bs-wizard > .bs-wizard-step.inactive > .bs-wizard-dot:after {
        opacity: 0; }
    .bs-wizard > .bs-wizard-step:first-child > .progress {
      left: 50%;
      width: 50%; }
    .bs-wizard > .bs-wizard-step:last-child > .progress {
      width: 50%; }
    .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
      pointer-events: none; }
  .bs-wizard.steps-2 > .bs-wizard-step {
    float: left;
    width: 50%; }
  .bs-wizard.steps-3 > .bs-wizard-step {
    float: left;
    width: 33.3%; }
  .bs-wizard.steps-4 > .bs-wizard-step {
    float: left;
    width: 25%; }
  .bs-wizard.steps-5 > .bs-wizard-step {
    float: left;
    width: 20%; }
  .bs-wizard.steps-6 > .bs-wizard-step {
    float: left;
    width: 16.6%; }

/*Project widget */
.call-widget {
  position: relative;
  color: #FFFFFF;
  font-weight: bold; }
  .call-widget.open {
    color: #FFFFFF; }
    .call-widget.open .status {
      background-color: #B262A8; }
    .call-widget.open .sphere {
      background-color: #A65387; }
    .call-widget.open .content, .call-widget.open .bottom {
      background-color: #B262A8 !important; }
  .call-widget.active {
    color: #FFFFFF; }
    .call-widget.active .status {
      background-color: #1BAFAC; }
    .call-widget.active .sphere {
      background-color: #189D9A; }
    .call-widget.active .content, .call-widget.active .bottom {
      background-color: #1BAFAC !important; }
  .call-widget.completed {
    color: #3A3A3A; }
    .call-widget.completed .status {
      background-color: #FCFDD2; }
    .call-widget.completed .sphere {
      background-color: #EFE1A8; }
    .call-widget.completed .content, .call-widget.completed .bottom {
      background-color: #FCFDD2 !important; }
  .call-widget .sphere {
    padding: 20px 0;
    min-height: 150px; }
    .call-widget .sphere img {
      -webkit-filter: brightness(0.55) saturate(3) grayscale(100%);
      filter: brightness(0.55) saturate(3) grayscale(100%); }
    .call-widget .sphere .name {
      text-align: center;
      margin-top: 10px;
      font-size: 19.5px;
      text-transform: uppercase;
      font-weight: 500; }
  .call-widget .content {
    padding: 5%;
    border: 1px solid #D9D9DE;
    border-top: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 240px;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
    background-color: #FFFFFF; }
    .call-widget .content.called {
      height: 270px; }
  .call-widget .title {
    font-size: 18px;
    color: #58595B;
    margin-top: 10px; }
  .call-widget.mini .content, .call-widget.micro .content {
    height: auto;
    background: transparent;
    border: 0; }
  .call-widget.mini .title, .call-widget.micro .title {
    line-height: 20px;
    margin: 0; }
  .call-widget.standard .title a {
    color: #58595B;
    font-weight: bold; }
    .call-widget.standard .title a:hover {
      text-decoration: none; }
  .call-widget.standard .author {
    font-size: 12px; }
  .call-widget.standard .description {
    font-size: 13px;
    max-height: 100px;
    overflow: hidden;
    margin-top: 10px; }
  .call-widget div.call-amount {
    font-size: 13px;
    margin-top: 15px; }
  .call-widget ul.amounts {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    bottom: 0px;
    position: absolute;
    font-size: 13px;
    width: 100%;
    border-top: 1px solid #C5C5C5; }
  .call-widget ul li {
    padding: 10px; }
    .call-widget ul li:not(:last-child) {
      border-right: 1px solid #C5C5C5; }
    .call-widget ul li .amount {
      font-weight: bold; }
    .call-widget ul li .data-label {
      color: #979797 !important; }
  .call-widget .project-widget-admin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none; }
  .call-widget:hover .project-widget-admin {
    display: block; }
  .call-widget.normal {
    position: relative;
    border-radius: 5px;
    min-height: 300px; }
    .call-widget.normal .status {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      font-size: 15px;
      font-weight: 500;
      text-transform: uppercase;
      padding: 10px 45px 10px 10px; }
    .call-widget.normal .floating {
      position: absolute;
      top: 166px;
      right: 15px;
      height: 50px;
      width: 50px;
      z-index: 2;
      text-align: left;
      border-radius: 50%;
      font-size: 40px;
      padding: 3px 9px;
      margin: 0;
      line-height: 1;
      font-weight: 300;
      color: #2BBBB7;
      background: #FFFFFF;
      box-shadow: 2px 5px 12px -6px #cccccc;
      cursor: pointer; }
      .call-widget.normal .floating:hover {
        background: #e6e6e6; }
      .call-widget.normal .floating.flip {
        padding: 5px 0 0 14px; }
      .call-widget.normal .floating .icon {
        background-color: #FFFFFF;
        width: 100%;
        height: 100%; }
    .call-widget.normal .content {
      height: auto;
      border: none; }
      .call-widget.normal .content div.amount-label {
        font-size: 13.5px;
        text-transform: uppercase;
        text-align: center; }
      .call-widget.normal .content div.amount {
        font-size: 52.5px;
        text-align: center;
        line-height: 1.1; }
      .call-widget.normal .content div.date, .call-widget.normal .content div.applied {
        width: 49%;
        float: left;
        text-transform: uppercase; }
      .call-widget.normal .content div.date {
        margin-top: 20px; }
        .call-widget.normal .content div.date .date-data {
          text-transform: capitalize;
          font-size: 21px;
          margin-top: 5px; }
      .call-widget.normal .content div.applied {
        margin-left: 2%; }
        .call-widget.normal .content div.applied div.applied-data {
          font-size: 21px;
          margin-top: 5px; }
    .call-widget.normal .categories {
      color: #2BBBB7;
      margin-top: 0.5em; }
    .call-widget.normal .bottom {
      width: 100%;
      margin-top: 10px; }
      .call-widget.normal .bottom img {
        border-radius: 50%;
        width: 60px;
        height: 60px;
        padding: 10px;
        background-color: #FFF; }
      .call-widget.normal .bottom .location {
        float: right;
        padding-top: 15px;
        max-width: 50%; }
        .call-widget.normal .bottom .location .city {
          font-size: 19.5px; }
        .call-widget.normal .bottom .location .region {
          font-size: 15px;
          line-height: 0.8;
          text-align: right; }
    .call-widget.normal .amount ul {
      margin: 0;
      padding: 0;
      list-style: none;
      width: 100%; }
      .call-widget.normal .amount ul li {
        margin: 0;
        padding: 0;
        width: 50%;
        float: left;
        border-left: 2px solid #CDD6D5;
        text-align: center; }
        .call-widget.normal .amount ul li:first-child {
          border-left: none; }
        .call-widget.normal .amount ul li strong {
          display: block; }
    .call-widget.normal .percent {
      margin-top: 1em;
      padding: 0 5%; }
      .call-widget.normal .percent .progress {
        width: 100%;
        background-color: #c1f1ef;
        box-shadow: none;
        height: 10px;
        border-radius: 5px;
        margin-bottom: 5px; }
        .call-widget.normal .percent .progress .progress-bar {
          background-color: #2BBBB7; }
      .call-widget.normal .percent p {
        color: #2BBBB7;
        text-align: center;
        margin: 0 0 1em 0; }
  .call-widget > .backside {
    background: #B262A8;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    border-radius: 5px; }
    .call-widget > .backside.admin {
      background: rgba(0, 0, 0, 0.8);
      padding-top: 208px; }
      .call-widget > .backside.admin .btn-block {
        margin: 1em 0; }
      .call-widget > .backside.admin .bottom {
        bottom: 15px; }
    .call-widget > .backside.animated.flipInY {
      animation-duration: .3s; }
    .call-widget > .backside.animated.flipOutY {
      animation-duration: .5s; }
    .call-widget > .backside.active {
      display: block; }
    .call-widget > .backside .close {
      display: block;
      position: absolute;
      top: 10px;
      right: 10px;
      background: #3A3A3A;
      opacity: 1;
      color: #FFFFFF;
      font-size: 5px;
      line-height: 21px;
      height: 21px;
      width: 21px;
      border-radius: 50%;
      font-weight: 300;
      text-align: left;
      padding: 0 0 0 5px;
      margin: 0;
      box-shadow: 2px 5px 12px -6px #4D4D4D; }
      .call-widget > .backside .close:hover {
        background: #545454; }
      .call-widget > .backside .close .icon {
        background: #FFFFFF;
        width: 10px;
        height: 10px; }
    .call-widget > .backside h5 {
      font-size: 15px;
      color: #2D2B2C;
      font-weight: normal;
      text-transform: uppercase; }
    .call-widget > .backside .status {
      height: 60px;
      overflow: hidden; }
    .call-widget > .backside .sphere {
      padding: 10% 5%;
      height: 138px;
      min-height: 138px; }
    .call-widget > .backside .content {
      background: transparent;
      min-height: 177px; }
    .call-widget > .backside .data-list {
      list-style: none;
      margin: 0;
      padding: 0; }
      .call-widget > .backside .data-list h5, .call-widget > .backside .data-list h6, .call-widget > .backside .data-list h6 > a {
        font-size: 16.5px;
        font-weight: 600;
        margin: 0;
        padding: 0; }
        .call-widget > .backside .data-list h5 > a, .call-widget > .backside .data-list h6 > a, .call-widget > .backside .data-list h6 > a > a {
          color: #3A3A3A;
          text-decoration: underline; }
      .call-widget > .backside .data-list p {
        font-weight: 600;
        color: #537880;
        font-size: 27px;
        line-height: 27px;
        margin: 5px 0 0 0;
        padding: 0; }
        .call-widget > .backside .data-list p strong {
          font-weight: 600;
          color: #2BBBB7;
          line-height: 37.5px;
          font-size: 37.5px; }
        .call-widget > .backside .data-list p.social {
          text-transform: none;
          font-size: 18px; }
          .call-widget > .backside .data-list p.social img {
            width: 50px;
            height: auto;
            margin: 5px 10px 0 0;
            -webkit-filter: hue-rotate(-106deg) grayscale(40%);
            filter: hue-rotate(-106deg) grayscale(40%); }
      .call-widget > .backside .data-list > li {
        float: none;
        padding: 0;
        margin: 15px 0 5px 0;
        border: none; }
        .call-widget > .backside .data-list > li.divider {
          margin: 15px 0;
          padding: 0;
          height: 2px;
          width: 100%;
          background-color: #CDD6D5; }
      .call-widget > .backside .data-list > li + li {
        margin-left: 0; }
    .call-widget > .backside .invest {
      position: absolute;
      bottom: 5%;
      left: 5%;
      width: 90%;
      margin: 0;
      padding: 0; }

.calls-summary {
  border-spacing: 0px 3px;
  border-collapse: separate; }
  .calls-summary th {
    color: #99BABE;
    font-weight: normal;
    border: none !important;
    padding-left: 20px !important; }
  .calls-summary td {
    vertical-align: middle !important;
    text-align: left;
    border-top: 1px solid #99BABE !important;
    border-bottom: 1px solid #99BABE !important;
    border-right: 1px solid #99BABE !important;
    color: 5px;
    text-transform: uppercase;
    font-weight: 500;
    padding-left: 20px !important; }
    .calls-summary td:first-child {
      border: none !important;
      padding: 0px !important; }
    .calls-summary td:last-child {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    .calls-summary td a {
      display: block;
      padding: 8px;
      padding-left: 20px !important;
      border: none !important;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
      .calls-summary td a.open {
        color: #FFFFFF;
        background-color: #B262A8; }
      .calls-summary td a.active:first-child {
        color: #FFFFFF;
        background-color: #1BAFAC !important; }
      .calls-summary td a.completed {
        color: #3A3A3A;
        background-color: #FCFDD2; }
    .calls-summary td .img-owner {
      border-radius: 50%;
      width: 40px;
      height: 40px;
      padding: 6px;
      background-color: #fff;
      margin-right: 10px; }

div.section.matchfunding-module .title {
  font-weight: bold; }
div.section.matchfunding-module .subtitle {
  text-align: center;
  font-size: 16.5px;
  font-weight: normal;
  margin-top: 10px; }
div.section.matchfunding-module .drop-img-container {
  padding-top: 25px; }
  div.section.matchfunding-module .drop-img-container img.drop-img {
    width: 35px; }
div.section.matchfunding-module .filters {
  margin: 40px 0 35px 0; }
  div.section.matchfunding-module .filters li {
    font-weight: bold;
    padding: 5px 15px;
    cursor: pointer; }
  div.section.matchfunding-module .filters .active {
    background-color: #E3F3F4;
    border-radius: 5px; }
div.section.matchfunding-module .slider-calls {
  visibility: hidden;
  opacity: 0;
  transition: opacity 1s; }
div.section.matchfunding-module .slider-calls.slick-initialized {
  visibility: visible;
  opacity: 1; }
div.section.matchfunding-module .slider-calls .item {
  display: none; }
div.section.matchfunding-module .slider-calls .item:first-child {
  display: block;
  visibility: hidden; }
div.section.matchfunding-module .slider-calls.slick-initialized .item {
  display: block;
  visibility: visible !important; }
div.section.matchfunding-module .slider-calls {
  margin-bottom: 60px; }
  div.section.matchfunding-module .slider-calls .widget-slide {
    margin: 0 30px; }
  div.section.matchfunding-module .slider-calls .custom-left-arrow {
    top: 34%;
    position: absolute;
    font-size: 75px;
    left: -3%;
    color: #19B4B2;
    cursor: pointer; }
  div.section.matchfunding-module .slider-calls .custom-right-arrow {
    top: 34%;
    position: absolute;
    font-size: 75px;
    right: -3%;
    color: #19B4B2;
    cursor: pointer; }
  div.section.matchfunding-module .slider-calls .slick-dots {
    bottom: -40px !important; }
    div.section.matchfunding-module .slider-calls .slick-dots li button::before {
      color: #BCBCBC !important;
      opacity: 1;
      font-size: 11px; }
    div.section.matchfunding-module .slider-calls .slick-dots li.slick-active button::before {
      color: #A65387 !important; }

.implementing-matchfunding-container {
  background-color: #A65387;
  color: #FFFFFF;
  font-weight: bold;
  padding: 40px 0; }
  .implementing-matchfunding-container .row.details-title .title {
    text-align: center;
    padding-top: 0;
    margin-top: 0; }
  .implementing-matchfunding-container .row.details {
    padding-top: 20px; }
    .implementing-matchfunding-container .row.details .detail-item {
      border-radius: 50%;
      width: 75px;
      height: 75px;
      background-color: #FFFFFF;
      box-shadow: 1px 3px 5px -3px #4D4D4D; }
    .implementing-matchfunding-container .row.details .item-1 {
      padding: 11px 8px; }
    .implementing-matchfunding-container .row.details .item-2 {
      padding: 13px 9px 5px 16px; }
    .implementing-matchfunding-container .row.details .item-3 {
      padding: 15px; }
    .implementing-matchfunding-container .row.details .item-4 {
      padding: 15px; }
    .implementing-matchfunding-container .row.details .item-5 {
      padding: 14px 12px 6px 11px; }
    .implementing-matchfunding-container .row.details .item-label {
      margin-top: 10px;
      text-transform: uppercase; }

.project-widget-admin-panel {
  padding: 20px; }
  .project-widget-admin-panel .btn-group {
    margin: 10px 0;
    display: block;
    float: none; }

.media-project {
  padding: 10px;
  margin-bottom: 10px; }

@media (max-width: 480px) {
  .project-widget {
    margin-bottom: 40px; }
    .project-widget .content {
      height: auto; }
    .project-widget ul.amounts {
      position: static;
      margin-top: 30px;
      width: 100%; } }
/* Autoforms */
.pull-right-form {
  float: right;
  margin-top: -44px; }

.sortable-ghost {
  opacity: .3; }

.sortable-drag {
  -moz-transform: scale(0.5); }

.pac-container {
  z-index: 1051 !important; }

.autoform .form-group, .form .form-group {
  margin-bottom: 20px; }
  .autoform .form-group .form-control.loading, .form .form-group .form-control.loading {
    background-position: right;
    background-size: 24px;
    min-height: auto;
    background-image: url(../img/ring.gif); }
  .autoform .form-group .input-wrap, .form .form-group .input-wrap {
    background: #F0F9F8;
    border-radius: 5px;
    padding: 12px; }
    .autoform .form-group .input-wrap .form-control,
    .autoform .form-group .input-wrap .form-control-static,
    .autoform .form-group .input-wrap .input-group > .input-group-addon,
    .autoform .form-group .input-wrap .bootstrap-tagsinput, .form .form-group .input-wrap .form-control,
    .form .form-group .input-wrap .form-control-static,
    .form .form-group .input-wrap .input-group > .input-group-addon,
    .form .form-group .input-wrap .bootstrap-tagsinput {
      padding: 6px 12px;
      color: #537880;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-color: #f2f2f2;
      background-color: #FFFFFF; }
      .autoform .form-group .input-wrap .form-control[disabled], .autoform .form-group .input-wrap .form-control.disabled,
      .autoform .form-group .input-wrap .form-control-static[disabled],
      .autoform .form-group .input-wrap .form-control-static.disabled,
      .autoform .form-group .input-wrap .input-group > .input-group-addon[disabled],
      .autoform .form-group .input-wrap .input-group > .input-group-addon.disabled,
      .autoform .form-group .input-wrap .bootstrap-tagsinput[disabled],
      .autoform .form-group .input-wrap .bootstrap-tagsinput.disabled, .form .form-group .input-wrap .form-control[disabled], .form .form-group .input-wrap .form-control.disabled,
      .form .form-group .input-wrap .form-control-static[disabled],
      .form .form-group .input-wrap .form-control-static.disabled,
      .form .form-group .input-wrap .input-group > .input-group-addon[disabled],
      .form .form-group .input-wrap .input-group > .input-group-addon.disabled,
      .form .form-group .input-wrap .bootstrap-tagsinput[disabled],
      .form .form-group .input-wrap .bootstrap-tagsinput.disabled {
        background-color: #f7f7f7; }
    .autoform .form-group .input-wrap .bootstrap-tagsinput, .form .form-group .input-wrap .bootstrap-tagsinput {
      width: 100%; }
    .autoform .form-group .input-wrap .form-control:focus, .autoform .form-group .input-wrap .CodeMirror-focused, .autoform .form-group .input-wrap .summernote.focused .note-editor, .form .form-group .input-wrap .form-control:focus, .form .form-group .input-wrap .CodeMirror-focused, .form .form-group .input-wrap .summernote.focused .note-editor {
      border-color: #2BBBB7;
      outline: 0;
      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
    .autoform .form-group .input-wrap > .datetimepicker, .autoform .form-group .input-wrap > .datetimepicker-year, .form .form-group .input-wrap > .datetimepicker, .form .form-group .input-wrap > .datetimepicker-year {
      max-width: 180px; }
      .autoform .form-group .input-wrap > .datetimepicker .bootstrap-datetimepicker-widget table td.active, .autoform .form-group .input-wrap > .datetimepicker .bootstrap-datetimepicker-widget table td.active:hover, .autoform .form-group .input-wrap > .datetimepicker-year .bootstrap-datetimepicker-widget table td.active, .autoform .form-group .input-wrap > .datetimepicker-year .bootstrap-datetimepicker-widget table td.active:hover, .form .form-group .input-wrap > .datetimepicker .bootstrap-datetimepicker-widget table td.active, .form .form-group .input-wrap > .datetimepicker .bootstrap-datetimepicker-widget table td.active:hover, .form .form-group .input-wrap > .datetimepicker-year .bootstrap-datetimepicker-widget table td.active, .form .form-group .input-wrap > .datetimepicker-year .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #2BBBB7; }
    .autoform .form-group .input-wrap .editor-toolbar, .autoform .form-group .input-wrap .CodeMirror, .form .form-group .input-wrap .editor-toolbar, .form .form-group .input-wrap .CodeMirror {
      border: none;
      color: #537880; }
    .autoform .form-group .input-wrap .editor-toolbar:before, .form .form-group .input-wrap .editor-toolbar:before {
      margin: 0;
      content: none; }
  .autoform .form-group.has-success .form-control, .autoform .form-group.has-success .CodeMirror, .form .form-group.has-success .form-control, .form .form-group.has-success .CodeMirror {
    border: 1px solid #0f8061; }
  .autoform .form-group.has-error .help-block, .form .form-group.has-error .help-block {
    color: #ff0703; }
  .autoform .form-group.has-error .form-control, .autoform .form-group.has-error .CodeMirror, .form .form-group.has-error .form-control, .form .form-group.has-error .CodeMirror {
    border: 1px solid #ff0703; }
  .autoform .form-group.has-error .form-control:focus, .autoform .form-group.has-error .CodeMirror-focused, .autoform .form-group.has-error .summernote.focused .note-editor, .form .form-group.has-error .form-control:focus, .form .form-group.has-error .CodeMirror-focused, .form .form-group.has-error .summernote.focused .note-editor {
    border-color: #ff0703;
    outline: 0;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(200, 0, 0, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(200, 0, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(200, 0, 0, 0.6); }
  .autoform .form-group label, .form .form-group label {
    /* FontAwesome style */
    /* https://webdesign.tutsplus.com/articles/quick-tip-easy-css3-checkboxes-and-radio-buttons--webdesign-8953 */
    /*
    > input[type="checkbox"] {
        display:none;
        + span {
            cursor: pointer;
        }
        + span::before {
            content: '';
            display: inline-block;
            width:19px;
            height:19px;
            margin-right: 4px;
            // margin:-2px 10px 0 0;
            vertical-align: top;
            background:url(../img/icons/check_radio_sheet.png) left top no-repeat;
        }
        &:checked + span::before {
            background:url(../img/icons/check_radio_sheet.png) -19px top no-repeat;
        }
    }
    > input[type="radio"] {
        display:none;
        + span {
            cursor: pointer;
        }
        + span::before {
            content: '';
            display: inline-block;
            width:19px;
            height:19px;
            margin-right: 4px;
            // margin:-2px 10px 0 0;
            vertical-align: top;
            background:url(../img/icons/check_radio_sheet.png) -38px top no-repeat;
        }
        &:checked + span::before {
            background:url(../img/icons/check_radio_sheet.png) -57px top no-repeat;
        }
    }
    */ }
    .autoform .form-group label > input[type="checkbox"], .form .form-group label > input[type="checkbox"] {
      display: none; }
      .autoform .form-group label > input[type="checkbox"] + span, .form .form-group label > input[type="checkbox"] + span {
        cursor: pointer; }
      .autoform .form-group label > input[type="checkbox"] + span::before, .form .form-group label > input[type="checkbox"] + span::before {
        content: '\f096';
        font-family: FontAwesome;
        font-weight: normal;
        font-size: 17px;
        margin-right: 6px;
        width: 12px;
        display: inline-block;
        vertical-align: middle;
        height: 19px;
        line-height: 1; }
      .autoform .form-group label > input[type="checkbox"]:checked + span::before, .form .form-group label > input[type="checkbox"]:checked + span::before {
        content: '\f046'; }
    .autoform .form-group label > input[type="radio"], .form .form-group label > input[type="radio"] {
      display: none; }
      .autoform .form-group label > input[type="radio"] + span, .form .form-group label > input[type="radio"] + span {
        cursor: pointer; }
      .autoform .form-group label > input[type="radio"] + span::before, .form .form-group label > input[type="radio"] + span::before {
        content: '\f10c';
        font-family: FontAwesome;
        font-weight: normal;
        font-size: 17px;
        margin-right: 6px;
        width: 12px;
        display: inline-block;
        vertical-align: middle;
        height: 19px;
        line-height: 1; }
      .autoform .form-group label > input[type="radio"]:checked + span::before, .form .form-group label > input[type="radio"]:checked + span::before {
        content: '\f05d'; }
  .autoform .form-group .twitter-typeahead, .form .form-group .twitter-typeahead {
    width: 100%; }
.autoform .modal-map .map, .form .modal-map .map {
  height: 450px; }
.autoform .modal-map .input-block .form-group, .form .modal-map .input-block .form-group {
  display: inline-block;
  width: 100%; }
.autoform .modal-map .input-block .form-group-radius, .form .modal-map .input-block .form-group-radius {
  display: none; }
.autoform .modal-map .input-block.show-radius .form-group-search, .form .modal-map .input-block.show-radius .form-group-search {
  width: 80%;
  width: calc(100% - 115px);
  margin-right: 10px; }
.autoform .modal-map .input-block.show-radius .form-group-radius, .form .modal-map .input-block.show-radius .form-group-radius {
  display: inline-block;
  width: 100px; }
  .autoform .modal-map .input-block.show-radius .form-group-radius .form-control, .form .modal-map .input-block.show-radius .form-group-radius .form-control {
    display: inline-block;
    width: 60px; }
.autoform .location_desc, .form .location_desc {
  font-style: italic;
  margin-left: 10px;
  margin-right: 10px; }
.autoform .pre-help, .form .pre-help {
  margin-bottom: 30px;
  margin-top: 9px;
  font-size: 13px; }
  .autoform .pre-help img.clickable, .form .pre-help img.clickable {
    cursor: pointer; }
.autoform .help-text, .form .help-text {
  display: block;
  margin: 10px 5px 0 5px;
  color: #717275;
  font-size: 13px;
  font-style: italic; }
  .autoform .help-text::before, .form .help-text::before {
    font-family: FontAwesome;
    content: "\f05a";
    margin-right: 5px;
    font-style: normal; }
  .autoform .help-text::after, .form .help-text::after {
    display: block;
    content: '';
    clear: both;
    line-height: 0; }
  .autoform .help-text.info, .form .help-text.info {
    text-align: right; }
    .autoform .help-text.info::before, .form .help-text.info::before {
      content: none; }
.autoform .material-switch, .form .material-switch {
  display: table-cell; }
  .autoform .material-switch > label, .form .material-switch > label {
    cursor: pointer; }
  .autoform .material-switch + label, .form .material-switch + label {
    text-transform: uppercase;
    font-weight: 500;
    display: table-cell; }
  .autoform .material-switch > input[disabled] + label, .form .material-switch > input[disabled] + label {
    opacity: 0.7; }
.autoform .media-container .video-holder, .form .media-container .video-holder {
  display: none;
  position: relative;
  max-width: 300px;
  margin-bottom: 10px; }
.autoform .media-container .video-button, .form .media-container .video-button {
  display: none; }
.autoform .media-container .embed-responsive, .form .media-container .embed-responsive {
  display: none; }
.autoform .media-container.loading, .form .media-container.loading {
  background: none; }
  .autoform .media-container.loading .video-holder, .form .media-container.loading .video-holder {
    background: url(../img/ring.gif) no-repeat center;
    display: block;
    padding-bottom: 60px; }
    .autoform .media-container.loading .video-holder .cover-image, .form .media-container.loading .video-holder .cover-image {
      display: none; }
.autoform .media-container.loaded .video-holder, .form .media-container.loaded .video-holder {
  display: block; }
.autoform .media-container.loaded .video-button, .form .media-container.loaded .video-button {
  display: block; }
.autoform .media-container.loaded .embed-responsive, .form .media-container.loaded .embed-responsive {
  display: none; }
.autoform .media-container.loaded .cover-image, .form .media-container.loaded .cover-image {
  display: block; }
.autoform .media-container.playing .video-holder, .form .media-container.playing .video-holder {
  display: block; }
.autoform .media-container.playing .video-button, .form .media-container.playing .video-button {
  display: none; }
.autoform .media-container.playing .embed-responsive, .form .media-container.playing .embed-responsive {
  display: block; }
.autoform .media-container.playing .cover-image, .form .media-container.playing .cover-image {
  display: none; }
.autoform.hide-help .help-text .fa-clipboard, .form.hide-help .help-text .fa-clipboard {
  cursor: pointer; }
.autoform.hide-help .help-text[data-desc], .form.hide-help .help-text[data-desc] {
  height: 19px;
  overflow: hidden;
  white-space: pre-line; }
  .autoform.hide-help .help-text[data-desc]::before, .form.hide-help .help-text[data-desc]::before {
    font-family: "Roboto", sans-serif;
    content: attr(data-desc);
    font-weight: bold; }
.autoform.hide-help .form-control:focus + .help-text, .autoform.hide-help .CodeMirror-focused + .help-text, .autoform.hide-help .CodeMirror-focused ~ .editor-statusbar + .help-text, .autoform.hide-help .summernote.focused .note-editor + .help-text, .form.hide-help .form-control:focus + .help-text, .form.hide-help .CodeMirror-focused + .help-text, .form.hide-help .CodeMirror-focused ~ .editor-statusbar + .help-text, .form.hide-help .summernote.focused .note-editor + .help-text {
  height: auto; }
.autoform .editor-toolbar.fullscreen a.exit-fullscreen, .form .editor-toolbar.fullscreen a.exit-fullscreen {
  display: inline-block;
  pointer-events: auto !important; }
.autoform .editor-toolbar a.exit-fullscreen, .form .editor-toolbar a.exit-fullscreen {
  display: none;
  background-color: #2BBBB7 !important;
  color: #FFFFFF !important;
  width: auto;
  padding: 0 5px; }
  .autoform .editor-toolbar a.exit-fullscreen::after, .form .editor-toolbar a.exit-fullscreen::after {
    content: attr(title);
    font-family: "Roboto", sans-serif;
    margin-left: 5px; }
.autoform .summernote, .autoform .CodeMirror, .form .summernote, .form .CodeMirror {
  position: relative; }
  .autoform .summernote .uploading, .autoform .CodeMirror .uploading, .form .summernote .uploading, .form .CodeMirror .uploading {
    z-index: 1000;
    width: 30px;
    height: 30px;
    position: absolute;
    content: '';
    top: 42px;
    left: 0;
    border-top: 2px solid #2BBBB7;
    background: url(../img/ring.gif) no-repeat left;
    background-size: contain;
    -moz-transition: width 0.4s ease-in-out;
    -o-transition: width 0.4s ease-in-out;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out; }
.autoform .CodeMirror .uploading, .form .CodeMirror .uploading {
  top: 0px; }
.autoform .CodeMirror, .autoform .CodeMirror-scroll, .form .CodeMirror, .form .CodeMirror-scroll {
  min-height: 100px; }

.material-switch {
  display: inline-block; }
  .material-switch > input[type="checkbox"] {
    display: none !important; }
  .material-switch > label {
    height: 0px;
    position: relative;
    width: 55px;
    display: inline-block; }
  .material-switch > label::before {
    background: black;
    border-radius: 15px;
    content: '';
    height: 30px;
    margin-top: -15px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.3;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    width: 52px; }
  .material-switch > label::after {
    background: white;
    border-radius: 16px;
    content: '';
    height: 24px;
    left: 4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 24px; }
  .material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 1; }
  .material-switch > input[type="checkbox"]:checked + label::after {
    left: 24px; }
  .material-switch + .control-label {
    margin-left: 10px; }

/* image sortable list*/
.image-zone {
  position: relative;
  width: 100%;
  background: #F0F9F8;
  padding: 5px;
  border-radius: 5px; }
  .image-zone::after {
    display: block;
    content: '';
    clear: both; }
  .image-zone.file .image-list-sortable > li {
    background-image: none; }
  .image-zone .dragndrop {
    width: 150px;
    height: 150px;
    position: relative;
    display: block;
    float: left;
    margin: 5px; }
  .image-zone .dropzone {
    border: 2px dashed #537880;
    border-radius: 5px;
    cursor: pointer;
    background: #EBF4F3;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-height: 150px;
    width: 100%;
    color: #537880;
    line-height: 15px;
    overflow: hidden; }
    .image-zone .dropzone i {
      color: #2BBBB7; }
    .image-zone .dropzone .dz-preview {
      margin: -10px; }
      .image-zone .dropzone .dz-preview.dz-image-preview {
        background: none; }
  .image-zone .image-list-sortable {
    min-height: 160px;
    display: block;
    border: 5px solid #F0F9F8;
    margin: 0;
    line-height: 0;
    float: left; }
    .image-zone .image-list-sortable.over {
      border-color: #2BBBB7; }
    .image-zone .image-list-sortable.choose {
      width: 100%; }
    .image-zone .image-list-sortable > li {
      position: relative;
      line-height: 1em;
      padding: 0;
      margin: 0 0 5px 5px;
      background: no-repeat #f2f2f2 url(/assets/img/ring.gif) center; }
      .image-zone .image-list-sortable > li:last-child {
        margin-right: 0; }
      .image-zone .image-list-sortable > li .image {
        width: 150px;
        height: 150px;
        cursor: move;
        background-position: 0 0;
        background-size: 100% 100%;
        background-repeat: no-repeat; }
    .image-zone .image-list-sortable .options {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      padding: 10px;
      text-align: right;
      /* background: rgba(0,0,0,0.5); */ }

.input-wrap .image-zone {
  padding: 0; }
  .input-wrap .image-zone .image-list-sortable {
    border: 0;
    min-height: 150px; }

/* slick slider customizations*/
.slick-dots {
  bottom: 10px !important; }

.slick-dots li.slick-active button::before {
  color: #19B4B2 !important; }

.slick-dots li button::before {
  color: #FFF !important;
  opacity: 1 !important;
  font-size: 13px !important; }

/* generic lists widgets */
ul.generic-list {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul.generic-list li {
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
    -o-transition: font-size 0.3s ease, background-color 0.3s ease;
    -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
    transition: font-size 0.3s ease, background-color 0.3s ease;
    display: block;
    width: 100%;
    position: relative; }
    ul.generic-list li:hover {
      background: #f6f6f6; }
      ul.generic-list li:hover > a {
        font-size: 150%; }
  ul.generic-list li:last-child {
    border: none; }
  ul.generic-list li > a {
    text-decoration: none;
    color: #000000; }
  ul.generic-list li > a, ul.generic-list li > span {
    display: inline-block;
    min-width: 100px;
    font-weight: 400; }
    ul.generic-list li > a.id, ul.generic-list li > span.id {
      font-weight: 300; }
    ul.generic-list li > a.text, ul.generic-list li > span.text {
      min-width: 200px; }
    ul.generic-list li > a::last-child, ul.generic-list li > span::last-child {
      position: absolute;
      top: 2px;
      right: 2px; }

/* generic lists widgets */
.shadow-z-1 {
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24); }

/* -- Material Design Table style -------------- */
.material-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 2rem;
  background-color: #fff; }
  .material-table strong {
    font-weight: 400; }
  .material-table td.td-actions {
    padding-left: 0;
    padding-right: 0; }
  .material-table > thead > tr,
  .material-table > tbody > tr,
  .material-table > tfoot > tr {
    @transition (all .3s ease); }
    .material-table > thead > tr > th,
    .material-table > thead > tr > td,
    .material-table > tbody > tr > th,
    .material-table > tbody > tr > td,
    .material-table > tfoot > tr > th,
    .material-table > tfoot > tr > td {
      text-align: left;
      padding: 1.6rem;
      vertical-align: top;
      border-top: 0;
      @transition (all .3s ease); }
      .material-table > thead > tr > th > .avatar img,
      .material-table > thead > tr > td > .avatar img,
      .material-table > tbody > tr > th > .avatar img,
      .material-table > tbody > tr > td > .avatar img,
      .material-table > tfoot > tr > th > .avatar img,
      .material-table > tfoot > tr > td > .avatar img {
        max-width: 64px;
        max-height: 64px; }
  .material-table > thead > tr > th {
    font-weight: 400;
    color: #333;
    vertical-align: bottom;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  .material-table > caption + thead > tr:first-child > th,
  .material-table > caption + thead > tr:first-child > td,
  .material-table > colgroup + thead > tr:first-child > th,
  .material-table > colgroup + thead > tr:first-child > td,
  .material-table > thead:first-child > tr:first-child > th,
  .material-table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .material-table > tbody + tbody {
    border-top: 1px solid rgba(0, 0, 0, 0.12); }
  .material-table .material-table {
    background-color: #fff; }
  .material-table .no-border {
    border: 0; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 0.8rem; }

.table-bordered {
  border: 0; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 0;
    border-bottom: 1px solid #e0e0e0; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
.table-hover > tbody > tr.active > td,
.table-hover > tbody > tr.active > th,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #F0F9F8; }

.table-responsive-vertical img.avatar {
  max-width: 32px; }
@media screen and (max-width: 768px) {
  .table-responsive-vertical > .material-table {
    margin-bottom: 0;
    background-color: transparent; }
    .table-responsive-vertical > .material-table > thead,
    .table-responsive-vertical > .material-table > tfoot {
      display: none; }
    .table-responsive-vertical > .material-table > tbody {
      display: block; }
      .table-responsive-vertical > .material-table > tbody > tr {
        display: block;
        border: 1px solid #e0e0e0;
        border-radius: 2px;
        margin-bottom: 1.6rem; }
        .table-responsive-vertical > .material-table > tbody > tr.active + tr.active {
          margin-top: -1.6rem; }
          .table-responsive-vertical > .material-table > tbody > tr.active + tr.active > td {
            text-align: left; }
        .table-responsive-vertical > .material-table > tbody > tr > td {
          background-color: #fff;
          display: block;
          vertical-align: middle;
          text-align: right; }
        .table-responsive-vertical > .material-table > tbody > tr > td[data-title]:before {
          content: attr(data-title);
          float: left;
          font-size: inherit;
          font-weight: 400;
          color: #333; }
  .table-responsive-vertical.shadow-z-1 {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .table-responsive-vertical.shadow-z-1 > .material-table > tbody > tr {
      border: none;
      -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
      -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24); }
  .table-responsive-vertical > .table-bordered {
    border: 0; }
    .table-responsive-vertical > .table-bordered > tbody > tr > td {
      border: 0;
      border-bottom: 1px solid #e0e0e0; }
    .table-responsive-vertical > .table-bordered > tbody > tr > td:last-child {
      border-bottom: 0; }
  .table-responsive-vertical > .table-striped > tbody > tr > td,
  .table-responsive-vertical > .table-striped > tbody > tr:nth-child(odd) {
    background-color: #fff; }
  .table-responsive-vertical > .table-striped > tbody > tr > td:nth-child(odd) {
    background-color: #f5f5f5; }
  .table-responsive-vertical > .table-hover > tbody > tr.active > td,
  .table-responsive-vertical > .table-hover > tbody > tr.active,
  .table-responsive-vertical > .table-hover > tbody > tr.active:hover,
  .table-responsive-vertical > .table-hover > tbody > tr:hover > td,
  .table-responsive-vertical > .table-hover > tbody > tr:hover {
    background-color: #fff; }
  .table-responsive-vertical > .table-hover > tbody > tr > td:hover,
  .table-responsive-vertical > .table-hover > tbody > tr.active > td,
  .table-responsive-vertical > .table-hover > tbody > tr.active > td:hover {
    background-color: #F0F9F8; } }

.table-striped.table-mc-red > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-red > tbody > tr:nth-child(odd) > th {
  background-color: #fde0dc; }

.table-hover.table-mc-red > tbody > tr:hover > td,
.table-hover.table-mc-red > tbody > tr:hover > th {
  background-color: #f9bdbb; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-red > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td:nth-child(odd) {
    background-color: #fde0dc; }

  .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-red > tbody > tr > td:hover {
    background-color: #f9bdbb; } }
.table-striped.table-mc-pink > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-pink > tbody > tr:nth-child(odd) > th {
  background-color: #fce4ec; }

.table-hover.table-mc-pink > tbody > tr:hover > td,
.table-hover.table-mc-pink > tbody > tr:hover > th {
  background-color: #f8bbd0; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td:nth-child(odd) {
    background-color: #fce4ec; }

  .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr > td:hover {
    background-color: #f8bbd0; } }
.table-striped.table-mc-purple > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-purple > tbody > tr:nth-child(odd) > th {
  background-color: #f3e5f5; }

.table-hover.table-mc-purple > tbody > tr:hover > td,
.table-hover.table-mc-purple > tbody > tr:hover > th {
  background-color: #e1bee7; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td:nth-child(odd) {
    background-color: #f3e5f5; }

  .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr > td:hover {
    background-color: #e1bee7; } }
.table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > th {
  background-color: #ede7f6; }

.table-hover.table-mc-deep-purple > tbody > tr:hover > td,
.table-hover.table-mc-deep-purple > tbody > tr:hover > th {
  background-color: #d1c4e9; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td:nth-child(odd) {
    background-color: #ede7f6; }

  .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr > td:hover {
    background-color: #d1c4e9; } }
.table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > th {
  background-color: #e8eaf6; }

.table-hover.table-mc-indigo > tbody > tr:hover > td,
.table-hover.table-mc-indigo > tbody > tr:hover > th {
  background-color: #c5cae9; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td:nth-child(odd) {
    background-color: #e8eaf6; }

  .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr > td:hover {
    background-color: #c5cae9; } }
.table-striped.table-mc-blue > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-blue > tbody > tr:nth-child(odd) > th {
  background-color: #e7e9fd; }

.table-hover.table-mc-blue > tbody > tr:hover > td,
.table-hover.table-mc-blue > tbody > tr:hover > th {
  background-color: #d0d9ff; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td:nth-child(odd) {
    background-color: #e7e9fd; }

  .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr > td:hover {
    background-color: #d0d9ff; } }
.table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > th {
  background-color: #e1f5fe; }

.table-hover.table-mc-light-blue > tbody > tr:hover > td,
.table-hover.table-mc-light-blue > tbody > tr:hover > th {
  background-color: #b3e5fc; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td:nth-child(odd) {
    background-color: #e1f5fe; }

  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr > td:hover {
    background-color: #b3e5fc; } }
.table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > th {
  background-color: #e0f7fa; }

.table-hover.table-mc-cyan > tbody > tr:hover > td,
.table-hover.table-mc-cyan > tbody > tr:hover > th {
  background-color: #F0F9F8; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td:nth-child(odd) {
    background-color: #e0f7fa; }

  .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr > td:hover {
    background-color: #F0F9F8; } }
.table-striped.table-mc-teal > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-teal > tbody > tr:nth-child(odd) > th {
  background-color: #e0f2f1; }

.table-hover.table-mc-teal > tbody > tr:hover > td,
.table-hover.table-mc-teal > tbody > tr:hover > th {
  background-color: #b2dfdb; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td:nth-child(odd) {
    background-color: #e0f2f1; }

  .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr > td:hover {
    background-color: #b2dfdb; } }
.table-striped.table-mc-green > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-green > tbody > tr:nth-child(odd) > th {
  background-color: #d0f8ce; }

.table-hover.table-mc-green > tbody > tr:hover > td,
.table-hover.table-mc-green > tbody > tr:hover > th {
  background-color: #a3e9a4; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-green > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td:nth-child(odd) {
    background-color: #d0f8ce; }

  .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-green > tbody > tr > td:hover {
    background-color: #a3e9a4; } }
.table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > th {
  background-color: #f1f8e9; }

.table-hover.table-mc-light-green > tbody > tr:hover > td,
.table-hover.table-mc-light-green > tbody > tr:hover > th {
  background-color: #dcedc8; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td:nth-child(odd) {
    background-color: #f1f8e9; }

  .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr > td:hover {
    background-color: #dcedc8; } }
.table-striped.table-mc-lime > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-lime > tbody > tr:nth-child(odd) > th {
  background-color: #f9fbe7; }

.table-hover.table-mc-lime > tbody > tr:hover > td,
.table-hover.table-mc-lime > tbody > tr:hover > th {
  background-color: #f0f4c3; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td:nth-child(odd) {
    background-color: #f9fbe7; }

  .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr > td:hover {
    background-color: #f0f4c3; } }
.table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > th {
  background-color: #fffde7; }

.table-hover.table-mc-yellow > tbody > tr:hover > td,
.table-hover.table-mc-yellow > tbody > tr:hover > th {
  background-color: #fff9c4; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td:nth-child(odd) {
    background-color: #fffde7; }

  .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr > td:hover {
    background-color: #fff9c4; } }
.table-striped.table-mc-amber > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-amber > tbody > tr:nth-child(odd) > th {
  background-color: #fff8e1; }

.table-hover.table-mc-amber > tbody > tr:hover > td,
.table-hover.table-mc-amber > tbody > tr:hover > th {
  background-color: #ffecb3; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td:nth-child(odd) {
    background-color: #fff8e1; }

  .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr > td:hover {
    background-color: #ffecb3; } }
.table-striped.table-mc-orange > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-orange > tbody > tr:nth-child(odd) > th {
  background-color: #fff3e0; }

.table-hover.table-mc-orange > tbody > tr:hover > td,
.table-hover.table-mc-orange > tbody > tr:hover > th {
  background-color: #ffe0b2; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td:nth-child(odd) {
    background-color: #fff3e0; }

  .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr > td:hover {
    background-color: #ffe0b2; } }
.table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > th {
  background-color: #fbe9e7; }

.table-hover.table-mc-deep-orange > tbody > tr:hover > td,
.table-hover.table-mc-deep-orange > tbody > tr:hover > th {
  background-color: #ffccbc; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td:nth-child(odd) {
    background-color: #fbe9e7; }

  .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr > td:hover {
    background-color: #ffccbc; } }
/* foundation components styles */
.donor-container {
  background-color: #FFEC61;
  padding-top: 30px; }
  .donor-container .title {
    text-transform: uppercase;
    font-size: 12px; }
  .donor-container h1.description {
    font-weight: bold;
    font-size: 22.5px;
    line-height: 1.1;
    margin: 0;
    padding: 0; }
  .donor-container .row {
    display: flex; }
  .donor-container .col-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 20px; }
    .donor-container .col-button .btn-white {
      color: #58595B;
      padding: 13px 0px;
      font-size: 18px; }

@media (max-width: 993px) {
  .donor-container .row {
    display: block !important; } }
@media (max-width: 767px) {
  .donor-container .title {
    margin-top: 30px; }
  .donor-container .row {
    display: block !important; }
  .donor-container .col-button .btn-white {
    margin-top: 30px; } }
/* main slider component */
div.section.main-slider {
  position: relative; }
  div.section.main-slider .slider-main {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s; }
  div.section.main-slider .slider-main.slick-initialized {
    visibility: visible;
    opacity: 1; }
  div.section.main-slider .slider-main .item {
    display: none; }
  div.section.main-slider .slider-main .item:first-child {
    display: block;
    visibility: hidden; }
  div.section.main-slider .slider-main.slick-initialized .item {
    display: block;
    visibility: visible !important; }
  div.section.main-slider .slider.slider-main {
    opacity: 1; }
    div.section.main-slider .slider.slider-main .slick-slide img {
      display: block;
      width: 100%; }
    div.section.main-slider .slider.slider-main .custom-left-arrow {
      top: 34%;
      position: absolute;
      font-size: 75px;
      left: 0.7%;
      color: #FFFFFF;
      cursor: pointer;
      z-index: 1000; }
    div.section.main-slider .slider.slider-main .custom-right-arrow {
      top: 34%;
      position: absolute;
      font-size: 75px;
      right: 0.7%;
      color: #FFFFFF;
      cursor: pointer; }
  div.section.main-slider nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    margin: 20px 30px 20px 0; }
    div.section.main-slider nav li {
      margin-left: 20px;
      text-transform: uppercase; }
    div.section.main-slider nav li a {
      font-weight: bold;
      color: #FFFFFF; }
    div.section.main-slider nav .btn {
      font-weight: bold;
      border: none;
      padding: 12px; }
  div.section.main-slider div.main-info {
    position: absolute;
    bottom: 20%;
    z-index: 150;
    color: #FFFFFF;
    width: 100%; }
    div.section.main-slider div.main-info span.title {
      border: 1.7px solid rgba(255, 255, 255, 0.5);
      -moz-background-clip: padding;
      -o-background-clip: padding-box;
      -webkit-background-clip: padding;
      background-clip: padding-box;
      font-size: 15px;
      padding: 7px;
      text-transform: uppercase;
      font-weight: 600;
      text-shadow: 0.4px 0.4px #3A3A3A; }
    div.section.main-slider div.main-info div.description {
      margin: 20px 0;
      font-size: 37.5px;
      font-weight: bold;
      text-shadow: 0.5px 0.5px #3A3A3A;
      line-height: 1.1; }
    div.section.main-slider div.main-info .btn {
      text-transform: uppercase; }
    div.section.main-slider div.main-info img {
      filter: brightness(85%) contrast(80%); }
  div.section.main-slider .slick-slider {
    margin-bottom: 0; }
  div.section.main-slider .slick-slide img {
    filter: brightness(85%); }

@media (max-width: 993px) {
  div.section.main-slider div.main-info {
    margin-left: 15%; }
    div.section.main-slider div.main-info span.title {
      font-size: 12px; }
    div.section.main-slider div.main-info div.description {
      font-size: 21px; }
    div.section.main-slider div.main-info .btn-white {
      font-size: 12px !important; } }
@media (max-width: 767px) {
  div.section.main-slider div.main-info {
    margin-left: 20%;
    bottom: 18%; }
    div.section.main-slider div.main-info span.title {
      font-size: 12px !important; }
    div.section.main-slider div.main-info div.description {
      font-size: 16.5px !important;
      margin-bottom: 10px; }
    div.section.main-slider div.main-info .btn-white {
      font-size: 10.5px !important; } }
/* stories slider component */
.slider-stories, .slider-polaroid {
  visibility: hidden;
  opacity: 0;
  transition: opacity 1s; }

.slider-stories.slick-initialized, .slider-polaroid.slick-initialized {
  visibility: visible;
  opacity: 1; }

.slider-stories .item, .slider-polaroid .item {
  display: none; }

.slider-stories .item:first-child, .slider-polaroid .item:first-child {
  display: block;
  visibility: hidden; }

.slider-stories.slick-initialized .item, .slider-polaroid.slick-initialized .item {
  display: block;
  visibility: visible !important; }

.slider.slider-stories, .slider.slider-polaroid {
  opacity: 1; }
  .slider.slider-stories .slick-slide img, .slider.slider-polaroid .slick-slide img {
    display: block;
    width: 100%; }

.slider-stories {
  background-color: #FFFFFF;
  color: #3A3A3A; }
  .slider-stories .info-container {
    margin-left: 20px;
    max-width: calc(100% - 80px); }
  .slider-stories .type-container {
    margin-top: 60px; }
    .slider-stories .type-container .type-label {
      color: #FFFFFF;
      background-color: #A2AAAB;
      border: 1px solid #A2AAAB;
      font-size: 12px;
      padding: 7px;
      text-transform: uppercase;
      font-weight: bold; }
    .slider-stories .type-container .type {
      border: 1px solid #A2AAAB;
      font-size: 12px;
      padding: 7px;
      text-transform: uppercase;
      font-weight: bold; }
  .slider-stories .description {
    font-size: 21px;
    margin: 35px 0 10px 0;
    font-weight: bold; }
    .slider-stories .description .quote {
      width: 8.5%; }
    .slider-stories .description .text {
      width: 88%; }
  .slider-stories .author {
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #BCBCBC;
    clear: both;
    margin-left: 10%; }
  .slider-stories .custom-left-arrow {
    top: 45%;
    font-size: 60px;
    left: 50%;
    color: #BCBCBC;
    position: absolute;
    cursor: pointer;
    z-index: 1000; }
  .slider-stories .custom-right-arrow {
    top: 45%;
    font-size: 60px;
    right: 1.5%;
    color: #BCBCBC;
    position: absolute;
    cursor: pointer;
    z-index: 1000; }
  .slider-stories .slick-dots {
    right: 4%;
    width: 50%; }
    .slider-stories .slick-dots li.slick-active button::before {
      color: #3A3A3A !important; }
    .slider-stories .slick-dots li button::before {
      color: #BCBCBC !important;
      opacity: 1;
      font-size: 11px; }
  .slider-stories .slick-prev {
    left: 50%;
    z-index: 100; }
  .slider-stories .slick-next {
    right: 2%;
    z-index: 100; }
  .slider-stories .slick-prev:before {
    font-size: 25px;
    color: #BCBCBC; }
  .slider-stories .slick-next:before {
    font-size: 25px;
    color: #BCBCBC; }

.slider-polaroid .polaroid {
  background-color: #FFF;
  padding: 12px 10px 10px 10px;
  border: 1px solid #e9e7e7;
  filter: sepia(20%);
  box-shadow: 4px 3px 5px -3px #4D4D4D;
  display: inline-block;
  margin: 23px 30px 10px 30px;
  font-family: "Kalam", cursive;
  position: relative; }
  .slider-polaroid .polaroid .sphere {
    border-radius: 50%;
    width: 75px;
    height: 75px;
    background-color: #fff;
    box-shadow: 1px 3px 10px -3px #4d4d4d;
    margin-top: 20px;
    position: absolute;
    top: -40px;
    right: -30px; }
    .slider-polaroid .polaroid .sphere img {
      max-width: 57%;
      margin: 0 auto;
      padding-top: 21%; }
  .slider-polaroid .polaroid .title {
    font-size: 25.5px;
    padding-top: 25px;
    text-align: center; }
.slider-polaroid .subtitle {
  font-size: 25.5px;
  font-weight: bold;
  font-family: "Kalam", cursive;
  text-align: center; }
.slider-polaroid .slick-dots {
  right: 0;
  width: 100%;
  bottom: -25px !important; }
  .slider-polaroid .slick-dots li.slick-active button::before {
    color: #A65387 !important; }
  .slider-polaroid .slick-dots li button::before {
    color: #BCBCBC !important;
    opacity: 1;
    font-size: 11px; }

@media (max-width: 767px) {
  .slider-stories .info-container {
    max-width: 80%;
    margin-left: 10%;
    margin-bottom: 50px; }

  .slider-stories .slick-dots {
    left: 0 !important; }
  .slider-stories .slick-prev {
    left: 15px !important;
    top: 80% !important; }
  .slider-stories .slick-next {
    right: 15px !important;
    top: 80% !important; }

  .slider-stories .info-container {
    max-width: 80%;
    margin-left: 10%;
    margin-bottom: 50px; }

  .slider-stories .slick-dots {
    left: 0 !important; }
  .slider-stories .slick-prev {
    left: 15px !important;
    top: 80% !important; }
  .slider-stories .slick-next {
    right: 15px !important;
    top: 80% !important; }

  .slider-stories .custom-left-arrow {
    top: 60%;
    left: 3%; }

  .slider-stories .custom-right-arrow {
    top: 60%; }

  .slider-stories .slick-dots {
    width: 100%; }

  .slider-polaroid .polaroid {
    margin: 28px 40px 10px 40px; } }
div.goteo-values {
  background-color: #F2F9F8;
  padding-bottom: 10rem; }
  div.goteo-values h1, div.goteo-values h2 {
    font-weight: bold; }
  div.goteo-values div.footprint-tabs ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 0 50px 0; }
    div.goteo-values div.footprint-tabs ul li {
      margin: 5px;
      list-style: none; }
      div.goteo-values div.footprint-tabs ul li a {
        display: block;
        background: url("../img/home/footprint-bg-tab.png");
        border-radius: 5px;
        padding: 7px 5px 7px 40px;
        color: #FFFFFF;
        filter: grayscale(100%);
        width: 10rem;
        height: 4rem;
        background-size: cover;
        font-weight: bold;
        font-size: 2rem; }
        div.goteo-values div.footprint-tabs ul li a[data-footprint="1"] {
          background: url("../img/footprint/1.svg");
          background-size: cover; }
        div.goteo-values div.footprint-tabs ul li a[data-footprint="2"] {
          background: url("../img/footprint/2.svg");
          background-size: cover; }
        div.goteo-values div.footprint-tabs ul li a[data-footprint="3"] {
          background: url("../img/footprint/3.svg");
          background-size: cover; }
      div.goteo-values div.footprint-tabs ul li a.active {
        filter: grayscale(0%); }
  div.goteo-values div[id^="goteo-values-"] {
    display: grid;
    grid-template-columns: 60% 40%; }
    div.goteo-values div[id^="goteo-values-"]::before {
      content: none; }
  div.goteo-values div.footprint-briefing {
    border-right: 1px solid #E9EFEF;
    padding-left: 100px;
    padding-right: 50px;
    grid-row: 1 / span 1; }
    div.goteo-values div.footprint-briefing img.footprint {
      margin-left: -100px;
      position: absolute; }
    div.goteo-values div.footprint-briefing span.footprint-label {
      border: 1px solid #cad7d8;
      padding: 7px;
      text-transform: uppercase;
      font-weight: bold; }
    div.goteo-values div.footprint-briefing h3 {
      font-size: 1.4rem; }
    div.goteo-values div.footprint-briefing ul {
      display: flex;
      flex-wrap: wrap;
      margin: 0;
      padding: 0; }
      div.goteo-values div.footprint-briefing ul li {
        list-style: none;
        margin: 0 1px 1px 0; }
  div.goteo-values div.footprint-info {
    grid-row: 1 / span 2; }
  div.goteo-values div.footprint-action {
    padding: 2em 50px 2em 100px;
    grid-row: 2 / span 1;
    border-right: 1px solid #E9EFEF; }
    div.goteo-values div.footprint-action a {
      color: #53787D;
      text-transform: uppercase; }
  div.goteo-values .slider {
    margin-bottom: 1rem; }
    div.goteo-values .slider .slick-arrow {
      position: absolute;
      background-color: #FFF;
      z-index: 10;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      text-align: center;
      color: #56A7A4;
      top: 105px;
      margin-left: -20px;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      line-height: 0;
      font-size: 4rem; }
      div.goteo-values .slider .slick-arrow.custom-left-arrow span {
        margin-left: -5px; }
      div.goteo-values .slider .slick-arrow.custom-right-arrow {
        right: 0;
        margin-right: -20px;
        padding-left: 5px; }
  div.goteo-values .slider-footprint-data {
    background: #FFF;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin-left: 30px;
    margin-right: 10px; }
    div.goteo-values .slider-footprint-data img {
      float: left;
      margin-right: 1rem;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      width: 100%; }
    div.goteo-values .slider-footprint-data div.footprint-data-info h2, div.goteo-values .slider-footprint-data div.footprint-data-info h3 {
      font-size: 1.6rem;
      color: #74AA5F; }
    div.goteo-values .slider-footprint-data div.footprint-data-info h2 {
      margin-top: 5rem; }
    div.goteo-values .slider-footprint-data div.footprint-data-info h3 {
      margin: 1rem 0;
      text-transform: uppercase; }
      div.goteo-values .slider-footprint-data div.footprint-data-info h3 span {
        font-size: 4rem;
        font-weight: bold; }
    div.goteo-values .slider-footprint-data div.footprint-data-info p {
      margin: 0 2rem 10px 0; }
  div.goteo-values .slider-footprint-projects {
    margin-left: 30px;
    margin-right: 10px; }
    div.goteo-values .slider-footprint-projects div.footprint-project {
      display: flex;
      flex-direction: column;
      height: 255px; }
      div.goteo-values .slider-footprint-projects div.footprint-project img.bg-project {
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        filter: grayscale(0%); }
        div.goteo-values .slider-footprint-projects div.footprint-project img.bg-project[data-footprint="1"] {
          filter: sepia(100%) saturate(100%) brightness(80%) hue-rotate(80deg); }
        div.goteo-values .slider-footprint-projects div.footprint-project img.bg-project[data-footprint="2"] {
          filter: sepia(100%) saturate(100%) brightness(80%) hue-rotate(300deg); }
        div.goteo-values .slider-footprint-projects div.footprint-project img.bg-project[data-footprint="3"] {
          filter: sepia(100%) saturate(100%) brightness(80%) hue-rotate(160deg); }
      div.goteo-values .slider-footprint-projects div.footprint-project div.project-footprint {
        flex-grow: 1; }
      div.goteo-values .slider-footprint-projects div.footprint-project img.footprint {
        margin: 2rem; }
      div.goteo-values .slider-footprint-projects div.footprint-project h2 {
        width: 250px;
        padding-left: 2rem;
        font-size: 2.4rem;
        line-height: 1.2; }
        div.goteo-values .slider-footprint-projects div.footprint-project h2 a {
          color: #FFFFFF; }
      div.goteo-values .slider-footprint-projects div.footprint-project p {
        font-size: 1.4rem;
        color: #FFFFFF;
        padding-left: 2rem; }
        div.goteo-values .slider-footprint-projects div.footprint-project p a {
          color: #FFFFFF; }

@media (max-width: 767px) {
  div.goteo-values div[id^="goteo-values-"] {
    display: flex;
    flex-direction: column; }
  div.goteo-values div.footprint-briefing {
    border: 0;
    border-bottom: 1px solid #E9EFEF;
    margin-bottom: 3rem;
    padding-left: 10px;
    padding-right: 10px; }
    div.goteo-values div.footprint-briefing ul {
      margin-bottom: 2em; }
  div.goteo-values div.footprint-action {
    border: 0;
    padding: 2em 1em; }
  div.goteo-values .slider-footprint-data {
    margin-left: 20px;
    margin-right: 20px; }
    div.goteo-values .slider-footprint-data img {
      width: 100%;
      height: 300px; }
    div.goteo-values .slider-footprint-data h2 {
      margin-top: 3rem; }
  div.goteo-values .slider-footprint-projects {
    margin-left: 20px;
    margin-right: 20px; } }
/* workshops component */
div.workshops {
  padding-bottom: 40px; }
  div.workshops h2.title {
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px; }
  div.workshops .custom-left-arrow {
    top: 25%;
    font-size: 60px;
    left: -3%;
    color: #BCBCBC;
    position: absolute;
    cursor: pointer;
    z-index: 1000; }
  div.workshops .custom-right-arrow {
    top: 25%;
    font-size: 60px;
    right: 1.5%;
    color: #BCBCBC;
    position: absolute;
    cursor: pointer;
    z-index: 1000; }
  div.workshops .workshop-item {
    text-align: center; }
    div.workshops .workshop-item .date {
      background-color: #A65387;
      border-radius: 10px;
      text-align: center;
      width: 130px;
      margin: 0 auto; }
      div.workshops .workshop-item .date a {
        padding: 20px;
        color: #FFFFFF;
        display: block; }
      div.workshops .workshop-item .date .day {
        font-weight: bold;
        font-size: 48px;
        line-height: 0.9; }
      div.workshops .workshop-item .date .month {
        text-transform: uppercase;
        font-size: 18px;
        margin-top: 5px; }
      div.workshops .workshop-item .date .year {
        font-size: 18px;
        line-height: 1; }
    div.workshops .workshop-item .title {
      font-weight: bold;
      text-transform: uppercase;
      margin-top: 15px; }
      div.workshops .workshop-item .title .a-unstyled {
        color: #3a3a3a !important; }
    div.workshops .workshop-item .subtitle {
      margin-top: 10px;
      font-weight: lighter; }

.section.data-sets {
  padding: 30px 0px !important; }
  .section.data-sets .container .dataset_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-column-gap: 1em; }
    .section.data-sets .container .dataset_list .item {
      margin: 0px 0px 20px 0px;
      display: flex; }
      .section.data-sets .container .dataset_list .item .content {
        display: grid;
        width: 100%;
        padding: 1em;
        border: 1px solid #06566D; }
        .section.data-sets .container .dataset_list .item .content .title {
          font-size: 19.5px;
          border-bottom: 1px solid #06566D;
          padding-bottom: 10px; }
        .section.data-sets .container .dataset_list .item .content .type {
          color: #15AE98;
          font-weight: 500;
          font-size: 22.5px;
          margin-top: 0px; }
        .section.data-sets .container .dataset_list .item .content .description {
          max-width: 70%;
          float: left;
          font-weight: 400; }
        .section.data-sets .container .dataset_list .item .content .date-info span {
          font-weight: bold; }
        .section.data-sets .container .dataset_list .item .content .btn {
          margin-top: 14px;
          color: #06566D;
          border: 1px solid #06566D;
          font-weight: bold; }
          .section.data-sets .container .dataset_list .item .content .btn .icon {
            background-color: #06566D; }

.announcement {
  background-color: #A65387;
  color: #FFFFFF;
  display: none; }
  .announcement h1 {
    text-wrap: pretty; }
  .announcement p {
    text-wrap: balance; }
  .announcement button.close {
    position: relative;
    top: 1em;
    right: 1em;
    z-index: 1;
    opacity: 0.8;
    color: #FFFFFF; }
  .announcement .container {
    margin-top: 1em;
    margin-bottom: 1em; }
    .announcement .container .row {
      display: flex; }
      @media (max-width: 768px) {
        .announcement .container .row {
          display: block; } }
    .announcement .container .cta {
      margin: auto; }
    .announcement .container .grid-donation {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1em; }

/* GENERAL STYLES */
a:focus {
  outline: none; }

a::-moz-focus-inner {
  border: 0; }

.animated {
  -moz-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s; }

blockquote {
  font-size: inherit; }

@keyframes loading-bar {
  from {
    width: 0%; }
  to {
    width: 100%; } }
@keyframes loading-bar-padding {
  from {
    width: 0%; }
  to {
    width: calc(100% - 30px); } }
.loading-container, .pronto-loading {
  position: relative; }
  .loading-container::before, .pronto-loading::before {
    z-index: 1000;
    width: 30px;
    height: 30px;
    position: absolute;
    content: '';
    top: -10px;
    left: 0;
    border-top: 2px solid #2BBBB7;
    background: url(../img/ring.gif) no-repeat left;
    background-size: contain;
    -moz-animation-name: loading-bar;
    -webkit-animation-name: loading-bar;
    animation-name: loading-bar;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .loading-container.pronto-loading::before, .pronto-loading.pronto-loading::before {
    left: 15px;
    -moz-animation-name: loading-bar-padding;
    -webkit-animation-name: loading-bar-padding;
    animation-name: loading-bar-padding; }

.spacer {
  margin-top: 40px; }

.spacer-20 {
  margin-top: 20px; }

.padding-20 {
  padding-top: 20px; }

.spacer-5 {
  margin-top: 5px; }

.spacer-10 {
  margin-top: 10px !important; }

.spacer-bottom {
  margin-bottom: 40px; }

.spacer-bottom-20 {
  margin-bottom: 20px; }

.spacer-bottom-5 {
  margin-bottom: 5px; }

.spacer-bottom-10 {
  margin-bottom: 10px !important; }

.cursor-pointer {
  cursor: pointer; }

.text-left-important {
  text-align: left !important; }

.align-center-margin {
  margin: 0 auto; }

.panel-heading {
  cursor: pointer; }

.clear-both {
  clear: both !important; }

.no-margin {
  margin: 0 !important; }

.no-padding {
  padding: 0 !important; }

.margin-left-2 {
  margin-left: 2%; }

.margin-top-7 {
  margin-top: 7.5%; }

.padding-bottom-6 {
  padding-bottom: 6%; }

.padding-bottom-2 {
  padding-bottom: 2%; }

.text-bold {
  font-weight: bold; }

.text-font-normal {
  font-weight: normal; }

.label-img {
  vertical-align: top; }

.standard-margin-top {
  margin-top: 3%; }

.panel-form {
  margin: 0px auto;
  max-width: 375px; }

.panel-form-wide {
  margin: 0px auto;
  max-width: 750px; }

@media (max-width: 767px) {
  i.visible-xs {
    display: inline-block !important; } }

.footable-toggle {
  cursor: pointer; }

div.tooltip-inner {
  max-width: 100% !important; }

a.expand-link {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer; }

.uppercase {
  text-transform: uppercase; }

ul.project-filters {
  margin: 20px 0; }
  ul.project-filters li {
    font-weight: bold;
    padding: 5px 15px;
    cursor: pointer;
    color: #3A3A3A; }
    ul.project-filters li a {
      color: #3A3A3A; }
    ul.project-filters li.active {
      background-color: #19B4B2;
      border-radius: 5px;
      color: #FFFFFF !important; }
      ul.project-filters li.active a {
        color: #FFFFFF !important; }
    ul.project-filters li.matchfunding, ul.project-filters li.matchfunding a {
      color: #A63C98; }

ul.comma-list {
  display: inline;
  list-style: none;
  padding: 0px; }
  ul.comma-list li {
    display: inline; }
    ul.comma-list li:not(:last-child)::after {
      content: ","; }

.d3-chart {
  font-size: 16px; }
  .d3-chart.auto-enlarge {
    cursor: pointer;
    transition: all 0.5s ease;
    width: 100%; }
    .d3-chart.auto-enlarge > svg {
      max-width: 300px; }
  .d3-chart .legend rect {
    fill: white;
    opacity: 0.4; }
  .d3-chart path.slice {
    transition: fill-opacity .4s ease; }
  .d3-chart .slice-label {
    text-shadow: 1px 1px 2px #666;
    cursor: pointer; }

.d3-chart-wide {
  width: 100%; }
  .d3-chart-wide .d3-chart.auto-enlarge {
    font-size: 10px;
    transition: all 0.5s ease; }
    .d3-chart-wide .d3-chart.auto-enlarge > svg {
      max-width: 100%; }

/* Original RAW CSS
 ... to be organized and split in smaller scss
 */
/* Nav pills colors */
.nav-pills > li.active > a {
  background-color: #CD5EB3; }
  .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #CD5EB3; }

.avatar-link {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.avatar-arrow {
  margin-top: 7px; }

.avatar-radius {
  border-radius: 5px; }

.reminder {
  padding: 0;
  margin-top: 0;
  margin-bottom: 1em;
  color: #58595B; }
  .reminder .level-1 {
    font-size: 18px; }
  .reminder .level-2 {
    font-size: 15px;
    color: #B2B0B1; }
  .reminder .amount-reminder {
    color: #96238F;
    font-size: 20px;
    font-weight: bold;
    margin-left: 5px; }
  .reminder .level-2 a, .reminder .level-1 a {
    color: #96238F; }

.no-register {
  background-color: #E5F3F4;
  border-radius: 10px;
  padding: 1em; }

.invest-container {
  max-width: 800px;
  margin: 0 auto; }
  .invest-container div.pool-conditions {
    margin-bottom: 40px;
    color: #B3B2B2; }
    .invest-container div.pool-conditions a {
      color: #B3B2B2;
      text-decoration: underline;
      font-weight: bold; }

.label-method {
  padding-top: 10px;
  background-color: #E5F3F4;
  border-radius: 10px;
  font-weight: normal;
  color: #58595B;
  height: auto;
  width: 100% !important; }

label.label-method:hover, label.method-choosen {
  cursor: pointer;
  cursor: hand;
  background-color: #2cb2b2;
  font-weight: bold;
  color: #FFFFFF !important; }
label.label-disabled {
  pointer-events: none;
  opacity: 0.5; }

.check-method:checked + label {
  color: red;
  font-style: normal; }

.pool-info {
  margin-left: 15px;
  background-color: #FFFFFF;
  font-size: 12px;
  padding: 13px 13px 13px 0px;
  border-radius: 7px; }

.confirm-checkbox {
  margin-top: 4px; }

.pay-method {
  text-align: center;
  padding-right: 7px;
  padding-left: 7px; }
  .pay-method:first-child {
    padding-left: 15px; }
  .pay-method:last-child {
    padding-right: 15px; }

.invest-button {
  margin-top: 20px; }

.img-method {
  display: block;
  max-width: 100%;
  height: auto;
  padding: 4% 10% 10%; }

.method-caption {
  background-color: #FFFFFF;
  border-radius: 10px; }

.pay-methods {
  margin-bottom: 1.6%; }

.make-sure {
  max-width: 600px;
  margin: 0 auto; }

.share {
  max-width: 650px;
  margin: 0 auto; }

h4.embed-code {
  background: url("/view/css/social/embed.png") no-repeat scroll 0% 0% transparent;
  min-height: 20px;
  text-transform: uppercase;
  padding: 3px 0px 0px 25px;
  font-size: 15px; }

textarea.widget-code {
  width: 250px;
  height: 130px; }

.margin-bottom-4 {
  margin-bottom: 4%; }

.text-decoration-none {
  text-decoration: none !important; }

.container-input-amount {
  padding-top: 3.5px;
  margin-top: 2.5px; }

.display-none {
  display: none; }

.display-none-important {
  display: none !important; }

#amount-container {
  background-color: #FFFFFF;
  margin-top: 10px;
  padding: 2% 0; }

hr.share, hr.make-sure {
  margin: 8%; }

/*Form Wizard*/
/*END Form Wizard*/
/* End steps bar */
/* Forms checkboxs */
.no-margin-checkbox {
  margin-top: 0px !important; }

.label-checkbox {
  font-size: 0.9em;
  margin: 0; }

/* Project info bar */
div.jumbotron {
  margin-bottom: 40px; }
  div.jumbotron.project-info {
    background: none repeat scroll 0% 0% #FAF8F8;
    padding-top: 20px;
    padding-bottom: 20px; }
  div.jumbotron .project-name {
    padding-top: 0;
    margin-top: 0;
    font-weight: bold;
    font-size: 2em;
    text-transform: uppercase;
    margin-bottom: 5px; }
    div.jumbotron .project-name a {
      color: #58595B !important; }
      div.jumbotron .project-name a:hover {
        text-decoration: none; }
  div.jumbotron .project-subtitle {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 5px; }
  div.jumbotron .project-owner {
    font-size: 12px !important; }
    div.jumbotron .project-owner a {
      color: #20B3B2 !important;
      font-weight: 400;
      font-size: 12px !important;
      text-decoration: none; }
  div.jumbotron .project-tags {
    margin-left: 18px;
    font-size: 12px; }
    div.jumbotron .project-tags a {
      text-decoration: none;
      font-size: 12px;
      color: #58595B; }
    div.jumbotron .project-tags:before {
      content: "";
      display: block;
      width: 13px;
      height: 13px;
      float: left;
      margin-right: 6px;
      background: url("/view/css/tags.png") no-repeat scroll 0px 0 13px transparent; }
div.create-form {
  /*background-color:#FFF;*/
  margin-top: 50px;
  padding-bottom: 30px;
  margin-bottom: 50px;
  font-size: 18px; }
  div.create-form h1 {
    font-size: 36px;
    font-weight: 700;
    color: #149290;
    margin-top: 60px; }

/* Create project form */
form.create-project-form div.form-group {
  opacity: 0.3;
  padding-top: 70px; }
  form.create-project-form div.form-group.active {
    opacity: 1; }
form.create-project-form div#calculated-msg {
  display: none; }
form.create-project-form label.category {
  margin-top: 30px;
  cursor: pointer;
  font-weight: normal; }
form.create-project-form .datepicker {
  border-radius: 10px;
  padding: 15px 5px;
  margin-top: 15px;
  background-color: #FFFFFF; }
form.create-project-form .bootstrap-datetimepicker-widget table td.active {
  background-color: #CD5EB3 !important; }
form.create-project-form .bootstrap-datetimepicker-widget table td:hover {
  /*background-color: $background-white;*/ }
form.create-project-form .bootstrap-datetimepicker-widget .picker-switch {
  text-transform: uppercase; }
form.create-project-form .bootstrap-datetimepicker-widget .glyphicon {
  color: #149290; }
form.create-project-form table thead tr:first-child th:hover {
  background: #FFF !important; }
form.create-project-form .bootstrap-datetimepicker-widget table td span.active {
  background-color: #CD5EB3 !important; }
form.create-project-form input {
  outline: 0 !important;
  border-width: 0 0 2px 0 !important;
  border-color: #CD5EB3 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 20px;
  background-color: transparent !important; }
  form.create-project-form input.minimum {
    display: inline; }
form.create-project-form button.pink, form.create-project-form .btn-pink {
  font-size: 1em;
  margin-top: 25px; }
form.create-project-form select {
  display: block; }
form.create-project-form .alert {
  margin-top: 30px;
  display: none; }
  form.create-project-form .alert strong {
    font-size: 24px; }
form.create-project-form input:focus {
  border-color: #CD5EB3 !important; }
form.create-project-form div.investors {
  font-size: 25px;
  display: inline;
  margin-left: 20px;
  display: none;
  margin-top: 25px; }
form.create-project-form label.terms {
  font-size: 14px;
  font-weight: normal; }
form.create-project-form button#create-continue, form.create-project-form button#create-continue-impact {
  font-size: 18px; }

@media (min-width: 992px) {
  .clear-both-md {
    clear: both !important; } }
@media (min-width: 768px) {
  .row-form {
    padding-top: 40px;
    padding-bottom: 60px; }

  .no-padding {
    padding: 0; } }
@media (min-height: 850px) {
  /*.footer{
          position: fixed;
          bottom:0;
      }*/ }
@media (max-width: 767px) {
  .clear-both-xs {
    clear: both !important; }

  .sm-display-none {
    display: none; }

  .margin-2 {
    margin: 2%; }

  .label-method:hover, label.method-choosen {
    font-weight: normal !important; }

  input.big-checkbox {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3); }

  div.story {
    margin-top: 30px; }
  div.jumbotron.calculator-header h2 {
    font-size: 3em !important; }
  div.jumbotron.calculator-header h3.slogan-2 {
    font-size: 2em !important; }
  div.user-pool-info div.pool-conditions {
    margin-bottom: 5px; }
  div.padding-sm {
    padding: 0 15px !important; } }
@media (min-width: 480px) and (max-width: 600px) {
  .label-method {
    font-size: 0.75em !important; } }
@media (max-width: 968px) {
  div.story {
    margin-top: 30px;
    max-width: 360px; } }
@media (min-width: 480px) and (max-width: 600px) {
  .label-method {
    font-size: 0.75em !important; }

  div.jumbotron.calculator-header h2 {
    font-size: 3em !important; }
  div.jumbotron.calculator-header h3.slogan-2 {
    font-size: 2em !important; } }
@media (max-width: 480px) {
  div.jumbotron.calculator-header div.banner {
    background-image: url("/assets/img/calculator/header_banner_xs.jpg") !important;
    height: 308px !important; }
  div.jumbotron.calculator-header h2 {
    font-size: 2.3em !important; }
  div.jumbotron.calculator-header h3.slogan-2 {
    font-size: 1.3em !important; } }
/* Relief calculator landing */
span.input-group-addon.symbol {
  color: #7B7B7B;
  font-size: 1.7em; }

div.calculator div.row.select-amount {
  margin-top: 20px;
  margin-bottom: 30px; }
div.calculator select.type {
  height: 40px !important;
  font-size: 1.4em;
  color: #218587;
  text-align: center;
  padding: 0 12px; }
div.calculator option:not(:checked) {
  background-color: #218587;
  color: #FFFFFF; }
div.calculator option:hover {
  background-color: #000;
  color: #FFFFFF; }
div.calculator button.calculate {
  background-color: #14AE84;
  font-size: 1.2em;
  color: #FFFFFF;
  font-weight: bold; }
div.calculator button.donor {
  background-color: #CD5EB3;
  font-size: 1.2em;
  color: #FFFFFF;
  font-weight: bold; }
div.stories button.donor {
  background-color: #CD5EB3;
  font-size: 1.2em;
  color: #FFFFFF;
  font-weight: bold; }
div.calculator div.show-taxes-calculate {
  background-color: #FFFFFF;
  margin-top: 20px;
  margin-bottom: 50px;
  border-radius: 10px; }
  div.calculator div.show-taxes-calculate h2 {
    color: #7b7b7b;
    font-size: 2.3em;
    font-weight: bold;
    padding-top: 30px;
    margin-top: 0; }
div.calculator div.relief-amount {
  color: #7b7b7b;
  font-size: 4em;
  font-weight: bold; }
div.calculator div.show-taxes-calculate hr {
  width: 90%; }
  div.calculator div.show-taxes-calculate hr.down {
    margin-bottom: 10px !important; }
div.calculator div.show-taxes-calculate div.legal-regions {
  padding: 0 4.1%; }
div.calculator div.show-taxes-calculate .more-info {
  padding-bottom: 10px;
  color: #BB4CAD;
  font-weight: bold;
  font-size: 1.1em;
  cursor: pointer; }
div.container-more-info {
  text-align: left;
  clear: both;
  padding: 0;
  margin-bottom: 50px;
  color: #75787F; }
  div.container-more-info p {
    font-size: 0.8em; }
  div.container-more-info hr {
    border-color: #B3B2B2; }
div.stories {
  background-color: #FFFFFF;
  margin-bottom: 50px; }

h4.stories-title {
  color: #B3B2B2;
  font-size: 22px;
  margin-top: 25px;
  font-weight: bold; }

div.story h2 {
  color: #218587;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 5px; }
div.stories div.row.stories {
  margin-bottom: 25px; }
div.story div.review {
  color: #B3B2B2;
  padding: 15px 0; }
div.story div.author {
  color: #7B7B7B;
  font-weight: bold; }
  div.story div.author a {
    color: #7B7B7B;
    font-weight: bold; }
div.show-taxes-calculate h3 {
  color: #B3B2B2;
  font-size: 2em;
  font-weight: bold;
  margin-top: 5px; }
div.show-taxes-calculate div.explain {
  font-size: 1.2em;
  margin-bottom: 15px; }
div.show-taxes-calculate div.container-donor-button-reminder {
  margin-bottom: 25px; }
div.container-donor-button-projects {
  margin-bottom: 25px; }
div.container.target {
  margin-bottom: 50px;
  font-family: "Roboto", sans-serif; }
  div.container.target div.title {
    font-size: 2em;
    color: #218587;
    font-weight: bold; }
  div.container.target div.description {
    padding-top: 15px;
    font-size: 1.2em;
    color: #75787F; }

/* General responsive media queries */
@media (min-width: 1401px) {
  .visible-up-1400 {
    display: block !important; } }
@media (min-width: 1051px) and (max-width: 1400px) {
  .visible-1051-1400 {
    display: block !important; } }
/* Ipad horizontal resolution */
@media (min-width: 900px) and (max-width: 1050px) {
  .visible-900-1050 {
    display: block !important; } }
/* Ipad vertical resolution */
@media (min-width: 768px) and (max-width: 1050px) {
  .visible-768-1050 {
    display: block !important; } }
html, body {
  height: 100%; }

body {
  background-color: #E8ECEC;
  font-family: "Roboto", sans-serif;
  color: #3A3A3A;
  margin-bottom: 0;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column; }
  body .page-wrap {
    flex: 1 0 auto; }
  body.has-sidebar .page-wrap {
    display: flex; }
    body.has-sidebar .page-wrap #sidebar-menu {
      -webkit-flex: 1;
      flex: 1;
      padding: 0;
      margin: 0;
      width: 0;
      background-color: transparent; }
      body.has-sidebar .page-wrap #sidebar-menu .sidebar-wrap {
        position: relative;
        overflow-x: hidden;
        width: 0;
        min-height: 100%; }
    body.has-sidebar .page-wrap #main {
      width: 100%; }
    @media (min-width: 768px) {
      body.has-sidebar .page-wrap #sidebar-menu {
        width: 240px;
        background-color: rgba(0, 0, 0, 0.2); }
        body.has-sidebar .page-wrap #sidebar-menu .sidebar-wrap {
          width: 100%; }
      body.has-sidebar .page-wrap #main {
        width: 80%;
        width: calc(100% - 240px); } }
    @media (max-width: 767px) {
      body.has-sidebar .page-wrap #sidebar-menu {
        position: fixed;
        top: 0;
        height: 100%;
        -webkit-flex: 0;
        flex: 0;
        z-index: 1001;
        overflow: auto; } }
  body.sidebar-opened .page-wrap #sidebar-menu {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2); }
    body.sidebar-opened .page-wrap #sidebar-menu .sidebar-wrap {
      width: 240px; }
  @media (min-width: 768px) {
    body.sidebar-opened .page-wrap #main {
      width: 80%; } }
  body.sidebar-opened .page-wrap #sidebar-menu-toggle {
    left: 240px; }
    body.sidebar-opened .page-wrap #sidebar-menu-toggle.affix-top {
      position: fixed;
      top: 70px; }
    body.sidebar-opened .page-wrap #sidebar-menu-toggle.affix {
      position: fixed;
      top: 70px; }
    body.sidebar-opened .page-wrap #sidebar-menu-toggle i.fa-angle-double-right {
      display: none; }
    body.sidebar-opened .page-wrap #sidebar-menu-toggle i.fa-angle-double-left {
      display: block; }
@-moz-keyframes blink {
  0% {
    opacity: 1;
    color: #FFFFFF; }
  10% {
    opacity: 0.8;
    color: #2BBBB7; }
  20% {
    opacity: 1;
    color: #FFFFFF; }
  100% {
    opacity: 1;
    color: #FFFFFF; } }
@-webkit-keyframes blink {
  0% {
    opacity: 1;
    color: #FFFFFF; }
  10% {
    opacity: 0.8;
    color: #2BBBB7; }
  20% {
    opacity: 1;
    color: #FFFFFF; }
  100% {
    opacity: 1;
    color: #FFFFFF; } }
@keyframes blink {
  0% {
    opacity: 1;
    color: #FFFFFF; }
  10% {
    opacity: 0.8;
    color: #2BBBB7; }
  20% {
    opacity: 1;
    color: #FFFFFF; }
  100% {
    opacity: 1;
    color: #FFFFFF; } }
  body #sidebar-menu-toggle {
    position: fixed;
    top: 70px;
    left: 0;
    z-index: 1001;
    background-color: #2C2C2C;
    color: #FFFFFF;
    font-size: 30px;
    padding: 30px 10px;
    box-shadow: 6px 0px 6px 0px rgba(0, 0, 0, 0.3);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer; }
    body #sidebar-menu-toggle.affix-top {
      position: absolute;
      top: 70px; }
    body #sidebar-menu-toggle.affix {
      position: fixed;
      top: 0; }
    body #sidebar-menu-toggle i {
      -moz-animation: blink 8s linear 1s 3;
      -webkit-animation: blink 8s linear 1s 3;
      animation: blink 8s linear 1s 3; }
      body #sidebar-menu-toggle i.fa-angle-double-right {
        display: block; }
      body #sidebar-menu-toggle i.fa-angle-double-left {
        display: none; }
  @media (min-width: 480px) {
    body .row.table-row {
      display: table;
      margin-bottom: 20px;
      width: 100%; }
      body .row.table-row div[class^='col-'], body .row.table-row div[class*=' col-'] {
        float: none;
        display: table-cell; }
        body .row.table-row div[class^='col-'].align-bottom, body .row.table-row div[class*=' col-'].align-bottom {
          vertical-align: bottom; } }

.navbar-toggle {
  background-color: #19B4B2; }
  .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
    height: 5px !important;
    width: 30px !important; }

.top-navbar {
  background-color: #19B4B2;
  min-height: 55px;
  /* .top-navbar variations */ }
  .top-navbar > .container {
    position: relative; }
  .top-navbar.navbar-default {
    border: none; }
    .top-navbar.navbar-default .navbar-nav > li > a {
      color: #FFFFFF; }
      .top-navbar.navbar-default .navbar-nav > li > a > .open > a {
        color: #4D4D4D; }
  .top-navbar.navbar {
    border-radius: 0px; }
  .top-navbar .navbar-header {
    float: left; }
  .top-navbar .navbar-always {
    float: right;
    height: 55px; }
    .top-navbar .navbar-always::after {
      display: block;
      content: '';
      clear: both; }
    .top-navbar .navbar-always .main-menu .show-menu {
      display: inline-block; }
    .top-navbar .navbar-always .main-menu .close-menu {
      display: none;
      margin: 0px -23px 0 0;
      padding: 13px 30px 0 15px;
      background: #FFFFFF; }
      .top-navbar .navbar-always .main-menu .close-menu .icon {
        background: #2BBBB7;
        margin-top: -6px; }
    .top-navbar .navbar-always .main-menu.active {
      padding: 0; }
      .top-navbar .navbar-always .main-menu.active .show-menu {
        display: none; }
      .top-navbar .navbar-always .main-menu.active .close-menu {
        display: inline-block; }
    .top-navbar .navbar-always > a, .top-navbar .navbar-always > button {
      min-width: 55px;
      height: 55px;
      line-height: 32px;
      outline: 0;
      text-align: center;
      display: inline-block;
      padding: 12px 6px;
      margin: 0;
      vertical-align: top;
      border: none;
      background: transparent;
      color: #FFFFFF; }
      .top-navbar .navbar-always > a img, .top-navbar .navbar-always > button img {
        max-width: 32px;
        vertical-align: text-bottom;
        border: 2px solid #FFFFFF; }
      .top-navbar .navbar-always > a i.fa, .top-navbar .navbar-always > button i.fa {
        font-size: 32px; }
      .top-navbar .navbar-always > a i.icon, .top-navbar .navbar-always > button i.icon {
        background: #FFFFFF;
        width: 32px;
        height: 32px; }
    .top-navbar .navbar-always > button {
      line-height: 43px; }
  .top-navbar div.powered {
    float: right;
    color: white;
    padding: 18px 10px 20px 50px;
    border-left: 1px solid #e4e4e4; }
    .top-navbar div.powered img {
      margin-left: 10px;
      vertical-align: text-bottom; }
  .top-navbar .top-menu {
    position: absolute;
    top: 55px;
    right: 0;
    min-width: 300px;
    background: #FFFFFF;
    display: none;
    z-index: 1100; }
    @media (min-width: 768px) {
      .top-navbar .top-menu {
        box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.3); } }
    .top-navbar .top-menu.active {
      display: block; }
    @media (max-width: 767px) {
      .top-navbar .top-menu .nav.bottom {
        position: absolute;
        width: 100%;
        bottom: 0; } }
    .top-navbar .top-menu .nav.submenu {
      display: none;
      position: absolute;
      left: -300px;
      width: 100%;
      top: 0;
      background: #FFFFFF;
      z-index: 1101; }
      .top-navbar .top-menu .nav.submenu.active {
        display: block; }
      @media (min-width: 768px) {
        .top-navbar .top-menu .nav.submenu {
          box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3); } }
      @media (max-width: 767px) {
        .top-navbar .top-menu .nav.submenu {
          position: fixed;
          left: 0;
          top: 55px;
          height: 100%; } }
      .top-navbar .top-menu .nav.submenu li a.back {
        font-weight: bold; }
    @media (min-width: 768px) {
      .top-navbar .top-menu .nav li:first-child a {
        border-top: none; } }
    .top-navbar .top-menu .nav li.ident {
      padding-left: 24px; }
      .top-navbar .top-menu .nav li.ident a {
        border-top: none; }
    .top-navbar .top-menu .nav li img {
      border-radius: 50%;
      width: 30px;
      height: 30px; }
    .top-navbar .top-menu .nav li a {
      color: #537880;
      font-weight: 600;
      text-align: left;
      font-size: 18px;
      border-top: 2px solid #E5F3F4;
      margin: 0 15px;
      padding-top: 15px;
      padding-bottom: 15px;
      font-weight: 400; }
      .top-navbar .top-menu .nav li a.btn-fashion {
        margin: 0 15px 15px 15px;
        border-radius: 5px;
        color: #FFFFFF;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center; }
      .top-navbar .top-menu .nav li a.toggle-submenu {
        position: relative; }
        .top-navbar .top-menu .nav li a.toggle-submenu .fa {
          font-weight: bold; }
      .top-navbar .top-menu .nav li a i {
        height: 19px;
        width: 19px;
        color: #3A3A3A;
        font-style: normal; }
        .top-navbar .top-menu .nav li a i.icon {
          background: #3A3A3A; }
    @media (max-width: 767px) {
      .top-navbar .top-menu {
        top: 0;
        left: 0;
        right: auto;
        width: 100%;
        height: 100%;
        min-width: auto;
        position: fixed;
        overflow-y: scroll; } }
    .top-navbar .top-menu .menu-header {
      position: relative;
      display: none; }
      @media (max-width: 767px) {
        .top-navbar .top-menu .menu-header {
          display: block;
          margin: 15px; } }
      .top-navbar .top-menu .menu-header .navbar-brand {
        float: none; }
      .top-navbar .top-menu .menu-header .toggle-menu {
        position: absolute;
        right: 0;
        top: 0;
        background: white; }
        .top-navbar .top-menu .menu-header .toggle-menu .icon {
          background: #2BBBB7; }
  .top-navbar .navbar-toggle.general {
    padding: 5px !important;
    border: none !important; }
    .top-navbar .navbar-toggle.general:hover, .top-navbar .navbar-toggle.general:focus {
      background-color: transparent !important; }
    .top-navbar .navbar-toggle.general .icon-bar {
      background-color: #FFFFFF !important; }
  .top-navbar .navbar-brand {
    padding: 0 !important; }
    .top-navbar .navbar-brand img.logo {
      height: 40px;
      margin-left: 10px;
      margin-top: 6px; }
  .top-navbar.white {
    background-color: #FFFFFF; }
    .top-navbar.white .navbar-always > a, .top-navbar.white .navbar-always > a i.icon, .top-navbar.white .navbar-always > button {
      color: #3A3A3A;
      background-color: transparent; }
    .top-navbar.white .navbar-always > button img {
      border-color: #bababa; }
    .top-navbar.white .navbar-always > a i.icon {
      background-color: #3A3A3A; }
  .top-navbar.lilac {
    background-color: #A63C98; }
  .top-navbar.yellow, .top-navbar.light-yellow {
    background-color: #FFEC61; }
    .top-navbar.yellow.light-yellow, .top-navbar.light-yellow.light-yellow {
      background-color: #FCFDD2; }
    .top-navbar.yellow h3, .top-navbar.light-yellow h3 {
      font-size: 16.5px;
      margin-left: 10px;
      float: left; }
    .top-navbar.yellow .navbar-always > a, .top-navbar.yellow .navbar-always > a i.icon, .top-navbar.yellow .navbar-always > button, .top-navbar.light-yellow .navbar-always > a, .top-navbar.light-yellow .navbar-always > a i.icon, .top-navbar.light-yellow .navbar-always > button {
      color: #3A3A3A;
      background-color: transparent; }
    .top-navbar.yellow .navbar-always > button img, .top-navbar.light-yellow .navbar-always > button img {
      border-color: #bababa; }
    .top-navbar.yellow .navbar-always > a i.icon, .top-navbar.light-yellow .navbar-always > a i.icon {
      background-color: #3A3A3A; }

/*Navbar */
.navbar {
  margin-bottom: 0; }

.navbar-default .navbar-nav > li > a {
  color: #555555;
  font-size: 1.1em; }

/* Search */
#search {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 180, 178, 0.8);
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  -webkit-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0; }
  #search.open {
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    z-index: 1010; }
  #search input[type="search"] {
    position: absolute;
    top: 40%;
    width: 80%;
    color: white;
    background: rgba(25, 180, 178, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    margin-left: 10%;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    border-bottom: 2px solid #FFF;
    font-weight: bold; }
  #search .btn {
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 36px;
    color: #3A3A3A; }
  #search .close {
    position: fixed;
    top: 40px;
    right: 40px;
    color: #fff;
    border-color: #357ebd;
    opacity: 1;
    font-size: 45px; }
  @media (max-width: 767px) {
    #search .btn {
      font-size: 18px;
      margin-top: 5px; }
    #search input[type="search"] {
      font-size: 18px; } }

.footer {
  background-color: #555555;
  width: 100%;
  padding-top: 15px;
  	/*.fa-twitter:hover {
      	background-color: #46c0fb;
  	}*/ }
  .footer a {
    color: #FFFFFF; }
  .footer ul {
    margin: 10px 0; }
  .footer .social {
    margin-top: 0px;
    margin-bottom: 20px; }
  .footer .social [class*="fa fa-"] {
    background-color: #FFFFFF;
    border-radius: 35px;
    color: #555555;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin: auto 3px;
    width: 35px;
    font-size: 20px;
    text-align: center; }
  .footer .social [class*="fa fa-"]:hover {
    background-color: #19B4B2;
    color: #FFFFFF; }
  @media (max-width: 767px) {
    .footer .footer-list {
      text-align: center; } }

/* The side navigation menu */
#sidebar-menu {
  padding-bottom: 50px;
  overflow-x: hidden;
  /* Disable horizontal scroll */
  font-size: 16px;
  line-height: 1.5;
  top: 0;
  /* Color variations */ }
  #sidebar-menu .sidebar-wrap {
    background-color: #3B3B3B; }
  #sidebar-menu .sidebar-nav li {
    padding: 0 15px;
    background-color: #3B3B3B; }
    #sidebar-menu .sidebar-nav li.ok::after {
      font-family: FontAwesome;
      content: "\f00c";
      position: absolute;
      top: 15px;
      right: 15px;
      color: #2BBBB7;
      display: block; }
    #sidebar-menu .sidebar-nav li.ko::after {
      font-family: FontAwesome;
      content: "\f111";
      font-size: 50%;
      position: absolute;
      top: 21px;
      right: 15px;
      color: #FF3936;
      display: block; }
    #sidebar-menu .sidebar-nav li > a, #sidebar-menu .sidebar-nav li > button {
      color: #FFFFFF;
      padding-bottom: 13px;
      padding-top: 12px;
      border-top: 2px solid #555555;
      position: relative;
      padding-left: 45px; }
      #sidebar-menu .sidebar-nav li > a:hover, #sidebar-menu .sidebar-nav li > a:active, #sidebar-menu .sidebar-nav li > a:focus, #sidebar-menu .sidebar-nav li > button:hover, #sidebar-menu .sidebar-nav li > button:active, #sidebar-menu .sidebar-nav li > button:focus {
        background-color: inherit; }
      #sidebar-menu .sidebar-nav li > a.btn, #sidebar-menu .sidebar-nav li > button.btn {
        border-top: 0;
        margin: 2px 0 10px 0;
        text-align: left; }
      #sidebar-menu .sidebar-nav li > a > i:first-child, #sidebar-menu .sidebar-nav li > button > i:first-child {
        position: absolute;
        top: 10px;
        left: 5px; }
        #sidebar-menu .sidebar-nav li > a > i:first-child.icon-back, #sidebar-menu .sidebar-nav li > button > i:first-child.icon-back {
          top: 15px; }
    #sidebar-menu .sidebar-nav li:first-child > a, #sidebar-menu .sidebar-nav li:first-child > button {
      border-top-color: transparent !important; }
    #sidebar-menu .sidebar-nav li.active, #sidebar-menu .sidebar-nav li:hover, #sidebar-menu .sidebar-nav li:focus {
      background-color: #727272; }
      #sidebar-menu .sidebar-nav li.active.flat, #sidebar-menu .sidebar-nav li:hover.flat, #sidebar-menu .sidebar-nav li:focus.flat {
        background-color: inherit; }
      #sidebar-menu .sidebar-nav li.active > a, #sidebar-menu .sidebar-nav li.active > button, #sidebar-menu .sidebar-nav li:hover > a, #sidebar-menu .sidebar-nav li:hover > button, #sidebar-menu .sidebar-nav li:focus > a, #sidebar-menu .sidebar-nav li:focus > button {
        border-top-color: transparent; }
      #sidebar-menu .sidebar-nav li.active + li > a, #sidebar-menu .sidebar-nav li.active + li > button, #sidebar-menu .sidebar-nav li:hover + li > a, #sidebar-menu .sidebar-nav li:hover + li > button, #sidebar-menu .sidebar-nav li:focus + li > a, #sidebar-menu .sidebar-nav li:focus + li > button {
        border-top-color: transparent; }
    #sidebar-menu .sidebar-nav li.active + li > a.btn, #sidebar-menu .sidebar-nav li.active + li > button.btn {
      margin-top: 10px; }
    #sidebar-menu .sidebar-nav li.nopadding > a {
      padding-left: 0; }
    #sidebar-menu .sidebar-nav li.sidebar {
      border-left: 6px solid #2BBBB7;
      margin-top: 3px; }
      #sidebar-menu .sidebar-nav li.sidebar > a {
        white-space: nowrap; }
      #sidebar-menu .sidebar-nav li.sidebar .fa-angle-up {
        display: none; }
      #sidebar-menu .sidebar-nav li.sidebar.active .fa-angle-up {
        display: inline-block; }
      #sidebar-menu .sidebar-nav li.sidebar.active .fa-angle-down {
        display: none; }
      #sidebar-menu .sidebar-nav li.sidebar.active, #sidebar-menu .sidebar-nav li.sidebar.selected {
        background-color: #3B3B3B; }
        #sidebar-menu .sidebar-nav li.sidebar.active > a, #sidebar-menu .sidebar-nav li.sidebar.active > button, #sidebar-menu .sidebar-nav li.sidebar.selected > a, #sidebar-menu .sidebar-nav li.sidebar.selected > button {
          border-top-color: #555555; }
        #sidebar-menu .sidebar-nav li.sidebar.active .submenu, #sidebar-menu .sidebar-nav li.sidebar.selected .submenu {
          background-color: #2C2C2C; }
      #sidebar-menu .sidebar-nav li.sidebar > li {
        padding-left: 9px; }
    #sidebar-menu .sidebar-nav li.active .submenu, #sidebar-menu .sidebar-nav li.selected .submenu {
      display: block; }
      #sidebar-menu .sidebar-nav li.active .submenu > li.active, #sidebar-menu .sidebar-nav li.selected .submenu > li.active {
        padding-left: 5px;
        border-left: 6px solid #2BBBB7; }
    #sidebar-menu .sidebar-nav li.admin a .fa {
      color: #FF3936; }
    #sidebar-menu .sidebar-nav li.admin a .icon {
      background-color: #FF3936; }
    #sidebar-menu .sidebar-nav li .submenu {
      margin: 0 -15px;
      display: none; }
      #sidebar-menu .sidebar-nav li .submenu > li {
        background-color: transparent; }
        #sidebar-menu .sidebar-nav li .submenu > li.active, #sidebar-menu .sidebar-nav li .submenu > li:hover, #sidebar-menu .sidebar-nav li .submenu > li:focus {
          background-color: #727272; }
  #sidebar-menu .sidebar-header {
    min-height: 200px;
    padding-top: 20px;
    background-color: #2C2C2C; }
    #sidebar-menu .sidebar-header .logo {
      height: 100%;
      width: auto; }
    #sidebar-menu .sidebar-header .project-widget, #sidebar-menu .sidebar-header .sidebar-widget {
      font-size: 15px;
      position: relative; }
      #sidebar-menu .sidebar-header .project-widget a.img-link, #sidebar-menu .sidebar-header .sidebar-widget a.img-link {
        padding-top: 60%;
        position: relative;
        width: 100%;
        display: block; }
        #sidebar-menu .sidebar-header .project-widget a.img-link > img, #sidebar-menu .sidebar-header .sidebar-widget a.img-link > img {
          background: #E5F3F4 url(../img/ring.gif) no-repeat center;
          position: absolute;
          height: 100%;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
        #sidebar-menu .sidebar-header .project-widget a.img-link > i.icon, #sidebar-menu .sidebar-header .project-widget a.img-link > i.fa, #sidebar-menu .sidebar-header .project-widget a.img-link > span.icon, #sidebar-menu .sidebar-header .sidebar-widget a.img-link > i.icon, #sidebar-menu .sidebar-header .sidebar-widget a.img-link > i.fa, #sidebar-menu .sidebar-header .sidebar-widget a.img-link > span.icon {
          position: absolute;
          height: 100%;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 60%;
          margin: 0 20%;
          border-radius: 50%;
          border: 4px solid #FFFFFF;
          box-shadow: 0 5px 20px 0px #000000;
          color: #FFFFFF;
          font-size: 100px;
          padding: 20px 0 0 14px;
          background: #2C2C2C; }
      #sidebar-menu .sidebar-header .project-widget .img-project, #sidebar-menu .sidebar-header .project-widget .img-circle, #sidebar-menu .sidebar-header .sidebar-widget .img-project, #sidebar-menu .sidebar-header .sidebar-widget .img-circle {
        width: 60%;
        margin: 0 20%;
        border-radius: 50%;
        border: 4px solid #FFFFFF;
        box-shadow: 0 5px 20px 0px #000000; }
      #sidebar-menu .sidebar-header .project-widget .content, #sidebar-menu .sidebar-header .sidebar-widget .content {
        margin: 10px 15px 0 15px;
        padding: 0 0 20px 0;
        border-radius: 0;
        color: #FFFFFF; }
        #sidebar-menu .sidebar-header .project-widget .content a, #sidebar-menu .sidebar-header .project-widget .content button, #sidebar-menu .sidebar-header .sidebar-widget .content a, #sidebar-menu .sidebar-header .sidebar-widget .content button {
          color: #FFFFFF;
          border: 0;
          background-color: transparent; }
          #sidebar-menu .sidebar-header .project-widget .content a:hover, #sidebar-menu .sidebar-header .project-widget .content button:hover, #sidebar-menu .sidebar-header .sidebar-widget .content a:hover, #sidebar-menu .sidebar-header .sidebar-widget .content button:hover {
            background-color: #E5F3F4; }
        #sidebar-menu .sidebar-header .project-widget .content ul.dropdown-menu, #sidebar-menu .sidebar-header .sidebar-widget .content ul.dropdown-menu {
          color: #3A3A3A; }
          #sidebar-menu .sidebar-header .project-widget .content ul.dropdown-menu a, #sidebar-menu .sidebar-header .project-widget .content ul.dropdown-menu button, #sidebar-menu .sidebar-header .sidebar-widget .content ul.dropdown-menu a, #sidebar-menu .sidebar-header .sidebar-widget .content ul.dropdown-menu button {
            color: #3A3A3A; }
        #sidebar-menu .sidebar-header .project-widget .content .error, #sidebar-menu .sidebar-header .sidebar-widget .content .error {
          margin: 5px 0;
          font-size: 12px;
          line-height: 12px; }
          #sidebar-menu .sidebar-header .project-widget .content .error a, #sidebar-menu .sidebar-header .project-widget .content .error button, #sidebar-menu .sidebar-header .sidebar-widget .content .error a, #sidebar-menu .sidebar-header .sidebar-widget .content .error button {
            color: #FF3936; }
        #sidebar-menu .sidebar-header .project-widget .content .label, #sidebar-menu .sidebar-header .sidebar-widget .content .label {
          font-weight: normal;
          padding-top: .5em;
          text-transform: uppercase;
          display: inline-block; }
  #sidebar-menu .sidebar-nav.bottom {
    background-color: #2C2C2C; }
    #sidebar-menu .sidebar-nav.bottom li {
      background-color: #2C2C2C; }
      #sidebar-menu .sidebar-nav.bottom li a {
        min-height: 67px;
        padding-top: 19px; }
  #sidebar-menu .toggle-sidebar {
    display: none; }
  #sidebar-menu .navbar-brand {
    margin-bottom: 8px; }
  #sidebar-menu .icon {
    background-color: #FFFFFF;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto; }
  #sidebar-menu.yellow .sidebar-nav li.ok::after {
    color: #FFEC61; }
  #sidebar-menu.yellow .sidebar-nav li.sidebar {
    border-left: 6px solid #FFEC61; }
    #sidebar-menu.yellow .sidebar-nav li.sidebar.active .submenu > li.active, #sidebar-menu.yellow .sidebar-nav li.sidebar.selected .submenu > li.active {
      border-left: 6px solid #FFEC61; }

/* home styles */
body.home {
  background-color: #f8f8f8;
  /* Custom sidebar menu */
  /* Modal style */ }
  body.home.has-sidebar #main {
    width: 100%; }
  body.home.has-sidebar #sidebar-menu-toggle {
    display: block !important;
    background: #FFFFFF;
    color: #19B4B2;
    text-transform: uppercase;
    padding: 15px 10px;
    font-size: 19.5px;
    font-weight: bold;
    transition: all .5s ease; }
    body.home.has-sidebar #sidebar-menu-toggle.affix {
      width: 30px;
      overflow: hidden;
      font-size: 0;
      padding-left: 0; }
    body.home.has-sidebar #sidebar-menu-toggle .fa-angle-right, body.home.has-sidebar #sidebar-menu-toggle .fa-angle-left {
      font-size: 30px;
      margin-left: 10px; }
    body.home.has-sidebar #sidebar-menu-toggle i {
      -moz-animation: none;
      -webkit-animation: none;
      animation: none; }
  body.home.has-sidebar #sidebar-menu {
    position: fixed;
    -webkit-flex: 0;
    flex: 0;
    z-index: 1002;
    overflow: hidden;
    background-color: transparent;
    height: auto;
    min-height: none;
    width: 0; }
    @media (min-height: 660px) {
      body.home.has-sidebar #sidebar-menu {
        top: 70px; } }
    @media (max-height: 600px) {
      body.home.has-sidebar #sidebar-menu {
        height: 100%;
        overflow-y: scroll; } }
    body.home.has-sidebar #sidebar-menu .sidebar-wrap {
      width: 0;
      position: fixed;
      height: auto;
      position: relative; }
    body.home.has-sidebar #sidebar-menu .sidebar-header {
      background-color: #FFFFFF;
      min-height: 0;
      padding: 15px 20px;
      color: #19B4B2;
      font-weight: bold;
      text-transform: uppercase; }
    body.home.has-sidebar #sidebar-menu .fa-close {
      color: #BCBCBC; }
    body.home.has-sidebar #sidebar-menu .sidebar-footer {
      background-color: #2C2C2C;
      padding: 20px; }
      body.home.has-sidebar #sidebar-menu .sidebar-footer .btn-fashion {
        font-weight: 500;
        text-transform: uppercase;
        padding: 10px;
        width: 47%; }
      body.home.has-sidebar #sidebar-menu .sidebar-footer .btn-light-black {
        margin-left: 15px;
        padding: 10px;
        text-transform: uppercase;
        font-weight: 500;
        width: 47%; }
      @media (max-width: 479px) {
        body.home.has-sidebar #sidebar-menu .sidebar-footer .btn-fashion, body.home.has-sidebar #sidebar-menu .sidebar-footer .btn-light-black {
          width: 100%;
          display: block;
          margin: 10px 0; } }
    body.home.has-sidebar #sidebar-menu li:hover {
      background-color: #19B4B2; }
    body.home.has-sidebar #sidebar-menu .sidebar-nav li > a > i.icon {
      width: 22.5px;
      height: 22.5px; }
      body.home.has-sidebar #sidebar-menu .sidebar-nav li > a > i.icon:first-child {
        top: 12px; }
  body.home.has-sidebar.sidebar-opened #sidebar-menu-toggle {
    display: none !important; }
  body.home.has-sidebar.sidebar-opened .page-wrap #sidebar-menu {
    width: 400px;
    max-width: 100%; }
    body.home.has-sidebar.sidebar-opened .page-wrap #sidebar-menu .sidebar-wrap {
      width: 400px;
      max-width: 100%; }
    body.home.has-sidebar.sidebar-opened .page-wrap #sidebar-menu .toggle-sidebar {
      display: block;
      position: absolute;
      font-size: 30px;
      font-weight: 300;
      right: 0;
      top: 0;
      z-index: 1002;
      background: 0 0;
      color: #fff;
      padding: 6px 12px;
      margin: 0;
      border: 0;
      border-radius: 0; }
  body.home .a-unstyled {
    color: #FFFFFF; }
    body.home .a-unstyled:link {
      color: #FFFFFF; }
    body.home .a-unstyled:visited {
      color: #FFFFFF; }
    body.home .a-unstyled:hover {
      color: #FFFFFF; }
    body.home .a-unstyled:active {
      color: #FFFFFF; }
  body.home .modal .close-button {
    overflow: hidden; }
  body.home .modal .close {
    font-size: 40px;
    line-height: 30px;
    padding: 7px 4px 0px 13px;
    text-shadow: none;
    opacity: .7;
    color: #fff;
    margin-bottom: 0; }
  body.home .modal .close span {
    display: block; }
  body.home .modal .close:hover,
  body.home .modal .close:focus {
    opacity: 1;
    outline: none; }
  body.home .modal .modal-content {
    box-shadow: none;
    background-color: transparent;
    border: 0; }
  body.home .modal iframe {
    display: block;
    margin: 0 auto; }
  body.home .modal-backdrop {
    background-color: #19b4b2; }
  body.home .section.search {
    padding: 40px 0;
    /*Placeholder Colors*/
    /* style icon */
    /* align icon */
    /* add padding  */ }
    body.home .section.search .inner-addon {
      position: relative;
      display: inline-block; }
    body.home .section.search input::-webkit-input-placeholder {
      color: #7C9BA0; }
    body.home .section.search input:-moz-placeholder {
      /* Firefox 18- */
      color: #7C9BA0; }
    body.home .section.search input::-moz-placeholder {
      /* Firefox 19+ */
      color: #7C9BA0; }
    body.home .section.search input:-ms-input-placeholder {
      color: #7C9BA0; }
    body.home .section.search .inner-addon .glyphicon {
      position: absolute;
      padding: 10px;
      pointer-events: none;
      color: #7C9BA0; }
    body.home .section.search .glyphicon-search {
      font-size: 18px; }
    body.home .section.search .glyphicon-map-marker {
      font-size: 20px; }
    body.home .section.search .left-addon .glyphicon {
      left: 0px; }
    body.home .section.search .right-addon .glyphicon {
      right: 0px; }
    body.home .section.search .left-addon input {
      border: 1px transparent solid;
      border-radius: 5px;
      padding: 10px 0px 10px 35px;
      margin-right: 10px; }
    body.home .section.search .btn-light-green {
      padding: 10px;
      min-width: 150px;
      text-transform: uppercase; }
    body.home .section.search .btn-light-green:hover {
      color: #FFF; }
  body.home .call-action {
    background-color: #57246F;
    color: #FFFFFF;
    padding: 30px 0; }
    body.home .call-action .row {
      display: flex; }
    body.home .call-action .row .col-button {
      display: flex;
      flex-direction: column; }
    body.home .call-action .title {
      text-transform: uppercase; }
    body.home .call-action .description {
      font-weight: bold;
      font-size: 24px; }
    body.home .call-action .col-button {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      body.home .call-action .col-button .btn-white {
        color: #58595B;
        padding: 13px 0px; }
  body.home .section.projects {
    padding: 40px 0; }
    body.home .section.projects .title {
      margin-top: 0; }
    body.home .section.projects ul.project-filters {
      margin: 40px 0 35px 0; }
    body.home .section.projects .slider-projects {
      visibility: hidden;
      opacity: 0;
      transition: opacity 1s; }
      body.home .section.projects .slider-projects .custom-left-arrow {
        top: 34%;
        position: absolute;
        font-size: 75px;
        left: -2.4%;
        color: #19B4B2;
        cursor: pointer; }
      body.home .section.projects .slider-projects .custom-right-arrow {
        top: 34%;
        position: absolute;
        font-size: 75px;
        right: -4%;
        color: #19B4B2;
        cursor: pointer; }
    body.home .section.projects .slider-projects.slick-initialized {
      visibility: visible;
      opacity: 1; }
    body.home .section.projects .slider-projects .item {
      display: none; }
    body.home .section.projects .slider-projects .item:first-child {
      display: block;
      visibility: hidden; }
    body.home .section.projects .slider-projects.slick-initialized .item {
      display: block;
      visibility: visible !important; }
    body.home .section.projects .slick-list {
      padding-left: 0px !important; }
      body.home .section.projects .slick-list .widget-slide {
        margin-left: 20px; }
        body.home .section.projects .slick-list .widget-slide .project-widget.normal {
          box-shadow: none; }
  body.home .section.search {
    padding: 40px 0; }
  body.home .section.advantages .nav-tabs > li {
    width: 50%;
    text-align: center;
    margin-bottom: -3px; }
    body.home .section.advantages .nav-tabs > li a {
      text-transform: uppercase;
      padding: 20px 0; }
  body.home .section.advantages .nav-tabs > li.donor a {
    background-color: #CFEBEB !important;
    color: #729499;
    font-weight: bold;
    line-height: 40%; }
  body.home .section.advantages .nav-tabs > li.owner a {
    background-color: #E3F3F4 !important;
    color: #729499;
    font-weight: bold;
    line-height: 40%; }
  body.home .section.advantages .advantages-container {
    padding-top: 40px;
    padding-bottom: 40px; }
    body.home .section.advantages .advantages-container span.icon {
      width: 30px;
      height: 30px; }
    body.home .section.advantages .advantages-container .row.details {
      padding-top: 15px;
      display: flex;
      font-weight: bold; }
      body.home .section.advantages .advantages-container .row.details .title span.text {
        border: 1px solid #CAD7D8;
        font-size: 12px;
        padding: 7px;
        text-transform: uppercase;
        margin-left: 10px; }
      body.home .section.advantages .advantages-container .row.details .description {
        padding: 15px 40px;
        font-size: 24px; }
      body.home .section.advantages .advantages-container .row.details .more-description {
        padding: 5px 40px 25px 40px;
        font-size: 12px;
        font-weight: normal; }
      body.home .section.advantages .advantages-container .row.details .action a {
        font-size: 13px;
        padding: 0 40px;
        color: #3A3A3A;
        text-transform: uppercase; }
        body.home .section.advantages .advantages-container .row.details .action a .glyphicon {
          font-size: 18px;
          vertical-align: top;
          margin-left: 5px; }
    body.home .section.advantages .advantages-container .row.more-information {
      padding: 30px 0; }
      body.home .section.advantages .advantages-container .row.more-information .action {
        margin-top: 15px; }
      body.home .section.advantages .advantages-container .row.more-information .action a {
        color: #729499;
        font-size: 15px;
        font-weight: bold;
        border-bottom: 1px solid #CAD7D8;
        padding-bottom: 30px;
        text-transform: uppercase; }
        body.home .section.advantages .advantages-container .row.more-information .action a .glyphicon {
          font-size: 18px;
          vertical-align: top;
          margin-left: 5px; }
  body.home .section.advantages .adventage:not(:last-child) {
    border-right: 1px solid #CAD7D8;
    padding-bottom: 15px; }
  body.home .section.advantages .tab-pane.donor {
    background-color: #CFEBEB !important; }
  body.home .section.advantages .tab-pane.owner {
    background-color: #E3F3F4 !important; }
  body.home .impact-title {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding-top: 0;
    margin-top: 0; }
  body.home .row.impact-data .item {
    margin-top: 25px;
    text-align: center;
    font-size: 30px;
    font-weight: bold; }
    body.home .row.impact-data .item .description {
      font-size: 11px;
      font-weight: normal;
      text-transform: uppercase; }
    body.home .row.impact-data .item.gender {
      font-size: 42px; }
      body.home .row.impact-data .item.gender .number {
        margin-left: 5px; }
      body.home .row.impact-data .item.gender .percent {
        font-size: 21px; }
  body.home .advantages.foundation {
    background-color: #FCFDD2 !important; }
    body.home .advantages.foundation .foundation-img-container {
      padding-top: 25px; }
      body.home .advantages.foundation .foundation-img-container img.foundation-img {
        width: 35px; }
    body.home .advantages.foundation .advantages-container {
      padding-top: 20px; }
    body.home .advantages.foundation h2.title {
      font-size: 24px;
      font-weight: bold;
      text-align: center;
      margin-top: 0;
      padding-bottom: 0px; }
    body.home .advantages.foundation h3.subtitle {
      text-align: center;
      font-size: 16.5px;
      font-weight: normal;
      margin-top: 10px;
      padding-bottom: 25px; }
    body.home .advantages.foundation .data-container {
      padding: 40px 0; }
  body.home div.section.matchfunding-module {
    background-color: #FFFFFF; }
    body.home div.section.matchfunding-module .show-action .btn:focus {
      outline: none;
      background-color: #CD5EB3; }
    body.home div.section.matchfunding-module .show-action {
      text-align: center;
      text-transform: uppercase;
      padding: 25px 0 40px 0;
      font-size: 18px;
      font-weight: 500; }
    body.home div.section.matchfunding-module .call-to-action-component {
      background-color: #B262A8; }
    body.home div.section.matchfunding-module .data-container {
      background-color: #A65387;
      color: #FFFFFF;
      padding: 40px 0; }
  body.home div.section.channels {
    background-color: #FFFFFF; }
    body.home div.section.channels .title {
      font-weight: bold; }
    body.home div.section.channels .drop-img-container {
      padding-top: 30px; }
      body.home div.section.channels .drop-img-container img.drop-img {
        width: 25px; }
    body.home div.section.channels h2.title {
      margin-top: 10px; }
    body.home div.section.channels div.container {
      padding-top: 30px;
      padding-bottom: 40px; }
      body.home div.section.channels div.container div.channel div.img-container {
        height: 200px;
        display: table;
        width: 100%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
        body.home div.section.channels div.container div.channel div.img-container div.img {
          height: 200px;
          vertical-align: middle;
          display: table-cell; }
          body.home div.section.channels div.container div.channel div.img-container div.img img {
            max-height: 200px;
            padding: 20px;
            margin: 0 auto; }
      body.home div.section.channels div.container div.channel div.content {
        color: #FFFFFF;
        opacity: 0.8;
        padding: 5%;
        height: 150px; }
        body.home div.section.channels div.container div.channel div.content div.title {
          font-size: 30px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      body.home div.section.channels div.container .custom-left-arrow {
        top: 34%;
        position: absolute;
        font-size: 75px;
        left: -3%;
        color: #19B4B2;
        cursor: pointer;
        z-index: 1000; }
      body.home div.section.channels div.container .custom-right-arrow {
        top: 34%;
        position: absolute;
        font-size: 75px;
        right: -3%;
        color: #19B4B2;
        cursor: pointer;
        z-index: 1000; }
      body.home div.section.channels div.container .slick-dots {
        bottom: -40px !important; }
        body.home div.section.channels div.container .slick-dots li button::before {
          color: #BCBCBC !important;
          opacity: 1;
          font-size: 11px; }
        body.home div.section.channels div.container .slick-dots li.slick-active button::before {
          color: #19B4B2 !important; }
  body.home div.section.tools {
    background-color: #DDF2F2 !important;
    padding: 30px; }
    body.home div.section.tools .row a.item {
      text-align: center;
      font-weight: bold;
      color: #3A3A3A; }
      body.home div.section.tools .row a.item img {
        max-height: 24px;
        margin-right: 5px; }
  body.home div.section.sponsors {
    padding-top: 20px;
    padding-bottom: 40px; }
    body.home div.section.sponsors h2.title {
      font-weight: bold; }
    body.home div.section.sponsors ul.img-list li {
      margin-top: 50px;
      margin-left: 15px;
      margin-right: 15px; }
    body.home div.section.sponsors .container .row div {
      margin-top: 25px;
      text-align: center;
      padding-bottom: 25px; }
    body.home div.section.sponsors div.action {
      margin-top: 50px;
      text-align: center; }
      body.home div.section.sponsors div.action .btn {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 17.1px; }
  @media (max-width: 767px) {
    body.home .section.search .inner-addon {
      margin-top: 10px; }
    body.home .section.search .btn-light-green {
      margin: 10px auto;
      display: block; }
    body.home .call-action .row {
      display: block; }
    body.home .call-action .col-button .btn-white {
      margin: 15px 0; }
    body.home .section.advantages .advantages-container .row.details {
      display: block; }
    body.home div.section.tools .row a.item {
      margin-top: 15px;
      display: block; }
    body.home div.section.matchfunding-module .detail-item {
      margin-top: 20px; } }
  @media (max-width: 767px) {
    body.home .section.search .inner-addon {
      margin-top: 10px; }
    body.home .section.search .btn-light-green {
      margin: 10px auto;
      display: block; }
    body.home .call-action .row {
      display: block; }
    body.home .call-action .col-button .btn-white {
      margin: 15px 0; }
    body.home .section.advantages .advantages-container .row.details {
      display: block; }
    body.home div.section.tools .row a.item {
      margin-top: 15px;
      display: block; }
    body.home div.section.matchfunding-module .detail-item {
      margin-top: 20px; }
    body.home div.section.channels div.container .widget-channel {
      margin: 0 30px; }
    body.home div.section.channels div.container .custom-left-arrow {
      top: 45%;
      font-size: 53.55px;
      left: 20px; }
    body.home div.section.channels div.container .custom-right-arrow {
      top: 45%;
      font-size: 53.55px;
      right: 20px; } }
  @media (max-width: 1200px) {
    body.home .call-widget.normal .content div.amount {
      font-size: 45px; } }
  @media (max-width: 993px) {
    body.home .section.advantages .advantages-container .row.details {
      display: block; }
    body.home .call-widget.normal .content div.amount {
      font-size: 46.5px; }
    body.home div.section.tools .row a.item img {
      height: 24px;
      margin-right: 5px;
      display: block;
      margin: 0 auto; }
    body.home div.section.sponsors .container .row div:nth-child(2n+1) {
      clear: both; } }
  @media (max-width: 767px) {
    body.home .section.search .inner-addon {
      margin-top: 10px; }
    body.home .section.search .btn-light-green {
      margin: 10px auto;
      display: block; }
    body.home .call-action .row {
      display: block; }
    body.home .call-action .col-button .btn-white {
      margin: 15px 0; }
    body.home .section.advantages .advantages-container .row.details {
      display: block; }
    body.home div.section.tools .row a.item {
      margin-top: 15px;
      display: block; }
    body.home div.section.matchfunding-module .detail-item {
      margin-top: 20px; }
    body.home #search .btn {
      font-size: 18px;
      margin-top: 5px; }
    body.home #search input[type="search"] {
      font-size: 18px; } }

.discover {
  background-color: #f8f8f8; }
  .discover .main-info {
    background-color: #FFFFFF;
    padding-bottom: 40px; }
    .discover .main-info h2.title {
      margin-top: 40px;
      margin-bottom: 20px; }
    .discover .main-info .custom-search-input {
      margin: 0;
      margin-top: 10px;
      padding: 0; }
      .discover .main-info .custom-search-input .custom-search-input .search-query {
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px; }
    .discover .main-info button {
      text-transform: uppercase; }
  .discover .projects-list {
    padding-bottom: 40px; }
    .discover .projects-list h3.no-results {
      margin-top: 40px;
      text-align: center; }
    .discover .projects-list .loading-container {
      position: relative;
      width: 100%;
      float: left;
      margin: 50px 0;
      display: block;
      height: 1px;
      text-align: center;
      padding: 20px;
      color: #58595B; }

body.project {
  /* Modal for impact calculator */
  /* Channel module */ }
  body.project #main {
    background-color: #E8ECEC; }
    body.project #main #main-content {
      background-color: #FFFFFF; }
      body.project #main #main-content #project-tabs-menu {
        margin-top: 8rem; }
    @media (min-width: 768px) {
      body.project #main .container-fluid {
        max-width: 750px; } }
    @media (min-width: 992px) {
      body.project #main .container-fluid {
        max-width: 970px; } }
    @media (min-width: 1200px) {
      body.project #main .container-fluid {
        max-width: 1170px; } }
    body.project #main .container-fluid details summary h2 {
      color: #4D4D4D !important; }
    body.project #main .container-fluid details[open] summary h2 {
      color: #149290 !important; }
    body.project #main .container-fluid details a img {
      margin-top: 22px; }
  body.project.create {
    background-color: #E8ECEC; }
    body.project.create #main #main-content {
      background-color: #E8ECEC; }
      body.project.create #main #main-content .btn-success {
        font-weight: bold;
        font-size: 18px;
        text-transform: uppercase; }
      body.project.create #main #main-content h1.no-apply {
        margin-bottom: 30px;
        margin-top: 50px; }
      body.project.create #main #main-content p.no-apply {
        text-align: center;
        text-transform: uppercase;
        margin: 30px 0; }
      body.project.create #main #main-content button#create-continue-impact:not(:hover) {
        opacity: 0.5; }
  body.project.impact-calculator {
    background-color: #19B4B2; }
    body.project.impact-calculator #main {
      height: 100%; }
      body.project.impact-calculator #main #main-content {
        height: 100%;
        background-color: #19B4B2; }
        body.project.impact-calculator #main #main-content .impact-calculator-container {
          height: 100%; }
          body.project.impact-calculator #main #main-content .impact-calculator-container .impact-calculator-header {
            color: #FFFFFF;
            margin-bottom: 2rem; }
            body.project.impact-calculator #main #main-content .impact-calculator-container .impact-calculator-header h1 {
              font-weight: 700;
              font-size: 32px;
              line-height: 37.5px; }
            body.project.impact-calculator #main #main-content .impact-calculator-container .impact-calculator-header p {
              font-weight: 700;
              font-size: 16px;
              line-height: 18.75px; }
          body.project.impact-calculator #main #main-content .impact-calculator-container .impact-calculator-body {
            height: 100%;
            background-color: #FFFFFF;
            border-radius: 5rem 5rem 0 0;
            padding: 5rem 1rem 1rem; }
            body.project.impact-calculator #main #main-content .impact-calculator-container .impact-calculator-body div.impact-calculator-body-title {
              text-align: center; }
              body.project.impact-calculator #main #main-content .impact-calculator-container .impact-calculator-body div.impact-calculator-body-title h2 {
                font-weight: 700;
                font-size: 24px;
                line-height: 28px; }
              body.project.impact-calculator #main #main-content .impact-calculator-container .impact-calculator-body div.impact-calculator-body-title p {
                color: #58595B;
                font-weight: 400;
                font-size: 12px;
                line-height: 20px; }
            body.project.impact-calculator #main #main-content .impact-calculator-container .impact-calculator-body .footprint-details {
              margin-bottom: 2rem; }
              body.project.impact-calculator #main #main-content .impact-calculator-container .impact-calculator-body .footprint-details .footprint-dropdown {
                margin: auto;
                border-radius: 20px;
                text-align: left;
                background: rgba(203, 223, 232, 0.4);
                width: 100%;
                display: flex; }
                body.project.impact-calculator #main #main-content .impact-calculator-container .impact-calculator-body .footprint-details .footprint-dropdown div {
                  margin: auto;
                  margin-left: 2rem;
                  margin-bottom: 1rem;
                  color: #345D6D; }
                  body.project.impact-calculator #main #main-content .impact-calculator-container .impact-calculator-body .footprint-details .footprint-dropdown div h3 {
                    font-weight: 700;
                    font-size: 18px; }
                  body.project.impact-calculator #main #main-content .impact-calculator-container .impact-calculator-body .footprint-details .footprint-dropdown div p {
                    font-weight: 400;
                    font-size: 12px;
                    line-height: 20px;
                    margin: auto;
                    text-align: center; }
                body.project.impact-calculator #main #main-content .impact-calculator-container .impact-calculator-body .footprint-details .footprint-dropdown button {
                  border-radius: 100%;
                  width: 36px;
                  height: 36px;
                  background: rgba(52, 93, 109, 0.1);
                  margin: auto 2rem auto auto; }
                  body.project.impact-calculator #main #main-content .impact-calculator-container .impact-calculator-body .footprint-details .footprint-dropdown button[aria-expanded="true"] .icon.icon-arrow {
                    transform: rotate(270deg); }
          body.project.impact-calculator #main #main-content .impact-calculator-container div.impact-calculator-save {
            text-align: center; }
            body.project.impact-calculator #main #main-content .impact-calculator-container div.impact-calculator-save button.btn-large.btn-cyan {
              margin: 5rem; }
    body.project.impact-calculator article.card {
      padding: 15px;
      width: 223px;
      height: 350px;
      border: thin solid #BCBCBC;
      border-radius: 8px;
      position: relative;
      margin: 1rem; }
      body.project.impact-calculator article.card .card-header {
        background-color: rgba(0, 0, 0, 0.1);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4.5em; }
        body.project.impact-calculator article.card .card-header h1 {
          font-size: 16px;
          margin-left: 1em;
          width: 85%;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
      body.project.impact-calculator article.card .card-body {
        margin-top: 4em; }
      body.project.impact-calculator article.card.active {
        opacity: 1;
        color: white; }
        body.project.impact-calculator article.card.active.footprint-1 {
          background: linear-gradient(324.72deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 98.42%), #FBB80B; }
        body.project.impact-calculator article.card.active.footprint-2 {
          background: linear-gradient(324.72deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 98.42%), #D22F30; }
        body.project.impact-calculator article.card.active.footprint-3 {
          background: linear-gradient(324.72deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 98.42%), #265688; }
        body.project.impact-calculator article.card.active i.icon {
          background-color: white !important; }
        body.project.impact-calculator article.card.active input {
          background-color: unset; }
      body.project.impact-calculator article.card i.icon.icon-medal {
        background-color: #3A3A3A;
        -webkit-mask-image: url("../img/impact-calculator/medal.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: 90% auto;
        mask-image: url("../img/impact-calculator/medal.svg");
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: 90% auto; }
      body.project.impact-calculator article.card i.icon.icon-money-bag {
        background-color: #3A3A3A;
        -webkit-mask-image: url("../img/impact-calculator/money_bag.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: 90% auto;
        mask-image: url("../img/impact-calculator/money_bag.svg");
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: 90% auto; }
      body.project.impact-calculator article.card i.icon.icon-classroom {
        background-color: #3A3A3A;
        -webkit-mask-image: url("../img/impact-calculator/classroom.svg");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: 90% auto;
        mask-image: url("../img/impact-calculator/classroom.svg");
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: 90% auto; }
      body.project.impact-calculator article.card div.info {
        width: 16px;
        height: 16px;
        border-radius: 100%;
        background-color: rgba(0, 0, 0, 0.1);
        position: absolute;
        right: 1rem;
        top: 1rem;
        text-align: center; }
        body.project.impact-calculator article.card div.info i.fa.info {
          margin: auto; }
      body.project.impact-calculator article.card .card-input {
        display: inline-block; }
        body.project.impact-calculator article.card .card-input input {
          border-width: 0 0 2px 0;
          width: 165px;
          appearance: textfield;
          -webkit-appearance: none;
          -moz-appearance: textfield; }
          body.project.impact-calculator article.card .card-input input:focus {
            outline: none; }
      body.project.impact-calculator article.card i.icon-money-bag {
        width: 16px;
        height: 23px; }
      body.project.impact-calculator article.card i.icon-person {
        width: 16px;
        height: 17px; }
      body.project.impact-calculator article.card i.icon-job {
        width: 34px;
        height: 34px; }
      body.project.impact-calculator article.card i.icon-classroom {
        width: 58px;
        height: 58px; }
      body.project.impact-calculator article.card .activate-impact-data {
        position: absolute;
        bottom: 0;
        right: 0; }
        body.project.impact-calculator article.card .activate-impact-data .material-switch > label::before {
          background: black;
          opactity: 0; }
    body.project.impact-calculator .tooltip {
      background-color: #FFFFFF;
      width: 300px; }
      body.project.impact-calculator .tooltip .tooltip-inner {
        background-color: #FFFFFF;
        color: #000000;
        text-align: left; }
  body.project .impact-calculator-details .slick-arrow.slick-prev {
    left: -10px; }
  body.project .impact-calculator-details .slick-arrow.slick-next {
    right: -10px; }
  @media (max-width: 480px) {
    body.project .impact-calculator-details .slick-arrow.slick-prev {
      left: 0; }
    body.project .impact-calculator-details .slick-arrow.slick-next {
      right: 0; } }
  body.project article.card-impact-by-footprint {
    border-radius: 15px;
    color: white;
    padding: 1rem; }
    body.project article.card-impact-by-footprint .row div:first-child {
      margin-left: 1rem; }
    body.project article.card-impact-by-footprint .row:not(:last-child) div:nth-child(2) p {
      padding-bottom: 1rem;
      border-bottom: 1px solid white; }
    body.project article.card-impact-by-footprint.footprint-1 {
      background-color: #62AE56; }
    body.project article.card-impact-by-footprint.footprint-2 {
      background-color: #83253A; }
    body.project article.card-impact-by-footprint.footprint-3 {
      background-color: #265688; }
    body.project article.card-impact-by-footprint i.icon {
      background-color: white; }
    body.project article.card-impact-by-footprint i.icon-money-bag {
      width: 30px;
      height: 45px; }
    body.project article.card-impact-by-footprint i.icon-person {
      width: 30px;
      height: 30px; }
    body.project article.card-impact-by-footprint i.icon-medal {
      width: 30px;
      height: 40px; }
  body.project article.card-impact-calculator {
    background-color: #FFFFFF;
    min-height: 220px;
    border-radius: 15px;
    padding: 10px; }
    body.project article.card-impact-calculator h3 {
      font-weight: bold; }
    body.project article.card-impact-calculator i.icon {
      background-color: #149290;
      width: 60px;
      height: 80px;
      margin-top: 10px; }
    body.project article.card-impact-calculator .button-modal button.btn {
      background-color: transparent;
      border: 2px solid #149290;
      font-weight: bold;
      color: #149290;
      max-width: 100%; }
      body.project article.card-impact-calculator .button-modal button.btn:hover {
        background-color: #149290;
        color: #FFFFFF; }
    body.project article.card-impact-calculator .button-modal.hidden-xs {
      display: flex;
      justify-content: center; }
  body.project article.card-sdgs {
    background-color: #FFFFFF;
    min-height: 220px;
    border-radius: 15px;
    padding: 1rem; }
    body.project article.card-sdgs h3 {
      font-weight: bold;
      font-size: 20px; }
    body.project article.card-sdgs .slider-sdgs {
      margin-left: 1rem; }
    body.project article.card-sdgs img {
      width: 9rem; }
  body.project #impact-calculator-modal .modal-dialog .modal-content {
    background-color: #19B4B2;
    color: #FFFFFF; }
    body.project #impact-calculator-modal .modal-dialog .modal-content .modal-header {
      border-bottom: none;
      padding: 30px; }
      body.project #impact-calculator-modal .modal-dialog .modal-content .modal-header button.close {
        color: #FFFFFF; }
      body.project #impact-calculator-modal .modal-dialog .modal-content .modal-header label {
        font-size: 24px;
        font-weight: normal; }
      body.project #impact-calculator-modal .modal-dialog .modal-content .modal-header .modal-input i.icon-money-bag {
        background-color: white;
        height: 45px; }
      body.project #impact-calculator-modal .modal-dialog .modal-content .modal-header .modal-input input {
        border-width: 0 0 1px 0;
        width: 85%;
        background-color: unset;
        margin-bottom: 1rem;
        font-size: 24px; }
        body.project #impact-calculator-modal .modal-dialog .modal-content .modal-header .modal-input input:focus {
          outline: none; }
      body.project #impact-calculator-modal .modal-dialog .modal-content .modal-header .modal-input button.icon-arrow {
        position: absolute;
        right: 15%;
        transform: rotate(180deg);
        background-color: #FFFFFF; }
    body.project #impact-calculator-modal .modal-dialog .modal-content .modal-body {
      background-color: #FFFFFF;
      border-radius: 5rem 5rem 0 0;
      padding: 30px; }
      body.project #impact-calculator-modal .modal-dialog .modal-content .modal-body i {
        background-color: #149290; }
      body.project #impact-calculator-modal .modal-dialog .modal-content .modal-body h3 {
        color: #000000; }
      body.project #impact-calculator-modal .modal-dialog .modal-content .modal-body h4 {
        color: #19B4B2;
        font-weight: bold; }
      body.project #impact-calculator-modal .modal-dialog .modal-content .modal-body h5, body.project #impact-calculator-modal .modal-dialog .modal-content .modal-body p {
        color: #06566D;
        font-weight: bold; }
      body.project #impact-calculator-modal .modal-dialog .modal-content .modal-body .detail {
        display: relative; }
        body.project #impact-calculator-modal .modal-dialog .modal-content .modal-body .detail:after {
          content: '';
          height: 80%;
          width: 1px;
          position: absolute;
          right: 0;
          top: 10%;
          background-color: #BCBCBC; }
        body.project #impact-calculator-modal .modal-dialog .modal-content .modal-body .detail p {
          color: #06566D;
          font-weight: bold;
          font-size: 24px; }
      body.project #impact-calculator-modal .modal-dialog .modal-content .modal-body .impact h4 {
        color: #06566D; }
      body.project #impact-calculator-modal .modal-dialog .modal-content .modal-body .impact p {
        font-size: 16px; }
    body.project #impact-calculator-modal .modal-dialog .modal-content .modal-footer {
      background-color: #FFFFFF;
      text-align: left;
      border-top: none;
      padding: 0 30px 30px 30px; }
      body.project #impact-calculator-modal .modal-dialog .modal-content .modal-footer h2 {
        color: #19B4B2;
        font-weight: bold; }
  body.project .impact-item-modal .modal-dialog .modal-content {
    background-color: #19B4B2;
    color: #FFFFFF; }
    body.project .impact-item-modal .modal-dialog .modal-content .modal-header {
      border-bottom: none;
      padding: 30px; }
      body.project .impact-item-modal .modal-dialog .modal-content .modal-header button.close {
        color: #FFFFFF; }
    body.project .impact-item-modal .modal-dialog .modal-content .modal-body {
      background-color: #FFFFFF;
      border-radius: 5rem 5rem 0 0;
      padding: 30px; }
      body.project .impact-item-modal .modal-dialog .modal-content .modal-body i {
        background-color: #149290; }
      body.project .impact-item-modal .modal-dialog .modal-content .modal-body h3 {
        color: #000000; }
      body.project .impact-item-modal .modal-dialog .modal-content .modal-body h4 {
        color: #19B4B2;
        font-weight: bold; }
      body.project .impact-item-modal .modal-dialog .modal-content .modal-body h5, body.project .impact-item-modal .modal-dialog .modal-content .modal-body p {
        color: #06566D;
        font-weight: bold; }
      body.project .impact-item-modal .modal-dialog .modal-content .modal-body .detail:after {
        content: '';
        height: 80%;
        width: 1px;
        position: absolute;
        right: 0;
        top: 10%;
        background-color: #BCBCBC; }
      body.project .impact-item-modal .modal-dialog .modal-content .modal-body .detail p {
        color: #06566D;
        font-weight: bold;
        font-size: 24px; }
      body.project .impact-item-modal .modal-dialog .modal-content .modal-body .impact h4 {
        color: #06566D; }
      body.project .impact-item-modal .modal-dialog .modal-content .modal-body .impact p {
        font-size: 16px; }
  body.project .channel {
    margin-top: 60px; }
    body.project .channel.spacer-20 {
      margin-top: 20px; }
    body.project .channel.spacer-40 {
      margin-top: 40px; }
    body.project .channel .btn {
      margin-left: 5px;
      color: #FFFFFF !important;
      width: 90%;
      text-overflow: ellipsis;
      overflow: hidden;
      cursor: pointer; }
    body.project .channel .slider-channels button.slick-arrow::before, body.project .channel .slider-channels button.slick-arrow::after {
      color: #19B4B2; }
  @media (max-width: 767px) {
    body.project {
      padding-bottom: 57px; }
      body.project .channel {
        margin-top: 10px; }
        body.project .channel .channel-label {
          font-size: 1.3em; }
        body.project .channel .btn {
          color: #FFFFFF !important;
          width: 90%; }
        body.project .channel .slider-channels {
          margin-bottom: 2rem; } }
  @media (max-width: 479px) {
    body.project {
      font-size: 10px !important; } }
  @media (max-width: 384px) {
    body.project {
      font-size: 9px !important; } }
  body.project .side .btn-block {
    text-transform: uppercase;
    font-weight: bold; }
    @media (min-width: 768px) and (max-width: 991px) {
      body.project .side .btn-block {
        max-width: 80%; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      body.project .side .btn-block {
        max-width: 70%; } }
    @media (min-width: 1200px) {
      body.project .side .btn-block {
        max-width: 60%; } }

/* Channel */
@font-face {
  font-family: Lovelo;
  src: url(/assets/vendor/fonts/lovelo/lovelo_line_light.otf); }
@font-face {
  font-family: Lovelo;
  src: url(/assets/vendor/fonts/lovelo/lovelo_line_bold.otf);
  font-weight: bold; }
body.channel {
  background: #FFFFFF; }
  body.channel #main {
    background-color: #F0F9F8; }
    body.channel #main #main-content {
      background-color: #F0F9F8; }
    @media (min-width: 768px) {
      body.channel #main .container-fluid {
        max-width: 750px; } }
    @media (min-width: 992px) {
      body.channel #main .container-fluid {
        max-width: 970px; } }
    @media (min-width: 1200px) {
      body.channel #main .container-fluid {
        max-width: 1170px; } }
  body.channel nav.top-navbar:has(~ .announcement:not([style*="display:none"])) {
    min-height: fit-content;
    padding-bottom: 1em; }
  body.channel .btn {
    text-transform: uppercase; }
  body.channel .title-section {
    font-size: 33px;
    font-weight: 700;
    text-align: center;
    padding-top: 20px; }
  body.channel .heading-section {
    background-color: #FFFFFF; }
    body.channel .heading-section .owner-section {
      background: #B262A8; }
    body.channel .heading-section .matcher-action-section {
      background: rgba(178, 98, 168, 0.8); }
  body.channel .influence-map {
    background-color: transparent !important; }
    body.channel .influence-map .title {
      margin-bottom: 40px;
      text-align: center; }
  body.channel .sponsors-section {
    padding-top: 10px;
    margin-bottom: 0;
    background-color: #FFFFFF;
    padding-bottom: 20px; }
    body.channel .sponsors-section .title {
      padding-bottom: 20px; }
    body.channel .sponsors-section ul {
      padding: 15px 0; }
      body.channel .sponsors-section ul li {
        padding: 0 20px; }
  body.channel .resources-section {
    padding: 30px 0; }
    body.channel .resources-section h2.title {
      text-align: center;
      margin-top: 0;
      padding: 30px 0; }
    body.channel .resources-section .row.details {
      padding: 15px 0;
      display: flex;
      font-weight: bold; }
      body.channel .resources-section .row.details span.icon {
        width: 30px;
        height: 30px; }
        body.channel .resources-section .row.details span.icon.icon-action {
          mask-position-y: inherit; }
      body.channel .resources-section .row.details .title span.text {
        border: 1px solid #CAD7D8;
        font-size: 12px;
        padding: 7px;
        text-transform: uppercase;
        margin-left: 10px; }
      body.channel .resources-section .row.details .description {
        padding: 15px 40px;
        font-size: 24px; }
      body.channel .resources-section .row.details .more-description {
        padding: 5px 40px 25px 40px;
        font-size: 12px;
        font-weight: normal; }
      body.channel .resources-section .row.details .action a {
        font-size: 13px;
        padding: 0 40px;
        color: #3A3A3A;
        text-transform: uppercase; }
        body.channel .resources-section .row.details .action a .glyphicon {
          font-size: 18px;
          vertical-align: top;
          margin-left: 5px; }
    body.channel .resources-section .adventage:not(:last-child) {
      border-right: 1px solid #CAD7D8;
      padding-bottom: 15px; }
  body.channel .stories-section {
    padding-top: 30px;
    margin-bottom: 0;
    background-color: #FFFFFF; }
  body.channel .posts-section {
    padding: 40px 0 50px 0; }
    body.channel .posts-section h2.title {
      text-align: center;
      margin-top: 0;
      padding-bottom: 30px; }
    body.channel .posts-section .a-unstyled {
      color: #3a3a3a; }
  body.channel .summary-section {
    background-color: #FFFFFF; }
    body.channel .summary-section .summary {
      padding-bottom: 40px;
      padding-top: 10px; }
      body.channel .summary-section .summary .item {
        margin-top: 25px;
        text-align: center;
        font-size: 40.5px;
        font-weight: 700; }
        body.channel .summary-section .summary .item.matchfunding {
          color: #A63C98;
          font-weight: bold; }
      body.channel .summary-section .summary .description {
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase; }
  body.channel .owner-section {
    padding: 40px 0; }
    body.channel .owner-section .owner-info {
      color: #FFF;
      margin-bottom: 0; }
      body.channel .owner-section .owner-info .channel-name {
        font-size: 31.5px; }
        body.channel .owner-section .owner-info .channel-name.premium {
          color: #3D3D3C;
          font-weight: bold; }
      body.channel .owner-section .owner-info .channel-subtitle {
        font-size: 21px;
        max-width: 80%;
        margin-bottom: 10px;
        line-height: 1; }
      body.channel .owner-section .owner-info .channel-description {
        font-size: 18px;
        max-width: 80%; }
        body.channel .owner-section .owner-info .channel-description.premium {
          font-size: 15px; }
      body.channel .owner-section .owner-info .channel-hashtag {
        font-family: Kalam,cursive;
        font-size: 30px; }
      body.channel .owner-section .owner-info .channel-location {
        font-size: 22.5px;
        float: left; }
      body.channel .owner-section .owner-info .row {
        display: flex; }
        body.channel .owner-section .owner-info .row .col-center {
          display: flex;
          flex-direction: column;
          justify-content: center; }
          body.channel .owner-section .owner-info .row .col-center a img {
            max-width: 100%; }
      body.channel .owner-section .owner-info .social {
        float: right;
        top: 30px;
        right: 30px; }
  body.channel .matcher-action-section {
    padding: 30px 0;
    color: #FFFFFF; }
    body.channel .matcher-action-section .title {
      text-transform: uppercase; }
    body.channel .matcher-action-section .description {
      font-weight: 700;
      font-size: 27px; }
    body.channel .matcher-action-section .col-button {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-top: 20px; }
  body.channel .workshops-container {
    background-color: #F8F8F8; }
    body.channel .workshops-container .title {
      padding-top: 20px; }
  body.channel .projects-section {
    padding-bottom: 40px; }
    body.channel .projects-section .filters {
      margin: 40px 0 35px 0; }
      body.channel .projects-section .filters a > li {
        font-weight: 700;
        padding: 5px 15px;
        cursor: pointer;
        display: inline-block;
        color: #3A3A3A; }
        body.channel .projects-section .filters a > li.active {
          background-color: #19b4b2;
          border-radius: 5px;
          color: #FFFFFF !important; }
  body.channel .data-sets-section p.description {
    font-size: 18px;
    font-weight: 500;
    margin: 1em; }
  body.channel .box {
    background-color: #FFFFFF;
    box-shadow: 1px 2px 6px -2px #4D4D4D;
    padding: 3%;
    border-radius: 10px;
    width: 100%; }
  body.channel .pagination {
    clear: both;
    margin-left: 15px;
    padding-top: 30px;
    display: block; }
  body.channel .modal-dialog {
    width: 760px; }
  body.channel .top-navbar :has(+ .announcement) {
    min-height: fit-content;
    padding-bottom: 1em; }
  body.channel .top-navbar.premium {
    padding-top: 2em; }
  body.channel .logo.premium {
    height: 50px;
    margin-left: 10em; }
  @media (max-width: 767px) {
    body.channel {
      padding-bottom: 57px; }
      body.channel .sponsors-section ul li:not(:first-child) {
        margin-top: 30px; }
      body.channel .resources-section .row.details {
        display: block !important; }
        body.channel .resources-section .row.details .adventage {
          margin-top: 20px; }
      body.channel .posts-section .related-post {
        margin-top: 15px; } }
  @media (max-width: 479px) {
    body.channel .modal-dialog {
      width: auto; }
    body.channel .owner-section .owner-info .channel-name.premium {
      margin-bottom: 25px; }
    body.channel .owner-section .owner-info .channel-subtitle {
      margin-top: 20px; }
    body.channel .owner-section .owner-info .channel-description {
      max-width: 100%; }
    body.channel .owner-section .owner-info .channel-location {
      display: block;
      float: none; }
    body.channel .owner-section .owner-info .row {
      display: block;
      text-align: center; }
      body.channel .owner-section .owner-info .row .col-center {
        display: block; }
    body.channel .owner-section .owner-info .social {
      float: none;
      top: 30px;
      right: 30px; }
    body.channel .call-action-section .row {
      display: block;
      text-align: center; }
      body.channel .call-action-section .row .title {
        font-size: 18px; }
      body.channel .call-action-section .row .col-button {
        display: block;
        margin-top: 20px; }
    body.channel .logo.premium {
      height: 50px;
      margin-left: 2em; } }
  body.channel .section.projects {
    padding: 40px 0; }
    body.channel .section.projects .title {
      margin-top: 0; }
    body.channel .section.projects ul.project-filters {
      margin: 40px 0 35px 0; }
    body.channel .section.projects .slider-projects {
      visibility: hidden;
      opacity: 0;
      transition: opacity 1s; }
      body.channel .section.projects .slider-projects .custom-left-arrow {
        top: 34%;
        position: absolute;
        font-size: 75px;
        left: -2.4%;
        color: #19B4B2;
        cursor: pointer; }
      body.channel .section.projects .slider-projects .custom-right-arrow {
        top: 34%;
        position: absolute;
        font-size: 75px;
        right: -4%;
        color: #19B4B2;
        cursor: pointer; }
    body.channel .section.projects .slider-projects.slick-initialized {
      visibility: visible;
      opacity: 1; }
    body.channel .section.projects .slider-projects .item {
      display: none; }
    body.channel .section.projects .slider-projects .item:first-child {
      display: block;
      visibility: hidden; }
    body.channel .section.projects .slider-projects.slick-initialized .item {
      display: block;
      visibility: visible !important; }
    body.channel .section.projects .slick-list {
      padding-left: 0px !important; }
      body.channel .section.projects .slick-list .widget-slide {
        margin-left: 20px; }
        body.channel .section.projects .slick-list .widget-slide .project-widget.normal {
          box-shadow: none; }

/* Channel call type */
body.channel-call {
  /* Variables */
  /* IE7 */
  /* Body end */ }
  body.channel-call header.banner-header div.custom-header {
    width: 95%;
    margin-left: 2.5%;
    border-bottom: 1px solid #FFFFFF;
    padding: 20px 0 0px 0;
    color: #FFFFFF;
    font-weight: bold;
    z-index: 100; }
    body.channel-call header.banner-header div.custom-header img {
      margin-left: 5px;
      vertical-align: sub; }
    body.channel-call header.banner-header div.custom-header .navbar-toggle {
      background-color: unset; }
  body.channel-call div.languages {
    text-transform: uppercase;
    float: right;
    color: #3E3E3E;
    font-weight: bold;
    border-right: 1px solid #E4E4E4;
    margin-left: 5px;
    margin-right: 30px;
    font-size: 12px;
    position: relative;
    cursor: pointer; }
    body.channel-call div.languages div.active {
      padding: 9px 30px 10px 30px;
      color: #FFFFFF; }
    body.channel-call div.languages .glyphicon {
      color: #00A19D;
      font-size: 20px;
      vertical-align: text-bottom;
      margin-left: 5px; }
    body.channel-call div.languages ul.languages-list {
      position: absolute;
      top: 100%;
      left: 0;
      background-color: #FFF;
      z-index: 1000;
      width: 100%;
      display: none;
      border: 1px solid #DEDEDE; }
      body.channel-call div.languages ul.languages-list li {
        border-bottom: 1px solid #DEDEDE; }
        body.channel-call div.languages ul.languages-list li:first-child {
          border-top: 1px solid #DEDEDE; }
        body.channel-call div.languages ul.languages-list li:last-child {
          border: none; }
        body.channel-call div.languages ul.languages-list li a {
          padding: 13px 40px 10px 45px;
          color: #3D3D3D !important;
          display: block; }
  body.channel-call .btn {
    padding: 15px 23px;
    border-radius: 10px; }
    body.channel-call .btn .icon {
      width: 29px;
      height: 29px;
      margin-right: 5px; }
      body.channel-call .btn .icon.icon-terms {
        width: 20px;
        height: 35px; }
    body.channel-call .btn.btn-yellow, body.channel-call div.section.call-to-action div.cta.yellow .info .col-button .btn.btn-transparent {
      color: #3B4974 !important; }
      body.channel-call .btn.btn-yellow .icon, body.channel-call div.section.call-to-action div.cta.yellow .info .col-button .btn.btn-transparent .icon {
        background: #3B4974; }
      body.channel-call .btn.btn-yellow:hover, body.channel-call div.section.call-to-action div.cta.yellow .info .col-button .btn.btn-transparent:hover {
        background-color: #3B4974;
        color: #FFFFFF !important; }
        body.channel-call .btn.btn-yellow:hover .icon, body.channel-call div.section.call-to-action div.cta.yellow .info .col-button .btn.btn-transparent:hover .icon {
          background-color: #FFFFFF !important; }
  body.channel-call h2.title {
    color: #15AE98;
    font-size: 31.5px;
    border-bottom: 1px solid #06566D;
    font-weight: bold;
    padding-bottom: 10px;
    position: relative; }
    body.channel-call h2.title .icon {
      background-color: #06566D;
      vertical-align: sub;
      margin-right: 7px; }
  body.channel-call h5.title {
    color: #15AE98;
    font-size: 15px;
    border-bottom: 1px solid #06566D;
    font-weight: bold;
    padding-bottom: 10px;
    position: relative; }
  body.channel-call div.section {
    padding: 50px 0px 80px 0px !important; }
  body.channel-call div.section.banner-header {
    position: relative;
    min-height: 450px;
    padding: 0 !important; }
    body.channel-call div.section.banner-header div.custom-header {
      position: absolute;
      top: 0;
      width: 95%;
      margin-left: 2.5%;
      border-bottom: 1px solid #FFFFFF;
      padding: 20px 0 0px 0;
      color: #FFFFFF;
      font-weight: bold;
      z-index: 100; }
      body.channel-call div.section.banner-header div.custom-header img {
        margin-left: 5px;
        vertical-align: sub; }
      body.channel-call div.section.banner-header div.custom-header .navbar-toggle {
        background-color: unset; }
    body.channel-call div.section.banner-header .image img {
      object-fit: cover;
      width: 100%; }
    body.channel-call div.section.banner-header div.banner-info {
      position: absolute;
      top: 20%;
      color: #FFFFFF;
      width: 100%; }
      body.channel-call div.section.banner-header div.banner-info span.title {
        -moz-background-clip: padding;
        -o-background-clip: padding-box;
        -webkit-background-clip: padding;
        background-clip: padding-box;
        font-size: 16.5px;
        font-weight: bold;
        text-shadow: 0.4px 0.4px #3A3A3A; }
      body.channel-call div.section.banner-header div.banner-info div.description {
        margin: 15px 0;
        font-size: 42px;
        font-weight: bold;
        text-shadow: 0.5px 0.5px #3A3A3A;
        line-height: 1.1; }
      body.channel-call div.section.banner-header div.banner-info .btn-yellow, body.channel-call div.section.banner-header div.banner-info div.section.call-to-action div.cta.yellow .info .col-button .btn-transparent, body.channel-call div.section.call-to-action div.cta.yellow .info .col-button div.section.banner-header div.banner-info .btn-transparent {
        margin-top: 10px;
        font-weight: 500; }
    body.channel-call div.section.banner-header div.info {
      position: absolute;
      bottom: 0;
      z-index: 150;
      width: 100%;
      background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); }
      body.channel-call div.section.banner-header div.info div.subtitle {
        padding-top: 50px;
        color: #3B4974;
        font-weight: 500; }
      body.channel-call div.section.banner-header div.info.terms {
        background: linear-gradient(to right, #ffffff 0%, #ffffff 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); }
        body.channel-call div.section.banner-header div.info.terms .item {
          background-color: #FFFFFF;
          padding-top: 10px; }
          body.channel-call div.section.banner-header div.info.terms .item.item-resources {
            padding-top: 15px; }
        body.channel-call div.section.banner-header div.info.terms .title {
          color: #06566D; }
          body.channel-call div.section.banner-header div.info.terms .title .icon {
            background-color: #15AE98; }
          body.channel-call div.section.banner-header div.info.terms .title::after {
            color: #333;
            bottom: 0px;
            right: 0px;
            position: absolute;
            font-family: "FontAwesome";
            color: #15AE98;
            font-size: 40.5px;
            font-weight: normal; }
          body.channel-call div.section.banner-header div.info.terms .title[aria-expanded="false"]::after {
            content: "\f107"; }
          body.channel-call div.section.banner-header div.info.terms .title[aria-expanded="true"]::after {
            content: "\f106"; }
      body.channel-call div.section.banner-header div.info.intro ul {
        padding-top: 50px;
        color: #3B4974;
        font-weight: 500;
        text-align: center; }
        body.channel-call div.section.banner-header div.info.intro ul li {
          margin-right: 15px;
          margin-left: 15px;
          color: #3B4974;
          cursor: pointer; }
          body.channel-call div.section.banner-header div.info.intro ul li img {
            vertical-align: sub;
            margin-right: 3px; }
        body.channel-call div.section.banner-header div.info.intro ul li.selected {
          background-color: #15ae98;
          border-radius: 5px;
          color: #fff !important;
          padding: 8px 10px;
          cursor: none;
          height: 41px; }
          body.channel-call div.section.banner-header div.info.intro ul li.selected img {
            filter: brightness(0.55) saturate(3) grayscale(100%); }
  body.channel-call div.section.intro {
    background-color: #FFFFFF;
    padding-top: 35px !important;
    padding-bottom: 0 !important; }
    body.channel-call div.section.intro .container {
      border-bottom: 1px #86ADB8 solid;
      padding-bottom: 40px; }
      body.channel-call div.section.intro .container .left-side .img-responsive {
        height: 421px;
        margin: 0 auto; }
      body.channel-call div.section.intro .container .right-side h2.title {
        border-bottom: none;
        padding-bottom: 0; }
      body.channel-call div.section.intro .container .right-side p.description {
        color: #3B4974;
        padding-top: 10px;
        font-size: 16.5px;
        line-height: 1.5;
        font-weight: 500; }
      body.channel-call div.section.intro .container .right-side .btn-transparent {
        margin-top: 15px;
        color: #3B4974;
        border: 1px solid #3B4974;
        font-weight: 450;
        font-size: 17px;
        padding: 20px 24px; }
      body.channel-call div.section.intro .container .right-side .btn-transparent:hover {
        background-color: #3B4974;
        color: #FFFFFF; }
      body.channel-call div.section.intro .container .right-side img.cover {
        display: block;
        margin-top: 35px;
        cursor: pointer;
        border-radius: 12px; }
  body.channel-call div.section.main-info {
    background-color: #FFFFFF;
    padding-bottom: 30px; }
    body.channel-call div.section.main-info h1.title {
      padding-top: 5px;
      color: #15AE98;
      font-weight: bold;
      font-size: 45px; }
    body.channel-call div.section.main-info p.description {
      color: #3B4974;
      padding-top: 80px;
      font-size: 16.5px;
      line-height: 1.7;
      font-weight: 500; }
    body.channel-call div.section.main-info .btn-transparent {
      margin-top: 15px;
      color: #15AE98;
      border: 1px solid #3B4974;
      font-weight: bold; }
      body.channel-call div.section.main-info .btn-transparent .icon {
        background-color: #3B4974; }
  body.channel-call div.section.call-to-action {
    background-color: #FFFFFF;
    line-height: 1; }
    body.channel-call div.section.call-to-action .info {
      padding: 30px; }
    body.channel-call div.section.call-to-action .col-sm-12 {
      padding-bottom: 15px !important; }
    body.channel-call div.section.call-to-action div.cta {
      display: inline-block; }
      body.channel-call div.section.call-to-action div.cta.blue {
        background-color: #06566D; }
        body.channel-call div.section.call-to-action div.cta.blue .icon {
          background: #FFFFFF; }
        body.channel-call div.section.call-to-action div.cta.blue .info {
          color: #FFFFFF;
          font-weight: bold; }
          body.channel-call div.section.call-to-action div.cta.blue .info .title {
            font-size: 25.5px;
            padding-bottom: 10px; }
          body.channel-call div.section.call-to-action div.cta.blue .info .description {
            font-size: 15px;
            line-height: 1.5;
            padding-bottom: 20px; }
          body.channel-call div.section.call-to-action div.cta.blue .info .col-button {
            margin: 1em 0 0 0; }
            body.channel-call div.section.call-to-action div.cta.blue .info .col-button .btn {
              font-weight: bold !important;
              font-size: 18px; }
      body.channel-call div.section.call-to-action div.cta.yellow .icon {
        background: #06566D; }
      body.channel-call div.section.call-to-action div.cta.yellow .info {
        background-color: #FFD00E;
        color: #06566D;
        font-weight: bold; }
        body.channel-call div.section.call-to-action div.cta.yellow .info .title {
          font-size: 25.5px;
          padding-bottom: 10px; }
        body.channel-call div.section.call-to-action div.cta.yellow .info .description {
          font-size: 15px;
          line-height: 1.5;
          padding-bottom: 20px; }
        body.channel-call div.section.call-to-action div.cta.yellow .info .col-button {
          margin: 1em 0 0 0; }
          body.channel-call div.section.call-to-action div.cta.yellow .info .col-button .btn-yellow, body.channel-call div.section.call-to-action div.cta.yellow .info .col-button .btn-transparent {
            border: 1px solid #3B4974;
            font-weight: bold !important;
            font-size: 18px; }
      body.channel-call div.section.call-to-action div.cta .col-md-6 {
        padding-left: 0 !important;
        padding-right: 0 !important; }
      body.channel-call div.section.call-to-action div.cta .col-md-6 .col-sm-12 {
        padding-bottom: 15px !important; }
      body.channel-call div.section.call-to-action div.cta img {
        width: 100%; }
  body.channel-call [class*="genericon"] {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 1;
    font-family: 'Genericons';
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    vertical-align: top; }
  body.channel-call [class*="genericon"] {
    *overflow: auto;
    *zoom: 1;
    *display: inline; }
  body.channel-call div.section.program {
    background-color: #E8F4F4 !important; }
    body.channel-call div.section.program h2.title .btn-transparent {
      margin-top: 15px;
      color: #15AE98;
      font-weight: bold;
      float: right;
      margin-top: 0px;
      position: absolute;
      right: 0;
      bottom: 8px; }
      body.channel-call div.section.program h2.title .btn-transparent .icon {
        background-color: #3B4974;
        vertical-align: middle; }
      body.channel-call div.section.program h2.title .btn-transparent:hover {
        background-color: #15AE98;
        color: #FFFFFF; }
        body.channel-call div.section.program h2.title .btn-transparent:hover .icon {
          background-color: #FFFFFF !important; }
    body.channel-call div.section.program .description {
      color: #06566D;
      font-weight: bold;
      padding-bottom: 10px; }
    body.channel-call div.section.program .accordion {
      text-align: center;
      display: block;
      list-style-type: none;
      height: 400px;
      font-size: 0; }
      body.channel-call div.section.program .accordion img {
        border-radius: 15px 15px 15px 15px; }
    body.channel-call div.section.program .tabs {
      display: inline-block;
      text-align: left;
      width: 80px !important;
      height: 400px;
      overflow: hidden;
      position: relative;
      margin: 0;
      font-size: 16px;
      -moz-transition: all 0.4s ease-in-out 0.1s;
      -o-transition: all 0.4s ease-in-out 0.1s;
      -webkit-transition: all 0.4s ease-in-out;
      -webkit-transition-delay: 0.1s;
      transition: all 0.4s ease-in-out 0.1s; }
      body.channel-call div.section.program .tabs .date {
        writing-mode: vertical-lr;
        transform: rotate(180deg);
        position: absolute;
        height: 100%;
        text-align: right;
        border-left: #5ab2ca 1px solid;
        color: #15AE98;
        font-weight: bold;
        padding-right: 5px; }
      body.channel-call div.section.program .tabs .paragraph {
        position: relative;
        width: 360px;
        margin-left: 80px;
        padding: 20px 0 0 10px;
        height: 400px;
        font-weight: bold;
        color: #06566D; }
        body.channel-call div.section.program .tabs .paragraph h1 {
          font-size: 33px;
          margin-bottom: 10px;
          color: #15AE98; }
        body.channel-call div.section.program .tabs .paragraph p {
          padding-right: 30px; }
        body.channel-call div.section.program .tabs .paragraph .btn-transparent {
          margin-top: 15px;
          color: #15AE98;
          border: 1px solid #3B4974;
          font-weight: bold; }
          body.channel-call div.section.program .tabs .paragraph .btn-transparent .icon {
            background-color: #3B4974; }
          body.channel-call div.section.program .tabs .paragraph .btn-transparent:hover {
            background-color: #15AE98;
            color: #FFFFFF;
            border: unset; }
            body.channel-call div.section.program .tabs .paragraph .btn-transparent:hover .icon {
              background-color: #FFFFFF !important; }
    body.channel-call div.section.program .slider-programs {
      visibility: hidden;
      opacity: 0;
      transition: opacity 1s; }
      body.channel-call div.section.program .slider-programs .custom-left-arrow {
        position: absolute;
        font-size: 75px;
        left: -4%;
        color: #15AE98;
        cursor: pointer;
        height: 100%;
        background-color: rgba(21, 174, 152, 0.2); }
        body.channel-call div.section.program .slider-programs .custom-left-arrow .icon-arrow {
          position: relative;
          top: 34%;
          background-color: #15AE98; }
        body.channel-call div.section.program .slider-programs .custom-left-arrow:hover {
          color: #06566D;
          background-color: #15AE98; }
          body.channel-call div.section.program .slider-programs .custom-left-arrow:hover .icon-arrow {
            background-color: #FFFFFF; }
      body.channel-call div.section.program .slider-programs .custom-right-arrow {
        top: 0;
        position: absolute;
        font-size: 75px;
        right: -4%;
        color: #15AE98;
        cursor: pointer;
        height: 100%;
        background-color: rgba(21, 174, 152, 0.2); }
        body.channel-call div.section.program .slider-programs .custom-right-arrow .icon-arrow {
          position: relative;
          top: 34%;
          transform: rotate(180deg);
          background-color: #15AE98; }
        body.channel-call div.section.program .slider-programs .custom-right-arrow:hover {
          color: #06566D;
          background-color: #15AE98; }
          body.channel-call div.section.program .slider-programs .custom-right-arrow:hover .icon-arrow {
            background-color: #FFFFFF; }
    body.channel-call div.section.program .slider-programs.slick-initialized {
      visibility: visible;
      opacity: 1; }
    body.channel-call div.section.program .slick-current {
      width: 450px !important; }
  body.channel-call div.section.posts {
    color: #06566D;
    background-color: #E8F4F4 !important; }
    body.channel-call div.section.posts .description {
      font-size: 16.5px;
      margin-top: 15px;
      font-weight: 500; }
    body.channel-call div.section.posts .post-widget {
      border: 1px solid #5ab2ca;
      height: 370px;
      margin-bottom: 20px;
      margin-left: 15px;
      margin-right: 15px;
      background-color: #FFFFFF; }
      body.channel-call div.section.posts .post-widget div.content {
        height: 190px;
        color: #06566D !important;
        font-weight: bold;
        background-color: #FFFFFF; }
        body.channel-call div.section.posts .post-widget div.content div.date {
          color: #15AE98 !important; }
        body.channel-call div.section.posts .post-widget div.content div.title {
          font-size: 18px; }
          body.channel-call div.section.posts .post-widget div.content div.title a {
            color: #06566D; }
            body.channel-call div.section.posts .post-widget div.content div.title a:hover {
              text-decoration: underline;
              color: #15AE98; }
        body.channel-call div.section.posts .post-widget div.content div.subtitle {
          color: #06566D !important; }
        body.channel-call div.section.posts .post-widget div.content div.author {
          color: #15AE98 !important;
          font-weight: inherit;
          border-top: 2px solid #5ab2ca;
          padding-top: 10px;
          position: absolute;
          bottom: 25px;
          width: 90%; }
        body.channel-call div.section.posts .post-widget div.content a.arrow span.icon-arrow {
          position: absolute;
          transform: rotate(180deg);
          right: 3%;
          bottom: 0;
          background-color: #15AE98; }
      body.channel-call div.section.posts .post-widget a.img-link {
        padding: 10px;
        height: 170px !important; }
        body.channel-call div.section.posts .post-widget a.img-link img.img-link {
          border-top-left-radius: unset;
          border-top-right-radius: unset; }
    body.channel-call div.section.posts .slider-post {
      visibility: hidden;
      opacity: 0;
      transition: opacity 1s; }
      body.channel-call div.section.posts .slider-post .custom-left-arrow {
        top: 34%;
        position: absolute;
        font-size: 75px;
        left: -4%;
        color: #15AE98;
        cursor: pointer; }
      body.channel-call div.section.posts .slider-post .custom-right-arrow {
        top: 34%;
        position: absolute;
        font-size: 75px;
        right: -4%;
        color: #15AE98;
        cursor: pointer; }
      body.channel-call div.section.posts .slider-post.slick-initialized {
        visibility: visible;
        opacity: 1; }
  body.channel-call div.section.workshops {
    background-color: #FFD00E !important; }
    body.channel-call div.section.workshops .title {
      text-align: left;
      margin-bottom: 10px;
      color: #06566D; }
      body.channel-call div.section.workshops .title span.icon {
        background-color: #FFFFFF; }
    body.channel-call div.section.workshops .description {
      font-weight: bold;
      color: #06566D;
      margin-bottom: 10px; }
    body.channel-call div.section.workshops .custom-left-arrow {
      top: 34%;
      position: absolute;
      font-size: 75px;
      left: -2.4%;
      color: #15AE98;
      cursor: pointer; }
    body.channel-call div.section.workshops .custom-right-arrow {
      top: 34%;
      position: absolute;
      font-size: 75px;
      right: -4%;
      color: #15AE98;
      cursor: pointer; }
    body.channel-call div.section.workshops .workshop-widget {
      height: 400px;
      background-color: #FFFFFF;
      margin-left: 15px;
      margin-right: 15px; }
      body.channel-call div.section.workshops .workshop-widget .image {
        color: #FFFFFF;
        font-weight: bold;
        position: inherit;
        display: flex;
        height: 275px; }
        body.channel-call div.section.workshops .workshop-widget .image img {
          height: 100%;
          width: 100%;
          padding-top: 15px;
          filter: brightness(85%) contrast(80%); }
        body.channel-call div.section.workshops .workshop-widget .image .date {
          position: absolute;
          bottom: 13%;
          left: 5%;
          font-size: 22.5px; }
        body.channel-call div.section.workshops .workshop-widget .image .location {
          position: absolute;
          bottom: 5%;
          left: 5%;
          width: 90%;
          border-top: 1px solid #FFFFFF;
          border-bottom: 1px solid #FFFFFF; }
      body.channel-call div.section.workshops .workshop-widget .title {
        margin-top: 10px; }
        body.channel-call div.section.workshops .workshop-widget .title a {
          font-weight: bold;
          color: #06566D !important;
          font-size: 22.5px;
          line-height: 1.2; }
          body.channel-call div.section.workshops .workshop-widget .title a:hover {
            color: #15AE98;
            text-decoration: underline; }
      body.channel-call div.section.workshops .workshop-widget a.arrow span.icon-arrow {
        position: absolute;
        transform: rotate(180deg);
        right: 3%;
        bottom: 0;
        background-color: #15AE98; }
  body.channel-call div.section.projects .filters {
    margin: 40px 0 35px 0; }
    body.channel-call div.section.projects .filters a > li {
      font-weight: 700;
      padding: 5px 15px;
      cursor: pointer;
      display: inline-block;
      color: #3A3A3A; }
      body.channel-call div.section.projects .filters a > li.active {
        background-color: #15AE98;
        border-radius: 5px;
        color: #FFFFFF !important; }
  body.channel-call div.section.projects .projects {
    padding: unset !important; }
  body.channel-call div.section.projects .slick-list .widget-slide {
    margin-left: 20px; }
  body.channel-call div.section.projects .slider-projects {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s; }
    body.channel-call div.section.projects .slider-projects .custom-left-arrow {
      top: 34%;
      position: absolute;
      font-size: 75px;
      left: -2.4%;
      color: #19B4B2;
      cursor: pointer; }
    body.channel-call div.section.projects .slider-projects .custom-right-arrow {
      top: 34%;
      position: absolute;
      font-size: 75px;
      right: -4%;
      color: #19B4B2;
      cursor: pointer; }
  body.channel-call div.section.projects .slider-projects.slick-initialized {
    visibility: visible;
    opacity: 1; }
  body.channel-call div.section.projects .slider-projects .item {
    display: none; }
  body.channel-call div.section.projects .slider-projects .item:first-child {
    display: block;
    visibility: hidden; }
  body.channel-call div.section.projects .slider-projects.slick-initialized .item {
    display: block;
    visibility: visible !important; }
  body.channel-call div.section.projects .project-widget {
    border-radius: 0px; }
    body.channel-call div.section.projects .project-widget .floating {
      top: 168px;
      background: #15AE98; }
      body.channel-call div.section.projects .project-widget .floating:hover {
        background: #088787; }
    body.channel-call div.section.projects .project-widget .img-link {
      padding: 10px;
      background-color: #FFFFFF;
      border-radius: 0px; }
    body.channel-call div.section.projects .project-widget .description {
      color: #06566D; }
    body.channel-call div.section.projects .project-widget .categories {
      display: none; }
    body.channel-call div.section.projects .project-widget .amount ul li {
      color: #15AE98; }
      body.channel-call div.section.projects .project-widget .amount ul li strong {
        color: #06566D;
        font-size: 21px; }
    body.channel-call div.section.projects .project-widget .progress-bar {
      background-color: #15AE98; }
    body.channel-call div.section.projects .project-widget .percent p {
      color: #15AE98; }
    body.channel-call div.section.projects .project-widget > .backside {
      background-color: #FFFFFF; }
      body.channel-call div.section.projects .project-widget > .backside .data-list p {
        color: #06566D; }
  body.channel-call div.section.sponsors {
    color: #06566D; }
    body.channel-call div.section.sponsors .description {
      font-size: 16.5px;
      margin-top: 15px;
      font-weight: 500; }
    body.channel-call div.section.sponsors ul.main-sponsors {
      padding-top: 10px; }
    body.channel-call div.section.sponsors .secondary-sponsor {
      margin-top: 50px;
      text-align: left; }
      body.channel-call div.section.sponsors .secondary-sponsor .sponsor-label {
        border-bottom: 1px solid #06566D;
        padding-bottom: 5px;
        margin-bottom: 10px;
        font-weight: bold; }
  body.channel-call section.faq-list {
    background-color: #FFFFFF;
    font-size: 16.5px;
    color: #06566D;
    padding: 0 0 60px 0 !important; }
    body.channel-call section.faq-list .channel-faqs {
      display: grid;
      grid-template-columns: repeat(4, minmax(200px, 1fr));
      grid-gap: 2em; }
      body.channel-call section.faq-list .channel-faqs .faqs_module.card {
        position: relative;
        border: none;
        background: #fff;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
        border-radius: 5px;
        padding-bottom: 24px; }
        body.channel-call section.faq-list .channel-faqs .faqs_module.card header {
          text-align: center; }
        body.channel-call section.faq-list .channel-faqs .faqs_module.card > ul {
          list-style: circle;
          padding: 32px 20px; }
  body.channel-call div.section.terms-items {
    background-color: #FFFFFF;
    font-size: 16.5px;
    color: #06566D;
    padding: 0 0 60px 0 !important; }
    body.channel-call div.section.terms-items .title {
      color: #06566D; }
      body.channel-call div.section.terms-items .title .icon {
        background-color: #15AE98; }
      body.channel-call div.section.terms-items .title::after {
        color: #333;
        bottom: 0px;
        right: 0px;
        position: absolute;
        font-family: "FontAwesome";
        color: #15AE98;
        font-size: 40.5px;
        font-weight: normal; }
      body.channel-call div.section.terms-items .title[aria-expanded="false"]::after {
        content: "\f107"; }
      body.channel-call div.section.terms-items .title[aria-expanded="true"]::after {
        content: "\f106"; }
    body.channel-call div.section.terms-items .description {
      padding: 20px 0; }
  body.channel-call div.section.download {
    background-color: #FFFFFF;
    color: #06566D; }
    body.channel-call div.section.download .container {
      background-color: #E8F4F4;
      padding: 16px 35px 30px 50px; }
      body.channel-call div.section.download .container img.pdf {
        margin-top: 28px; }
      body.channel-call div.section.download .container .title {
        color: #06566D;
        font-weight: 500;
        font-size: 22.5px;
        margin-bottom: 25px; }
      body.channel-call div.section.download .container .description {
        max-width: 70%;
        float: left;
        font-weight: 400; }
      body.channel-call div.section.download .container .btn {
        float: right;
        color: #06566D;
        border: 1px solid #06566D;
        font-weight: bold; }
        body.channel-call div.section.download .container .btn .icon {
          background-color: #06566D; }
  body.channel-call div.section.team {
    background-color: #FFFFFF; }
    body.channel-call div.section.team .container .image img {
      width: 100%;
      background-color: #E8F4F4; }
    body.channel-call div.section.team .container .title {
      color: #15AE98;
      font-weight: bold; }
    body.channel-call div.section.team .container .description {
      color: #06566D;
      font-weight: bold; }
    body.channel-call div.section.team .container .team_widget {
      color: #06566D;
      margin: 20px 0 20px 0;
      height: 350px; }
      body.channel-call div.section.team .container .team_widget .name {
        font-size: 22.5px;
        border-bottom: 1px #06566D solid;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
        line-height: 1.2; }
      body.channel-call div.section.team .container .team_widget .role {
        color: #088787;
        border-bottom: 1px #06566D solid;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
        font-size: 15px; }
  body.channel-call section.stories {
    background-color: #FFFFFF;
    color: #FFFFFF;
    min-height: 400px;
    margin-bottom: unset;
    padding: unset !important; }
    body.channel-call section.stories .slider-stories {
      color: #FFFFFF; }
      body.channel-call section.stories .slider-stories figcaption {
        position: absolute;
        bottom: 0;
        padding-left: 200px; }
        body.channel-call section.stories .slider-stories figcaption cite {
          background: #FFFFFF;
          border-top-left-radius: .25rem;
          border-top-right-radius: .25rem;
          margin: 0 1rem 0 0;
          padding: .5rem 1rem;
          color: #06566D; }
      body.channel-call section.stories .slider-stories div.story-desktop-container {
        display: block;
        height: 550px; }
        body.channel-call section.stories .slider-stories div.story-desktop-container img {
          width: 100%;
          height: 550px; }
          body.channel-call section.stories .slider-stories div.story-desktop-container img::after {
            content: "©"; }
        body.channel-call section.stories .slider-stories div.story-desktop-container .story {
          background-color: #FFFFFF;
          position: absolute;
          top: 50px;
          margin-left: 200px;
          width: 675px;
          height: max-content;
          padding-bottom: 50px; }
          body.channel-call section.stories .slider-stories div.story-desktop-container .story .row h2.title {
            color: #15AE98;
            font-weight: bold;
            border-bottom: unset;
            padding: 20px 10px; }
          body.channel-call section.stories .slider-stories div.story-desktop-container .story .row div.green-line {
            border-bottom: 1px solid #15AE98;
            height: 50px; }
          body.channel-call section.stories .slider-stories div.story-desktop-container .story .image img {
            width: 150px;
            border-radius: 10px; }
          body.channel-call section.stories .slider-stories div.story-desktop-container .story .info {
            border-left: 1px solid #15AE98;
            margin-left: 25px; }
            body.channel-call section.stories .slider-stories div.story-desktop-container .story .info q {
              font-size: 18px;
              font-weight: bold;
              color: #06566D; }
            body.channel-call section.stories .slider-stories div.story-desktop-container .story .info div.author {
              color: #06566D;
              margin-left: unset;
              padding-top: 20px;
              display: flex; }
              body.channel-call section.stories .slider-stories div.story-desktop-container .story .info div.author img.author-avatar {
                height: 70px;
                width: 70px;
                border-radius: 50%; }
              body.channel-call section.stories .slider-stories div.story-desktop-container .story .info div.author div.author-name {
                margin-left: 20px;
                line-height: 1.7;
                font-size: 15px;
                margin: auto auto auto 20px; }
      body.channel-call section.stories .slider-stories .story-xs {
        display: none; }
      body.channel-call section.stories .slider-stories .custom-left-arrow {
        top: 33%;
        position: absolute;
        font-size: 75px;
        left: .7%;
        cursor: pointer; }
        body.channel-call section.stories .slider-stories .custom-left-arrow span.fa {
          color: #15AE98; }
      body.channel-call section.stories .slider-stories .custom-right-arrow {
        top: 33%;
        position: absolute;
        font-size: 75px;
        right: .7%;
        cursor: pointer; }
        body.channel-call section.stories .slider-stories .custom-right-arrow span.fa {
          color: #15AE98; }
  body.channel-call div.section.resources {
    background-color: #FFFFFF; }
    body.channel-call div.section.resources .container {
      background-color: #06566D; }
    body.channel-call div.section.resources .col-sm-12 {
      padding-bottom: 15px !important; }
    body.channel-call div.section.resources .col-md-6 {
      padding-left: 0 !important;
      padding-right: 0 !important; }
    body.channel-call div.section.resources .icon {
      background: #FFFFFF; }
    body.channel-call div.section.resources .info {
      padding: 30px;
      color: #FFFFFF;
      font-weight: bold;
      background-color: #06566D; }
      body.channel-call div.section.resources .info .title {
        font-size: 34.5px;
        padding-bottom: 10px; }
      body.channel-call div.section.resources .info .description {
        font-size: 15px;
        line-height: 1.5;
        padding-bottom: 20px; }
      body.channel-call div.section.resources .info .col-button .btn {
        font-weight: bold !important;
        font-size: 18px; }
    body.channel-call div.section.resources img {
      width: 100%; }
  body.channel-call div.section.post-header {
    padding-top: unset !important;
    margin-top: 50px; }
  body.channel-call div.section.resources-categories {
    background-color: #FFFFFF;
    padding: 10px !important; }
    body.channel-call div.section.resources-categories ul {
      margin-top: 5px !important;
      padding: 0px 15px;
      margin: 0px 15px; }
      body.channel-call div.section.resources-categories ul li a {
        color: #15AE98 !important;
        font-weight: bold;
        padding: 0 25px; }
      body.channel-call div.section.resources-categories ul li .icon {
        background-color: #15AE98; }
      body.channel-call div.section.resources-categories ul li.selected a {
        color: #06566D !important;
        border-bottom: 3px solid #06566D;
        padding-bottom: 5px; }
        body.channel-call div.section.resources-categories ul li.selected a .icon {
          background-color: #06566D; }
      body.channel-call div.section.resources-categories ul li:first-child {
        margin-left: 15px; }
  body.channel-call div.section.resource-download {
    background-color: #FFFFFF;
    color: #06566D;
    padding: 30px 0px !important; }
    body.channel-call div.section.resource-download .container .category {
      color: #15AE98;
      font-size: 19.5px;
      border-bottom: 1px solid #06566D;
      padding-bottom: 10px; }
    body.channel-call div.section.resource-download .container .item {
      margin: 0px 0px 20px 0px;
      display: flex; }
      body.channel-call div.section.resource-download .container .item .img {
        background-color: #E8F4F4;
        padding: 10px; }
      body.channel-call div.section.resource-download .container .item .icon {
        background-color: #15AE98; }
      body.channel-call div.section.resource-download .container .item .content {
        background-color: #E8F4F4;
        padding-bottom: 20px; }
        body.channel-call div.section.resource-download .container .item .content .title {
          color: #15AE98;
          font-weight: 500;
          font-size: 22.5px;
          margin-top: 0px; }
        body.channel-call div.section.resource-download .container .item .content .description {
          max-width: 70%;
          float: left;
          font-weight: 400; }
        body.channel-call div.section.resource-download .container .item .content .btn {
          margin-top: 14px;
          float: right;
          color: #06566D;
          border: 1px solid #06566D;
          font-weight: bold; }
          body.channel-call div.section.resource-download .container .item .content .btn img.pdf {
            margin-right: 10px; }
          body.channel-call div.section.resource-download .container .item .content .btn .icon {
            background-color: #06566D; }
  body.channel-call div.section.map .row.impact-data {
    margin-bottom: 2em; }
    body.channel-call div.section.map .row.impact-data .item {
      margin-top: 25px;
      text-align: center;
      font-size: 30px;
      font-weight: bold; }
      body.channel-call div.section.map .row.impact-data .item .description {
        font-size: 11px;
        font-weight: normal;
        text-transform: uppercase; }
      body.channel-call div.section.map .row.impact-data .item.gender {
        font-size: 42px; }
        body.channel-call div.section.map .row.impact-data .item.gender .number {
          margin-left: 5px; }
        body.channel-call div.section.map .row.impact-data .item.gender .percent {
          font-size: 21px; }
  body.channel-call div.section.map .map {
    overflow: hidden; }
  body.channel-call div.section.pitch-and-match {
    padding: 0px 50px 0px 50px !important;
    background-color: #fed383;
    color: #06566D;
    font-size: 18px; }
    body.channel-call div.section.pitch-and-match hr {
      width: 90%;
      border-color: #BCBCBC; }
    body.channel-call div.section.pitch-and-match .divider {
      border-right: 1px solid rgba(255, 255, 255, 0.3); }
    body.channel-call div.section.pitch-and-match .character {
      margin: 50px 0px 50px 10px; }
      body.channel-call div.section.pitch-and-match .character h2 {
        margin-top: 10px; }
      body.channel-call div.section.pitch-and-match .character .img-responsive {
        height: 240px;
        display: block;
        margin: auto; }
      body.channel-call div.section.pitch-and-match .character .call-to-action .btn {
        color: #06566D; }
  body.channel-call footer {
    font-weight: bold;
    color: #06566D;
    background-color: #E8F4F4 !important;
    padding-bottom: 80px; }
    body.channel-call footer .pull-left img {
      height: 50px; }
    body.channel-call footer .pull-right span {
      vertical-align: sub; }
    body.channel-call footer .pull-right img {
      height: 30px; }
    body.channel-call footer .header {
      border-bottom: 1px solid #06566D;
      padding-bottom: 20px; }
    body.channel-call footer ul {
      list-style-type: none;
      padding-inline-start: 0px; }
      body.channel-call footer ul li {
        border-bottom: 1px solid #06566D;
        padding: 5px;
        font-size: 15px;
        font-weight: bold; }
        body.channel-call footer ul li a {
          color: #088787; }
        body.channel-call footer ul li .icon {
          width: 20px !important;
          height: 20px !important; }
          body.channel-call footer ul li .icon-channel-instagram {
            background-color: #FC514F; }
          body.channel-call footer ul li .icon-channel-telegram {
            background-color: #1DA1F2; }
          body.channel-call footer ul li .icon-channel-twitter {
            background-color: #1DA1F2; }
          body.channel-call footer ul li .icon-channel-fb {
            height: 20px !important;
            width: 10px !important;
            margin: 5px;
            background-color: #4367B2; }
          body.channel-call footer ul li .icon-channel-github {
            background-color: #282828; }
          body.channel-call footer ul li .icon-channel-mail {
            background-color: #26BDB9; }
    body.channel-call footer.minimal-footer ul li {
      border-bottom: unset !important; }
      body.channel-call footer.minimal-footer ul li::after {
        content: '';
        border-bottom: 1px solid #06566D;
        width: 90%;
        display: block; }
  @media (max-width: 993px) {
    body.channel-call h2.title {
      color: #15AE98;
      font-size: 22.5px;
      border-bottom: 1px solid #06566D;
      font-weight: bold;
      padding-bottom: 10px;
      position: relative; }
      body.channel-call h2.title .icon {
        background-color: #06566D;
        vertical-align: sub;
        margin-right: 7px; }
    body.channel-call div.section.banner-header div.banner-info span.title {
      font-size: 16.5px; }
    body.channel-call div.section.banner-header div.banner-info div.description {
      font-size: 37.5px; }
    body.channel-call div.section.banner-header div.banner-info .btn {
      font-size: 15px !important; }
    body.channel-call div.section.banner-header div.info {
      z-index: unset; }
      body.channel-call div.section.banner-header div.info.terms {
        background-color: #FFFFFF;
        position: static; }
      body.channel-call div.section.banner-header div.info.intro {
        background-color: #FFFFFF;
        position: static; }
    body.channel-call div.section.call-to-action .item {
      margin-top: 20px; }
    body.channel-call footer ul {
      margin-top: 0px;
      margin-bottom: 0px; }
    body.channel-call div.section.program {
      padding: 50px 0px 80px 0px !important;
      height: 800px;
      background-color: #FFFFFF; }
      body.channel-call div.section.program .slider-programs {
        visibility: hidden;
        opacity: 0;
        transition: opacity 1s; }
        body.channel-call div.section.program .slider-programs .custom-left-arrow {
          top: unset;
          bottom: -30%;
          position: absolute;
          font-size: 75px;
          left: 0%;
          cursor: pointer;
          width: 45%;
          background-color: rgba(21, 174, 152, 0.2);
          height: 20%; }
          body.channel-call div.section.program .slider-programs .custom-left-arrow .icon-arrow {
            color: #15AE98;
            top: -20% !important; }
        body.channel-call div.section.program .slider-programs .custom-right-arrow {
          top: unset;
          bottom: -30%;
          position: absolute;
          font-size: 75px;
          right: 0%;
          cursor: pointer;
          width: 45%;
          background-color: rgba(21, 174, 152, 0.2);
          height: 20%; }
          body.channel-call div.section.program .slider-programs .custom-right-arrow .icon-arrow {
            color: #15AE98;
            top: -20% !important; }
    body.channel-call div.section.stories .slider-stories div.story-desktop-container img {
      width: unset; }
    body.channel-call div.section.stories .slider-stories div.story-desktop-container .story {
      top: 20px !important;
      margin-top: unset;
      max-width: 450px;
      margin-left: 150px; }
    body.channel-call div.section.pitch-and-match .call-to-action div {
      margin-bottom: 1em; }
    body.channel-call div.section.pitch-and-match .divider {
      border-right: unset;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3); } }
  @media (max-width: 767px) {
    body.channel-call div.section {
      padding: 50px 0px 0px 0px !important; }
    body.channel-call div.section.program {
      height: 800px; }
      body.channel-call div.section.program .title {
        padding-bottom: 105px; }
        body.channel-call div.section.program .title a.btn {
          bottom: 20px;
          left: 0; }
      body.channel-call div.section.program .slider-programs {
        visibility: hidden;
        opacity: 0;
        transition: opacity 1s; }
        body.channel-call div.section.program .slider-programs .paragraph {
          position: relative;
          width: 200px; }
          body.channel-call div.section.program .slider-programs .paragraph p {
            padding-right: unset;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical; }
        body.channel-call div.section.program .slider-programs .custom-left-arrow {
          bottom: -20%;
          height: 15%; }
          body.channel-call div.section.program .slider-programs .custom-left-arrow .icon-arrow {
            color: #15AE98;
            top: -50% !important; }
        body.channel-call div.section.program .slider-programs .custom-right-arrow {
          bottom: -20%;
          height: 15%; }
          body.channel-call div.section.program .slider-programs .custom-right-arrow .icon-arrow {
            color: #15AE98;
            top: -50% !important; }
        body.channel-call div.section.program .slider-programs .slick-current {
          width: 300px !important; }
    body.channel-call div.section.banner-header {
      min-height: 400px; }
      body.channel-call div.section.banner-header div.custom-header {
        font-size: 12px; }
        body.channel-call div.section.banner-header div.custom-header img {
          height: 22px !important; }
        body.channel-call div.section.banner-header div.custom-header div.languages {
          margin-right: 0px; }
      body.channel-call div.section.banner-header div.banner-info {
        padding-left: 0px !important; }
        body.channel-call div.section.banner-header div.banner-info span.title {
          font-size: 15px !important; }
        body.channel-call div.section.banner-header div.banner-info div.description {
          font-size: 27px !important;
          margin-bottom: 10px; }
        body.channel-call div.section.banner-header div.banner-info .btn {
          font-size: 15px !important; }
        body.channel-call div.section.banner-header div.banner-info.terms {
          bottom: 35%; }
      body.channel-call div.section.banner-header div.info.terms {
        background-color: #FFFFFF;
        position: static; }
      body.channel-call div.section.banner-header div.info.intro {
        background-color: #FFFFFF; }
        body.channel-call div.section.banner-header div.info.intro ul {
          bottom: 0;
          top: auto;
          z-index: 1000;
          overflow-y: scroll;
          white-space: nowrap;
          -webkit-overflow-scrolling: touch; }
    body.channel-call div.section.main-info {
      padding: 0 !important; }
      body.channel-call div.section.main-info h1.title {
        line-height: 1; }
      body.channel-call div.section.main-info p.description {
        padding-top: 0px; }
    body.channel-call div.section.intro h2.title {
      text-align: center; }
    body.channel-call div.section.intro p.description {
      text-align: center; }
    body.channel-call div.section.intro .btn {
      display: block; }
    body.channel-call div.section.intro img.cover {
      margin: 35px auto 0 auto; }
    body.channel-call div.section.projects .slick-list .widget-slide {
      margin-left: 0px !important; }
      body.channel-call div.section.projects .slick-list .widget-slide .project-widget.normal {
        box-shadow: none;
        margin-left: 20px; }
      body.channel-call div.section.projects .slick-list .widget-slide .no-margin-left {
        margin-left: 0px !important; }
    body.channel-call div.section.program .title {
      padding-bottom: 105px; }
      body.channel-call div.section.program .title a.btn {
        bottom: 20px;
        left: 0; }
    body.channel-call div.section.sponsors ul.main-sponsors li img {
      height: 41px; }
    body.channel-call div.section.sponsors .secondary-sponsor img {
      height: 35px; }
    body.channel-call div.section.download .description {
      width: 100%; }
    body.channel-call div.section.download .btn {
      float: left !important;
      margin-top: 20px; }
    body.channel-call div.section.team .container .row div:nth-child(odd) {
      clear: both; }
    body.channel-call div.section.team .container .team_widget {
      height: max-content !important; }
    body.channel-call div.section.resource-download .item {
      display: block !important; }
      body.channel-call div.section.resource-download .item .btn {
        float: left !important; }
    body.channel-call div.section.resources-categories ul {
      overflow-y: scroll;
      white-space: nowrap; }
      body.channel-call div.section.resources-categories ul li:first-child {
        margin-left: 0px; }
    body.channel-call footer .pull-left img {
      height: 30px; }
    body.channel-call footer .pull-right img {
      height: 25px !important; }
    body.channel-call span.icon-2x {
      width: 60px;
      height: 60px; } }
  @media (max-width: 767px) and (max-width: 767px) {
    body.channel-call span.icon-2x {
      width: 40px;
      height: 40px; } }
  @media (max-width: 767px) and (max-width: 479px) {
    body.channel-call span.icon-2x {
      width: 30px;
      height: 30px; } }
  @media (max-width: 767px) {
    body.channel-call section.stories .slider-stories div.story-desktop-container {
      display: none; }
    body.channel-call section.stories .slider-stories div.story-xs {
      display: block; }
      body.channel-call section.stories .slider-stories div.story-xs .info-container {
        margin-top: 10%; }
        body.channel-call section.stories .slider-stories div.story-xs .info-container q {
          font-size: 19.5px;
          font-weight: bold;
          color: #06566D; }
        body.channel-call section.stories .slider-stories div.story-xs .info-container div.author {
          color: #06566D; }
    body.channel-call section.stories .slider-stories .custom-left-arrow {
      top: 53%;
      font-size: 45px; }
    body.channel-call section.stories .slider-stories .custom-right-arrow {
      top: 53%;
      font-size: 45px; } }

/* Channels */
div.jumbotron.channels {
  margin-top: 20px;
  text-align: center; }
div.channels-container {
  background-color: #FFFFFF;
  margin-bottom: 40px; }
div.row.channels {
  padding: 2%; }
div.channel .name {
  max-width: 60%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(32, 179, 178, 0.85);
  color: #FFFFFF;
  font-size: 1em;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: bold; }
div.channel .projects {
  height: auto;
  position: absolute;
  bottom: 5px;
  right: 0;
  background-color: rgba(255, 255, 255, 0.85);
  font-size: 1em;
  padding: 5px 10px;
  text-transform: uppercase;
  color: #20B2B3; }
  div.channel .projects .eye {
    height: 11px;
    margin-right: 5px; }
div.channel a.channel-link {
  position: relative;
  display: table;
  margin: 0px auto; }
div.jumbotron.general {
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: "Roboto", sans-serif; }
div.jumbotron.calculator-header {
  color: #FFFFFF;
  background-color: #DAE0E8;
  padding: 0;
  margin: 0; }
  div.jumbotron.calculator-header div.banner {
    background-image: url("/assets/img/calculator/header_banner.jpg");
    height: 353px; }
  div.jumbotron.calculator-header h2 {
    font-weight: bold;
    font-size: 4.8em;
    padding-top: 20px;
    padding-left: 25px; }
  div.jumbotron.calculator-header h3.slogan-1 {
    font-size: 1.5em;
    padding: 0 !important;
    line-height: 1.4; }
  div.jumbotron.calculator-header h3.slogan-2 {
    font-size: 2em;
    padding: 0 !important;
    padding-left: 25px !important;
    line-height: 1.4; }
    div.jumbotron.calculator-header h3.slogan-2 span.line {
      background-color: #54C1BE;
      padding: 0 5px; }
div.row.pool-main {
  background-color: #FFFFFF;
  text-align: center; }
  div.row.pool-main h1 {
    color: #218587;
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 20px; }
  div.row.pool-main h2 {
    color: #b3b2b2;
    font-size: 1.5em;
    margin-top: 0 !important;
    margin-bottom: 20px !important; }
div.calculator {
  color: #218587;
  margin-top: 20px; }
  div.calculator h2 {
    font-size: 2em; }
  div.calculator div.invest-title {
    font-size: 2em;
    font-weight: bold;
    padding: 0 !important; }
  div.calculator input.invest-amount {
    height: 40px !important;
    font-size: 1.75em;
    color: #218587;
    text-align: center; }

@media (max-width: 769px) {
  div.channel {
    margin-bottom: 30px;
    margin-top: 20px; } }
/* Dashboard  */
/* dashboard containers */
.dashboard, .admin {
  background: #FFFFFF;
  color: #537880;
  margin-bottom: 20px; }
  .dashboard .inner-container, .admin .inner-container {
    max-width: 962px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
    @media (max-width: 767px) {
      .dashboard .inner-container, .admin .inner-container {
        padding-right: 5px;
        padding-left: 5px; } }
  .dashboard p.text-danger, .admin p.text-danger {
    color: #FF3936; }
  .dashboard h1, .admin h1 {
    font-size: 30px;
    color: #2D2B2C;
    line-height: 1.5; }
  .dashboard h2, .admin h2 {
    font-size: 24px;
    color: #2D2B2C;
    line-height: 1.5; }
  .dashboard h3, .admin h3 {
    font-size: 21px;
    color: #2D2B2C;
    line-height: 1.5; }
  .dashboard h4, .admin h4 {
    font-size: 18px;
    color: #2D2B2C;
    line-height: 1.5; }
  .dashboard h5, .dashboard .pool-desc, .admin h5, .admin .pool-desc {
    font-size: 15px;
    color: #2D2B2C;
    line-height: 1.5;
    font-weight: normal;
    text-transform: uppercase; }
  .dashboard h1.title, .dashboard h2.title, .dashboard h3.title, .dashboard h4.title, .dashboard h5.title, .dashboard h6.title, .admin h1.title, .admin h2.title, .admin h3.title, .admin h4.title, .admin h5.title, .admin h6.title {
    border-bottom: 1px solid;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    background: #f0f0f0;
    padding: 2px 4px 1px 4px; }
  .dashboard h1 .color-lilac, .dashboard h2 .color-lilac, .dashboard h3 .color-lilac, .dashboard h4 .color-lilac, .dashboard h5 .color-lilac, .dashboard h6 .color-lilac, .admin h1 .color-lilac, .admin h2 .color-lilac, .admin h3 .color-lilac, .admin h4 .color-lilac, .admin h5 .color-lilac, .admin h6 .color-lilac {
    color: #A63C98; }
  .dashboard dl dd, .admin dl dd {
    margin-bottom: 1em; }
  .dashboard blockquote, .admin blockquote {
    background-color: #E5F3F4;
    padding: 20px;
    border-left: none;
    font-size: 16.5px;
    font-weight: normal; }
    .dashboard blockquote::after, .admin blockquote::after {
      content: '';
      clear: both;
      display: block; }
    .dashboard blockquote.padding-right, .admin blockquote.padding-right {
      position: relative;
      padding-right: 130px; }
      .dashboard blockquote.padding-right .pull-right, .admin blockquote.padding-right .pull-right {
        top: 15px;
        position: absolute;
        right: 20px;
        float: none; }
    .dashboard blockquote ol li, .dashboard blockquote ul li, .admin blockquote ol li, .admin blockquote ul li {
      margin-bottom: 1em; }
    .dashboard blockquote ol, .admin blockquote ol {
      counter-reset: list; }
    .dashboard blockquote ol > li, .admin blockquote ol > li {
      list-style: none;
      position: relative; }
    .dashboard blockquote ol > li:before, .admin blockquote ol > li:before {
      counter-increment: list;
      content: counter(list,lower-alpha) ") ";
      position: absolute;
      left: -1.4em; }
  .dashboard .bootstrap-tagsinput .tag, .admin .bootstrap-tagsinput .tag {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 2px; }
  .dashboard .nav-tabs li.active > a, .admin .nav-tabs li.active > a {
    background-color: #F0F9F8;
    border-bottom-color: #F0F9F8;
    font-weight: 500; }
  .dashboard .nav-tabs.nav-justified > li a, .admin .nav-tabs.nav-justified > li a {
    text-align: left; }
  @media (min-width: 480px) {
    .dashboard .nav-tabs.nav-justified > li, .admin .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; } }
  .dashboard .nav-tabs a, .dashboard .dropdown-menu a, .admin .nav-tabs a, .admin .dropdown-menu a {
    position: relative; }
    .dashboard .nav-tabs a .badge, .dashboard .dropdown-menu a .badge, .admin .nav-tabs a .badge, .admin .dropdown-menu a .badge {
      position: absolute;
      top: 5px;
      right: 5px; }
  .dashboard .nav-tabs a .badge, .admin .nav-tabs a .badge {
    top: 10px;
    right: 10px; }
  .dashboard .fa.fa-2x, .admin .fa.fa-2x {
    width: 30px;
    font-size: 1.8em; }
  .dashboard .dropdown-menu a:focus, .dashboard .dropdown-menu a:hover, .dashboard .dropdown-menu button:focus, .dashboard .dropdown-menu button:hover, .admin .dropdown-menu a:focus, .admin .dropdown-menu a:hover, .admin .dropdown-menu button:focus, .admin .dropdown-menu button:hover {
    background-color: #E5F3F4; }
  .dashboard .dropdown-menu > .active > a, .dashboard .dropdown-menu > .active > button, .admin .dropdown-menu > .active > a, .admin .dropdown-menu > .active > button {
    background-color: #2BBBB7; }
  .dashboard .dropdown-menu > .available > a, .dashboard .dropdown-menu > .available > button, .admin .dropdown-menu > .available > a, .admin .dropdown-menu > .available > button {
    font-weight: bold;
    text-decoration: underline; }
  .dashboard .auto-hide, .admin .auto-hide {
    position: relative;
    margin-bottom: 20px; }
    .dashboard .auto-hide .inner, .admin .auto-hide .inner {
      max-height: 19px;
      overflow: hidden;
      -moz-transition: max-height 0.5s ease-out;
      -o-transition: max-height 0.5s ease-out;
      -webkit-transition: max-height 0.5s ease-out;
      transition: max-height 0.5s ease-out; }
    .dashboard .auto-hide .more, .admin .auto-hide .more {
      position: absolute;
      top: 0px;
      right: 0px;
      background: #4D4D4D;
      color: #FFFFFF;
      cursor: pointer;
      padding: 0 5px;
      width: 85px;
      -moz-transition: top 0.25s ease;
      -o-transition: top 0.25s ease;
      -webkit-transition: top 0.25s ease;
      transition: top 0.25s ease; }
      .dashboard .auto-hide .more::after, .admin .auto-hide .more::after {
        font-family: FontAwesome;
        content: "\f0d7";
        margin: 0 5px; }
      .dashboard .auto-hide .more::before, .admin .auto-hide .more::before {
        display: block;
        position: absolute;
        content: '';
        width: 200px;
        height: 22px;
        top: 0;
        right: 85px;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyOCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(28%, rgba(255, 255, 255, 0.1)), color-stop(100%, #ffffff));
        background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.1) 28%, #ffffff 100%);
        background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1) 28%, #ffffff 100%);
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 28%, #ffffff 100%);
        z-index: 0; }
    .dashboard .auto-hide.show .inner, .admin .auto-hide.show .inner {
      max-height: 600px;
      -moz-transition: max-height 0.5s ease-in;
      -o-transition: max-height 0.5s ease-in;
      -webkit-transition: max-height 0.5s ease-in;
      transition: max-height 0.5s ease-in; }
    .dashboard .auto-hide.show .more, .admin .auto-hide.show .more {
      top: -20px; }
      .dashboard .auto-hide.show .more::after, .admin .auto-hide.show .more::after {
        content: "\f0d8"; }
  @media (min-width: 480px) {
    .dashboard .invests-extra-options .exportcsv, .admin .invests-extra-options .exportcsv {
      float: left; }
    .dashboard .invests-extra-options .mailing, .admin .invests-extra-options .mailing {
      float: right; } }
  .dashboard table.footable, .dashboard table.table, .admin table.footable, .admin table.table {
    color: #537880;
    background: #F0F9F8; }
    .dashboard table.footable tr.strikethrough td, .dashboard table.table tr.strikethrough td, .admin table.footable tr.strikethrough td, .admin table.table tr.strikethrough td {
      text-decoration: line-through; }
    .dashboard table.footable tr th, .dashboard table.footable tr td, .dashboard table.table tr th, .dashboard table.table tr td, .admin table.footable tr th, .admin table.footable tr td, .admin table.table tr th, .admin table.table tr td {
      padding: 10px 5px; }
      .dashboard table.footable tr th:first-child, .dashboard table.footable tr td:first-child, .dashboard table.table tr th:first-child, .dashboard table.table tr td:first-child, .admin table.footable tr th:first-child, .admin table.footable tr td:first-child, .admin table.table tr th:first-child, .admin table.table tr td:first-child {
        padding-left: 10px; }
      .dashboard table.footable tr th.strikethrough, .dashboard table.footable tr td.strikethrough, .dashboard table.table tr th.strikethrough, .dashboard table.table tr td.strikethrough, .admin table.footable tr th.strikethrough, .admin table.footable tr td.strikethrough, .admin table.table tr th.strikethrough, .admin table.table tr td.strikethrough {
        text-decoration: line-through; }
      .dashboard table.footable tr th a.send-private, .dashboard table.footable tr td a.send-private, .dashboard table.table tr th a.send-private, .dashboard table.table tr td a.send-private, .admin table.footable tr th a.send-private, .admin table.footable tr td a.send-private, .admin table.table tr th a.send-private, .admin table.table tr td a.send-private {
        color: #4D4D4D; }
        .dashboard table.footable tr th a.send-private .icon, .dashboard table.footable tr td a.send-private .icon, .dashboard table.table tr th a.send-private .icon, .dashboard table.table tr td a.send-private .icon, .admin table.footable tr th a.send-private .icon, .admin table.footable tr td a.send-private .icon, .admin table.table tr th a.send-private .icon, .admin table.table tr td a.send-private .icon {
          background-color: #4D4D4D; }
  .dashboard .loading, .admin .loading {
    background: url(../img/ring.gif) no-repeat center;
    min-height: 48px;
    background-size: 32px; }
  .dashboard .btn, .admin .btn {
    border-color: transparent;
    text-transform: uppercase; }
    .dashboard .btn.btn-default, .admin .btn.btn-default {
      border-color: #BCBCBC; }
    .dashboard .btn.btn-link, .admin .btn.btn-link {
      box-shadow: none;
      color: #537880;
      font-weight: 500; }
    .dashboard .btn[data-toggle="collapse"]::after, .admin .btn[data-toggle="collapse"]::after {
      margin-left: 6px;
      content: '\f0d7';
      font-family: FontAwesome; }
    .dashboard .btn[data-toggle="collapse"][aria-expanded="true"]::after, .admin .btn[data-toggle="collapse"][aria-expanded="true"]::after {
      content: '\f0d8'; }
  .dashboard .buttons .btn, .admin .buttons .btn {
    margin-bottom: 10px;
    margin-right: 10px; }
  .dashboard .progress-bar, .admin .progress-bar {
    color: #FFFFFF; }
    .dashboard .progress-bar *, .admin .progress-bar * {
      color: #FFFFFF; }
  .dashboard .paypal, .admin .paypal {
    max-height: 0;
    overflow: hidden;
    -moz-transition: max-height 0.5s ease;
    -o-transition: max-height 0.5s ease;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease; }
    .dashboard .paypal.show, .admin .paypal.show {
      max-height: 600px; }
  .dashboard .form-group.extra, .admin .form-group.extra {
    padding-left: 20px;
    border-left: 4px solid #2BBBB7;
    margin-top: 0;
    padding-top: 20px; }
    .dashboard .form-group.extra + .extra, .admin .form-group.extra + .extra {
      margin-top: -20px; }
    .dashboard .form-group.extra.call, .dashboard .form-group.extra.lilac, .admin .form-group.extra.call, .admin .form-group.extra.lilac {
      border-left-color: #A63C98; }
    .dashboard .form-group.extra.orange, .admin .form-group.extra.orange {
      border-left-color: #FF6400; }
  .dashboard .form-group input[type="checkbox"], .dashboard .form-group input[type="radio"], .admin .form-group input[type="checkbox"], .admin .form-group input[type="radio"] {
    vertical-align: text-bottom;
    display: inline-block;
    width: auto;
    height: auto;
    margin-right: 5px; }
  .dashboard .form-group label, .admin .form-group label {
    color: #3A3A3A; }
  .dashboard .pagination > .active > a, .admin .pagination > .active > a {
    background-color: #2BBBB7;
    border-color: #2BBBB7; }
  .dashboard .top-button, .admin .top-button {
    margin-top: -42px;
    float: right; }
    .dashboard .top-button::after, .admin .top-button::after {
      content: '';
      display: block;
      clear: both; }
    .dashboard .top-button .btn-lg, .admin .top-button .btn-lg {
      font-size: 15px;
      padding: 6px 12px; }
  .dashboard .panel, .admin .panel {
    border: 0;
    box-shadow: none;
    border-radius: 5px;
    background-color: #F0F9F8; }
    .dashboard .panel.panel-default, .admin .panel.panel-default {
      background-color: #FFFFFF;
      border: 1px solid #ddd; }
    .dashboard .panel h3, .admin .panel h3 {
      margin-top: 0; }
    .dashboard .panel h5, .admin .panel h5 {
      font-weight: 500;
      font-size: 13.5px; }
    .dashboard .panel .panel-body label, .admin .panel .panel-body label {
      padding: 0 12px; }
    .dashboard .panel .panel-body .radio label, .dashboard .panel .panel-body .checkbox label, .admin .panel .panel-body .radio label, .admin .panel .panel-body .checkbox label {
      padding-left: 20px; }
    .dashboard .panel .panel-body blockquote, .admin .panel .panel-body blockquote {
      background: inherit;
      padding: 5px 11px;
      border-left: 4px solid #2BBBB7; }
      .dashboard .panel .panel-body blockquote.lilac, .admin .panel .panel-body blockquote.lilac {
        border-left-color: #A63C98; }
    .dashboard .panel .panel-body.lilac, .admin .panel .panel-body.lilac {
      background-color: #F2E6F1; }
      .dashboard .panel .panel-body.lilac .input-wrap, .admin .panel .panel-body.lilac .input-wrap {
        background-color: #F2E6F1; }
    .dashboard .panel .panel-body.cost-item .row .form-group, .dashboard .panel .panel-body.reward-item .row .form-group, .admin .panel .panel-body.cost-item .row .form-group, .admin .panel .panel-body.reward-item .row .form-group {
      display: inline-block; }
    .dashboard .panel .panel-body.cost-item .loading, .dashboard .panel .panel-body.reward-item .loading, .admin .panel .panel-body.cost-item .loading, .admin .panel .panel-body.reward-item .loading {
      min-height: 30px;
      min-width: 30px;
      float: right; }
    .dashboard .panel .panel-body.cost-item .amount .input-group, .dashboard .panel .panel-body.cost-item .amount input, .dashboard .panel .panel-body.cost-item .amount .input-group-addon, .dashboard .panel .panel-body.cost-item .units .input-group, .dashboard .panel .panel-body.cost-item .units input, .dashboard .panel .panel-body.cost-item .units .input-group-addon, .dashboard .panel .panel-body.reward-item .amount .input-group, .dashboard .panel .panel-body.reward-item .amount input, .dashboard .panel .panel-body.reward-item .amount .input-group-addon, .dashboard .panel .panel-body.reward-item .units .input-group, .dashboard .panel .panel-body.reward-item .units input, .dashboard .panel .panel-body.reward-item .units .input-group-addon, .admin .panel .panel-body.cost-item .amount .input-group, .admin .panel .panel-body.cost-item .amount input, .admin .panel .panel-body.cost-item .amount .input-group-addon, .admin .panel .panel-body.cost-item .units .input-group, .admin .panel .panel-body.cost-item .units input, .admin .panel .panel-body.cost-item .units .input-group-addon, .admin .panel .panel-body.reward-item .amount .input-group, .admin .panel .panel-body.reward-item .amount input, .admin .panel .panel-body.reward-item .amount .input-group-addon, .admin .panel .panel-body.reward-item .units .input-group, .admin .panel .panel-body.reward-item .units input, .admin .panel .panel-body.reward-item .units .input-group-addon {
      font-size: 30px;
      font-weight: bold;
      height: auto; }
    .dashboard .panel .panel-body.cost-item .type, .dashboard .panel .panel-body.reward-item .type, .admin .panel .panel-body.cost-item .type, .admin .panel .panel-body.reward-item .type {
      white-space: nowrap; }
      .dashboard .panel .panel-body.cost-item .type img, .dashboard .panel .panel-body.reward-item .type img, .admin .panel .panel-body.cost-item .type img, .admin .panel .panel-body.reward-item .type img {
        width: 45px;
        height: auto; }
      .dashboard .panel .panel-body.cost-item .type label, .dashboard .panel .panel-body.reward-item .type label, .admin .panel .panel-body.cost-item .type label, .admin .panel .panel-body.reward-item .type label {
        margin-left: -60px;
        margin-bottom: 15px; }
    .dashboard .panel .panel-body.cost-item .remove, .dashboard .panel .panel-body.reward-item .remove, .admin .panel .panel-body.cost-item .remove, .admin .panel .panel-body.reward-item .remove {
      padding: 30px 30px 0 0; }
    .dashboard .panel .panel-body.reward-item .remove, .admin .panel .panel-body.reward-item .remove {
      padding: 0 15px 0 0; }
    .dashboard .panel .panel-body.reward-item .row, .admin .panel .panel-body.reward-item .row {
      margin: 0; }
      .dashboard .panel .panel-body.reward-item .row .amount, .admin .panel .panel-body.reward-item .row .amount {
        float: left;
        width: 45%; }
      .dashboard .panel .panel-body.reward-item .row .units, .admin .panel .panel-body.reward-item .row .units {
        float: left;
        width: 35%; }
      .dashboard .panel .panel-body.reward-item .row .unlimited, .admin .panel .panel-body.reward-item .row .unlimited {
        float: left;
        width: 20%; }
        .dashboard .panel .panel-body.reward-item .row .unlimited > label, .admin .panel .panel-body.reward-item .row .unlimited > label {
          display: block; }
        .dashboard .panel .panel-body.reward-item .row .unlimited .material-switch, .admin .panel .panel-body.reward-item .row .unlimited .material-switch {
          margin-top: 17px; }
      @media (max-width: 385px) {
        .dashboard .panel .panel-body.reward-item .row .amount, .admin .panel .panel-body.reward-item .row .amount {
          float: none;
          width: 100%; }
        .dashboard .panel .panel-body.reward-item .row .units, .admin .panel .panel-body.reward-item .row .units {
          width: 60%; }
        .dashboard .panel .panel-body.reward-item .row .unlimited, .admin .panel .panel-body.reward-item .row .unlimited {
          width: 40%; } }
      .dashboard .panel .panel-body.reward-item .row::after, .admin .panel .panel-body.reward-item .row::after {
        display: block;
        content: '';
        clear: both; }
    .dashboard .panel .widget-preview, .admin .panel .widget-preview {
      display: flex;
      width: 100%; }
      .dashboard .panel .widget-preview .left, .admin .panel .widget-preview .left {
        width: 300px;
        flex: 1;
        order: -1; }
      .dashboard .panel .widget-preview .right, .admin .panel .widget-preview .right {
        margin-left: 20px;
        width: 70%; }
      @media (max-width: 767px) {
        .dashboard .panel .widget-preview, .admin .panel .widget-preview {
          display: block; }
          .dashboard .panel .widget-preview .left, .dashboard .panel .widget-preview .right, .admin .panel .widget-preview .left, .admin .panel .widget-preview .right {
            margin: 1em 0;
            width: 100%;
            flex: none; } }
    .dashboard .panel .form-control:not(.note-form-control), .admin .panel .form-control:not(.note-form-control) {
      background-color: #FFFFFF;
      border-width: 0;
      box-shadow: none; }
  .dashboard .breadcrumb, .admin .breadcrumb {
    background-color: inherit; }
    .dashboard .breadcrumb > li + li::before, .admin .breadcrumb > li + li::before {
      content: '\203A'; }
    .dashboard .breadcrumb li, .admin .breadcrumb li {
      color: #537880; }
    .dashboard .breadcrumb > .active, .admin .breadcrumb > .active {
      font-weight: bold; }
  .dashboard ul.data-list, .admin ul.data-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .dashboard ul.data-list p, .admin ul.data-list p {
      color: #2BBBB7;
      font-weight: bold;
      font-size: 45px; }
    .dashboard ul.data-list > li, .admin ul.data-list > li {
      float: left;
      margin: 0;
      padding: 0; }
      .dashboard ul.data-list > li.divider, .admin ul.data-list > li.divider {
        width: 2px;
        background-color: #CDD6D5;
        height: 50px;
        margin-top: 40px; }
    .dashboard ul.data-list > li + li, .admin ul.data-list > li + li {
      margin-left: 20px; }
    @media (max-width: 479px) {
      .dashboard ul.data-list h5, .admin ul.data-list h5 {
        font-size: 12px; } }
  .dashboard .ajax-message .label, .admin .ajax-message .label {
    font-size: 92%; }
  .dashboard .pool-container, .admin .pool-container {
    padding-left: 5%;
    padding-right: 5%; }
    .dashboard .pool-container .wallet-available, .admin .pool-container .wallet-available {
      color: #58595b;
      font-size: 18px; }
      .dashboard .pool-container .wallet-available .pool-amount, .admin .pool-container .wallet-available .pool-amount {
        color: #96238f;
        font-size: 20px;
        font-weight: 700;
        margin-left: 5px;
        margin-right: 5px; }
      .dashboard .pool-container .wallet-available .pool-desc, .admin .pool-container .wallet-available .pool-desc {
        text-transform: lowercase;
        font-size: 18px;
        color: #58595b; }
    .dashboard .pool-container .pool-box input[type="number"], .admin .pool-container .pool-box input[type="number"] {
      margin-right: 10px;
      max-width: 190px;
      border: 1px #bfbdbd solid; }
  .dashboard .pool-box, .admin .pool-box {
    /* label {
        display: block;
        text-align: center;
        margin: 20px 0;
        strong {
            display: inline-block;
            vertical-align: middle;
            font-size: $font-size * 2;
        }
    } */ }
    .dashboard .pool-box .form-control, .admin .pool-box .form-control {
      border: 1px solid #ccc; }
  .dashboard .comments.hidden, .admin .comments.hidden {
    height: 0; }
  .dashboard .comments .media, .admin .comments .media {
    padding: 10px 5px;
    border-top: 2px solid #ddd; }
    .dashboard .comments .media:first-child, .admin .comments .media:first-child {
      border-top: 0; }
  .dashboard .comments .label i, .admin .comments .label i {
    cursor: pointer; }
  .dashboard .messages-list .media h4, .dashboard .mailing-list .media h4, .admin .messages-list .media h4, .admin .mailing-list .media h4 {
    font-weight: normal;
    font-size: 1em; }
    .dashboard .messages-list .media h4 .recipient, .dashboard .mailing-list .media h4 .recipient, .admin .messages-list .media h4 .recipient, .admin .mailing-list .media h4 .recipient {
      float: right; }
      .dashboard .messages-list .media h4 .recipient::after, .dashboard .mailing-list .media h4 .recipient::after, .admin .messages-list .media h4 .recipient::after, .admin .mailing-list .media h4 .recipient::after {
        font-family: FontAwesome;
        content: "\f00d";
        color: #FF3936; }
      .dashboard .messages-list .media h4 .recipient.sent::after, .dashboard .mailing-list .media h4 .recipient.sent::after, .admin .messages-list .media h4 .recipient.sent::after, .admin .mailing-list .media h4 .recipient.sent::after {
        content: "\f00c";
        color: #C1D9DB; }
      .dashboard .messages-list .media h4 .recipient.opened::after, .dashboard .mailing-list .media h4 .recipient.opened::after, .admin .messages-list .media h4 .recipient.opened::after, .admin .mailing-list .media h4 .recipient.opened::after {
        content: "\f00c";
        color: #2BBBB7; }
  .dashboard .costs-bar .min, .dashboard .costs-bar .opt, .dashboard .costs-bar .total, .admin .costs-bar .min, .admin .costs-bar .opt, .admin .costs-bar .total {
    color: #4D4D4D;
    float: left;
    transition: width .6s ease, min-width .6s ease, max-width .6s ease; }
    .dashboard .costs-bar .min.min, .dashboard .costs-bar .opt.min, .dashboard .costs-bar .total.min, .admin .costs-bar .min.min, .admin .costs-bar .opt.min, .admin .costs-bar .total.min {
      width: 45%; }
      .dashboard .costs-bar .min.min > span, .dashboard .costs-bar .opt.min > span, .dashboard .costs-bar .total.min > span, .admin .costs-bar .min.min > span, .admin .costs-bar .opt.min > span, .admin .costs-bar .total.min > span {
        margin-right: 10px; }
    .dashboard .costs-bar .min.opt, .dashboard .costs-bar .opt.opt, .dashboard .costs-bar .total.opt, .admin .costs-bar .min.opt, .admin .costs-bar .opt.opt, .admin .costs-bar .total.opt {
      width: 30%; }
      .dashboard .costs-bar .min.opt > span, .dashboard .costs-bar .opt.opt > span, .dashboard .costs-bar .total.opt > span, .admin .costs-bar .min.opt > span, .admin .costs-bar .opt.opt > span, .admin .costs-bar .total.opt > span {
        margin-right: 10px; }
    .dashboard .costs-bar .min.total, .dashboard .costs-bar .opt.total, .dashboard .costs-bar .total.total, .admin .costs-bar .min.total, .admin .costs-bar .opt.total, .admin .costs-bar .total.total {
      width: auto;
      float: right;
      text-align: right; }
    .dashboard .costs-bar .min > span, .dashboard .costs-bar .opt > span, .dashboard .costs-bar .total > span, .admin .costs-bar .min > span, .admin .costs-bar .opt > span, .admin .costs-bar .total > span {
      display: block;
      font-weight: bold;
      font-size: 30px;
      line-height: 1;
      margin-bottom: 10px;
      white-space: nowrap; }
  .dashboard .costs-bar .progress, .admin .costs-bar .progress {
    clear: both; }
  @media (max-width: 479px) {
    .dashboard .costs-bar .min > span, .dashboard .costs-bar .opt > span, .dashboard .costs-bar .total > span, .admin .costs-bar .min > span, .admin .costs-bar .opt > span, .admin .costs-bar .total > span {
      font-size: 15px; } }
  @media (min-width: 480px) and (max-width: 991px) {
    .dashboard .costs-bar .min > span, .dashboard .costs-bar .opt > span, .dashboard .costs-bar .total > span, .admin .costs-bar .min > span, .admin .costs-bar .opt > span, .admin .costs-bar .total > span {
      font-size: 20px; } }

.dashboard-sections {
  background-color: #E5F3F4;
  padding: 10px; }
  .dashboard-sections .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
    .dashboard-sections .nav-tabs.nav-justified > li > a {
      border-radius: 10px;
      text-transform: uppercase;
      border: 1px solid transparent;
      margin-bottom: 0;
      color: #4D4D4D;
      font-weight: 500; }
      .dashboard-sections .nav-tabs.nav-justified > li > a > i {
        background-color: #C1D9DB;
        margin-bottom: 10px; }
      .dashboard-sections .nav-tabs.nav-justified > li > a:hover {
        background-color: inherit; }
        .dashboard-sections .nav-tabs.nav-justified > li > a:hover > i {
          background-color: #2BBBB7; }
      @media (max-width: 767px) {
        .dashboard-sections .nav-tabs.nav-justified > li > a {
          padding-left: 5px;
          padding-right: 5px;
          font-size: 0;
          color: transparent;
          line-height: 0; }
          .dashboard-sections .nav-tabs.nav-justified > li > a > i {
            margin-bottom: 0; } }
  .dashboard-sections .nav-tabs > li.active > a, .dashboard-sections .nav-tabs > li.active > a:focus, .dashboard-sections .nav-tabs > li.active > a:hover {
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px -2px #4D4D4D; }
    .dashboard-sections .nav-tabs > li.active > a > i, .dashboard-sections .nav-tabs > li.active > a:focus > i, .dashboard-sections .nav-tabs > li.active > a:hover > i {
      background-color: #2BBBB7; }

.dashboard-content {
  padding: 20px; }
  .dashboard-content.cyan {
    background: #F0F9F8; }
  @media (max-width: 767px) {
    .dashboard-content {
      padding: 5px; } }
  .dashboard-content .donor-fiscal-warning {
    width: 50%;
    padding-bottom: 20px; }
  .dashboard-content .impact-filter input {
    cursor: pointer; }
    .dashboard-content .impact-filter input[type="checkbox"] + img {
      filter: grayscale(100%); }
    .dashboard-content .impact-filter input[type="checkbox"]:checked + img {
      filter: unset !important; }
    .dashboard-content .impact-filter input[type="hidden"] + img {
      filter: grayscale(100%); }
    .dashboard-content .impact-filter input[type="hidden"][value="1"] + img, .dashboard-content .impact-filter input[type="hidden"][value="2"] + img, .dashboard-content .impact-filter input[type="hidden"][value="3"] + img {
      filter: unset !important; }
  .dashboard-content .impact-filter img {
    cursor: pointer; }
  .dashboard-content .impact-filter .discover-sdg {
    text-align: center;
    height: 9em; }
    .dashboard-content .impact-filter .discover-sdg label {
      cursor: pointer; }

.user-pool {
  text-align: center; }
  .user-pool .pool-amount {
    display: block;
    font-size: 52.5px; }
  .user-pool h1 {
    font-weight: bold; }
  .user-pool .btn {
    padding-left: 2em;
    padding-right: 2em; }

.projects-container h2 {
  font-weight: bold;
  text-align: center; }
.projects-container .interests {
  color: #537880;
  background-color: #FFFFFF;
  box-shadow: 1px 2px 6px -2px #4D4D4D;
  margin: 40px 15%;
  padding: 3%;
  border-radius: 10px; }
  @media (max-width: 480px) {
    .projects-container .interests {
      font-size: 0.8em;
      padding-top: 8%;
      padding-bottom: 8%;
      margin: 40px 2%; } }

div.row.user-pool div.user-pool-info div.extra-info {
  margin-left: 2px;
  margin-top: 5%; }
  div.row.user-pool div.user-pool-info div.extra-info .donor {
    background-color: #CD5EB3;
    font-size: 1.2em;
    color: #FFFFFF;
    font-weight: bold;
    width: 100%; }
  div.row.user-pool div.user-pool-info div.extra-info .chargue {
    background-color: #14AE84;
    font-size: 1.2em;
    color: #FFFFFF;
    font-weight: bold;
    width: 100%; }
div.user-pool-info div.pool-conditions {
  margin-bottom: 40px;
  color: #B3B2B2; }
  div.user-pool-info div.pool-conditions a {
    color: #B3B2B2;
    text-decoration: underline;
    font-weight: bold; }

/* Social Commitment */
table.social-commitment .glyphicon-ok {
  color: #00C65B; }
table.social-commitment .glyphicon-remove {
  color: #FF4848; }
table.social-commitment td:not(:first-child) {
  vertical-align: middle;
  text-align: center; }
table.social-commitment th {
  text-align: center; }

/* Shared materials */
div.new-material-success {
  margin-top: 20px; }

.scoring-container .label {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: normal;
  display: inline-block;
  padding: 7px 13px; }
  .scoring-container .label .icon {
    background-color: #FFFFFF; }

div.stats {
  margin-top: 50px;
  padding: 40px 0;
  background-color: #B262A8;
  color: #FFFFFF;
  border-radius: 10px; }
  div.stats .impact-title {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 65px; }
  div.stats h5 {
    color: #FFFFFF;
    padding-top: 25px; }
  div.stats .row.impact-data {
    border-top: 1px solid #FFF;
    margin-top: 70px; }
    div.stats .row.impact-data .item {
      margin-top: 25px;
      text-align: center;
      font-size: 30px;
      font-weight: 700; }
    div.stats .row.impact-data .description {
      font-size: 11px;
      font-weight: 400;
      text-transform: uppercase; }
  div.stats .row.impact-visu {
    text-align: center; }
  @media (max-width: 767px) {
    div.stats .item {
      margin-bottom: 20px !important; } }

table.calls-summary .channel td a.open {
  color: #FFFFFF;
  background-color: #06566D !important; }

/* DIV impersonator */
.user-shadowing-bar {
  font-weight: 700;
  background: #D9534F;
  color: #FFFFFF;
  white-space: nowrap;
  text-align: center;
  vertical-align: baseline;
  padding: 0.3em 0.6em 0.3em; }
  .user-shadowing-bar a {
    color: #FFFFFF; }

.admin {
  font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.6em;
  letter-spacing: 0.01rem;
  color: #212121;
  text-rendering: optimizeLegibility; }
  .admin a.editable-click:hover {
    cursor: pointer; }
  .admin blockquote {
    font-size: inherit;
    font-weight: inherit; }
  .admin .admin-typeahead .twitter-typeahead {
    width: 100%; }
  .admin .admin-typeahead .has-feedback .form-control {
    padding-left: 32px;
    padding-right: 0; }
  .admin .admin-typeahead .form-control-feedback {
    right: auto;
    left: 0;
    top: 9px;
    color: #bbb; }
  .admin .admin-typeahead .typeahead {
    vertical-align: middle !important; }
    .admin .admin-typeahead .typeahead.loading {
      background-position: right;
      background-size: 24px;
      min-height: auto; }
  .admin .admin-typeahead .tt-dataset h3 {
    font-size: 1.3rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    background: #f0f0f0;
    padding: 3px 20px;
    font-weight: 500;
    margin: 0 0 0 0;
    text-transform: uppercase; }
  .admin .admin-typeahead .tt-suggestion img {
    width: 32px;
    height: 32px; }
  .admin .admin-typeahead .tt-suggestion:first-child h3 {
    margin-top: -5px; }
  .admin a.collapsable::after {
    font-family: FontAwesome;
    content: "\f0d8";
    margin: 0 5px; }
  .admin a.collapsable.collapsed::after {
    content: "\f0d7"; }
  .admin .admin-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .admin .admin-list button:not(.btn) {
      border: none;
      padding: 0;
      background: none; }
    .admin .admin-list li {
      padding: 5px 0; }
    .admin .admin-list .img-circle {
      width: 24px; }
    .admin .admin-list .recipient::after {
      font-family: FontAwesome;
      content: "\f00d";
      color: #FF3936; }
    .admin .admin-list .recipient.sent::after {
      content: "\f00c";
      color: #C1D9DB; }
    .admin .admin-list .recipient.opened::after {
      content: "\f00c";
      color: #2BBBB7; }
  .admin h1 .fa, .admin h1 .icon, .admin h2 .fa, .admin h2 .icon, .admin h3 .fa, .admin h3 .icon, .admin h4 .fa, .admin h4 .icon, .admin h5 .fa, .admin h5 .icon, .admin h6 .fa, .admin h6 .icon {
    margin-right: 8px; }
  .admin .index-row div[class^="col-xs-"], .admin .index-row div[class*=" col-xs-"] {
    margin: 2px 0;
    padding-right: 5px;
    padding-left: 5px; }
  .admin .index-row .btn {
    display: block;
    margin: 0;
    height: 38px;
    overflow: hidden;
    line-height: 38px;
    padding: 0; }
  .admin .index-row::after {
    content: '';
    display: block;
    clear: both; }
  .admin table .loading-container::before {
    top: 0; }
  .admin table .tDnD-sorting {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .admin table .tDnD-sorting tbody {
      background: rgba(0, 0, 0, 0.05); }
  .admin tr.tDnD-tr-prev, .admin tr.tDnD-tr-next {
    background-color: #C1D9DB; }
    .admin tr.tDnD-tr-prev.tDnD-tr-next, .admin tr.tDnD-tr-next.tDnD-tr-next {
      border-top: 1px solid #2BBBB7; }
    .admin tr.tDnD-tr-prev.tDnD-tr-prev, .admin tr.tDnD-tr-next.tDnD-tr-prev {
      border-bottom: 1px solid #2BBBB7; }
    .admin tr.tDnD-tr-prev td, .admin tr.tDnD-tr-next td {
      text-align: center;
      font-weight: bold; }
  .admin .tDnD_whileDrag {
    opacity: 0.8; }

/* blog styles */
body.blog {
  background-color: #FFFFFF;
  /* Icons social */
  /* Sticky menu */
  /* Donate */ }
  body.blog img.header-default {
    object-fit: cover;
    width: 100%; }
  body.blog .social {
    text-align: center;
    vertical-align: middle;
    margin-left: 35px; }
  body.blog .social [class*="fa fa-"] {
    background-color: #3A3A3A;
    border-radius: 40px;
    color: #FFFFFF;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: auto 10px;
    width: 40px;
    font-size: 22px;
    text-align: center; }
  body.blog .social [class*="fa fa-"]:hover {
    background-color: #19B4B2;
    color: #FFFFFF;
    text-align: center; }
  body.blog h2.tag-title {
    padding-top: 30px;
    text-align: center; }
  body.blog div.sticky-menu {
    padding-top: 10px;
    background-color: #f8f8f8; }
    body.blog div.sticky-menu.sticky-list {
      padding-top: 0 !important; }
      body.blog div.sticky-menu.sticky-list ul.filters {
        margin-bottom: 0px;
        padding: 15px 0 15px 0; }
        body.blog div.sticky-menu.sticky-list ul.filters div.foundation-mark {
          display: block;
          top: 20%; }
          body.blog div.sticky-menu.sticky-list ul.filters div.foundation-mark img.logo {
            width: 40px;
            height: 40px; }
          body.blog div.sticky-menu.sticky-list ul.filters div.foundation-mark h3 {
            font-size: 16.5px;
            margin-left: 10px; }
    body.blog div.sticky-menu .social {
      margin-left: 0px; }
  body.blog div.section.post-header {
    position: relative;
    padding-bottom: 30px;
    min-height: 450px; }
    body.blog div.section.post-header div.info {
      position: absolute;
      width: 100%;
      bottom: 0;
      background-color: transparent; }
      body.blog div.section.post-header div.info .container {
        background-color: rgba(255, 255, 255, 0.95); }
        body.blog div.section.post-header div.info .container h1 {
          font-size: 40.05px;
          text-align: center;
          padding: 20px 15%;
          font-weight: 700; }
        body.blog div.section.post-header div.info .container div.subtitle {
          text-align: center;
          font-size: 19.95px;
          font-weight: 400;
          padding: 0 10%; }
        body.blog div.section.post-header div.info .container ul.info-extra {
          margin: 20px 10% 0 10%;
          border-bottom: 2px dotted #3A3A3A;
          padding-bottom: 5px; }
          body.blog div.section.post-header div.info .container ul.info-extra li {
            vertical-align: middle; }
            body.blog div.section.post-header div.info .container ul.info-extra li .author {
              display: block;
              font-size: 16.5px; }
            body.blog div.section.post-header div.info .container ul.info-extra li .date {
              display: block;
              font-size: 12px;
              color: #ABABAB; }
  body.blog div.section.post-content div.text {
    font-size: 16px;
    padding: 40px 80px 30px 80px; }
    body.blog div.section.post-content div.text img.main-image {
      margin: 10px auto; }
    body.blog div.section.post-content div.text img {
      max-width: 100%; }
    body.blog div.section.post-content div.text iframe {
      max-width: 100%; }
  body.blog div.section.related-posts {
    padding: 40px 0 50px 0; }
    body.blog div.section.related-posts h2.title {
      text-align: center;
      margin-top: 0;
      padding-bottom: 30px; }
  body.blog div.section.list-posts {
    padding: 30px 0; }
    body.blog div.section.list-posts .description {
      text-align: center;
      font-size: 19.5px;
      font-weight: 400;
      padding: 40px 10%; }
    body.blog div.section.list-posts .post-widget {
      margin-top: 30px; }
  body.blog ul.filters {
    padding: 40px 0 35px 0;
    background-color: #FCFDD2;
    margin-bottom: 0px; }
    body.blog ul.filters a > li {
      font-weight: 700;
      padding: 5px 15px;
      cursor: pointer;
      display: inline-block;
      color: #3A3A3A; }
      body.blog ul.filters a > li.active {
        background-color: #FFFFFF;
        border-radius: 5px;
        box-shadow: 0 1px 3px -2px #4d4d4d;
        border: 1px solid transparent; }
  body.blog ul.tags {
    padding-bottom: 30px; }
    body.blog ul.tags a li {
      background-color: #FCFDD2;
      padding: 10px 15px;
      margin-left: 10px;
      cursor: pointer;
      display: inline-block;
      color: #3A3A3A;
      font-weight: 400;
      margin-top: 10px; }
    body.blog ul.tags a li:hover {
      background-color: #EFE1A8; }
  body.blog .pagination li.active > a {
    background-color: #555555;
    border-color: #555555;
    color: #FFFFFF; }
  body.blog .pagination li a {
    color: #555555; }
  body.blog .donate-header {
    position: relative; }
    body.blog .donate-header .main-info {
      position: absolute;
      bottom: 20%;
      width: 100%;
      top: 40%; }
      body.blog .donate-header .main-info .btn-white h1 {
        text-transform: uppercase;
        font-size: 24px;
        padding: 10px;
        margin: 0;
        text-transform: uppercase; }
      body.blog .donate-header .main-info .text-description {
        margin: 20px 0;
        font-size: 37.5px;
        font-weight: 700;
        text-shadow: .5px .5px #3a3a3a;
        line-height: 1.1;
        color: #FFFFFF; }
    body.blog .donate-header .img-header {
      width: 100%;
      filter: brightness(85%);
      object-fit: cover;
      height: auto; }
  body.blog div.donor-text-description {
    font-size: 21px;
    font-weight: 400;
    padding-bottom: 30px; }
    body.blog div.donor-text-description p {
      padding-top: 40px;
      padding-bottom: 10px; }
  body.blog div.donate-methods {
    font-size: 21px;
    font-weight: 400;
    padding-top: 20px;
    padding-bottom: 30px; }
    body.blog div.donate-methods .pool-box h4 {
      font-weight: normal;
      font-size: 15.75px;
      text-align: center; }
    body.blog div.donate-methods .pool-box form {
      text-align: center;
      margin-top: 30px;
      margin-bottom: 30px; }
    body.blog div.donate-methods .prologue {
      text-align: center;
      font-size: 15px;
      color: #537880;
      font-weight: normal !important;
      padding-bottom: 15px; }
    body.blog div.donate-methods .btn-cyan {
      font-size: 22.5px;
      text-transform: uppercase; }
    body.blog div.donate-methods .bank-transfer-account {
      font-weight: 300; }
  body.blog div.foundation-accounts-donate {
    padding: 40px 0;
    background-color: #FCFDD2; }
    body.blog div.foundation-accounts-donate .impact-title {
      font-size: 30px;
      font-weight: 700;
      text-align: center;
      padding-top: 0;
      margin-top: 0; }
    body.blog div.foundation-accounts-donate .item {
      margin-top: 25px;
      text-align: center;
      font-size: 30px;
      font-weight: 700; }
    body.blog div.foundation-accounts-donate .description {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase; }
  body.blog div.foundation-accounts-text {
    font-size: 21px;
    font-weight: 400;
    padding-top: 30px;
    padding-bottom: 30px; }
  @media (max-width: 993px) {
    body.blog div.section.post-content div.text {
      padding: 40px 0px 30px 0px; }
    body.blog .donate-header .main-info {
      top: auto; } }
  @media (max-width: 767px) {
    body.blog div.sticky-menu, body.blog .filters {
      bottom: 0;
      top: auto;
      z-index: 1000;
      overflow-y: scroll;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      background-color: #FCFDD2;
      margin-bottom: 0px; }
    body.blog div.sticky-menu {
      padding: 15px 0 0px 0 !important; }
    body.blog .filters {
      padding: 20px 0 20px 5px !important; }
    body.blog div.foundation-accounts-donate .item {
      margin-bottom: 20px !important; }
    body.blog div.section.post-header {
      position: static; }
      body.blog div.section.post-header img.header-default {
        height: 250px; }
      body.blog div.section.post-header div.info {
        position: static; }
        body.blog div.section.post-header div.info h1 {
          padding: 20px 0 !important;
          font-size: 27px; }
        body.blog div.section.post-header div.info .container ul.info-extra {
          border-bottom: 0px;
          text-align: center; }
          body.blog div.section.post-header div.info .container ul.info-extra li img {
            width: 55px; }
          body.blog div.section.post-header div.info .container ul.info-extra li .author {
            font-size: 12px !important; }
          body.blog div.section.post-header div.info .container ul.info-extra li.social {
            margin-top: 10px; }
          body.blog div.section.post-header div.info .container ul.info-extra li.social [class*="fa fa-"] {
            margin: auto 5px; }
    body.blog div.section.list-posts {
      padding: 30px 15px 0 15px; }
    body.blog div.related-post {
      margin-top: 20px; }
    body.blog .donate-header .img-header {
      height: 350px; }
    body.blog .donate-header .main-info {
      top: auto; }
      body.blog .donate-header .main-info .text-description {
        font-size: 22.5px; }
      body.blog .donate-header .main-info .btn-pink h1 {
        font-size: 21px; } }

/* matchfunding landing styles */
@font-face {
  font-family: Lovelo;
  src: url(/assets/vendor/fonts/lovelo/lovelo_line_light.otf); }
@font-face {
  font-family: Lovelo;
  src: url(/assets/vendor/fonts/lovelo/lovelo_line_bold.otf);
  font-weight: bold; }
body.matchfunding-landing {
  background-color: #f8f8f8;
  /* Sticky menu */ }
  body.matchfunding-landing .vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none; }
  body.matchfunding-landing .a-unstyled {
    color: #3a3a3a; }
  body.matchfunding-landing .pronto-loading {
    position: relative;
    /*       &.pronto-loading::before {
              // margin: 0 20px;
              left: 15px;
              @include animation-name (loading-bar-padding);
    
          } */ }
    body.matchfunding-landing .pronto-loading::before {
      /*           z-index: 1000;
                width: 30px;
                height: 30px;
                position: absolute;
                content: '';
                top: -10px;
                left: 0;
       */
      border-top: 2px solid #A63C98;
      /*           background:url(../img/ring.gif) no-repeat left;
                background-size: contain;
                @include animation-name (loading-bar);
                @include animation-duration (1s);
                @include animation-iteration-count (infinite); */ }
  body.matchfunding-landing .top.navbar-always > a, body.matchfunding-landing .top-navbar .navbar-always > a i.icon, body.matchfunding-landing .top-navbar .navbar-always > button {
    color: #3A3A3A;
    background-color: transparent; }
  body.matchfunding-landing .top-navbar .navbar-always > button img {
    border-color: #bababa; }
  body.matchfunding-landing .top-navbar .navbar-always > a i.icon {
    background-color: #3A3A3A; }
  body.matchfunding-landing .top-navbar {
    background-color: #FFFFFF; }
    body.matchfunding-landing .top-navbar .navbar-brand {
      margin-top: 5px; }
    body.matchfunding-landing .top-navbar h3 {
      font-size: 19.5px;
      margin-left: 10px;
      float: left;
      margin-top: 20px; }
    body.matchfunding-landing .top-navbar div.powered {
      float: right;
      color: #9d9d9d;
      padding: 18px 10px 20px 50px;
      border-left: 1px solid #e4e4e4; }
      body.matchfunding-landing .top-navbar div.powered img {
        margin-left: 10px;
        vertical-align: text-bottom; }
  body.matchfunding-landing div.material-switch {
    height: 60px; }
    body.matchfunding-landing div.material-switch label {
      width: 318px; }
    body.matchfunding-landing div.material-switch label::before {
      height: 60px;
      width: 318px;
      background-color: #E4E4E4 !important;
      opacity: 1;
      border-radius: 50px; }
    body.matchfunding-landing div.material-switch label::after {
      height: 54px;
      width: 158px;
      background-color: #A65387;
      border-radius: 50px; }
    body.matchfunding-landing div.material-switch span.pitch {
      color: #FFFFFF;
      position: absolute;
      z-index: 10;
      font-size: 21px;
      bottom: -29px;
      left: 52px;
      text-transform: uppercase; }
    body.matchfunding-landing div.material-switch span.match {
      color: #3A3A3A;
      position: absolute;
      left: 202px;
      z-index: 10;
      font-size: 21px;
      bottom: -29px;
      text-transform: uppercase; }
    body.matchfunding-landing div.material-switch input[type="checkbox"]:checked + label span.match {
      color: #FFFFFF; }
    body.matchfunding-landing div.material-switch input[type="checkbox"]:checked + label span.pitch {
      color: #3A3A3A; }
    body.matchfunding-landing div.material-switch input[type="checkbox"]:checked + label::after {
      left: 156px; }
  body.matchfunding-landing div.section.selector {
    padding-bottom: 30px;
    background-color: #FFFFFF; }
    body.matchfunding-landing div.section.selector div.text-up {
      margin-bottom: 10px;
      color: #729499;
      font-size: 12px;
      text-transform: uppercase; }
    body.matchfunding-landing div.section.selector div.text-down {
      color: #729499;
      font-size: 12px;
      text-transform: uppercase; }
  body.matchfunding-landing div.section.main-info {
    background-color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 30px; }
    body.matchfunding-landing div.section.main-info div.text div.caption {
      color: #FFFFFF;
      background-color: #A65387;
      font-size: 12px;
      padding: 8px 15px;
      text-transform: uppercase;
      font-weight: 700;
      display: inline-block; }
    body.matchfunding-landing div.section.main-info div.text h1.title {
      font-size: 45px;
      font-weight: bold;
      margin-top: 10px;
      line-height: 1; }
    body.matchfunding-landing div.section.main-info div.text div.description {
      color: #729499;
      font-size: 15px;
      padding-top: 8px; }
  body.matchfunding-landing div.section.matchfunding-module .drop-img-container {
    padding-top: 35px; }
  body.matchfunding-landing div.section.matchfunding-module h3.subtitle {
    color: #729499; }
  body.matchfunding-landing div.section.matchfunding-module .calls-summary {
    padding-top: 10px;
    padding-bottom: 25px; }
    body.matchfunding-landing div.section.matchfunding-module .calls-summary td {
      background-color: #FFFFFF; }
  body.matchfunding-landing div.section.stories {
    background-color: #FFFFFF;
    padding-top: 30px;
    margin-bottom: 0px; }
  body.matchfunding-landing div.section.map-visualization {
    padding-bottom: 35px;
    background-color: #FFFFFF; }
    body.matchfunding-landing div.section.map-visualization h2.title {
      font-weight: bold;
      text-align: center;
      padding: 15px 0 25px 0;
      margin-top: 0; }
  body.matchfunding-landing div.stats {
    padding: 40px 0;
    background-color: #B262A8;
    color: #FFFFFF; }
    body.matchfunding-landing div.stats .impact-title {
      font-size: 30px;
      font-weight: 700;
      text-align: center;
      padding-top: 0;
      margin-top: 0;
      padding-bottom: 20px; }
    body.matchfunding-landing div.stats .impact-data {
      margin-top: 0; }
    body.matchfunding-landing div.stats .item {
      margin-top: 25px;
      text-align: center;
      font-size: 30px;
      font-weight: 700; }
    body.matchfunding-landing div.stats .description {
      font-size: 11px;
      font-weight: 400;
      text-transform: uppercase; }
  body.matchfunding-landing div.section.sponsors {
    padding-top: 15px;
    padding-bottom: 45px;
    background-color: #FFFFFF; }
    body.matchfunding-landing div.section.sponsors h2.title {
      font-weight: bold;
      text-align: center; }
    body.matchfunding-landing div.section.sponsors h3.subtitle {
      text-align: center;
      font-size: 16.5px;
      font-weight: normal;
      margin-top: 10px;
      color: #729499; }
    body.matchfunding-landing div.section.sponsors ul.img-list li {
      margin-top: 50px;
      margin-left: 15px;
      margin-right: 15px; }
    body.matchfunding-landing div.section.sponsors div.action {
      margin-top: 50px;
      text-align: center; }
      body.matchfunding-landing div.section.sponsors div.action .btn {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 17.1px; }
  body.matchfunding-landing div.call-to-action-component {
    background-color: #A65387; }
  body.matchfunding-landing div.section.spheres {
    padding-top: 20px;
    padding-bottom: 30px;
    background-color: #FFFFFF; }
    body.matchfunding-landing div.section.spheres h2.title {
      font-weight: bold;
      text-align: center; }
    body.matchfunding-landing div.section.spheres .detail-item {
      border-radius: 50%;
      width: 75px;
      height: 75px;
      background-color: #FFFFFF;
      box-shadow: 1px 3px 5px -3px #4D4D4D;
      margin-top: 20px; }
      body.matchfunding-landing div.section.spheres .detail-item img {
        max-width: 57%;
        margin: 0 auto;
        padding-top: 21%;
        /*-webkit-filter: brightness(.55) saturate(3) grayscale(100%);
        filter: brightness(.55) saturate(3) grayscale(100%);*/ }
    body.matchfunding-landing div.section.spheres .item-label {
      margin-top: 10px;
      text-transform: uppercase;
      text-align: center;
      color: #729499;
      font-size: 13.5px; }
  body.matchfunding-landing div.section.stages {
    background-color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 20px; }
    body.matchfunding-landing div.section.stages h2.title {
      font-weight: bold;
      text-align: center; }
  body.matchfunding-landing div.section.becas-crowd {
    padding-top: 20px;
    padding-bottom: 30px; }
    body.matchfunding-landing div.section.becas-crowd h2.title {
      font-family: Lovelo;
      font-size: 54px;
      font-weight: bold;
      margin-top: 10px;
      line-height: 1;
      padding-top: 60px; }
    body.matchfunding-landing div.section.becas-crowd .description {
      color: #729499; }
    body.matchfunding-landing div.section.becas-crowd .action {
      margin-top: 20px;
      text-transform: uppercase;
      font-weight: bold; }
  body.matchfunding-landing div.section.calls-list-match {
    padding-top: 15px;
    padding-bottom: 20px;
    background-color: #FFFFFF; }
    body.matchfunding-landing div.section.calls-list-match h2.title {
      font-weight: bold;
      text-align: center; }
  body.matchfunding-landing div.sticky-menu {
    background-color: #FFFFFF;
    height: 60px; }
    body.matchfunding-landing div.sticky-menu .matchfunding-title {
      margin-left: 13px;
      margin-top: 18px;
      font-size: 25.95px;
      font-weight: bold; }
    body.matchfunding-landing div.sticky-menu .logo {
      float: left !important;
      border: 1px solid #e4e4e4;
      padding: 20px 8px;
      background-color: #fff;
      z-index: 150; }
      body.matchfunding-landing div.sticky-menu .logo img {
        width: 43px; }
    body.matchfunding-landing div.sticky-menu .powered {
      color: #CFCFCF;
      margin-top: 22px;
      margin-left: 10px; }
      body.matchfunding-landing div.sticky-menu .powered .icon-goteo-logo {
        vertical-align: sub;
        width: 80px;
        height: 26.13px;
        background-color: #959394; }
    body.matchfunding-landing div.sticky-menu.sticky-match {
      background-color: #A65387;
      color: #FFFFFF;
      box-shadow: 1px 3px 5px -3px #4D4D4D;
      /*div.material-switch{     
        label::before{
          background-color: #5C1D4E !important;
        }
        label::after{
          background-color: $color-white;
        }
      }*/ }
      body.matchfunding-landing div.sticky-menu.sticky-match .powered {
        color: #FFFFFF;
        opacity: 0.6; }
      body.matchfunding-landing div.sticky-menu.sticky-match .icon-goteo-logo {
        background-color: #FFFFFF;
        opacity: 0.6; }
    body.matchfunding-landing div.sticky-menu div.material-switch {
      padding-top: 10px;
      height: 50px; }
      body.matchfunding-landing div.sticky-menu div.material-switch label {
        width: 234px; }
      body.matchfunding-landing div.sticky-menu div.material-switch label::before {
        height: 49px;
        width: 241px;
        background-color: #E4E4E4;
        opacity: 1;
        border-radius: 50px; }
      body.matchfunding-landing div.sticky-menu div.material-switch label::after {
        height: 43px;
        width: 129px;
        background-color: #A65387;
        border-radius: 50px; }
      body.matchfunding-landing div.sticky-menu div.material-switch span.pitch {
        color: #FFFFFF;
        position: absolute;
        z-index: 10;
        font-size: 18.75px;
        bottom: -23px;
        left: 37px;
        text-transform: uppercase; }
      body.matchfunding-landing div.sticky-menu div.material-switch span.match {
        color: #3A3A3A;
        position: absolute;
        left: 143px;
        z-index: 10;
        font-size: 18.75px;
        bottom: -24px;
        text-transform: uppercase; }
      body.matchfunding-landing div.sticky-menu div.material-switch input[type="checkbox"]:checked + label span.match {
        color: #FFFFFF; }
      body.matchfunding-landing div.sticky-menu div.material-switch input[type="checkbox"]:checked + label span.pitch {
        color: #3A3A3A; }
      body.matchfunding-landing div.sticky-menu div.material-switch input[type="checkbox"]:checked + label::after {
        left: 109px; }
  body.matchfunding-landing div.section.related-posts {
    padding: 40px 0 50px 0; }
    body.matchfunding-landing div.section.related-posts h2.title {
      text-align: center;
      margin-top: 0;
      padding-bottom: 30px; }
  body.matchfunding-landing .text-cyan {
    color: #2BBBB7; }
  body.matchfunding-landing .matcher-contact-input {
    background-color: #DDF2F2; }
  @media (max-width: 767px) {
    body.matchfunding-landing div.section.selector {
      padding-top: 35px; }
    body.matchfunding-landing div.section.main-info .description {
      margin-bottom: 20px; }
    body.matchfunding-landing div.stats .item {
      margin-bottom: 20px !important; }
    body.matchfunding-landing div.section.becas-crowd {
      padding-top: 20px;
      padding-bottom: 30px; }
      body.matchfunding-landing div.section.becas-crowd h2.title {
        padding-top: 0px; }
      body.matchfunding-landing div.section.becas-crowd .action {
        margin-bottom: 20px; }
    body.matchfunding-landing div.sticky-selector {
      float: none !important;
      text-align: center; }
    body.matchfunding-landing div.related-post {
      margin-top: 20px; } }

body.matcher-landing {
  background-color: white; }
  body.matcher-landing .top-navbar {
    background-color: #B30097;
    margin-bottom: 1em; }
  body.matcher-landing .matcher-info .description {
    color: #537880;
    font-size: 19.5px;
    margin: 1em; }
  body.matcher-landing .matcher-title {
    color: #B30097;
    margin: 1em; }
  body.matcher-landing .matcher-logo {
    width: 100px;
    margin-top: 2em; }
  body.matcher-landing .create-form {
    margin-top: 0px; }

/* User  */
.user {
  background-color: #E5F3F4; }
  .user div.border-bottom {
    border-bottom: 2px solid #FFF; }
    .user div.border-bottom.spacer-30 {
      padding-top: 30px; }
  .user div.main-info {
    background-color: #FFFFFF;
    padding: 40px 0; }
    .user div.main-info div.avatar {
      text-align: right; }
      .user div.main-info div.avatar img {
        background-color: #E5F3F4;
        border: 4px solid #FFFFFF;
        box-shadow: 1px 1px 5px 0 #8C8A8A; }
    .user div.main-info div.info div.user-label {
      color: #149290;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: bold; }
    .user div.main-info div.info h1.name {
      margin-top: 3px;
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 0; }
    .user div.main-info div.info div.location {
      color: #149290;
      font-weight: bold;
      margin-top: 8px; }
      .user div.main-info div.info div.location .icon {
        font-size: 21px;
        vertical-align: sub; }
      .user div.main-info div.info div.location .content {
        vertical-align: middle;
        margin-left: 8px;
        font-size: 16.5px; }
    .user div.main-info div.info p .description {
      margin-top: 10px;
      margin-bottom: 5px;
      font-size: 15px; }
    .user div.main-info div.info p img {
      max-width: 100%; }
    .user div.main-info div.info div.worthcracy-label {
      color: #149290;
      font-size: 16.5px;
      text-transform: uppercase;
      font-weight: bold;
      margin-top: 15px; }
    .user div.main-info div.info ul.worthcracy-chart li {
      padding: 0; }
      .user div.main-info div.info ul.worthcracy-chart li div.label-amount {
        margin: 10px 0;
        font-weight: bold;
        font-size: 12px; }
      .user div.main-info div.info ul.worthcracy-chart li div.chart {
        margin-right: .5%;
        height: 15px;
        float: left;
        width: 100%;
        margin-bottom: 10px; }
        .user div.main-info div.info ul.worthcracy-chart li div.chart.green {
          background-color: #149290; }
        .user div.main-info div.info ul.worthcracy-chart li div.chart.grey {
          background-color: #D5D5D5; }
      .user div.main-info div.info ul.worthcracy-chart li div.label-name {
        margin: 10px 0;
        font-size: 12px; }
        .user div.main-info div.info ul.worthcracy-chart li div.label-name.green {
          color: #149290;
          font-weight: bold; }
    .user div.main-info div.info ul.worthcracy-chart li:first-child div.chart {
      border-radius: 10px 0 0 10px; }
    .user div.main-info div.info ul.worthcracy-chart li:last-child div.chart {
      border-radius: 0 10px 10px 0; }
    .user div.main-info div.stats {
      background-color: #E5F3F4;
      border-radius: 10px;
      padding: 0 0 15px 25px;
      width: 24%;
      margin-left: 1%; }
      .user div.main-info div.stats .title {
        font-size: 18px;
        color: #149290;
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 5px; }
      .user div.main-info div.stats ul {
        font-weight: bold; }
        .user div.main-info div.stats ul li {
          padding-top: 10px; }
          .user div.main-info div.stats ul li .item-data {
            font-size: 22.5px; }
          .user div.main-info div.stats ul li.projects {
            color: #149290;
            padding-top: 5px; }
            .user div.main-info div.stats ul li.projects .item-data {
              font-size: 42px;
              line-height: 1.2; }
          .user div.main-info div.stats ul li.invests {
            padding-top: 5px; }
  .user .extra-info {
    padding: 25px 0; }
    .user .extra-info .label-item {
      font-size: 18px;
      color: #149290;
      font-weight: bold;
      text-transform: uppercase; }
    .user .extra-info .item {
      border-bottom: 2px solid #FFF;
      padding-bottom: 20px;
      padding-top: 20px; }
      .user .extra-info .item .icon-item {
        border-radius: 50%;
        width: 65px;
        height: 65px;
        background-color: #149290;
        box-shadow: 1px 3px 5px -3px #4d4d4d;
        float: right; }
        .user .extra-info .item .icon-item .fa-search {
          font-size: 33.9px;
          padding: 13px 16px;
          color: #E5F3F4; }
        .user .extra-info .item .icon-item .fa-link {
          font-size: 33.9px;
          padding: 17px 18px;
          color: #E5F3F4; }
      .user .extra-info .item ul {
        margin-bottom: 0; }
        .user .extra-info .item ul a {
          color: #3A3A3A;
          font-weight: bold; }
    .user .extra-info .social-item .icon-item .fa-users {
      font-size: 30px;
      padding: 17px;
      color: #E5F3F4; }
    .user .extra-info .social-item .social-content {
      margin-top: 18px; }
    .user .extra-info .social-item a {
      color: #3A3A3A;
      font-weight: bold;
      margin-right: 20px; }
  .user .section.stories {
    padding-top: 30px;
    margin-bottom: 0; }
  .user .section.projects .container {
    padding: 30px 0; }
    .user .section.projects .container.no-padding-top-xs {
      padding-top: 0px; }
    .user .section.projects .container .title {
      font-size: 18px;
      color: #149290;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 20px; }
    .user .section.projects .container .widget-slide {
      margin-left: 20px; }
      .user .section.projects .container .widget-slide .project-widget.normal {
        box-shadow: none; }
    .user .section.projects .container .slick-track {
      float: left; }
    .user .section.projects .container .slick-dots {
      bottom: -30px !important; }
      .user .section.projects .container .slick-dots li button::before {
        color: #bcbcbc !important; }
      .user .section.projects .container .slick-dots li.slick-active button::before {
        color: #19B4B2 !important; }
    .user .section.projects .container .custom-left-arrow {
      top: 34%;
      position: absolute;
      font-size: 75px;
      left: -3%;
      color: #19b4b2;
      cursor: pointer;
      z-index: 1000; }
    .user .section.projects .container .custom-right-arrow {
      font-size: 75px;
      color: #19b4b2;
      cursor: pointer;
      position: absolute;
      top: 34%;
      right: -50px; }
  @media (max-width: 767px) {
    .user .info .worthcracy-text {
      font-weight: bold;
      padding: 15px 0 15px 0; }
    .user .main-info .avatar {
      text-align: center !important;
      margin-bottom: 20px; }
    .user .main-info .stats {
      width: 100% !important;
      border-radius: 0px !important;
      margin-left: 0px !important;
      padding-top: 5px !important; }
    .user .extra-info .icon-item {
      float: none !important; }
    .user .section.projects .container {
      padding: 30px 15px !important; }
      .user .section.projects .container.no-padding-top-xs {
        padding-top: 0px !important; }
      .user .section.projects .container .widget-slide {
        margin: 0 10px !important; } }

/* workshop styles */
@font-face {
  font-family: Lovelo;
  src: url(/assets/vendor/fonts/lovelo/lovelo_line_light.otf); }
@font-face {
  font-family: Lovelo;
  src: url(/assets/vendor/fonts/lovelo/lovelo_line_bold.otf);
  font-weight: bold; }
body.workshop {
  background-color: #FFFFFF;
  /* Icons social */
  /* Sticky menu */ }
  body.workshop .a-unstyled {
    color: #FFFFFF;
    text-decoration: none; }
    body.workshop .a-unstyled:link {
      color: #FFFFFF;
      text-decoration: none; }
    body.workshop .a-unstyled:visited {
      color: #FFFFFF;
      text-decoration: none; }
    body.workshop .a-unstyled:hover {
      color: #FFFFFF;
      text-decoration: none; }
    body.workshop .a-unstyled:active {
      color: #FFFFFF;
      text-decoration: none; }
    body.workshop .a-unstyled:focus {
      color: #FFFFFF;
      text-decoration: none; }
  body.workshop img.header-default {
    object-fit: cover;
    width: 100%; }
  body.workshop .social {
    text-align: center;
    vertical-align: middle;
    margin-left: 35px; }
  body.workshop .social [class*="fa fa-"] {
    background-color: #3A3A3A;
    border-radius: 40px;
    color: #FFFFFF;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: auto 10px;
    width: 40px;
    font-size: 22px;
    text-align: center; }
  body.workshop .social [class*="fa fa-"]:hover {
    background-color: #19B4B2;
    color: #FFFFFF;
    text-align: center; }
  body.workshop h2.tag-title {
    padding-top: 30px;
    text-align: center; }
  body.workshop div.sticky-menu {
    padding-top: 10px;
    background-color: #f8f8f8; }
    body.workshop div.sticky-menu.sticky-list {
      padding-top: 0 !important; }
      body.workshop div.sticky-menu.sticky-list ul.filters {
        margin-bottom: 0px;
        padding: 15px 0 15px 0; }
        body.workshop div.sticky-menu.sticky-list ul.filters div.foundation-mark {
          display: block;
          top: 20%; }
          body.workshop div.sticky-menu.sticky-list ul.filters div.foundation-mark img.logo {
            width: 40px;
            height: 40px; }
          body.workshop div.sticky-menu.sticky-list ul.filters div.foundation-mark h3 {
            font-size: 16.5px;
            margin-left: 10px; }
    body.workshop div.sticky-menu .social {
      margin-left: 0px; }
  body.workshop div.section.banner-header {
    position: relative; }
    body.workshop div.section.banner-header div.image img {
      filter: brightness(85%); }
    body.workshop div.section.banner-header div.info {
      position: absolute;
      width: 100%;
      bottom: 30%;
      color: #FFFFFF; }
      body.workshop div.section.banner-header div.info .container h1 {
        font-size: 75px;
        text-align: left;
        font-weight: bold;
        text-shadow: .5px .5px #3a3a3a;
        text-transform: uppercase;
        font-family: Lovelo;
        margin-bottom: 0;
        line-height: 0.9; }
      body.workshop div.section.banner-header div.info .container div.subtitle {
        text-align: left;
        font-size: 18px;
        text-shadow: .5px .5px #3a3a3a;
        text-transform: uppercase; }
      body.workshop div.section.banner-header div.info .container .type-container {
        margin-top: 10px; }
        body.workshop div.section.banner-header div.info .container .type-container .type-label {
          color: #FFFFFF;
          background-color: #A2AAAB;
          border: 1px solid #A2AAAB;
          font-size: 12px;
          padding: 7px;
          text-transform: uppercase;
          font-weight: bold; }
        body.workshop div.section.banner-header div.info .container .type-container .type {
          border: 1px solid #A2AAAB;
          font-size: 12px;
          padding: 7px;
          text-transform: uppercase;
          font-weight: bold;
          color: #3A3A3A;
          background-color: #FFFFFF; }
  body.workshop div.main-call-to-action {
    background-color: #A65387; }
    body.workshop div.main-call-to-action .call-action {
      padding: 10px 0;
      display: flex; }
      body.workshop div.main-call-to-action .call-action .date {
        background-color: #FFFFFF;
        border-radius: 4px;
        color: #A65387;
        margin-right: 8%;
        padding: 10px; }
        body.workshop div.main-call-to-action .call-action .date .left {
          font-size: 48px;
          display: inline-block;
          line-height: 0.8;
          font-weight: bold;
          margin: 0 15px; }
        body.workshop div.main-call-to-action .call-action .date .right {
          display: inline-block; }
          body.workshop div.main-call-to-action .call-action .date .right .month {
            font-size: 22.5px;
            line-height: 0.8;
            margin-bottom: 5px;
            font-weight: bold;
            text-transform: uppercase; }
          body.workshop div.main-call-to-action .call-action .date .right .year {
            font-size: 15px;
            line-height: 0.8; }
      body.workshop div.main-call-to-action .call-action .col-location {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 19.5px;
        font-weight: bold; }
        body.workshop div.main-call-to-action .call-action .col-location .fa-map-marker {
          font-size: 30px;
          margin-right: 8px; }
      body.workshop div.main-call-to-action .call-action .col-button .btn-white {
        text-transform: uppercase;
        color: #A65387;
        font-weight: bold; }
  body.workshop div.intro-text {
    text-align: center;
    font-size: 18.75px; }
    body.workshop div.intro-text p {
      padding: 25px 10%; }
      body.workshop div.intro-text p .fa-quote-left {
        vertical-align: super; }
      body.workshop div.intro-text p .fa-quote-right {
        vertical-align: sub; }
  body.workshop div.main-info {
    background-color: #f8f8f8;
    padding: 40px 0;
    font-size: 15.75px; }
    body.workshop div.main-info ul.sponsors li.sponsor-container {
      text-align: center;
      padding-bottom: 20px;
      width: 60%;
      margin: 0 auto; }
      body.workshop div.main-info ul.sponsors li.sponsor-container:last-child {
        border-bottom: 6px #555555 dotted;
        padding-bottom: 30px; }
    body.workshop div.main-info .spheres .detail-item {
      border-radius: 50%;
      width: 60px;
      height: 60px;
      background-color: #FFFFFF;
      box-shadow: 1px 3px 5px -3px #4D4D4D;
      margin-top: 20px; }
      body.workshop div.main-info .spheres .detail-item img {
        max-width: 55%;
        margin: 0 auto;
        padding-top: 21%;
        /*-webkit-filter: brightness(.55) saturate(3) grayscale(100%);
        filter: brightness(.55) saturate(3) grayscale(100%);*/ }
    body.workshop div.main-info .spheres .item-label {
      margin-top: 10px;
      text-transform: uppercase;
      text-align: center;
      color: #729499;
      font-size: 12.45px; }
    body.workshop div.main-info div.schedule {
      text-align: center;
      display: block;
      padding-bottom: 30px;
      border-bottom: 6px #555555 dotted;
      width: 60%;
      margin: 0 auto 30px auto;
      font-size: 21px; }
    body.workshop div.main-info div.file-icon-label {
      text-align: center; }
    body.workshop div.main-info div.terms {
      margin-top: 30px; }
    body.workshop div.main-info div.file-icon {
      text-align: center;
      display: block;
      padding-bottom: 40px;
      border-bottom: 6px #555555 dotted;
      width: 60%;
      margin: 0 auto; }
      body.workshop div.main-info div.file-icon .fa-file {
        color: #555555;
        font-size: 48px;
        opacity: 0.6;
        margin-top: 10px; }
    body.workshop div.main-info div.share-label {
      padding-top: 30px;
      text-align: center;
      font-size: 13.5px; }
    body.workshop div.main-info ul.share-icons {
      text-align: center;
      margin-top: 15px; }
  body.workshop div.how-to-get {
    font-size: 15.9px; }
    body.workshop div.how-to-get h2 {
      width: 80%;
      padding: 13px 0 7px;
      font-size: 22.5px; }
    body.workshop div.how-to-get .venue-address {
      width: 80%;
      padding-bottom: 28px;
      border-bottom: 6px #B262A8 dotted; }
  body.workshop .extra-call-to-action {
    background-color: #19B4B2; }
    body.workshop .extra-call-to-action .call-action {
      display: flex; }
      body.workshop .extra-call-to-action .call-action .col-time {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-transform: uppercase;
        font-size: 19.5px;
        font-weight: bold; }
        body.workshop .extra-call-to-action .call-action .col-time .fa-clock-o {
          font-size: 30px;
          margin-right: 8px; }
      body.workshop .extra-call-to-action .call-action .col-button .btn-white {
        text-transform: uppercase;
        color: #19B4B2;
        font-weight: bold; }
  body.workshop .partner {
    padding: 30px 0; }
    body.workshop .partner img.no-title {
      margin-top: 20px;
      max-height: 56px;
      padding-left: 22px; }
    body.workshop .partner .title {
      margin-bottom: 10px; }
    body.workshop .partner .disclaimer {
      font-size: 12px; }
  body.workshop .workshops-container {
    background-color: #f8f8f8;
    padding: 15px 0 40px 0; }
    body.workshop .workshops-container div.action {
      text-align: center; }
      body.workshop .workshops-container div.action .btn {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 17.1px; }
  body.workshop .section.stories {
    padding-top: 30px;
    margin-bottom: 0; }
  body.workshop div.section.related-posts {
    padding: 40px 0 50px 0; }
    body.workshop div.section.related-posts h2.title {
      text-align: center;
      margin-top: 0;
      padding-bottom: 30px; }
    body.workshop div.section.related-posts .a-unstyled {
      color: #3a3a3a; }
  @media (max-width: 767px) {
    body.workshop div.section.banner-header div.info .container h1 {
      font-size: 45px; }
    body.workshop div.main-call-to-action .call-action {
      padding: 20px 0;
      display: block; }
      body.workshop div.main-call-to-action .call-action .date {
        margin-right: 0; }
      body.workshop div.main-call-to-action .call-action .col-location {
        margin: 25px 0 15px; }
    body.workshop div.main-info .file-icon-label {
      margin-top: 30px; }
    body.workshop div.how-to-get .description {
      margin-bottom: 30px; }
    body.workshop div.extra-call-to-action .call-action {
      padding: 20px 0;
      display: block; }
      body.workshop div.extra-call-to-action .call-action .col-time {
        text-align: center;
        margin-bottom: 20px; }
    body.workshop div.sticky-menu, body.workshop .filters {
      bottom: 0;
      top: auto;
      z-index: 1000;
      overflow-y: scroll;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      background-color: #FCFDD2;
      margin-bottom: 0px; }
    body.workshop div.sticky-menu {
      padding: 15px 0 0px 0 !important; } }
  body.workshop .partner {
    padding: 20px 0; }
    body.workshop .partner img.no-title {
      max-height: 100%;
      margin-top: 20px;
      padding-left: 0; }
    body.workshop .partner .title {
      margin-top: 20px;
      margin-bottom: 10px; }

/* invest styles */
body.invest .invest-container .form-group .checkbox.no-tip {
  margin-left: 7px; }
body.invest .invest-container .invest-fiscal-warning {
  padding-bottom: 20px; }
body.invest .invest-container label.tip {
  background: #FCFDD2;
  padding: 15px;
  margin-top: 10px;
  border-radius: 7px; }
  body.invest .invest-container label.tip .big-checkbox {
    margin-left: -7px;
    margin-top: -8px !important; }
  body.invest .invest-container label.tip .label-checkbox {
    margin-left: 18px;
    display: flex; }
    body.invest .invest-container label.tip .label-checkbox div.txt-1 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      float: left;
      font-weight: bold; }
    body.invest .invest-container label.tip .label-checkbox div.input-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      float: left;
      margin-left: 15px; }
    body.invest .invest-container label.tip .label-checkbox input.input-amount {
      width: 110px;
      background: transparent; }
    body.invest .invest-container label.tip .label-checkbox div.txt-2 {
      margin-left: 15px; }
body.invest .invest-container .tip-message {
  font-size: 18px;
  padding: 20px;
  border: 1px solid #E5F3F4;
  border-radius: 10px;
  margin: 30px 0; }
  body.invest .invest-container .tip-message .amount-reminder {
    color: #96238F;
    font-size: 20px;
    font-weight: bold;
    margin: 0 5px; }
  body.invest .invest-container .tip-message .break-down {
    font-size: 16px; }
body.invest .rewards-mosaic h2.title {
  color: #20B3B2 !important;
  margin-bottom: 40px;
  text-align: center;
  font-size: 35px; }
body.invest .rewards-mosaic .reward-box-resign {
  margin-bottom: 30px; }
body.invest .rewards-mosaic .reward-item {
  padding: 10px; }
  body.invest .rewards-mosaic .reward-item .reward-title {
    display: block;
    margin-bottom: 7px; }
  body.invest .rewards-mosaic .reward-item .reward-amount {
    margin-left: 0px !important; }
  body.invest .rewards-mosaic .reward-item .amount-box #amount-container {
    padding: 10px 0;
    margin: 10px 0px 0px 0px; }
body.invest label .reward-amount {
  color: #96238F;
  font-size: 1.8em;
  margin-left: 10%;
  vertical-align: middle; }
body.invest label .reward-icon {
  padding: 10%; }
body.invest label .input-amount {
  font-size: 1.3em;
  text-align: center; }
body.invest label .amount-box {
  display: none; }
body.invest label.label-reward {
  position: relative;
  padding: 2%;
  background-color: #E5F3F4;
  border-radius: 10px;
  font-weight: normal;
  color: #58595B;
  width: 100%; }
  body.invest label.label-reward img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 4px 0; }
  body.invest label.label-reward:hover {
    cursor: pointer;
    cursor: hand;
    background-color: #2cb2b2;
    color: #FFFFFF !important; }
  body.invest label.label-reward.reward-choosen {
    background-color: #2cb2b2;
    color: #FFFFFF !important; }
    body.invest label.label-reward.reward-choosen .amount-box {
      display: block; }
  body.invest label.label-reward.matched-reward {
    border: 1px solid #A65387; }
    body.invest label.label-reward.matched-reward .btn-lilac {
      position: absolute;
      top: 0;
      right: 0;
      border-top-right-radius: 5px;
      max-width: 95%;
      z-index: 3;
      font-size: 12px;
      font-weight: 500;
      text-transform: uppercase;
      padding: 5px 10px;
      color: #FFFFFF;
      display: inline-block; }
  body.invest label.label-reward.reward-subscribable {
    background-color: #76cfad; }
  body.invest label.label-reward.reward-subscribable:hover {
    background-color: #2cb2b2; }
@media (max-width: 767px) {
  body.invest .invest-container .form-group .checkbox.no-tip {
    margin-bottom: 16px; }
    body.invest .invest-container .form-group .checkbox.no-tip .label-checkbox {
      margin-left: 5px; }
  body.invest .invest-container label.tip {
    display: block;
    margin-top: 15px; }
    body.invest .invest-container label.tip .label-checkbox {
      display: table;
      margin: 0 auto 10px auto; }
      body.invest .invest-container label.tip .label-checkbox .txt-1 {
        float: none !important;
        text-align: center; }
      body.invest .invest-container label.tip .label-checkbox .input-container {
        float: none !important;
        display: table !important;
        margin: 12px auto;
        text-align: center;
        margin-left: auto !important; }
      body.invest .invest-container label.tip .label-checkbox .txt-2 {
        display: table;
        float: none !important;
        margin: 0;
        text-align: center; } }

/* map styles */
html, body, #map {
  height: 100%;
  width: 100%; }

body {
  padding: 0;
  margin: 0;
  margin-bottom: unset !important; }
  body .leaflet-popup-content .project {
    width: 340px;
    overflow: hidden;
    height: max-content; }
    body .leaflet-popup-content .project .top {
      border-bottom: 1px solid #ccc;
      height: max-content;
      display: inline-block;
      font-size: 14px; }
      body .leaflet-popup-content .project .top img {
        height: 72px;
        width: 118px; }
    body .leaflet-popup-content .project .left {
      float: left; }
    body .leaflet-popup-content .project .right {
      float: left;
      width: 200px;
      margin-left: 10px; }
    body .leaflet-popup-content .project .bottom {
      display: flex;
      justify-content: space-around; }
  body .leaflet-popup-content .workshop {
    width: 340px;
    overflow: hidden;
    display: flex; }
    body .leaflet-popup-content .workshop .left {
      float: left; }
    body .leaflet-popup-content .workshop .right {
      float: left;
      width: 200px;
      margin-left: 10px; }
    body .leaflet-popup-content .workshop img {
      width: 118px; }
  body .map-layouts {
    position: absolute;
    z-index: 1000;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: flex;
    justify-content: center; }
    body .map-layouts .btn {
      margin: 0px 20px 0px 20px;
      text-transform: uppercase; }
      body .map-layouts .btn img {
        width: 30px; }
      body .map-layouts .btn .title {
        display: inline; }
  @media (max-width: 481px) {
    body .map-layouts {
      display: grid; }
      body .map-layouts .btn {
        margin: 0px 0px 20px 0px; } }

body.questionnaire {
  background-color: #FFFFFF; }

body.impact_discover .section {
  padding-bottom: 5rem; }
body.impact_discover .impact-discover-sdg-list h2 {
  font-size: 25px;
  font-weight: bold;
  display: none; }
  body.impact_discover .impact-discover-sdg-list h2.active {
    display: block; }
body.impact_discover .impact-discover-sdg-list .row {
  display: flex;
  margin: 0; }
  body.impact_discover .impact-discover-sdg-list .row#sdg-icons .col {
    display: flex;
    margin: 2rem 0;
    overflow-x: scroll; }
    body.impact_discover .impact-discover-sdg-list .row#sdg-icons .col div.sdgicon {
      margin-right: 5px;
      padding-top: 1rem;
      display: flex;
      align-items: flex-start; }
      body.impact_discover .impact-discover-sdg-list .row#sdg-icons .col div.sdgicon img {
        width: 80px; }
      body.impact_discover .impact-discover-sdg-list .row#sdg-icons .col div.sdgicon a.close {
        float: none;
        margin-left: -12px;
        opacity: 1;
        border: 1px solid #999;
        border-radius: 50%;
        padding: 4px;
        vertical-align: top;
        background-color: #FFF;
        line-height: 0;
        font-size: 15px;
        margin-top: -10px; }
        body.impact_discover .impact-discover-sdg-list .row#sdg-icons .col div.sdgicon a.close i.icon.icon-close {
          background-color: #999;
          width: 1rem;
          height: 1rem; }
body.impact_discover .impact-discover-filters {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #FFF; }
  body.impact_discover .impact-discover-filters .row {
    display: flex;
    align-items: flex-end; }
  body.impact_discover .impact-discover-filters #filters-mobile {
    padding: 1rem;
    background-color: #FFF; }
    body.impact_discover .impact-discover-filters #filters-mobile a {
      color: #1BAFAC; }
    body.impact_discover .impact-discover-filters #filters-mobile a.close {
      display: none;
      margin-right: 1rem; }
  body.impact_discover .impact-discover-filters #filters-footprints {
    margin-bottom: 2rem; }
    body.impact_discover .impact-discover-filters #filters-footprints ul {
      display: flex;
      align-items: center;
      padding: 0;
      margin: 0; }
      body.impact_discover .impact-discover-filters #filters-footprints ul li {
        list-style: none; }
        body.impact_discover .impact-discover-filters #filters-footprints ul li a {
          display: block;
          border-radius: 10px;
          padding: 5px .5rem 5px .5rem;
          color: #FFFFFF;
          filter: grayscale(100%);
          background-size: cover;
          font-weight: bold;
          font-size: 1.5rem;
          text-decoration: none;
          cursor: pointer; }
          body.impact_discover .impact-discover-filters #filters-footprints ul li a[data-footprint="all"] {
            width: 4em;
            background-color: #91B3B8;
            padding-left: 0;
            padding-right: 0;
            text-align: center; }
          body.impact_discover .impact-discover-filters #filters-footprints ul li a img {
            width: 4em; }
        body.impact_discover .impact-discover-filters #filters-footprints ul li a.active {
          filter: grayscale(0%); }
  body.impact_discover .impact-discover-filters #filters-sdg-list {
    margin-bottom: 2rem; }
    body.impact_discover .impact-discover-filters #filters-sdg-list ul {
      margin: 0;
      padding: 0; }
      body.impact_discover .impact-discover-filters #filters-sdg-list ul li {
        list-style: none;
        padding: 1rem 0;
        border-bottom: 1px solid #D3E1E3;
        display: flex;
        align-items: center; }
        body.impact_discover .impact-discover-filters #filters-sdg-list ul li label {
          cursor: pointer; }
          body.impact_discover .impact-discover-filters #filters-sdg-list ul li label input {
            transform: scale(2); }
          body.impact_discover .impact-discover-filters #filters-sdg-list ul li label img {
            margin: 0 2rem; }
    body.impact_discover .impact-discover-filters #filters-sdg-list p {
      padding: 2rem 0;
      display: flex;
      align-items: center; }
      body.impact_discover .impact-discover-filters #filters-sdg-list p a {
        color: #2E2C2D;
        flex-grow: 1; }
      body.impact_discover .impact-discover-filters #filters-sdg-list p button {
        background-color: #1BAFAC;
        border: 0;
        border-radius: 5px;
        color: #FFFFFF;
        padding: 1rem 4rem; }
  body.impact_discover .impact-discover-filters #filters-sdg-select {
    margin-bottom: 2rem; }
  body.impact_discover .impact-discover-filters #filters-channel {
    margin-bottom: 2rem; }
  body.impact_discover .impact-discover-filters #filters-view-as {
    margin-bottom: 3rem; }
    body.impact_discover .impact-discover-filters #filters-view-as ul {
      display: flex;
      justify-content: space-around;
      padding: 0;
      margin: 0; }
      body.impact_discover .impact-discover-filters #filters-view-as ul li {
        margin: 5px;
        list-style: none; }
        body.impact_discover .impact-discover-filters #filters-view-as ul li a {
          cursor: pointer; }
          body.impact_discover .impact-discover-filters #filters-view-as ul li a img, body.impact_discover .impact-discover-filters #filters-view-as ul li a i.fa {
            opacity: 0.4; }
          body.impact_discover .impact-discover-filters #filters-view-as ul li a.active img, body.impact_discover .impact-discover-filters #filters-view-as ul li a.active i.fa {
            opacity: 1; }
          body.impact_discover .impact-discover-filters #filters-view-as ul li a i.fa {
            color: #19B4B2;
            font-size: 1.8em; }
body.impact_discover .impact-discover-projects {
  padding-bottom: 5em; }
  body.impact_discover .impact-discover-projects .row {
    display: flex;
    margin: 0; }
    body.impact_discover .impact-discover-projects .row a {
      cursor: pointer;
      display: flex;
      align-items: center;
      max-height: 100%;
      width: 100%; }
      body.impact_discover .impact-discover-projects .row a img.bg-project {
        z-index: 1;
        width: 100%;
        filter: grayscale(0%);
        top: -25%; }
        body.impact_discover .impact-discover-projects .row a img.bg-project[data-footprint="1"] {
          filter: sepia(100%) saturate(100%) brightness(80%) hue-rotate(80deg); }
        body.impact_discover .impact-discover-projects .row a img.bg-project[data-footprint="2"] {
          filter: sepia(100%) saturate(100%) brightness(80%) hue-rotate(300deg); }
        body.impact_discover .impact-discover-projects .row a img.bg-project[data-footprint="3"] {
          filter: sepia(100%) saturate(100%) brightness(80%) hue-rotate(160deg); }
    body.impact_discover .impact-discover-projects .row img.footprint {
      padding: 2rem;
      position: relative;
      z-index: 10;
      width: 10rem; }
    body.impact_discover .impact-discover-projects .row .project-description {
      position: absolute;
      bottom: 0; }
      body.impact_discover .impact-discover-projects .row .project-description h2 {
        color: #FFFFFF;
        width: 250px;
        padding-left: 2rem;
        font-size: 2rem;
        line-height: 1.2;
        position: relative;
        z-index: 10;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      body.impact_discover .impact-discover-projects .row .project-description p {
        font-size: 1.4rem;
        color: #FFFFFF;
        padding-left: 2rem;
        position: relative;
        z-index: 10; }
        body.impact_discover .impact-discover-projects .row .project-description p a {
          color: #FFFFFF; }
          body.impact_discover .impact-discover-projects .row .project-description p a:visited {
            color: #FFFFFF; }
    body.impact_discover .impact-discover-projects .row .col.sm-8 h2 {
      font-size: 3rem; }
    body.impact_discover .impact-discover-projects .row .col {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      max-height: 20em; }
      body.impact_discover .impact-discover-projects .row .col .project-footprint {
        flex-grow: 1;
        position: absolute; }
    body.impact_discover .impact-discover-projects .row .col.col-xs-12.col-sm-12 {
      max-height: 10em; }
    body.impact_discover .impact-discover-projects .row#sdg-icons .col {
      flex-direction: row; }
  body.impact_discover .impact-discover-projects .loading-container {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 2em; }
body.impact_discover .impact-discover-map #map {
  min-height: 50rem; }
@media screen and (max-width: 720px) {
  body.impact_discover .impact-discover-filters .row {
    flex-direction: column;
    align-items: flex-start; }
  body.impact_discover .impact-discover-filters #filters-footprints, body.impact_discover .impact-discover-filters #filters-sdg-list, body.impact_discover .impact-discover-filters #filters-sdg-select, body.impact_discover .impact-discover-filters #filters-channel, body.impact_discover .impact-discover-filters #filters-view-as {
    display: none; }
  body.impact_discover .impact-discover-filters #filters-mobile {
    order: 1;
    z-index: 2;
    display: block; }
  body.impact_discover .impact-discover-filters #filters-view-as {
    order: 2;
    z-index: 1;
    margin-bottom: 0; }
  body.impact_discover .impact-discover-filters #filters-footprints {
    order: 3;
    margin-top: 2rem; }
  body.impact_discover .impact-discover-filters #filters-channel {
    order: 4; }
  body.impact_discover .impact-discover-filters #filters-sdg-list {
    order: 5; }
  body.impact_discover .impact-discover-projects .row:not(#sdg-icons) {
    flex-direction: column; } }
@media screen and (min-width: 721px) {
  body.impact_discover #filters-mobile, body.impact_discover #filters-sdg-list {
    display: none; }
  body.impact_discover #filters-footprints, body.impact_discover #filters-sdg-select, body.impact_discover #filters-channel {
    display: block; } }

/*# sourceMappingURL=common.css.map */