/* =================================================================== 
 *
 *  Dazzle v1.0 Main Stylesheet
 *  04-27-2017
 *  ------------------------------------------------------------------
 *
 *  TOC:
 *  01. webfonts and iconfonts
 *  02. base style overrides
 *  03. typography & general theme styles
 *  04. preloader
 *  05. forms
 *  06. buttons
 *  07. other components
 *  08. common and reusable theme styles
 *  09. header styles
 *  10. home
 *  11. about
 *  12. metrics 
 *  13. affiliates
 *  14. download
 *  15. footer styles
 *
 * =================================================================== */
/* ===================================================================
 *  01. webfonts and iconfonts - (_document-setup)
 *
 * ------------------------------------------------------------------- */
@import url("https://es.greenpath.com/annual-report-2021/css/font-awesome/css/font-awesome.min.css");
@import url("https://es.greenpath.com/annual-report-2021/css/micons/micons.css");
@import url("https://es.greenpath.com/annual-report-2021/css/fonts.css");
/* ===================================================================
 *  02. base style overrides - (_document-setup)
 *
 * ------------------------------------------------------------------- */
html {
  font-size: 10px;
}
@media only screen and (max-width: 1024px) {
  html {
    font-size: 9.375px;
  }
}
@media only screen and (max-width: 768px) {
  html {
    font-size: 10px;
  }
}
@media only screen and (max-width: 400px) {
  html {
    font-size: 9.375px;
  }
}
html, body {
  height: 100%;
}
body {
  background: #ffffff;
  font-family: "Lato", sans-serif;
  font-size: 1.6rem;
  line-height: 1.875;
  color: #767676;
  margin: 0;
  padding: 0;
}
/* ------------------------------------------------------------------- 
 * links - (_document-setup) 
 * ------------------------------------------------------------------- */
a, a:visited {
  color: #572C5f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:hover, a:focus {
  color: #572C5f;
}
/* ===================================================================
 *  03. typography & general theme styles - (_document-setup.scss) 
 *
 * ------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .h01, .h02, .h03, .h04, .h05, .h06 {
  font-family: "Roboto Condensed", sans-serif;
  color: #151515;
  font-style: normal;
  text-rendering: optimizeLegibility;
  margin-bottom: 2.4rem;
}
h3, .h03, h4, .h04 {
  margin-bottom: 1.5rem;
}
h5, .h05, h6, .h06 {
  margin-bottom: 1.2rem;
}
h1, .h01 {
  font-size: 3.1rem;
  line-height: 1.35;
  letter-spacing: -.1rem;
}
@media only screen and (max-width: 600px) {
  h1, .h01 {
    font-size: 2.6rem;
    letter-spacing: -.07rem;
  }
}
h2, .h02 {
  font-size: 2.4rem;
  line-height: 1.25;
}
h3, .h03 {
  font-size: 2rem;
  line-height: 1.5;
}
h4, .h04 {
  font-size: 1.7rem;
  line-height: 1.76;
}
h5, .h05 {
  font-size: 1.4rem;
  line-height: 1.7;
  text-transform: uppercase;
  letter-spacing: .2rem;
}
h6, .h06 {
  font-size: 1.3rem;
  line-height: 1.85;
  text-transform: uppercase;
  letter-spacing: .2rem;
}
p img {
  margin: 0;
}
p.lead, ul li.lead, #affiliates-2 p, #affiliates-6 p {
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  /*	line-height: 1.857; */
  line-height: 1.3;
  color: #231F20;
  margin-bottom: 2rem;
  font-weight: 400;
}
#affiliates-2 p, #affiliates-6 p {
  font-weight: 400 !important;
}
#about p.lead, ul li.lead {
  line-height: 1.3;
}
#about p.lead span.tooltip span.tooltiptext {
  font-size: 1.6rem;
}
#about h2 {
  margin-bottom: .05em !important;
}
#affiliates-2 p, #affiliates-6 p {
  font-weight: 300;
  line-height: 1.25em;
  margin-bottom: 2rem;
}
#affiliates-2 p.caption, #affiliates-6 p.caption {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 2.2em;
  line-height: 1.35;
  margin-bottom: 1rem;
  padding: 0;
  color: #572C5f;
}
#affiliates-2 p.caption {
  font-size: 1.6em;
}
#affiliates-2 p.caption.name, #affiliates-6 p.caption.name {
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 700;
  margin-top: 10px;
}
#affiliates-2 p.videointro, #affiliates-3 p.videointro, #about p.videointro {
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: 700;
  margin-top: 30px;
  letter-spacing: 1px;
}
#about p.videointro {
  margin-bottom: .5rem;
}
#affiliates-2 p.videointro a, #about p.videointro a {
  color: #fff;
  background: #572C5f;
  padding: 5px 10px;
  text-transform: none;
  font-weight: 600;
  border-color: #572C5f;
  margin-top: 15px;
}
#affiliates-2 p.videointro a:hover, #about p.videointro a:hover {
  background: #102446;
  border-color: #102446;
}
#affiliates-2 p.video-caption {
  font-family: "Lato", sans-serif;
  font-size: 1.65rem;
  color: #231F20;
  font-weight: 400 !important;
  line-height: 1.4;
}
.400 {
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  p.lead {
    font-size: 2rem;
  }
}
small {
  font-size: 1.1rem;
  line-height: inherit;
}
blockquote {
  margin: 3rem 0;
  padding-left: 5rem;
  position: relative;
}
blockquote:before {
  content: "\201C";
  font-size: 10rem;
  line-height: 0px;
  margin: 0;
  color: rgba(0, 0, 0, 0.3);
  font-family: arial, sans-serif;
  position: absolute;
  top: 3.6rem;
  left: 0;
}
blockquote p {
  font-family: "muli-light", sans-serif;
  padding: 0;
  font-size: 1.9rem;
  line-height: 1.895;
}
blockquote cite {
  display: block;
  font-size: 1.3rem;
  font-style: normal;
  line-height: 1.615;
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a, blockquote cite a:visited {
  color: #838383;
  border: none;
}
abbr {
  font-family: "muli-bold", sans-serif;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: .05rem;
  color: #838383;
}
var, kbd, samp, code, pre {
  font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace;
}
pre {
  padding: 2.4rem 3rem 3rem;
  background: #F1F1F1;
}
code {
  font-size: 1.4rem;
  margin: 0 .2rem;
  padding: .3rem .6rem;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 3px;
}
pre > code {
  display: block;
  white-space: pre;
  line-height: 2;
  padding: 0;
  margin: 0;
}
pre.prettyprint > code {
  border: none;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
  text-decoration: none;
}
mark {
  background: #FFF49B;
  color: #000;
}
hr {
  border: solid rgba(0, 0, 0, 0.1);
  border-width: 1px 0 0;
  clear: both;
  margin: 2.4rem 0 1.5rem;
  height: 0;
}
/* ------------------------------------------------------------------- 
 * Lists - (_document-setup.scss)  
 * ------------------------------------------------------------------- */
ol {
  list-style: decimal;
}
ul {
  list-style: disc;
}
li {
  display: list-item;
}
ol, ul {
  margin-left: 1.7rem;
}
ul li {
  padding-left: .4rem;
}
ul ul, ul ol, ol ol, ol ul {
  margin: .6rem 0 .6rem 1.7rem;
}
ul.disc li {
  display: list-item;
  list-style: none;
  padding: 0 0 0 .8rem;
  position: relative;
}
ul.disc li::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #572C5f;
  position: absolute;
  left: -17px;
  top: 11px;
  vertical-align: middle;
}
dt {
  margin: 0;
  color: #572C5f;
}
dd {
  margin: 0 0 0 2rem;
}
.margin-top {
  margin-top: 40px;
}
/* ------------------------------------------------------------------- 
 * Spacing - (_document-setup)  
 * ------------------------------------------------------------------- */
button, .button {
  margin-bottom: 1.2rem;
}
fieldset {
  margin-bottom: 1.5rem;
}
input, textarea, select, pre, blockquote, figure, table, p, ul, ol, dl, form, .fluid-video-wrapper, .ss-custom-select {
  margin-bottom: 3rem;
}
/* ------------------------------------------------------------------- 
 * floated image - (_document-setup)  
 * ------------------------------------------------------------------- */
img.pull-right {
  margin: 1.5rem 0 0 3rem;
}
img.pull-left {
  margin: 1.5rem 3rem 0 0;
}
/* ------------------------------------------------------------------- 
 * block grids paddings
 * ------------------------------------------------------------------- */
