@charset "UTF-8";
@font-face {
  font-family: "siepomaga";
  src: url(/assets/icons/icons-8a1105d9f91a6564bdb8cf6a1b824560a36ec444b143872127b132db6fe8381d.eot);
  src: url(/assets/icons/icons-8a1105d9f91a6564bdb8cf6a1b824560a36ec444b143872127b132db6fe8381d.eot#iefix) format("embedded-opentype"), url(/assets/icons/icons-440ae21a7cd01269b135ccbf777965c4e0e598e8a664378d08ccdbbb52aa1def.woff2) format("woff2"), url(/assets/icons/icons-41234f503da854da6554998470c129054c231203c72192c68b4ed138aebfcf66.woff) format("woff"), url(/assets/icons/icons-4eeea41a40973ec83e0a112034b9bb7199fb65e667384c45f80f7a383112ee5e.ttf) format("truetype"), url(/assets/icons/icons-c04cd082442538e7f59a96f2f8e1773abc7141706e95e4aed1874c1b4c0a4b40.svg#siepomaga) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "siepomaga";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  font-size: 110%;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-constant-help:before {
  content: "\e800";
} /* '' */
.icon-animal:before {
  content: "\e801";
} /* '' */
.icon-star-empty:before {
  content: "\e802";
} /* '' */
.icon-star-full:before {
  content: "\e803";
} /* '' */
.icon-verified:before {
  content: "\e805";
} /* '' */
.icon-percent:before {
  content: "\e81d";
} /* '' */
.icon-heart:before {
  content: "\e807";
} /* '' */
.icon-info:before {
  content: "\e810";
} /* '' */
.icon-cart:before {
  content: "\e812";
} /* '' */
.icon-fundraising:before {
  content: "\e814";
} /* '' */
[class^=icon-].near-text::before {
  position: relative;
  top: 0.05em;
  left: -2px;
}

.icon-percent::before {
  color: #e65000;
}

.sp-button.with-white-heart:before {
  content: "\e807";
}

i.plus.circle.icon.blue:hover {
  color: #0C538E !important;
}

.sp-icon-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background: #F9F9F9;
  padding: 4px;
}

i.icon.sp-icon-badge,
.sp-icon-badge i.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  margin: 0;
}

i.icon.sp-icon-badge {
  width: auto;
  height: auto;
  line-height: 1;
}

.sp-icon-badge i.icon {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

@font-face {
  font-family: "Nunito Sans";
  src: url(/assets/nunito_sans/NunitoSans-Bold-48026df925c8f3b31f8ea32d1f79679a9c998ae1bbfe9d61180239fd6d1dd03b.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url(/assets/nunito_sans/NunitoSans-Regular-fd535132b21c17340aba785e7be8431f34ed7510f3081ca9fb73462ab2b60439.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url(/assets/nunito_sans/NunitoSans-Italic-c989280d6e473d2cf37de087e0c86b08af5c692506e92d7d60550191cb958408.woff2) format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url(/assets/nunito_sans/NunitoSans-BoldItalic-7029ae4afdc6ef134a8ba00cbf9b25c9af3e73415344bc068e4fb552566964a1.woff2) format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url(/assets/nunito_sans/NunitoSans-ExtraBold-d0ccdc579e2dd7841d0a5da9d86950c3c6d5aa6cf5040ddacbd854162a2bdf5f.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url(/assets/nunito_sans/NunitoSans-Black-ceb076bc1354e90109f40be8c6e974b70629054daa26131be0666f560db491ae.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url(/assets/nunito_sans/NunitoSans-ExtraLight-7e3fbdbc259f103bee5c7db79b40cd72f266f0010300d6436756f4582c679ce5.woff2) format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
html {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
}

.buttons-box {
  display: block;
  border: 1px #00801c solid;
  border-radius: 10px;
  min-width: 150px;
  max-width: 400px;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.9);
}
.buttons-box a {
  text-decoration: none;
}

img {
  height: 1.4em;
  transform: scale(1.2);
  margin-left: 5px;
  margin-top: -3px;
  vertical-align: middle;
}

.powered-by {
  background: #00801c;
  padding: 5px;
  color: #ffffff;
  text-align: center;
  font-size: 1em;
  line-height: 23px;
}

.sp-button {
  /** pre component styles */
  margin: 15px;
  padding: 10px 15px;
  font-size: 1.4em;
  line-height: 40px;
  border: none;
  color: #ffffff;
  /** buttons styles */
  border-radius: 10px;
  display: block;
  font-weight: bold;
  outline: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
.sp-button.with-icon {
  padding-left: 75px;
}
.sp-button.red {
  background-color: #c8363f;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAIAAABXpYiMAAAAXUlEQVQY032POw6AQBBCkePaeXFvIM9iP85uYUEgQIaM7%2FMyyEqMMMgkFjjQfPiQmMQZeudNJxhinp%2FO3IkJy%2F1lPz2neTVT9aH3mhalh4pf0H%2FX6EkzQ%2FLRWTWTXuXjxWt5%2BgPhAAAAAElFTkSuQmCC);
  transition: background 0.2s;
}
.sp-button.red:hover {
  background-color: #ba0000;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAIAAABXpYiMAAAAWklEQVQY02WOsRGAMAzEnt%2BcjnFZIC8KTIihUiLZd9a5H0YYMMnLPIwzW8yI8%2FhimxlxMlrPWOaq%2FfZr9%2BvbLXwcvWl1849VTuBwU2CVQ0U6hWbflreQJQy6AL6Y1FoMVDt2AAAAAElFTkSuQmCC);
}
.sp-button.blue {
  background-color: #1274c3;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA8CAIAAAAok0etAAAAVUlEQVQIHQXBgRHCABAEoc%2B2mmbtyfEQej%2Ff0HOa61xu2XV3sY4QGh2NbtrJ5JYJIdYmZMtpE2KZRohlsvU7mZAt5LSJhRCLi2VyFxo9NHLXTU5cd%2F5XNJXmGeCM1wAAAABJRU5ErkJggg%3D%3D);
  transition: background 0.2s;
}
.sp-button.blue:hover {
  background-color: #0063b5;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA8CAIAAAAok0etAAAAW0lEQVQIHQXBAQHDABCEsC%2B657GGerDkfu9HF1dU7CLjKTQ80ajQKEmpcOKFjgyVEhclKlMqdKTM0KGRYqLihkaJho4KFRWVKRVOKlQ6UcmwqLhiyhUrnsKLuj8ELqavBlaMeQAAAABJRU5ErkJggg%3D%3D);
}
.sp-button .icon {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  text-align: center;
  width: 60px;
  line-height: 60px;
}
@keyframes heartbeat {
  0%, 20%, 40%, 100% {
    transform: scale(1.2);
  }
  10%, 30% {
    transform: scale(1.3);
  }
}
.sp-button .icon-heart.animated::before {
  margin-top: -2px;
  animation: heartbeat 1.5s infinite;
  vertical-align: middle;
}
.sp-button .icon-constant-help {
  font-size: 120%;
}

@media (max-width: 360px) {
  html {
    font-size: 13px;
  }
}
@media (max-width: 310px) {
  html {
    font-size: 12px;
  }
}
@media (max-width: 290px) {
  html {
    font-size: 14px;
  }
  span {
    display: none;
  }
  .icon {
    margin-right: 0;
  }
  .sp-button {
    text-align: center;
  }
}
@media (max-width: 210px) {
  html {
    font-size: 12px;
  }
  .sp-button {
    padding: 10px 5px;
  }
  .icon {
    margin-right: 0;
  }
  span {
    display: none;
  }
}