@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Space+Mono&display=swap');
@import url('https://fonts.googleapis.com/css?family=Space+Mono&display=swap');
@import url('https://fonts.googleapis.com/css?family=Space+Mono&display=swap');
@import url('https://fonts.googleapis.com/css?family=Space+Mono&display=swap');
@import url('https://fonts.googleapis.com/css?family=Space+Mono&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css?family=Arvo&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css?family=Arvo&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css?family=BioRhyme&display=swap');

.fpc .lifestyle {
  font-family: 'Montserrat', sans-serif;
  background-color: #946188;
  color: #FEFEFE;
  font-size: 100%;
  font-weight: inherit;
  text-transform: inherit;
}

.fpc .lifestyle select {
  color: #49274a;
  background-color: #f4decb;
}

.fpc .reparations {
  background-color: #f4decb;
  color: #49274a;
  font-family: 'Montserrat', sans-serif;
  font-size: 100%;
  font-weight: inherit;
  text-transform: inherit;
}

.fpc .reparations button {
  color: #f8eee7;
  background-color: #94618e;
  font-size: 100%;
  font-weight: bolder;
  font-family: 'Montserrat', sans-serif;
  text-transform: inherit;
}

.fpc .reparations select, .fpc .reparations input {
  color: #1C5A35;
  font-family: 'Open Sans', sans-serif;
  background-color: ;
}

.fpc .results {
  background-color: #AABDF7;
  color: #49274a;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: inherit;
  text-transform: inherit;
}

.multi.prj-tile .payment-btn {
  color: #00203fff;
  background-color: #85FBDD;
  font-family: 'Space Mono', monospace;
  font-size: 40%;
  font-weight: 400;
  text-transform: inherit;
}

.multi.prj-tile .prj-short-info .bullets {
  font-family: 'Space Mono', monospace;
  font-size: 100%;
  font-weight: inherit;
  text-transform: none;
  background-color: #F1F3F3;
}

.multi.prj-tile .prj-short-info .country {
  background-color: #00203fff;
  color: #85FBDD;
  font-family: 'Space Mono', monospace;
  font-size: 100%;
  font-weight: bolder;
  text-transform: inherit;
}

.multi.prj-tile .prj-short-info .prj-name {
  background-color: #85FBDD;
  color: #2E07B0;
  font-family: 'Space Mono', monospace;
  font-size: 100%;
  font-weight: bolder;
  text-transform: inherit;
}

.multi.prj-tile .wr-footer {
  background-color: #00203fff;
  color: #85FBDD;
  font-family: 'Space Mono', monospace;
  font-size: 100%;
  font-weight: inherit;
  text-transform: inherit;
}

.multi.prj-tile .wr-footer img {
  display: none;
}

.multi.prj-tile info-icon-shape {
  background-color: #FCFCFC;
  background-image: Diamond;
}

.multi.prj-tile info-icon-text {
  color: #00203fff;
}

.multi.prj-tile popup-icon-shape {
  background-color: #00203fff;
  background-image: Circle;
}

.multi.prj-tile popup-icon-text {
  color: #FCFCFC;
}

.multi.prj-tiles .wr-footer {
  color: #F2F2F2;
  background-color: #009490;
  font-weight: 500;
}

.multi.prj-tiles .wr-footer img {
  display: block;
}

.prj-tiles {
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  font-weight: inherit;
  text-transform: lowercase;
}

.prj-tiles .payment-btn {
  font-family: 'Arvo', serif;
  font-size: 100%;
  font-weight: inherit;
  text-transform: capitalize;
  background-color: #F3C020;
}

.prj-tiles .prj-short-info .bullets {
  background-color: #FFFFFF;
  color: #95D9C3F5;
  font-family: 'Poppins', sans-serif;
  font-size: 100%;
  font-weight: inherit;
  text-transform: inherit;
}

.prj-tiles .prj-short-info .country {
  background-color: #20A77C;
  font-family: 'Arvo', serif;
  font-size: 103%;
  font-weight: 600;
  text-transform: capitalize;
  color: #95D9C3F5;
}

.prj-tiles .prj-short-info .prj-name {
  color: #FDFDFD;
  background-color: #20A77C;
  font-family: 'Poppins', sans-serif;
  font-size: 100%;
  font-weight: normal;
  text-transform: uppercase;
}

.prj-tiles .wr-footer {
  color: #95D9C3F5;
  background-color: #17986fff;
  font-weight: 900;
  font-family: 'BioRhyme', serif;
  font-size: 72%;
  text-transform: uppercase;
}

.prj-tiles .wr-footer img {
  display: block;
}

.prj-tiles info-icon-shape {
  background-color: #95D9C3F5;
  background-image: Circle;
}

.prj-tiles info-icon-text {
  color: #FEFEFE;
}

.prj-tiles popup-icon-shape {
  background-color: #383838;
  background-image: Square;
}

.prj-tiles popup-icon-text {
  color: #4299E1;
}

.tfpc .journey {
  background-color: #D8D8D8;
  color: inherit;
}

.tfpc .journey .header .title {
  background-color: #D8D8D8;
  color: inherit;
  font-weight: bold;
  font-size: 145%;
}

.tfpc .journey .caption {
  font-size: 120%;
}

.tfpc .journey .constituent input, .tfpc .journey .constituent select {
  background-color: #D8D8D8;
  color: #1C5A35;
  font-size: 96%;
}

.tfpc .journey .constituent i {
  color: #88AB60;
}

.tfpc .reparations {
  background-color: #E2E8F0;
}

.tfpc .reparations button {
  color: #282828;
  background-color: #B35524;
  font-size: 140%;
  font-weight: 600;
  font-family: inherit;
}

.tfpc .reparations input, .tfpc .reparations select {
  background-color: #D8D8D8;
  color: #1C5A35;
  font-size: 96%;
}

.tfpc .results {
  background-color: #D8D8D8;
  color: #FFF;
}

.tfpc .results .header {
  font-size: 125%;
  font-weight: bold;
}

.tfpc .results .result {
  background-color: #333;
  color: #EEE;
}

.tfpc .results .result .left i {
  color: #1FD;
}

.tfpc .results .result .left .tonnes {
  color: #1FD;
}

.tfpc .results .total .result {
  background-color: #1FD;
  color: #333;
}

.tfpc .results .total .result .left i {
  color: #333;
}

.tfpc .results .total .result .left .tonnes {
  color: #333;
}

.tfpc .results .buy-offset {
  font-size: 140%;
  background-color: #EEF;
  color: #333;
}

.tfpc .wr-footer {
  color: #F2F2F2;
  background-color: #009490;
  font-weight: 500;
}

.tfpc .wr-footer img {
  display: block;
}

.tfpc .journey i {
  color: #88AB60;
}