.bgrid {
  padding: 0 20px;
}
@media only screen and (max-width: 1024px) {
  .bgrid {
    padding: 0 18px;
  }
}
@media only screen and (max-width: 768px) {
  .bgrid {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 600px) {
  .bgrid {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 400px) {
  .bgrid {
    padding: 0;
  }
}
/* ------------------------------------------------------------------- 
 * tables - (_document-setup.scss)  
 * ------------------------------------------------------------------- */
table {
  border-width: 0;
  width: 100%;
  max-width: 100%;
  font-family: "Lato", sans-serif;
}
th, td {
  padding: 1.5rem 3rem;
  text-align: left;
  border-bottom: 1px solid #E8E8E8;
}
th {
  color: #151515;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
}
td {
  line-height: 1.5;
}
th:first-child, td:first-child {
  padding-left: 0;
}
th:last-child, td:last-child {
  padding-right: 0;
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
/* ------------------------------------------------------------------- 
 * pace.js styles - center simple  - (_document-setup.scss)
 * ------------------------------------------------------------------- */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  width: 150px;
  background: #dedede;
  overflow: hidden;
}
.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  max-width: 150px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background: #572C5f;
}
.pace.pace-inactive {
  display: none;
}
.oldie .pace {
  display: none;
}
/* ===================================================================
 *  04. preloader - (_preloader-blank.scss)
 *
 * ------------------------------------------------------------------- */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 800;
  height: 100%;
  width: 100%;
}
.no-js #preloader, .oldie #preloader {
  display: none;
}
/* ===================================================================
 *  05. forms - (_forms.scss)
 *
 * ------------------------------------------------------------------- */
fieldset {
  border: none;
}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
  display: block;
  height: 6rem;
  padding: 1.5rem 2rem;
  border: 0;
  outline: none;
  color: #333333;
  font-family: "Lato", sans-serif;
  font-size: 1.5rem;
  line-height: 3rem;
  max-width: 100%;
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
}
.ss-custom-select {
  position: relative;
  padding: 0;
}
.ss-custom-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  margin: 0;
  line-height: 3rem;
  vertical-align: middle;
}
.ss-custom-select select option {
  padding-left: 2rem;
  padding-right: 2rem;
}
.ss-custom-select select::-ms-expand {
  display: none;
}
.ss-custom-select::after {
  content: '\f0d7';
  font-family: 'FontAwesome';
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -10px;
  bottom: auto;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  text-align: center;
  pointer-events: none;
  color: #252525;
}
/* IE9 and below */
.oldie .ss-custom-select::after {
  display: none;
}
textarea {
  min-height: 25rem;
}
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
  color: #000000;
}
label, legend {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: .6rem;
  color: #151515;
  display: block;
}
input[type="checkbox"], input[type="radio"] {
  display: inline;
}
label > .label-text {
  display: inline-block;
  margin-left: 1rem;
  font-family: "Roboto Condensed", sans-serif;
  line-height: inherit;
}
label > input[type="checkbox"], label > input[type="radio"] {
  margin: 0;
  position: relative;
  top: .15rem;
}
/* ------------------------------------------------------------------- 
 * Style Placeholder Text - (_forms.scss)
 * ------------------------------------------------------------------- */ ::-webkit-input-placeholder {
  color: #838383;
}
:-moz-placeholder {
  color: #838383;
  /* Firefox 18- */
}
::-moz-placeholder {
  color: #838383;
  /* Firefox 19+ */
}
:-ms-input-placeholder {
  color: #838383;
}
.placeholder {
  color: #838383 !important;
}
/* ------------------------------------------------------------------- 
 * Change Autocomplete styles in Chrome - (_forms.scss)
 * ------------------------------------------------------------------- */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #57ca67;
  transition: background-color 5000s ease-in-out 0s;
}
/* ===================================================================
 *  06. buttons - (_button-essentials.scss)
 *
 * ------------------------------------------------------------------- */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 2rem;
  height: 5.4rem;
  line-height: calc(5.4rem - .6rem);
  padding: 0 3rem;
  margin: 1.2rem 0;
  color: #222222;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #c5c5c5;
  border: .3rem solid #c5c5c5;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  background-color: #b8b8b8;
  border-color: #b8b8b8;
  color: #000000;
  outline: 0;
}
.button.button-primary, .button.button-primary a, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
  background-color: #572C5f;
  border-color: #572C5f;
  color: #FFFFFF;
}
.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {
  background: #572C5f;
  border-color: #572C5f;
}
button.full-width, .button.full-width {
  width: 100%;
  margin-right: 0;
}
button.medium, .button.medium {
  height: 5.7rem !important;
  line-height: calc(5.7rem - .6rem) !important;
}
button.large, .button.large {
  height: 6rem !important;
  line-height: calc(6rem - .6rem) !important;
}
button.stroke, .button.stroke {
  background: transparent !important;
  color: #a5a5a5 !important;
}
button.stroke:hover, .button.stroke:hover {
  border: 0.3rem solid #572C5f;
  color: #572C5f;
}
button.pill, .button.pill {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
  border-radius: 1000px;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* ===================================================================
 *  07. other components - (_others.scss)
 *
 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- 
 * alert box - (_alert-box.scss)
 * ------------------------------------------------------------------- */
.alert-box {
  padding: 2.1rem 4rem 2.1rem 3rem;
  position: relative;
  margin-bottom: 3rem;
  border-radius: 3px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.5rem;
}
.alert-box .close {
  position: absolute;
  right: 1.8rem;
  top: 1.8rem;
  cursor: pointer;
}
.ss-error {
  background-color: #ffd1d2;
  color: #e65153;
}
.ss-success {
  background-color: #c8e675;
  color: #758c36;
}
.ss-info {
  background-color: #d7ecfb;
  color: #4a95cc;
}
.ss-notice {
  background-color: #fff099;
  color: #bba31b;
}
/* ------------------------------------------------------------------- 
 * additional typo styles - (_additional-typo.scss)
 * ------------------------------------------------------------------- */
/* drop cap 
 * ----------------------------------------------- */
.drop-cap:first-letter {
  float: left;
  margin: 0;
  padding: 1.5rem .6rem 0 0;
  font-size: 8.4rem;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  line-height: 6rem;
  text-indent: 0;
  background: transparent;
  color: #151515;
}
/* line definition style 
 * ----------------------------------------------- */
.lining dt, .lining dd {
  display: inline;
  margin: 0;
}
.lining dt + dt:before, .lining dd + dt:before {
  content: "\A";
  white-space: pre;
}
.lining dd + dd:before {
  content: ", ";
}
.lining dd + dd:before {
  content: ", ";
}
.lining dd:before {
  content: ": ";
  margin-left: -0.2em;
}
/* dictionary definition style 
 * ----------------------------------------------- */
.dictionary-style dt {
  display: inline;
  counter-reset: definitions;
}
.dictionary-style dt + dt:before {
  content: ", ";
  margin-left: -0.2em;
}
.dictionary-style dd {
  display: block;
  counter-increment: definitions;
}
.dictionary-style dd:before {
  content: counter(definitions, decimal) ". ";
}
/** 
 * Pull Quotes
 * -----------
 * markup:
 *
 * <aside class="pull-quote">
 *		<blockquote>
 *			<p></p>
 *		</blockquote>
 *	</aside>
 *
 * --------------------------------------------------------------------- */
.pull-quote {
  position: relative;
  padding: 2.1rem 3rem 2.1rem 0px;
}
.pull-quote:before, .pull-quote:after {
  height: 1em;
  position: absolute;
  font-size: 10rem;
  font-family: Arial, Sans-Serif;
  color: rgba(0, 0, 0, 0.3);
}
.pull-quote:before {
  content: "\201C";
  top: -3.6rem;
  left: 0;
}
.pull-quote:after {
  content: '\201D';
  bottom: 3.6rem;
  right: 0;
}
.pull-quote blockquote {
  margin: 0;
}
.pull-quote blockquote:before {
  content: none;
}
/** 
 * Stats Tab
 * ---------
 * markup:
 *
 * <ul class="stats-tabs">
 *		<li><a href="#">[value]<em>[name]</em></a></li>
 *	</ul>
 *
 * Extend this object into your markup.
 *
 * --------------------------------------------------------------------- */
.stats-tabs {
  padding: 0;
  margin: 3rem 0;
}
.stats-tabs li {
  display: inline-block;
  margin: 0 1.5rem 3rem 0;
  padding: 0 1.5rem 0 0;
  border-right: 1px solid #ccc;
}
.stats-tabs li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
.stats-tabs li a {
  display: inline-block;
  font-size: 2.5rem;
  font-family: "montserrat-semibold", sans-serif;
  border: none;
  color: #151515;
}
.stats-tabs li a:hover {
  color: #572C5f;
}
.stats-tabs li a em {
  display: block;
  margin: .6rem 0 0 0;
  font-size: 1.4rem;
  font-family: "Roboto Condensed", sans-serif;
  color: #909090;
}
/* ===================================================================
 *  08. common and reusable theme styles 
 *
 * ------------------------------------------------------------------- */
h1.intro-header {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 4.5rem;
  line-height: 1.324;
  color: #572C5f;
  position: relative;
  /*	padding-bottom: 3.6rem; */
  padding-bottom: 2.5rem;
  letter-spacing: 0rem;
}
.about-intro h1.intro-header {
  font-size: 3.7rem;
}
h1.intro-header::before {
  display: block;
  content: "";
  height: 2px;
  width: 70px;
  background-color: rgba(16, 36, 70, 1);
  position: absolute;
  left: 0;
  bottom: 0;
}
.wide {
  max-width: 1300px;
}
.narrow {
  max-width: 800px;
}
/* ------------------------------------------------------------------- 
 * responsive:
 * common styles
 * ------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  h1.intro-header {
    font-size: 3.1rem;
  }
  #affiliates-2 p, #affiliates-6 p, #affiliates p, #affiliates p, #affiliates-3 p, #affiliates-4 p {
    text-align: left;
  }
}
@media only screen and (max-width: 600px) {
  h1.intro-header {
    font-size: 3.1rem;
  }
  #affiliates-2 p, #affiliates-6 p, #affiliates p, #affiliates p, #affiliates-3 p, #affiliates-4 p {
    text-align: left;
  }
}
/* ===================================================================
 *  09. header styles - (_site-layout.scss)
 *
 * ------------------------------------------------------------------- */
#header {
  width: 100%;
  height: 72px;
  background-color: #102446;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 501;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
/* ------------------------------------------------------------------- 
 * header logo - (_site-layout.css) 
 * ------------------------------------------------------------------- */
.header-logo {
  position: absolute;
  left: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  z-index: 501;
}
.header-logo a {
  display: block;
  margin: 0;
  padding: 0;
  outline: 0;
  border: none;
  width: 200px;
  height: 37px;
  background: url("https://es.greenpath.com/annual-report-2021/images/GreenPathLogoWhite.svg") no-repeat center;
  background-size: 200px 37px;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
/* ------------------------------------------------------------------- 
 * menu trigger - (_site-layout.css) 
 * ------------------------------------------------------------------- */
.header-menu-toggle {
  display: none;
  position: fixed;
  right: 32px;
  top: 15px;
  height: 42px;
  width: 42px;
  line-height: 42px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: .2rem;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header-menu-toggle:hover, .header-menu-toggle:focus {
  color: #FFFFFF;
}
.header-menu-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  left: 9px;
  top: 50%;
  right: auto;
  bottom: auto;
  background-color: white;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
.header-menu-toggle span::before, .header-menu-toggle span::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: inherit;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.header-menu-toggle span::before {
  top: -9px;
}
.header-menu-toggle span::after {
  bottom: -9px;
}
.header-menu-toggle.is-clicked span {
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.header-menu-toggle.is-clicked span::before, .header-menu-toggle.is-clicked span::after {
  background-color: white;
}
.header-menu-toggle.is-clicked span::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.header-menu-toggle.is-clicked span::after {
  bottom: 0;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
/* ------------------------------------------------------------------- 
 * navigation - (_layout.scss) 
 * ------------------------------------------------------------------- */
#header-nav-wrap {
  font-family: "montserrat-medium", sans-serif;
  font-size: 18px;
  position: absolute;
  top: 0;
  right: 40px;
}
#header-nav-wrap .header-main-nav {
  display: inline-block;
  list-style: none;
  height: 72px;
  margin: 0 1rem 0 0;
}
#header-nav-wrap .header-main-nav li {
  display: inline-block;
  padding-left: 0;
  margin-right: 1.5rem;
}
#header-nav-wrap .header-main-nav li a {
  display: block;
  line-height: 72px;
}
#header-nav-wrap .header-main-nav li a, #header-nav-wrap .header-main-nav li a:visited {
  color: rgba(255, 255, 255, 0.65);
}
#header-nav-wrap .header-main-nav li a:hover, #header-nav-wrap .header-main-nav li a:focus {
  color: #ffffff;
}
#header-nav-wrap .header-main-nav li.current a {
  color: #ffffff;
}
#header-nav-wrap .cta {
  height: 3.6rem;
  line-height: calc(3.6rem - .6rem);
  padding: 0 1.5rem;
  font-family: "montserrat-medium", sans-serif;
  font-size: 14px;
  text-transform: none;
  letter-spacing: normal;
  margin: 0;
}
/* ------------------------------------------------------------------- 
 * responsive:
 * header
 * ------------------------------------------------------------------- */
@media only screen and (max-width: 1230px) {
  #header {
    max-width: none;
  }
}
@media only screen and (max-width: 768px) {
  .header-logo a {
    width: 88px;
    height: 20px;
    background-size: 88px 20px;
  }
  #header-nav-wrap {
    display: none;
    height: auto;
    width: 100%;
    right: auto;
    left: 0;
    background-color: #572C5f;
    padding: 120px 40px 54px;
  }
  #header-nav-wrap .header-main-nav {
    display: block;
    height: auto;
    margin: 0 0 4.2rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.03);
  }
  #header-nav-wrap .header-main-nav li {
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  }
  #header-nav-wrap .header-main-nav li a {
    padding: 18px 0;
    line-height: 18px;
  }
  #header-nav-wrap .cta {
    height: 42px;
    line-height: calc(42px - .6rem);
    padding: 0 30px;
  }
  .header-menu-toggle {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  #header-nav-wrap .cta {
    display: block;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 400px) {
  .header-menu-toggle {
    right: 24px;
  }
}
/* -------------------------------------------------------------------
 * make sure the menu is visible on larger screens
 * ------------------------------------------------------------------- */
@media only screen and (min-width: 769px) {
  #header-nav-wrap {
    display: block !important;
  }
}
/* ===================================================================
 *  10. home - (_site-layout.scss)
 *
 * ------------------------------------------------------------------- */
#home {
  width: 100%;
  height: 786px;
  min-height: 786px;
  background-color: transparent;
  position: relative;
  display: table;
  background-image: url(https://www.greenpath.com/annual-report-2021/images/hero-bg.jpg);
  background-size: cover;
  background-position: center bottom;
}
#home .shadow-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .1;
  background: -moz-linear-gradient(left, black 0%, black 10%, transparent 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, black 0%, black 10%, transparent 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, black 0%, black 10%, transparent 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 */
}
#home .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .1;
  background-color: #000000;
}
.no-js #home {
  background: #151515;
}
.home-content {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
.home-content .contents {
  position: relative;
}
.research-circles {
  position: absolute;
  margin-top: -24rem;
}
@media only screen and (max-width: 768px) {
  .research-circles {
    display: none;
  }
}
.home-content-left {
  padding: 0 0 43% 0;
  position: relative;
  width: 100%;
}
.home-content-left h3, .home-content-left h2 {
  /*	color: rgba(255, 255, 255, .9);
  color: #102446; */
  font-size: 2.15rem;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: .27rem;
  max-width: 60%;
  margin: 1rem auto 2rem;
  text-align: center;
  background-color: #102446;
  padding: 2px 4px;
  color: #fff;
}
.home-content-left h1 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 8.9rem;
  letter-spacing: -.1rem;
  line-height: 1.269;
  color: #572C5f;
  margin-bottom: 0rem;
  font-weight: 400;
  text-align: center;
}
.home-content-left .button.stroke {
  color: #ffffff !important;
  border-color: #ffffff;
  margin: 0 .6rem 1.2rem;
  padding: 0 2.2rem;
  min-width: 188px;
}
.home-content-left .button.stroke span[class*="icon"] {
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.home-content-left .button.stroke:hover, .home-content-left .button.stroke:focus {
  background-color: white !important;
  color: #000000 !important;
}
.home-image-right {
  display: block;
  position: absolute;
  /*	right: 0; */
  right: 60px;
  top: 80%;
  /*	top: 75%; */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /*	padding-top: 21rem; */
  padding-top: 12rem;
  z-index: 500;
  /*	width: 50%; */
  width: 18%;
  text-align: right;
}
.home-image-right img {
  vertical-align: bottom;
  width: 98%;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, .4) !important;
}
/* home social-list */
.home-social-list {
  position: absolute;
  right: 42px;
  top: 50%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 2.6rem;
  line-height: 1.75;
  text-align: center;
  -webkit-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  transform: translateY(-55%);
}
.home-social-list::before {
  display: block;
  content: "";
  width: 2px;
  height: 42px;
  background-color: rgba(255, 255, 255, 1);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
}
.home-social-list li {
  padding-left: 0;
}
.home-social-list li a, .home-social-list li a:visited {
  color: #FFFFFF;
}
.home-social-list li a:hover, .home-social-list li a:focus, .home-social-list li a:active {
  color: #ffffff;
  opacity: .8;
}
/* scroll down */
.home-scrolldown {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  float: right;
}
.home-scrolldown i {
  padding-left: 9px;
}
.home-scrolldown a:hover, .home-scrolldown a:focus {
  color: #ffffff !important;
  opacity: .8;
}
html[data-useragent*='MSIE 10.0'] .home-scrolldown, .oldie .home-scrolldown {
  display: none;
}
.scroll-icon {
  display: inline-block;
  font-family: "montserrat-medium", sans-serif;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: .3rem;
  color: #FFFFFF !important;
  background: transparent;
  position: relative;
  top: 36px;
  right: 42px;
  -webkit-animation: animate-it 3s ease infinite;
  animation: animate-it 3s ease infinite;
}
.scroll-icon i {
  font-size: 2.4rem;
  position: relative;
  bottom: -6px;
}
/* vertical animation */
@-webkit-keyframes animate-it {
  0%, 60%, 80%, 100% {
    -webkit-transform: translateX(0);
  }
  0%, 60%, 80%, 100% {
    transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-5px);
  }
  20% {
    transform: translateX(-5px);
  }
  40% {
    -webkit-transform: translateX(20px);
  }
  40% {
    transform: translateX(20px);
  }
}
@keyframes animate-it {
  0%, 60%, 80%, 100% {
    -webkit-transform: translateX(0);
  }
  0%, 60%, 80%, 100% {
    transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-5px);
  }
  20% {
    transform: translateX(-5px);
  }
  40% {
    -webkit-transform: translateX(20px);
  }
  40% {
    transform: translateX(20px);
  }
}
/* ------------------------------------------------------------------- 
 * responsive:
 * home section 
 * ------------------------------------------------------------------- */
@media only screen and (max-width: 1300px) {
  .home-image-right {
    right: 5rem;
  }
}
@media only screen and (max-width: 1200px) {
  #home {
    overflow: hidden;
  }
  .home-content {
    vertical-align: middle;
  }
  .home-content-left {
    padding: 18rem 0 12rem 0;
  }
  .home-content-left h3, .home-content-left h2 {
    font-size: 1.5rem;
  }
  .home-content-left h1 {
    font-size: 4.8rem;
  }
  .home-image-right {
    padding-top: 18rem;
  }
  .home-image-right img {
    vertical-align: top;
    width: 70%;
  }
}
@media only screen and (max-width: 1100px) {
  .home-content-left h1 {
    font-size: 6rem;
    line-height: 1em;
  }
  .home-content-left h1 br {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .home-content-left {
    width: 100%;
    padding: 9rem 4rem 12rem 4rem;
  }
  .home-content-left h3, .home-content-left h2 {
    font-size: 1.8rem;
    text-align: center;
  }
  .home-content-left h1 {
    font-size: 6rem;
  }
  .home-image-right {
    width: 40%;
    padding-top: 120px;
  }
  .home-image-right img {
    vertical-align: top;
    width: 100%;
  }
}
@media only screen and (max-width: 900px) {
  #home {
    height: auto;
    min-height: 840px;
  }
  #home, .home-content {
    display: block;
    text-align: center;
  }
  .home-content-left {
    width: 100%;
    position: static;
    padding: 15rem 6rem 366px 6rem;
    margin: 0 auto;
  }
  .home-content-left h1 {
    margin-bottom: 1rem;
  }
  .home-image-right {
    width: 400px;
    right: auto;
    top: 50%;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0;
    margin-bottom: -378px;
  }
  .home-content-left h2 {
    text-align: center;
    max-width: 80%;
    margin: 1rem auto 2rem;
  }
}
@media only screen and (max-width: 768px) {
  #home {
    min-height: auto;
  }
  .home-content-left h3, .home-content-left h2 {
    font-size: 1.4rem;
    text-align: center;
  }
  .home-content-left h1 {
    font-size: 3.6rem;
  }
}
@media only screen and (max-width: 600px) {
  .home-content-left {
    padding: 12rem 6rem 366px 6rem;
  }
  .home-content-left h1 {
    font-size: 3.3rem;
  }
  .home-content-left .button.stroke {
    width: 100%;
    min-width: 0;
    max-width: 280px;
  }
  .home-social-list {
    font-size: 2rem;
    right: 30px;
  }
  .scroll-icon {
    top: 21px;
  }
}
@media only screen and (max-width: 500px) {
  .home-social-list, .home-scrolldown {
    display: none;
  }
  .home-content-left {
    padding: 12rem 2.5rem 366px 2.5rem;
    width: 100%;
  }
  .home-content-left h1 {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 400px) {
  .home-content-left {
    padding: 12rem 0 300px 0;
  }
  .home-content-left .button.stroke {
    margin: 0 0 1.2rem 0;
  }
  .home-image-right {
    width: 320px;
    margin-bottom: -298px;
  }
}
/* ===================================================================
 *  11. about - (_layout.scss)
 *
 * ------------------------------------------------------------------- */
#about {
  min-height: 786px;
  background: #ffffff;
  padding-top: 9rem;
  overflow: hidden;
}
.about-intro {
  padding-bottom: 0rem;
  border-bottom: 0px solid rgba(0, 0, 0, 0.07);
}
.about-intro .letter {
  margin-top: 1%;
  margin-bottom: 5%;
}
.about-features .features-list {
  padding-top: 5.4rem;
}
.about-features .feature {
  margin-bottom: 1.8rem;
}
.about-features .feature .icon {
  margin-bottom: 1.5rem;
  display: inline-block;
}
.about-features .feature .icon i {
  color: #572C5f;
  font-size: 4.8rem;
}
.about-features .feature h3 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.9rem;
  color: #151515;
  margin-bottom: 3rem;
}
.about-how {
  padding-top: 7.2rem;
  padding-bottom: 6rem;
}
.about-how h1.intro-header {
  text-align: center;
}
#about .about-how h1.intro-header::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.about-how-content {
  position: relative;
  width: 100%;
  max-width: 1000px;
  min-height: 300px;
  margin-top: 7.2rem;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
.about-how-content::before, .about-how-content::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
}
.about-how-content::before {
  left: 0;
}
.about-how-content::after {
  left: 50%;
}
.about-how-content .about-how-steps {
  width: 100%;
}
.about-how-content .step {
  padding: 0 40px 1.5rem 60px;
  position: relative;
  min-height: 240px;
}
.about-how-content .step h3 {
  margin-bottom: 2.4rem;
}
.about-how-content .step::before {
  display: block;
  font-family: "muli-bold";
  font-size: 2rem;
  content: attr(data-item);
  color: #ffffff;
  height: 54px;
  width: 54px;
  line-height: 54px;
  text-align: center;
  border-radius: 50%;
  background-color: #572C5f;
  box-shadow: 0 0 0 15px #ffffff;
  z-index: 500;
  position: absolute;
  top: -12px;
  left: -27px;
}
.about-bottom-image img {
  vertical-align: bottom;
}
/* ------------------------------------------------------------------- 
 * responsive:
 * about 
 * ------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
  .about-how-content {
    max-width: 800px;
  }
}
@media only screen and (max-width: 1024px) {
  .about-intro h1.intro-header, #affiliates-4 h1.intro-header, #affiliates-6 h1.intro-header {
    text-align: center;
  }
  #affiliates-6 .quote-block-white.stories hr {
    margin: 6% auto !important;
  }
  .about-intro {
    max-width: 800px;
    text-align: left;
  }
  .about-intro h1::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .about-intro [class*="col-"] {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0;
    margin-right: 0;
  }
  .about-how-content {
    max-width: 700px;
  }
}
@media only screen and (max-width: 850px) {
  .about-how-content {
    max-width: 550px;
  }
  .about-how-content::after {
    display: none;
  }
  .about-how-content .step {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0;
    margin-right: 0;
    padding-right: 18px;
    min-height: auto;
    padding: 0 40px .9rem 60px;
  }
}
@media only screen and (max-width: 768px) {
  .about-features .feature .icon i {
    font-size: 4.4rem;
  }
  .about-features .feature h3 {
    font-size: 1.8rem;
  }
  .about-how h3 {
    font-size: 1.9rem;
  }
  .about-how-content::before {
    left: 30px;
  }
  .about-how-content .step {
    padding: 0 10px 0 80px;
  }
  .about-how-content .step::before {
    font-size: 1.6rem;
    height: 45px;
    width: 45px;
    line-height: 45px;
    top: -9px;
    left: 7.5px;
  }
  h1.about-intro {
    text-align: center;
  }
}
@media only screen and (max-width: 650px) {
  .about-features {
    max-width: 600px;
    text-align: center;
  }
  .about-features .feature {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 4.5rem;
  }
  .about-features .feature h3 {
    margin-bottom: 1.5rem;
  }
  h1.about-intro {
    text-align: center;
  }
}
@media only screen and (max-width: 400px) {
  .about-how-content {
    text-align: center;
  }
  h1.about-intro {
    text-align: center;
  }
  .about-how-content::before {
    display: none;
  }
  .about-how-content .step {
    padding: 60px 0 0 0;
  }
  .about-how-content .step::before {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
/* ===================================================================
 *  12. metrics - (_layout.scss)
 *
 * ------------------------------------------------------------------- */
#metrics {
  padding-top: 10rem;
  padding-bottom: 10rem;
  text-align: center;
}
#metrics h1 {
  margin-bottom: 8rem;
  padding-top: 3rem;
  color: #ffffff;
}
#metrics h1.financials {
  margin-bottom: 5rem;
  padding-top: 3rem;
  color: #ffffff;
}
.metrics-table {
  text-align: center;
  color: #572C5f;
}
.metrics-table .plan-block {
  background: #ffffff;
  border-radius: 0px;
  padding: 3rem;
  margin-bottom: 2rem;
  width: 100%;
}
.metrics-table .plan-block.debt-paid {
  padding: 5rem 2.5rem;
}
.metrics-table .plan-block:after {
  content: "";
  display: table;
  clear: both;
}
/* NEW */
.metrics-table .plan-block .title {
  font-family: "Lato", sans-serif;
  font-size: 2.5rem;
  margin: 0 auto;
  line-height: 1.1;
  color: #231F20;
  font-weight: 600;
}
.metrics-table .plan-block .stat {
  font-family: "Lato", sans-serif;
  font-size: 6rem;
  color: #572C5f;
  line-height: 1;
  margin-bottom: .1em;
  letter-spacing: -.06em;
}
.metrics-table .plan-block .copy {
  font-family: "Lato", sans-serif;
  font-size: 2.25rem;
  line-height: 1.3;
  margin-bottom: .4em;
  color: #231F20;
  font-weight: 500;
}
.metrics-table .plan-block .cap-intro {
  font-size: 1.75rem;
  line-height: 2.4rem;
  color: #231F20;
  margin: 0;
}
.metrics-table .plan-block h3.title {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 3rem;
  margin: 0 auto;
  line-height: 1;
  color: #231F20;
  font-weight: 600;
}
.metrics-table .plan-block h3.stat {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 10rem;
  color: #572C5f;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: -.06em;
  font-weight: 500;
}
.metrics-table .plan-block.debt-paid h3.title, .metrics-table .plan-block.debt-paid h3.stat {
  color: #ffffff;
}
h3.stat sup {
  font-size: 55%;
}
/* BLOCK BACKGROUND COLORS */
.metrics-table .plan-block.dmp {
  background: rgba(255, 255, 255, 0.75);
}
.metrics-table .plan-block.services {
  background: rgba(255, 255, 255, 0.75);
}
.metrics-table .plan-block.debt-paid {
  background: rgba(87, 44, 95, 0.95);
}
.metrics-table .plan-block.nps {
  background: rgba(255, 255, 255, 0.75);
}
/* ------------------------------------------------------------------- 
 * responsive:
 * metrics 
 * ------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
  #metrics .metrics-content > [class*="col"] {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0;
    margin-right: 0;
  }
  #metrics [class*="col"].metrics-intro {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 650px;
  }
  #metrics [class*="col"].metrics-intro h1::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #metrics [class*="col"].metrics-table {
    margin-top: 5.4rem;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 768px) {
  .metrics-table .plan-wrap {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0;
    margin-right: 0;
  }
  .metrics-table .plan-top-part, .metrics-table .plan-bottom-part {
    float: left;
  }
  .metrics-table .plan-top-part {
    width: 41.66667%;
    margin-top: 1.2rem;
  }
  .metrics-table .plan-bottom-part {
    width: 58.33333%;
  }
}
@media only screen and (max-width: 600px) {
  #metrics [class*="col"].metrics-table {
    max-width: 360px;
  }
  #metrics .plan-top-part, #metrics .plan-bottom-part {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0;
    margin-right: 0;
  }
  #metrics h1 {
    margin-bottom: 3.6rem;
  }
}
/* ===================================================================
 *  13. affiliates - (_layout.scss)
 *
 * ------------------------------------------------------------------- */
#affiliates, #affiliates-2, #affiliates-3, #affiliates-4, #affiliates-5 {
  /*  background: #FFFFFF; */
  padding: 10rem 0 10rem;
  text-align: left;
  min-height: 600px;
}
#affiliates {
  background: #ececec;
}
#affiliates h1 {
  color: #002E5B;
}
#affiliates-3 h1, #affiliates-3 h2 {
  color: #194173;
}
#affiliates h1.intro-header::before {
  background-color: rgba(251, 186, 66, .85);
}
#affiliates h2 {
  color: #3E96B4;
  margin-bottom: .8rem;
  text-transform: uppercase;
}
#affiliates-3 h2, #affiliates-4 h2, #affiliates-2 h2 {
  margin-bottom: .8rem;
  text-transform: uppercase;
}
#affiliates-4 h2 {
  color: #87bd48;
  text-transform: uppercase;
}
#metrics h1.intro-header::before {
  background-color: rgba(255, 255, 255, .5);
}
.quote-block.who-we-are h1::before {
  background-color: (255, 255, 255, 0) !important;
}
#affiliates-3 h1.intro-header::before, #affiliates-4 h1.intro-header::before {
  background-color: rgba(235, 113, 37, .7);
}
#affiliates ul li, #affiliates p, #affiliates-3 ul li, #affiliates-3 p, #affiliates-4 ul li, #affiliates-4 p, #affiliates-2 ul li, #affiliates-2 p {
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  /* line-height: 1.857; */
  line-height: 1.3;
  color: #231F20;
  margin-bottom: 1.6rem;
  font-weight: 400;
}
#affiliates-2 .recognition {
  background: linear-gradient(180deg, rgba(16, 36, 70, .1) 0%, rgba(16, 36, 70, 0) 100%);
  border: 0px solid rgba(16, 36, 70, 0.1);
  padding: 40px 30px 20px;
}
#affiliates-2 .recognition a {
  font-weight: 600;
}
#affiliates-2 .recognition a:hover {
  opacity: .8;
}
#affiliates-2 .recognition ul li {
  font-weight: 400;
}
#affiliates-2 .recognition ul li img {
  max-width: 165px;
  padding-top: 6px;
}
#affiliates h1::before {
  left: 5.5%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#affiliates h1.center::before, #affiliates-2 h1.center::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#affiliates .owl-wrap {
  width: 80%;
  max-width: 900px;
  margin: 4.2rem auto 0;
}
#testimonial-slider {
  margin: 0 0 3rem 0;
  position: relative;
}
#testimonial-slider .slides {
  padding-bottom: 3rem;
}
#testimonial-slider p {
  font-family: "Lato", sans-serif;
  font-size: 3.2rem;
  line-height: 1.5;
  color: #303030;
}
#testimonial-slider p::before, #testimonial-slider p::after {
  display: inline-block;
  font-family: "muli-regular", serif;
  font-size: 3.6rem;
  line-height: 1;
  position: relative;
  top: .3rem;
}
#testimonial-slider p::before {
  content: '\201C';
}
#testimonial-slider p::after {
  content: '\201D';
}
#testimonial-slider .testimonial-author {
  margin-top: 4.2rem;
}
#testimonial-slider .testimonial-author img {
  width: 7.4rem;
  height: 7.4rem;
  margin: 0 auto 1.2rem auto;
  display: block;
  border-radius: 50%;
}
#testimonial-slider .testimonial-author .author-info {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-family: "montserrat-semibold", sans-serif;
  font-size: 1.9rem;
  margin-top: .9rem;
  margin-bottom: 3rem;
  color: #151515;
}
#testimonial-slider .testimonial-author .author-info span {
  display: block;
  font-family: "muli-bold", sans-serif;
  font-size: 1.6rem;
  line-height: 1.313;
  letter-spacing: 0;
  text-transform: none;
  color: rgba(0, 0, 0, 0.5);
  margin-top: .3rem;
}
/* owl dots */
#testimonial-slider .owl-nav {
  margin-top: 1.8rem;
  margin-bottom: 1.5rem;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
#testimonial-slider .owl-nav [class*='owl-'] {
  color: #FFFFFF;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.4rem;
  height: 3rem;
  line-height: 3rem;
  margin: .6rem;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.5);
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#testimonial-slider .owl-nav [class*='owl-']:hover {
  background: rgba(0, 0, 0, 0.7);
  color: #FFFFFF;
  text-decoration: none;
}
#testimonial-slider .owl-nav .disabled {
  background: rgba(0, 0, 0, 0.2);
  cursor: default;
}
#testimonial-slider .owl-nav.disabled + .owl-dots {
  margin-top: 1.8rem;
}
#testimonial-slider .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
#testimonial-slider .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#testimonial-slider .owl-dots .owl-dot span {
  width: 9px;
  height: 9px;
  background-color: #959595;
  margin: 9px 9px;
  display: block;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#testimonial-slider .owl-dots .owl-dot.active span, #testimonial-slider .owl-dots .owl-dot:hover span {
  background-color: #572C5f;
}
/* ------------------------------------------------------------------- 
 * responsive:
 * affiliates
 * ------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
  #testimonial-slider p {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  #testimonial-slider p {
    font-size: 2.6rem;
  }
  #testimonial-slider .testimonial-author img {
    width: 6.6rem;
    height: 6.6rem;
  }
  #testimonial-slider .testimonial-author .author-info {
    font-size: 1.8rem;
  }
  #testimonial-slider .testimonial-author .author-info span {
    font-size: 1.5rem;
  }
  #affiliates-2 ul li {
    text-align: left;
  }
}
@media only screen and (max-width: 600px) {
  #affiliates .owl-wrap {
    width: 90%;
  }
  #testimonial-slider p {
    font-size: 2.4rem;
  }
  .quote-block.who-we-are {
    padding: 2rem !important;
  }
  .techvalidate, #affiliates-6 .quote-block-white {
    padding: 3rem !important;
  }
}
@media only screen and (max-width: 400px) {
  #affiliates .owl-wrap {
    width: 100%;
  }
  #testimonial-slider p {
    font-size: 2rem;
  }
}
/* ===================================================================
 *  14. download - (_layout.scss)
 *
 * ------------------------------------------------------------------- */
#behind-the-scenes {
  /* background: #572C5f; */
  color: #98C1E4;
  padding-top: 12rem;
  padding-bottom: 8rem;
  text-align: center;
}
#partners {
  color: #98C1E4;
  padding-top: 12rem;
  padding-bottom: 8rem;
}
#partners h1 {
  color: #ffffff;
}
.partners-block h1.partners {
  color: #231F20 !important;
}
.techvalidate {
  background: rgba(235, 113, 37, 0.15);
  padding: 80px;
  margin-bottom: 10%;
  margin-top: 10%;
}
.techvalidate-stat {
  font-size: 2.8em;
  font-weight: 600;
  line-height: 1;
  color: rgba(239, 199, 172, 1);
  padding-right: 3px;
}
#partners .techvalidate p {
  font-size: ;
  line-height: 1.4em;
  letter-spacing: .02em;
}
#partners p.techvalidate-cap-intro, #affiliates-2 p.techvalidate-cap-intro {
  font-size: .85em;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#behind-the-scenes h1 {
  color: #231F20;
}
#behind-the-scenes h1::before {
  background-color: #87bd48;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#partners h1::before {
  background-color: #EB7125;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#partners .row.about-intro .col-eight {
  padding-left: 0px;
}
#behind-the-scenes .lead, #partners .lead {
  color: #ffffff;
  margin-top: 4.8rem;
}
#behind-the-scenes .row, #partners .row, #about .row.passion-video, #affiliates-2 .row.passion-video {
  max-width: 800px;
}
#affiliates-6 .row.passion-video {
  max-width: 600px;
}
#about .row.passion-video, #affiliates-2 .row.passion-video, #affiliates-6 .row.passion-video {
  margin: 6% auto 2%;
}
#behind-the-scenes .download-badges {
  list-style: none;
  margin: 0;
  text-align: center;
}
#behind-the-scenes .download-badges li {
  display: inline-block;
  margin: 0 7.5px;
  padding-left: 0;
}
#behind-the-scenes .download-badges li a {
  display: block;
  width: 230px;
  height: 71px;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 230px 71px;
}
#behind-the-scenes .download-badges li a.badge-appstore {
  background-image: url("https://www.greenpath.com/annual-report-2021/images/appstore.png");
}
#behind-the-scenes .download-badges li a.badge-googleplay {
  background-image: url("https://www.greenpath.com/annual-report-2021/images/google-play.png");
}
/* ------------------------------------------------------------------- 
 * responsive:
 * download
 * ------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  #behind-the-scenes .download-badges li a {
    width: 194px;
    height: 60px;
    background-size: 194px 60px;
  }
  #behind-the-scenes .oor-stats .lead {
    text-align: center;
  }
}
/* ===================================================================
 *  15. footer styles - (_site-layout.scss)
 *
 * ------------------------------------------------------------------- */
footer {
  padding-top: 9rem;
  padding-bottom: 4.2rem;
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: rgba(255, 255, 255, 0.85);
  background: #572C5f url(https://www.greenpath.com/annual-report-2021/images/rings.png) center bottom;
  background-size: cover;
}
footer a, footer a:visited {
  color: #ffffff;
}
footer a.url {
  font-size: 2.6rem;
  line-height: 2.7em;
  font-weight: 600;
  font-family: "Roboto Condensed", sans-serif;
}
footer a.url:hover {
  opacity: .7;
}
footer a:hover, footer a:focus {
  color: white;
}
.copyright {
  font-size: .8em;
  text-transform: uppercase;
  letter-spacing: 1px;
}
footer h4 {
  color: white;
  font-size: 1.5rem;
  padding-bottom: 2.4rem;
  margin-bottom: 2.4rem;
  position: relative;
}
footer h4::before {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.05);
  position: absolute;
  left: 0;
  bottom: 0;
}
footer ul {
  list-style: none;
  margin: 0;
}
footer ul li {
  padding-left: 0;
}
footer ul a, footer ul a:visited {
  color: rgba(255, 255, 255, 0.45);
}
footer p {
  margin-bottom: 2rem;
}
footer p strong {
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.footer-logo {
  display: block;
  margin: 0 0 1.7rem 0;
  padding: 0;
  outline: 0;
  border: none;
  width: 240px;
  height: 44px;
  background: url("https://es.greenpath.com/annual-report-2021/images/GreenPathLogoWhite.svg") no-repeat center;
  background-size: 240px 44px;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.footer-logo2 {
  display: block;
  margin: 0 0 2.9rem 0;
  padding: 0;
  outline: 0;
  border: none;
  width: 215px;
  height: 44px;
  background: url("https://es.greenpath.com/annual-report-2021/images/GreenPathLogoWhite.svg") no-repeat center;
  background-size: 215px 44px;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.footer-logo3 {
  display: block;
  margin: 0 0 2.9rem 0;
  padding: 0;
  outline: 0;
  border: none;
  width: 200px;
  height: 37px;
  background: url("https://www.greenpath.com/annual-report-2021/images/Blank.png") no-repeat center;
  background-size: 200px 37px;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.footer-social-list {
  font-size: 2.2rem;
  margin-top: 0;
  margin-bottom: 3rem;
}
.footer-social-list li {
  display: inline-block;
  margin-right: 9px;
}
.footer-social-list li:last-child {
  margin-right: 0;
}
.footer-site-links .list-links {
  margin-bottom: 3rem;
}
.footer-subscribe .subscribe-form {
  margin: 0;
  padding: 0;
  position: relative;
}
.footer-subscribe #mc-form {
  width: 100%;
}
.footer-subscribe #mc-form input[type="email"] {
  width: 100%;
  height: 5.4rem;
  padding: 1.2rem 100px 1.2rem 60px;
  background: url(https://www.greenpath.com/annual-report-2021/images/email-icon.png) 20px center no-repeat, rgba(0, 0, 0, 0.1);
  background-size: 24px 16px, auto;
  margin-bottom: 1.8rem;
  color: rgba(255, 255, 255, 0.5);
}
.footer-subscribe #mc-form input[type="email"]:focus {
  color: #ffffff;
}
.footer-subscribe #mc-form input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  color: #ffffff;
  background: #572C5f;
  border-color: #572C5f;
  border-radius: 0 .5rem .5rem 0;
  padding: 0 15px;
}
.footer-subscribe #mc-form label {
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.3rem;
  padding: 0 2rem;
}
.footer-subscribe #mc-form label i {
  padding-right: 6px;
}
.footer-subscribe #mc-form ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.footer-subscribe #mc-form :-moz-placeholder {
  color: rgba(255, 255, 255, 0.2);
  /* Firefox 18- */
}
.footer-subscribe #mc-form ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.2);
  /* Firefox 19+ */
}
.footer-subscribe #mc-form :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.footer-subscribe #mc-form .placeholder {
  color: rgba(255, 255, 255, 0.2) !important;
}
.footer-bottom {
  margin-top: 2.6rem;
  text-align: center;
}
.footer-bottom .copyright span {
  display: inline-block;
}
.footer-bottom .copyright span::after {
  content: "|";
  display: inline-block;
  padding: 0 1rem 0 1.2rem;
  color: rgba(255, 255, 255, 0.1);
}
.footer-bottom .copyright span:last-child::after {
  display: none;
}
/* ------------------------------------------------------------------- 
 * go to top
 * ------------------------------------------------------------------- */
#go-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 600;
  display: none;
}
#go-top a, #go-top a:visited {
  text-decoration: none;
  border: 0 none;
  display: block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  background: url("") center 80% no-repeat rgba(0, 0, 0, .3);
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  text-transform: uppercase;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#go-top a i, #go-top a:visited i {
  font-size: 28px;
  line-height: 2.25em;
  /*	vertical-align: super; */
}
#go-top a:hover, #go-top a:focus {
  color: #FFFFFF;
}
/* ------------------------------------------------------------------- 
 * responsive:
 * footer 
 * ------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
  .footer-main > .row {
    max-width: 800px;
  }
  .footer-info, .footer-contact, .footer-site-links {
    margin-bottom: 1.2rem;
  }
  .footer-subscribe {
    clear: both;
  }
}
@media only screen and (max-width: 768px) {
  .footer-main > .row {
    max-width: 600px;
  }
  .footer-logo, .footer-logo2, .footer-celebrate {
    margin-left: auto;
    margin-right: auto;
  }
  img.footer-celebrate {
    width: 210px !important;
  }
  .footer-logo3 {
    display: none;
  }
  .footer-info {
    text-align: center;
  }
  #go-top {
    bottom: 0;
    right: 0;
  }
  #go-top a, #go-top a:visited {
    border-radius: 5px 0 0 0;
  }
}
@media only screen and (max-width: 600px) {
  .footer-main .row {
    max-width: 480px;
  }
  .footer-main h4 {
    padding-bottom: 0;
    margin-bottom: 2.4rem;
  }
  .footer-main h4::before {
    display: none;
  }
  .footer-main ul.list-links {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .footer-main ul.list-links li a {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    padding: .6rem 0;
  }
  .footer-main ul.list-links li:first-child a {
    border-top: 1px solid rgba(255, 255, 255, 0.03);
  }
  .footer-contact, .footer-site-links, .footer-subscribe {
    text-align: center;
  }
  .footer-bottom {
    padding-bottom: .6rem;
  }
  .footer-bottom .copyright span {
    display: block;
  }
  .footer-bottom .copyright span::after {
    display: none;
  }
}
/* Add-on styles */
.quote-block {
  background-color: #ececec;
  padding: 40px;
  font-family: "Lato", sans-serif;
  border-radius: 0px;
}
.quote-block-white {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 40px;
  font-family: "Lato", sans-serif;
  border-radius: 0px;
  text-align: left;
  margin: 3% auto 0;
}
.quote-block-blue {
  background-color: rgba(16, 36, 70, 0.7);
  padding: 40px;
  font-family: "Lato", sans-serif;
  border-radius: 0px;
  text-align: left;
  margin: 3% auto 0;
}
#affiliates-2 .quote-block-blue {
  padding: 10% 15%;
}
.quote-block-blue .intro-header::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#affiliates-6 .quote-block-white {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 40px;
  font-family: "Lato", sans-serif;
  border-radius: 0px;
  text-align: left;
  margin: 8% auto;
}
#affiliates-2 .quote-block-white {
  margin: 6% auto 3%;
  background-color: rgba(255, 255, 255, 0.4);
}
.quote-block.who-we-are {
  font-family: "Roboto Condensed", sans-serif;
  padding: 5rem 3rem .1rem;
  margin-bottom: 5rem;
}
.quote-block.who-we-are h1 {
  margin-bottom: 0;
  padding-bottom: 1rem;
  letter-spacing: 0;
}
.quote-block.who-we-are p {
  color: #656565;
  font-size: 2rem;
  letter-spacing: 0;
}
#affiliates-2 .quote-block p {
  font-size: 1.65rem;
  line-height: 1.3;
}
#affiliates-2 .quote-block-white.stories p.caption {
  padding-top: 5%;
  font-size: 1.8em;
  line-height: 1.25em;
  padding-left: 0;
}
#affiliates-2 .quote-block-white.stories p.caption.name {
  font-size: 1em;
  margin-bottom: 2rem;
  padding-top: 0;
}
#affiliates-2 .idea {
  background: rgba(16, 36, 70, .8);
  padding: 20px;
  margin-bottom: 3rem;
  font-weight: 500;
  box-shadow: 0px 3px 10px !important;
}
#affiliates-2 .idea-stat {
  font-size: 1.7em;
  font-weight: 500;
}
#affiliates-2 .idea p {
  font-size: 1.1em;
  line-height: 1.4em;
  color: #fff;
}
#affiliates-2 .idea p a {
  color: #fff;
}
#affiliates-2 p.idea-cap-intro {
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.detroit-quote {
  padding-top: 5%;
  font-size: 1.8em;
  line-height: 1.25em;
  padding-left: 0;
  font-family: "Roboto Condensed", sans-serif;
  color: #572C5f;
}
#affiliates-3 .col-eight p.caption, #partners p.cation {
  font-family: "Roboto Condensed", sans-serif;
  color: #572C5f;
  padding-top: 0;
  font-size: 1.8em;
  line-height: 1.25em;
  padding-left: 0;
  font-weight: 400;
}
#affiliates-3 .col-eight p.caption.name {
  color: #572C5f;
  font-size: 1em;
  margin-bottom: 2rem;
  padding-top: 0;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
}
#affiliates-2 .quote-block-white.stories p {}
#affiliates-2 .quote-block-white.stories hr {
  margin: 4% 0;
  width: 20%;
  border: 1px solid #ffffff;
}
hr.dark {
  margin: 5% auto 8%;
  width: 8%;
  border: 2px solid rgba(16, 36, 70, 0.1);
  clear: both;
  height: 0;
}
hr.light {
  margin: 5% auto 8%;
  width: 8%;
  border: 2px solid rgba(255, 255, 255, .5);
  clear: both;
  height: 0;
}
#affiliates-2 .quote-block-white.stories img.quote-image.left {
  float: left;
  padding: 0 10px 0 0;
}
#affiliates-6 .quote-block-white.stories p.caption {
  padding-top: 2%;
  font-size: 1.8em;
  line-height: 1.25em;
  padding-left: 0;
}
#affiliates-6 .quote-block-white.stories p.caption.name {
  font-size: 1em;
  margin-bottom: 2rem;
  padding-top: 0;
}
#affiliates-6 .quote-block-white.stories p {
  font-size: 2rem;
}
/*
#affiliates-6 .quote-block-white.stories hr {
  margin: 6% 0 2%;
  width: 20%;
  border: 1px solid rgba(0, 0, 0, .2);
}
*/
#affiliates-6 .quote-block-white.stories img.quote-image.left {
  float: left;
  padding: 0 10px 0 0;
  margin-top: -5px;
}
.partners-block {
  padding: 30px 40px;
  font-family: "Lato", sans-serif;
  border-radius: 0px;
  background: rgba(255, 255, 255, 0.5);
  margin: 5% auto;
  font-weight: 300;
}
p.partners {
  color: #ffffff !important;
  font-weight: 400 !important;
}
#about p.partners {
  color: #231F20 !important;
  line-height: 1.4em;
}
#partners .lead a {
  text-transform: uppercase;
  font-size: 1.8rem !important;
  line-height: 4rem;
}
#partners .lead a:hover {
  color: #ffffff;
}
#partners ul li, #partners p {
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  /* line-height: 1.857; */
  line-height: 1.3;
  color: #ffffff;
  margin-bottom: 2rem;
  font-weight: 400;
}
#partners p.quote {
  font-size: 1.8rem;
}
#partners p.techvalidate-cap-intro-dark {
  font-size: 1em;
  color: #572C5f;
  text-transform: uppercase;
  font-weight: 400;
}
#partners h2 {
  margin-bottom: 2rem !important;
  letter-spacing: .08em;
  color: rgba(239, 199, 172, 1);
  font-size: 2.8rem;
}
.right-indent {
  margin-right: 20px;
}
.partners-url {
  font-size: 1.8rem !important;
  line-height: 1.2;
  margin-bottom: 1rem;
  text-transform: uppercase;
  color: #ffffff;
}
.partners-url a {
  color: #572C5f;
}
.partners-url a:hover {
  color: #ffffff;
}
.quote, .fiscal-year {
  font-size: 2.2rem;
  line-height: 1.3;
  color: #572C5f;
  margin-bottom: 2rem;
}
.caption {
  font-size: .95em;
  line-height: 1.3;
  margin-bottom: 1rem;
  padding: 0 4rem;
  color: #999;
}
.caption strong {
  font-size: 1em;
  line-height: 1.3;
}
.right {
  text-align: right;
}
.white, #affiliates-2 p.white, #affiliates-2 ul li.white, h1.intro-header.white {
  color: #ffffff;
}
.author {
  font-size: .85em !important;
  line-height: 1.3;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.author strong, .partners-url strong {
  font-size: 1em !important;
  line-height: 1.4;
}
img.quote-image.right {
  float: right;
  padding: 0 5px 5px 15px;
}
img.badge.right {
  float: right;
  margin: 0 5px 5px 15px;
  max-width: 215px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, .4) !important;
}
img.quote-image.left {
  float: left;
  padding: 10px 20px 20px 0;
}
img.celebrating {
  margin-top: -22px;
}
p.what-we-do {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  img.quote-image.right, img.quote-image.left {
    width: 235px !important;
    margin: 0 auto !important;
    float: none !important;
    display: block !important;
  }
  img.badge.right {
    width: 215px !important;
    margin: 0 auto 20px !important;
    float: none !important;
    display: block !important;
  }
  .quote-block-white, .caption, #affiliates, #affiliates-2, #affiliates-3, #affiliates-4, #affiliates-5 {
    text-align: center;
  }
  #affiliates, #affiliates-2, #affiliates-3, #affiliates-4, #affiliates-5 {
    padding: 10rem 0 5rem;
  }
  #affiliates-3 .col-eight p.caption, #affiliates-3 .col-eight p.caption-name {
    padding: 0 4rem !important;
  }
  #affiliates-2 .col-four {
    margin-bottom: 4rem;
  }
  #affiliates-6 .quote-block-white.stories p.caption {
    padding: 0 !important;
  }
  img.celebrating {
    margin-top: 0 !important;
  }
  p.what-we-do {
    margin-top: 0;
  }
  .caption.right {
    margin-bottom: 4rem;
  }
  #affiliates h1.intro-header::before, #affiliates-2 h1.intro-header::before, #affiliates-3 h1.intro-header::before, #affiliates-4 h1.intro-header::before, #affiliates-5 h1.intro-header::before, #affiliates-6 h1.intro-header::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #about {
    padding-top: 10rem;
  }
  .fiscal-year-number {
    font-size: 6em !important;
  }
  .home-content-left h1 {
    font-size: 5rem;
  }
  #partners .lead {
    text-align: center;
  }
  .col-four ul li, .col-four h2, #affiliates-2 h2 {
    text-align: left !important;
  }
}
.fiscal-year {
  letter-spacing: 3px;
  font-weight: 600;
  color: #572C5f;
}
.fiscal-year-number {
  font-size: 7em;
  line-height: .8;
  letter-spacing: -10px;
  color: #572C5f;
  opacity: .3;
  font-weight: 500;
}
#behind-the-scenes .oor-stats .lead {
  color: #231F20;
}
.oor-stats p.lead {
  line-height: 1.6em;
  text-align: left;
}
.oor-stats p.lead strong, .oor-stats ul li strong {
  font-size: 2.1rem;
}
#metrics h1.intro-header::before {
  left: 47%;
}
.metrics-table .plan-block .plan-block-features li span sup {
  font-size: 50%;
  top: -.7em;
}
/*# sourceMappingURL=main.css.map */
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 0px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: rgba(0, 0, 0, .75);
  color: #fff;
  text-align: center;
  padding: 3% 2% 4%;
  border-radius: 6px;
  line-height: 1.2em;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tooltip .tooltiptext {
  width: 220px;
  bottom: 90%;
  left: 50%;
  margin-left: -110px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.tooltip .tooltiptext {
  opacity: 0;
  transition: opacity 1s;
}
.tooltip:hover .tooltiptext {
  opacity: 1;
}
/* QUOTES */
#affiliates-3 p.quote-side {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 2.25em;
  line-height: 1.4;
  margin-bottom: 1rem;
  padding: 0 4rem;
  color: #572C5f;
}
#affiliates-2 p.quote-inline, #affiliates-3 p.quote-inline, #partners p.quote-inline {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 1.8em;
  line-height: 1.25;
  margin-bottom: 1rem;
  padding: 0 4rem;
  color: #572C5f;
  padding-top: 5%;
}
#partners p.quote-inline {
  padding: 0;
  font-size: 2.1em;
  letter-spacing: -.05rem;
  margin: 3% 0 2%;
}
.grey-box {
  background-color: #ececec;
  padding: 20px;
}
#affiliates-2 p.author {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 1em !important;
  line-height: 1.4;
  margin-bottom: 1rem;
  padding: 0 4rem;
  color: #572C5f;
}
ul.rdi {
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
}
ul.rdi li {
  margin-bottom: 1rem !important;
}
#affiliates-4 .metrics-table .plan-block {
  background: #ffffff;
  border-radius: 0px;
  padding: 3rem;
  margin-bottom: 1rem;
}
#affiliates-4 .col-four.rdi-grid-one, #affiliates-3 .col-four.clarify-grid-one {
  padding: 0 0 0 20px !important;
}
#affiliates-4 .col-four.rdi-grid-two, #affiliates-3 .col-four.clarify-grid-two {
  padding: 0 10px !important;
}
#affiliates-4 .col-four.rdi-grid-three, #affiliates-3 .col-four.clarify-grid-three {
  padding: 0 20px 0 0 !important;
}
.quote-rule {
  border: 0px solid rgba(220, 220, 220, .4);
  padding: 3rem;
  /*  padding: 30px 40px 20px; */
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
  background: rgba(255, 255, 255, 0.55);
  /* min-height:405px; */
}
.quote-rule25 {
  border: 0px solid rgba(220, 220, 220, .4);
  padding: 3rem;
  /*  padding: 40px 40px 20px; */
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 100%);
}
.quote-rule25 hr.light {
  margin: 10% auto;
  border: 1px solid rgba(255, 255, 255, .5);
}
.video-box-dark {
  border: 1px solid rgba(16, 36, 70, .2);
  padding: 10px 25px;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
  background: rgba(16, 36, 70, 0);
}
.theory-of-change {
  background-image: url("https://www.greenpath.com/annual-report-2021/images/TheoryOfChange.png");
  background-repeat: no-repeat;
  background-size: 96%;
  background-position: center 175px;
}
.footnote {
  padding: 30px 20px 70px;
  text-align: left;
  color: rgba(255, 255, 255, .6);
  line-height: 1.3;
  clear: both;
}
#affiliates-6 .quote-block-white.stories p.footnote {
  font-size: 1.3rem;
  padding: 5px 10px;
  text-align: left;
  line-height: 1.3;
  clear: both;
}
#affiliates-2 p.footnote, #partners p.footnote {
  font-size: 1.6rem;
  padding: 0px 20px 20px;
}
.metrics-table .plan-block .stat.lg {
  font-size: 5.4em;
}
#affiliates h3, #affiliates-3 h3, #affiliates-4 h3 {
  font-size: 2.5rem;
  line-height: 1.2;
  margin-top: 5%;
}
#affiliates .caption, #affiliates-3 .caption, #affiliates-4 .caption, #affiliates-3 .collage-caption, #affiliates-4 .collage-caption {
  font-size: 1.7rem;
  padding: 0;
}
#affiliates-6 ul li {
  line-height: 1.3em;
  margin-bottom: 0.8em;
  color: #231F20;
}
#affiliates-6 h1.intro-header::before {
  left: 50%;
  webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.visually-hidden {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
#affiliates-2 .quote-block p.board {
  font-size: .9em;
  line-height: 1.3em;
  margin-bottom: .3em;
}