button,
hr,
input {
  overflow: visible;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

progress,
sub,
sup {
  vertical-align: baseline;
}

[type="checkbox"],
[type="radio"],
legend {
  box-sizing: border-box;
  padding: 0;
}

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
select {
  text-transform: none;
}

[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

[hidden],
template {
  display: none;
}

html,
body {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  font-family: "Source Sans Pro", Arial, sans-serif;
  color: #2a3744;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 400;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow-x: hidden;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

code,
kbd,
pre,
samp {
  font-family: "Source Code Pro", monospace;
  font-size: 20px;
}

pre {
  width: 100%;
  padding: 20px 30px;
  color: #2a3744;
  letter-spacing: 0;
  overflow: auto;
  line-height: 30px;
  border-radius: 20px;
  margin: 0 0 100px;
  background-color: #f8f9f9;
}

header {
  width: 100%;
  position: absolute;
  z-index: 333;
  left: 0;
  top: 0;
  padding: 38px 0;
}

a,
input.link,
input.button {
  cursor: pointer;
  transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  text-decoration: none;
}
input.link {
  background: none;
  border: none;
}

img {
  border-style: none;
  width: auto;
  max-width: 100%;
}

p {
  margin: 0;
}

.row {
  margin: 0 auto;
  max-width: 1330px;
  width: 100%;
  padding: 0 20px;
}

header .row {
  position: relative;
}

.logo {
  float: left;
}

.logo a {
  background-image: url("/static/img/logo.svg?e44b1845eeec");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-left: 120px;
  height: 75px;
  float: left;
  line-height: 75px;
}

.logo a:hover {
  opacity: 0.7;
}

.user-tab {
  display: block;
  position: absolute;
  top: -38px;
  right: 20px;
  height: 40px;
  width: 40px;
  border-radius: 0 0 20px 20px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  padding-top: 4px;
}

.user-anonymous {
  background-image: url("/static/img/icon-user.svg?1aac2da75a13");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center center;
}

.user-anonymous:hover {
  height: 45px;
  background-image: url("/static/img/icon-user-black.svg?1aac2da75a13");
}

.user-tab img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.user-logout {
  display: block;
  position: absolute;
  top: -24px;
  right: 80px;
  color: #1fa385;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
}

.user-logout:hover {
  color: #2eccaa;
}

a.button.app {
  float: right;
  min-width: 140px;
  border: 1px solid #fff;
  margin: 17px 0 0 15px;
}

.main-menu {
  margin-top: 26px;
  margin-left: 10px;
  float: left;
  text-align: right;
}

.main-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.main-menu ul li {
  display: inline-block;
}

.main-menu ul li:hover ul {
  display: block;
}

.main-menu ul li a {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  padding: 0 10px 10px;
  border-bottom: 1px solid transparent;
}

.main-menu ul li.menu-light a {
  font-weight: normal;
}

.main-menu ul li.gethelp::before {
  content: "•";
  color: #fff;
  font-size: 18px;
  display: inline-block;
}

body.light .main-menu ul li.gethelp::before {
  color: #2a3744;
}

body.light .logo a {
  color: #2a3744;
}

.main-menu ul li:hover > a,
body.light .main-menu ul li:hover > a {
  color: #1fa385;
  border-color: #1fa385;
}

.main-menu ul li.active a,
body.light .main-menu ul li.active a {
  color: #1fa385;
}

header .menu-show {
  position: absolute;
  right: 28px;
  top: 10px;
  display: none;
  width: 25px;
  font-size: 0;
  height: 28px;
  padding-top: 55px;
  z-index: 15;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 300ms linear;
  -moz-transition: 300ms linear;
  -ms-transition: 300ms linear;
  -o-transition: 300ms linear;
  transition: 300ms linear;
  cursor: pointer;
  text-transform: uppercase;
}

header .menu-show span {
  position: absolute;
  left: 0;
  display: block;
  width: 25px;
  height: 2px;
  background: #1fa385;
  opacity: 1;
  filter: progid:dximagetransform.microsoft.alpha(opacity=100);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

header .menu-show span:nth-child(1) {
  top: 18px;
}

header .menu-show span:nth-child(2),
header .menu-show span:nth-child(3) {
  top: 26px;
}

header .menu-show span:nth-child(4) {
  top: 34px;
}

.open-mobile header .menu-show span:nth-child(1) {
  top: 23px;
  left: 50%;
  width: 0%;
}

.open-mobile header .menu-show span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 26px;
}

.open-mobile header .menu-show span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 26px;
}

.open-mobile header .menu-show span:nth-child(4) {
  top: 20px;
  left: 50%;
  width: 0%;
}

.mobile-menu {
  display: none;
  position: absolute;
  width: 200px !important;
  height: 100vh;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: #1fa385;
  top: 0;
  right: 0;
  min-height: 500px;
  z-index: 999;
  -webkit-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
  text-align: left !important;
  margin: 0 !important;
  padding: 20px !important;
}
.is-visible {
  display: block !important;
}

.mobile-menu .logo a {
  line-height: 45px;
  height: 45px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjMxLjQ5NjE3NiIgICBoZWlnaHQ9IjIzLjMyNiIgICB2aWV3Qm94PSIwIDAgMzEuNDk2MTc2IDIzLjMyNiIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzMzIiAgIHNvZGlwb2RpOmRvY25hbWU9Im1vYmlsZS1sb2dvLnN2ZyIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjQgKDVkYTY4OWMzMTMsIDIwMTktMDEtMTQpIj4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhMzciPiAgICA8cmRmOlJERj4gICAgICA8Y2M6V29yayAgICAgICAgIHJkZjphYm91dD0iIj4gICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PiAgICAgICAgPGRjOnR5cGUgICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+ICAgICAgICA8ZGM6dGl0bGU+MkZCNzAxMzQtN0Y5My00RjJFLTg0NDQtNTU5QTMxRTVCOEU4PC9kYzp0aXRsZT4gICAgICA8L2NjOldvcms+ICAgIDwvcmRmOlJERj4gIDwvbWV0YWRhdGE+ICA8c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IiAgICAgaWQ9Im5hbWVkdmlldzM1IiAgICAgc2hvd2dyaWQ9ImZhbHNlIiAgICAgZml0LW1hcmdpbi10b3A9IjAiICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiICAgICBpbmtzY2FwZTp6b29tPSIzLjE4OTE4OTIiICAgICBpbmtzY2FwZTpjeD0iMzQuMjgzOTE3IiAgICAgaW5rc2NhcGU6Y3k9IjM2LjUyMjQyNiIgICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmczMyIgLz4gICAgPHRpdGxlICAgICBpZD0idGl0bGUyIj4yRkI3MDEzNC03RjkzLTRGMkUtODQ0NC01NTlBMzFFNUI4RTg8L3RpdGxlPiAgPGRlc2MgICAgIGlkPSJkZXNjNCI+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPiAgPGRlZnMgICAgIGlkPSJkZWZzMjMiPiAgICA8bGluZWFyR3JhZGllbnQgICAgICAgeDE9IjAiICAgICAgIHkxPSIwLjM4MDU2NTE0IiAgICAgICB4Mj0iMC42ODI2MDQ0MyIgICAgICAgeTI9IjAuMzgwNTY1MTQiICAgICAgIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4gICAgICA8c3RvcCAgICAgICAgIHN0b3AtY29sb3I9IiMwMEQyRTYiICAgICAgICAgb2Zmc2V0PSIwJSIgICAgICAgICBpZD0ic3RvcDYiIC8+ICAgICAgPHN0b3AgICAgICAgICBzdG9wLWNvbG9yPSIjMkVDQ0FBIiAgICAgICAgIG9mZnNldD0iMTAwJSIgICAgICAgICBpZD0ic3RvcDgiIC8+ICAgIDwvbGluZWFyR3JhZGllbnQ+ICAgIDxsaW5lYXJHcmFkaWVudCAgICAgICB4MT0iMC4xNzI3NDc4OCIgICAgICAgeTE9IjAuNTk3MTkyMjkiICAgICAgIHgyPSIwLjc4OTk5NTk3IiAgICAgICB5Mj0iMC4zMDYzNTI3OSIgICAgICAgaWQ9ImxpbmVhckdyYWRpZW50LTIiPiAgICAgIDxzdG9wICAgICAgICAgc3RvcC1jb2xvcj0iIzAwMDAwMCIgICAgICAgICBzdG9wLW9wYWNpdHk9IjAiICAgICAgICAgb2Zmc2V0PSIwJSIgICAgICAgICBpZD0ic3RvcDExIiAvPiAgICAgIDxzdG9wICAgICAgICAgc3RvcC1jb2xvcj0iIzAwMDAwMCIgICAgICAgICBvZmZzZXQ9IjUxLjQxMjUzMzMlIiAgICAgICAgIGlkPSJzdG9wMTMiIC8+ICAgICAgPHN0b3AgICAgICAgICBzdG9wLWNvbG9yPSIjMDAwMDAwIiAgICAgICAgIHN0b3Atb3BhY2l0eT0iMCIgICAgICAgICBvZmZzZXQ9IjEwMCUiICAgICAgICAgaWQ9InN0b3AxNSIgLz4gICAgPC9saW5lYXJHcmFkaWVudD4gICAgPGxpbmVhckdyYWRpZW50ICAgICAgIHgxPSIxIiAgICAgICB5MT0iMC4zOTcxODUzIiAgICAgICB4Mj0iMC4zMTg1NTAzMiIgICAgICAgeTI9IjAuMzk3MTg1MyIgICAgICAgaWQ9ImxpbmVhckdyYWRpZW50LTMiPiAgICAgIDxzdG9wICAgICAgICAgc3RvcC1jb2xvcj0iIzFGQTM4NSIgICAgICAgICBvZmZzZXQ9IjAlIiAgICAgICAgIGlkPSJzdG9wMTgiIC8+ICAgICAgPHN0b3AgICAgICAgICBzdG9wLWNvbG9yPSIjMkVDQ0FBIiAgICAgICAgIG9mZnNldD0iMTAwJSIgICAgICAgICBpZD0ic3RvcDIwIiAvPiAgICA8L2xpbmVhckdyYWRpZW50PiAgPC9kZWZzPiAgPGcgICAgIGlkPSJXZWJsYXRlIiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6My4xNDM1MjkxOCIgICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuMzE4MTEzNzksMCwwLDAuMzE4MTEzNzksLTAuMDYxOTk5MTgsLTAuMDYyNDk3OCkiPiAgICA8ZyAgICAgICBpZD0iSG9tZSIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxNSwtNDApIiAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO3N0cm9rZS13aWR0aDozLjE0MzUyOTE4Ij4gICAgICA8ZyAgICAgICAgIGlkPSJXZWJsYXRlTG9nbyIgICAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMTUsNDApIiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7c3Ryb2tlLXdpZHRoOjMuMTQzNTI5MTgiPiAgICAgICAgPGcgICAgICAgICAgIGlkPSJnMjgiICAgICAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO3N0cm9rZS13aWR0aDozLjE0MzUyOTE4Ij4gICAgICAgICAgPHBhdGggICAgICAgICAgICAgZD0ibSA2My42MjM2MjQsNTUuODAzMjA0IGMgLTEuNDQ0MTgsLTAuMDA3MyAtMi44ODMyNzksLTAuMzAxMiAtNC4yMzk4NjMsLTAuODkyMzM3IC0zLjA1NTgzOCwtMS4zMzEyOTMgLTUuNzQ2NzA5LC0zLjg0NTU3OSAtNy45MzU3ODEsLTcuMjQ3Mzk2IDAuNjI0MjgxLC0xLjEwOTY1NCAxLjE4NjksLTIuMjU4NjY5IDEuNjg5MjE0LC0zLjQyNjczMiAyLjIwMjUzMiwtNS4xMjE2MTEgMy4yNTAwMTQsLTEwLjcyOTg2MyAzLjMzMDM1MSwtMTYuMjk2NjYgLTAuMDExNjcsLTAuMTEwNDEzIC0wLjAyMDgxLC0wLjIyMTIxOCAtMC4wMjc2MiwtMC4zMzI0MTcgbCAtMC4wMDYsLTAuMjg1NjU4IGMgLTAuMDA0OSwtMi4xODI3MTEgLTAuMzM3Mjk1LC00LjM5NDg5MiAtMS4wODgzMzEsLTYuNDU0NDIxIC0wLjg2NTIxOCwtMi4zNzI4ODggLTIuMjQ0MzU0LC00Ljc0Nzc0IC00LjQzMjQ5MiwtNS42NzM4NyAtMC4zOTc1OTYsLTAuMTY3OTc2IC0wLjgxNTgxMSwtMC4yMzg1MDcgLTEuMjMyMDgsLTAuMjI4NjgzIC0yLjc1MjQzNywtNS4xNDQ0MDEzIC0yLjgzOTk3LC0xMC4wNzQyNjM4IDAsLTE0Ljc2ODU2NjM1IDAuMDUwNTcsMCAwLjEwMzA5NCwxLjk2NDdlLTQgMC4xNTM2NjksNS44OTRlLTQgMy4zNTA1ODEsMC4wMzY5MzUyIDYuNjcwMDM5LDEuMDcwOTIzMzUgOS41MTA1OTIsMi44NzY4MTcyNSA3LjczNDYzOCw0LjkxNzQ4NTMgMTEuNTkwOTY2LDE0LjUwMDM5MjcgMTEuNjc1OTcxLDIzLjkwOTAzNzcgMC4wMDEyLDAuMTEwNDEyIC0xLjk1ZS00LDAuMjIwNjI4IC0wLjAwMzUsMC4zMzA4NDQgaCAwLjA0MzM4IGMgLTAuMDExMjgsOS45NDM0MDEgLTIuNDAyNDQxLDIwLjAyNjgwNiAtNy40Mzc0NzQsMjguNDg5NDUyIHogTSA0Ni40NzM4MTIsNzEuNDExMTI5IEMgMzkuMjQ5ODc3LDc0LjM4MjM2MSAzMC44NTk3MTcsNzQuMjIyOTI3IDIzLjY5OTE1OCw3MC44OTg2MjUgMTUuNDYxMzAxLDY3LjA3NDg1MyA5LjE2NjY4MjksNTkuNjQyNjMzIDUuMjg5OTI5OCw1MS4xNTkxMzYgLTEuMzQxMjA0OCwzNi42NDgzMyAtMS40OTI5MjkyLDE5LjMwMTU3MiA0Ljc5NTg1MjksNC41NjgzNjkzIDkuNTE4NzYxMyw2LjQ1Nzc2MDMgMTMuNzE4NDE1LDMuNDQ4NTI2NSAxMy43MTg0MTUsMy40NDg1MjY1IGMgMCwwIC0wLjAwOTcsNC42MzAyNTU0IDQuNDczOTI1LDYuOTUyNDU1NSAtNC42MDAzNjIsMTAuNzc4MTkzIC00LjQ4OTQ4NiwyMy41ODMzMDEgMC4xMjA2MDEsMzQuMDg2NDQ0IDIuMjE5NDU2LDUuMDUzNjM1IDUuNjA5OTEzLDkuNzU5NTI5IDEwLjMwOTQ3OSwxMi40MjA4MjUgMS42NzczNjYsMC45NDk3OTggMy41MjA0OTksMS41NjMwMSA1LjQxNjUwOSwxLjc5MzA4OCAwLjAwNywwLjAxMDk3IDAuMDE0MDQsMC4wMjE5NCAwLjAyMTA3LDAuMDMyOSAzLjM0ODI2MSw1LjIyNDQ4OCA3LjU2NjEwNCw5LjU3ODQwMiAxMi40MTM4MTYsMTIuNjc2ODg5IHoiICAgICAgICAgICAgIGlkPSJMZWZ0LTIiICAgICAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlLXdpZHRoOjMuMTQzNTI5MTgiICAgICAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+ICAgICAgICAgIDxwYXRoICAgICAgICAgICAgIGQ9Im0gNjMuNjIxNDg3LDU1LjgwNjczIGMgLTEuNDQzNDYyLC0wLjAwNzUgLTIuODgxODEyLC0wLjMwMTQ4MiAtNC4yMzc3MjYsLTAuODkyMzI2IC0zLjA1NjMzMiwtMS4zMzE1MDggLTUuNzQ3NTc5LC0zLjg0NjM5MyAtNy45MzY4NDMsLTcuMjQ5MDQ2IDAuNjI0NzA2LC0xLjExMDIzOCAxLjE4NzY3NywtMi4yNTk4OTQgMS42OTAyNzYsLTMuNDI4NjE5IDAuNjY0MDg2LC0xLjU0NDIwNSAxLjIyMzEzMiwtMy4xMzI0MTcgMS42ODIxOTYsLTQuNzUwNDkyIDEuMDY0MDE2LC0zLjc0ODkxOSAxNS4xOTA5MiwxLjAwOTAzOCAxMy4wMzU4NDksNy4xODU0NjIgLTEuMTExOTMxLDMuMTg2NDkxIC0yLjUxOTcxMyw2LjI1NDYxMSAtNC4yMzM3NTIsOS4xMzUwMjEgeiBNIDQ2LjQ3MDQ0Niw3MS40MTI1MTMgYyAtNy4yMjMxNzYsMi45Njk3OTggLTE1LjYxMTg0MSwyLjgwOTg5NyAtMjIuNzcxMjg4LC0wLjUxMzg4OCAtOC4yMzc4NTcsLTMuODIzNzcyIDAuMjIzNjk2LC0xNi42NTE2NyA0LjkyMzI2MiwtMTMuOTkwMzc0IDEuNjc2NjQzLDAuOTQ5Mzg5IDMuNTE4OTEsMS41NjI0ODEgNS40MTQwNTYsMS43OTI3OSAwLjAwNzgsMC4wMTIyNSAwLjAxNTY4LDAuMDI0NDkgMC4wMjM1MiwwLjAzNjc0IDMuMzQ3NDg2LDUuMjIzMjc4IDcuNTY0MTUxLDkuNTc2Mzg1IDEyLjQxMDQ1LDEyLjY3NDczNiB6IiAgICAgICAgICAgICBpZD0iU2hhZG93LTIiICAgICAgICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNzttaXgtYmxlbmQtbW9kZTpzb2Z0LWxpZ2h0O2ZpbGw6I2ZmZmZmZjtzdHJva2Utd2lkdGg6My4xNDM1MjkxOCIgICAgICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4gICAgICAgICAgPHBhdGggICAgICAgICAgICAgZD0ibSAyOC4zODEyMTcsMjcuMzEzNzUyIGMgLTAuMDAzMywtMC4xMTAyMTYgLTAuMDA0NywtMC4yMjA0MzIgLTAuMDAzNSwtMC4zMzA4NDQgMC4wODUsLTkuNDA4NjQ1IDMuOTQxMzMzLC0xOC45OTE1NTI0IDExLjY3NTk3MSwtMjMuOTA5MDM3NyAyLjg0MDU1MywtMS44MDU4OTM5IDYuMTYwMDExLC0yLjgzOTg4MjA5IDkuNTEwNTkyLC0yLjg3NjgxNzI1IDAuMDUwNTcsLTMuOTI5M2UtNCAwLjEwMzA5NCwtNS44OTRlLTQgMC4xNTM2NjksLTUuODk0ZS00IFYgMTQuOTY1MDMgYyAtMC40MTYyNjksLTAuMDA5OCAtMC44MzQ0ODQsMC4wNjA3MSAtMS4yMzIwOCwwLjIyODY4MyAtMi4xODgxMzgsMC45MjYxMyAtMy41NjcyNzQsMy4zMDA5ODIgLTQuNDMyNDkyLDUuNjczODcgLTAuNzUxMDM2LDIuMDU5NTI5IC0xLjA4MzQ2OCw0LjI3MTcxIC0xLjA4ODMzMSw2LjQ1NDQyMSBsIC0wLjAwNiwwLjI4NTY1OCBjIC0wLjAwNjgsMC4xMTExOTkgLTAuMDE1OTUsMC4yMjIwMDQgLTAuMDI3NjIsMC4zMzI0MTcgMC4wODAzNCw1LjU2Njc5NyAxLjEyNzgxOCwxMS4xNzUwNDkgMy4zMzAzNTEsMTYuMjk2NjYgMi40NjY2ODksNS43MzU5NTMgNi4zODc1OTgsMTEuMDEyNTczIDExLjkyMzU5MywxMy40MjQzNjEgNC4xNzYzMTIsMS44MTk4NDMgOC44MDU4NTEsMS4zOTA1NyAxMi41OTExODEsLTAuNzUyODQ5IDQuNjk5NTY2LC0yLjY2MTI5NiA4LjA5MDAyMywtNy4zNjcxOSAxMC4zMDk0NzksLTEyLjQyMDgyNSA0LjYxMDA4NywtMTAuNTAzMTQzIDQuNzIwOTYzLC0yMy4zMDgyNTEgMC4xMjA2MDEsLTM0LjA4NjQ0NCA0LjQ4MzY1MSwtMi4zMjIyMDAxIDQuNDczOTI1LC02Ljk1MjQ1NTUgNC40NzM5MjUsLTYuOTUyNDU1NSAwLDAgNC4xOTk2NTQsMy4wMDkyMzM4IDguOTIyNTYyLDEuMTE5ODQyOCBDIDEwMC44OTE4NywxOS4zMDE1NzIgMTAwLjc0MDE0LDM2LjY0ODMzIDk0LjEwOTAwOCw1MS4xNTkxMzYgOTAuMjMyMjU1LDU5LjY0MjYzMyA4My45Mzc2MzcsNjcuMDc0ODUzIDc1LjY5OTc4LDcwLjg5ODYyNSA2OC4zNjY0MzQsNzQuMzAzMTQzIDU5Ljc0MzQzLDc0LjM4ODIxMiA1Mi40MDQyNDgsNzEuMTkwNTcgNDUuODA5MSw2OC4zMTYxMSA0MC40NDUwNTgsNjMuMTM3MzI4IDM2LjU4NTgxMiw1Ny4xMTU1MjEgMzAuOTk2NTE4LDQ4LjM5NDEwNiAyOC4zNDk3MDUsMzcuNzc2NDI0IDI4LjMzNzg0LDI3LjMxMzc1MiBaIiAgICAgICAgICAgICBpZD0iUmlnaHQiICAgICAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlLXdpZHRoOjMuMTQzNTI5MTgiICAgICAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+ICAgICAgICA8L2c+ICAgICAgPC9nPiAgICA8L2c+ICA8L2c+PC9zdmc+);
  color: #fff !important;
  font-size: 20px;
  background-size: auto 23px;
  padding-left: 45px;
}

.mobile-menu .main-menu {
  padding: 0 10px !important;
  width: 100%;
  margin-top: 5px;
}

.mobile-menu .main-menu ul {
  display: block;
}

.mobile-menu .main-menu ul li {
  width: 100%;
  margin: 5px 0;
  text-align: left !important;
}

.mobile-menu .main-menu ul li.gethelp::before {
  display: none;
}

.mobile-menu li a {
  padding: 0 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #fff !important;
}

.mobile-menu .langs {
  float: left;
  position: absolute;
  bottom: 60px;
}

.mobile-menu li:hover > a {
  color: #2eccaa !important;
}

body.open-mobile {
  -webkit-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

body.open-mobile.light header .menu-show span {
  background: #1fa385;
}

section {
  width: 100%;
  float: left;
}

a.button,
input.button {
  background-color: #2eccaa;
  min-height: 50px;
  min-width: 180px;
  color: #fff;
  font-size: 18px;
  line-height: normal;
  border: 1px solid transparent;
  padding: 12px 25px;
  display: table;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.4px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

a.button:hover,
input.button:hover {
  background-color: #fff;
  color: #2eccaa;
  border-color: #2eccaa;
}

a.button.inline,
input.button.inline {
  display: inline-block;
  margin: 0 15px 15px;
}

a.button.right,
input.button.right {
  float: right;
}

a.button.left,
input.button.left {
  float: left;
}

a.button.border,
input.button.border {
  background: none;
  border: 1px solid #fff;
}

a.button.border.rev,
input.button.border.rev {
  background-color: #fff;
  border: 1px solid #2eccaa;
  color: #1fa385;
}

a.button.border.rev:hover,
input.button.border.rev:hover {
  background: #2eccaa;
  color: #fff;
}

.button.black {
  background-color: #2a3744;
}

.button.black:hover {
  color: #2a3744;
  background-color: #fff;
  border-color: #2a3744;
}

a.button.border:hover,
input.button.border:hover {
  color: #1fa385;
  border-color: #1fa385;
}

a.button.app:hover {
  background-color: #fff;
  color: #2eccaa;
  border-color: #2eccaa;
}

a.button.small,
input.button.small {
  padding: 7px 25px;
  min-height: 40px;
}

a.button.center,
input.button.center {
  margin: 0 auto;
}

.main-box {
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #125252;
  position: relative;
  color: #fff;
  text-align: center;
  min-height: 650px;
  background-image: url("/static/img/main-box.jpg?44fd18aa240f");
}

.main-box .box {
  width: 100%;
  font-size: 16px;
  padding-top: 250px;
}

.main-box .box h1 {
  color: #fff;
  font-size: 60px;
  font-weight: 400;
  margin: 0 0 30px;
  letter-spacing: -1px;
  line-height: 75px;
  text-align: center;
}

.main-box .box h1 strong {
  font-weight: 700;
}

.main-box .box p {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 30px;
  text-align: center;
  max-width: 820px;
  display: block;
  margin: 0 auto 40px;
}

section.content {
  padding: 80px 0;
}

section.messages + section.content {
  margin-top: 0 !important;
}

div.alert {
  font-weight: 600;
  height: 50px;
  font-size: 18px;
  line-height: 48px;
  border: 1px solid transparent;
  padding: 0 25px;
  letter-spacing: 0.4px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

div.alert.error {
  background-color: #f6664c;
  border-color: red;
  color: white;
}

div.alert.info {
  border-color: #2eccaa;
}

div.alert.success {
  border-color: #2eccaa;
}

div.alert.warning {
  border-color: red;
}

ul.errorlist {
  list-style: none;
  font-weight: 600;
  color: red;
}

div.wrap {
  width: 100%;
  float: left;
  margin-bottom: 80px;
}

section.messages div.wrap {
  margin-bottom: 0;
}

.section-title {
  color: #2a3744;
  font-size: 18px;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 23px;
  margin: 0 0 35px;
  text-transform: uppercase;
}

.section-title.bold {
  font-weight: 700;
}

.supporters {
  text-align: center;
}

.supporters img {
  margin: 0 25px 50px;
  vertical-align: middle;
}

.half {
  float: left;
  width: 50%;
}

.countries {
  background-image: url("/static/img/world-map.png?27b0ca9559b1");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 450px;
  margin-bottom: 100px;
}

.countries .half-text {
  max-width: 425px;
  margin-left: 110px;
}

.countries .countries-number {
  margin-bottom: 30px;
  font-size: 60px;
  font-weight: 200;
  letter-spacing: -1.5px;
  line-height: 44px;
  padding-top: 60px;
}

.countries .half-text h2 {
  color: #2a3744;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: -1px;
  margin-bottom: 30px;
  line-height: 44px;
}

.countries .half-text p {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 25px;
}

.countries .half-translations {
  min-height: 520px;
  float: right;
  max-width: 630px;
  border-radius: 50px;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.trans-item {
  min-height: 60px;
  width: 47.5%;
  color: #2a3744;
  display: inline-table;
  margin-left: 4%;
  margin-bottom: 4%;
  border: 1px solid #b3f0f6;
  border-radius: 30px;
  padding: 10px 25px;
}

.trans-item:nth-child(2n + 1) {
  margin-left: 0;
}

.trans-item .trans-title {
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 20px;
}

.trans-item .trans-project {
  font-size: 12px;
  letter-spacing: 0.86px;
  line-height: 15px;
  text-transform: uppercase;
  padding-left: 10px;
  white-space: pre;
  overflow: hidden;
  width: 220px;
}

.trans-item .trans-project a {
  color: #1fa385;
  font-size: 12px;
  letter-spacing: 0.86px;
  line-height: 15px;
}

.trans-bottom {
  background-image: url("/img/activity.svg");
  background-repeat: no-repeat;
  background-position: right center;
  width: 100%;
  float: left;
  padding: 5px 0;
}

.trans-number {
  color: #2a3744;
  font-size: 40px;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 44px;
  padding-left: 30px;
  margin-bottom: 5px;
}

.trans-days {
  color: #2a3744;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 23px;
  padding-left: 40px;
  text-transform: uppercase;
}

.features .f-box {
  display: inline-table;
  margin: 0 0 50px;
  width: 33%;
  padding: 0 3%;
  font-size: 20px;
}

.features .f-box .icon {
  border: 1px solid #2eccaa;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto 30px;
  position: relative;
}

.features .f-box .icon img {
  height: 50%;
  width: 50%;
  top: 25%;
  position: relative;
}

.features .f-box h3 {
  color: #1fa385;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 20px;
  letter-spacing: -0.5px;
  line-height: 33px;
}

.features .f-box p {
  line-height: 140%;
  max-width: 330px;
  margin: 0 auto;
  display: block;
}

.features .f-box a {
  color: #000;
}

.features {
  text-align: center;
}

section.pricing {
  background-color: #d5f5ee;
  padding: 80px 0;
}

section.pricing h2.section-title {
  font-size: 40px;
  letter-spacing: -0.5px;
  text-transform: none;
  margin-bottom: 65px;
}

section.pricing h2.section-title strong {
  font-weight: 700;
}

section.pricing .box {
  min-height: 520px;
  max-width: 410px;
  padding-top: 40px;
  width: 31.333%;
  float: left;
  margin-left: 3%;
  margin-bottom: 40px;
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

section.pricing .pricing-tabs,
.pricing-table-tabs-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #c0efe4;
  border-bottom: 1px solid #c0efe4;
  width: 100%;
}

section.pricing .pricing-tabs {
  text-align: center;
}

section.pricing .pricing-tabs li,
.pricing-table-tabs-menu ul li {
  line-height: 50px;
  height: 50px;
  min-width: 80px;
  cursor: pointer;
  color: #1fa385;
  padding: 0 10px;
  font-size: 18px;
  float: left;
  margin-right: 5px;
  font-weight: 600;
  text-align: center;
  border-radius: 30px;
}

section.pricing .pricing-tabs li {
  float: none;
  display: inline-block;
}

section.pricing .pricing-tabs li.current,
.pricing-table-tabs-menu ul li.current {
  color: #fff;
  background-color: #2eccaa;
}

section.pricing .tab-content,
.pricing-table-tabs .tab-content {
  display: none;
  padding-top: 10px;
}

section.pricing .tab-content.current,
.pricing-table-tabs .tab-content.current {
  display: block;
}

section.pricing .box h3 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 36px;
  margin: 0 0 5px;
  text-align: center;
}

section.pricing .box h3.green {
  color: #1fa385;
}

section.pricing .box p {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 90px;
}

section.pricing .box.box-tabs p {
  margin-bottom: 28px;
}

section.pricing .box table {
  padding: 0 40px;
  width: 100%;
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 25px;
  margin-bottom: 20px;
}

section.pricing .box table td {
  padding: 7px 0;
}

section.pricing .box table tr td:nth-child(2) {
  text-align: right;
}

section.pricing .box .box-price {
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 40px;
  text-align: center;
  width: 100%;
  min-height: 150px;
  position: relative;
  text-transform: uppercase;
}

section.pricing .box .box-price .save {
  color: #f6664c;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: none;
  display: block;
  padding-bottom: 5px;
}
section.pricing .box .box-price .period {
  display: block;
  padding-top: 10px;
  padding-bottom: -5px;
}

section.pricing .box .first .box-price strong {
  padding-top: 45px;
}
section.pricing .box .box-price strong {
  font-size: 50px;
  letter-spacing: -1px;
  text-transform: none;
  font-weight: 400;
  display: block;
}

section.pricing .box .box-price a {
  color: #1fa385;
  text-decoration: underline;
}

section.pricing .box .box-price a:hover {
  text-decoration: none;
}

section.pricing .box .half.first {
  border-right: 1px solid #2eccaa;
}

section.pricing .box:first-child {
  margin-left: 0;
}

section.pricing a.button {
  margin: 0 auto;
}

section.bottom {
  padding: 100px 0;
}

section.bottom .box {
  max-width: 630px;
  padding: 60px;
  color: #fff;
  float: left;
  width: 48.5%;
  margin-left: 3%;
  border-radius: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

section.bottom .box:first-child {
  margin-left: 0;
}

section.bottom .box.join {
  background-color: #38f;
  background-image: url("/static/img/box-join.jpg?44fd18aa240f");
}

section.bottom .box.join a {
  position: absolute;
  bottom: 40px;
}

section.bottom .box.donate {
  background-color: #f6664c;
  background-image: url("/static/img/box-donate.jpg?44fd18aa240f");
}

section.bottom .box.donate a {
  position: absolute;
  bottom: 40px;
}

section.bottom .box .title {
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 44px;
  margin-bottom: 20px;
  font-weight: 400;
}

section.bottom .box .title strong {
  font-weight: 700;
}

section.bottom .box p {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 25px;
  margin-bottom: 70px;
}

body.light .main-menu ul li a {
  color: #2a3744;
}

body.light header a.button.app {
  color: #fff;
  background: #2eccaa;
  border-color: #2eccaa;
}

body.light header a.button.app:hover {
  background-color: #2a3744;
  border-color: #2a3744;
  color: #fff;
}

body.page section.content {
  margin-top: 170px;
  padding-bottom: 0;
}

body.page section.content.no-mar {
  margin-top: 0;
}

.wrap h1,
.wrap h2.section-title {
  color: #2a3744;
  font-size: 60px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 75px;
  text-align: center;
  margin: 0 auto 60px auto;
  text-transform: none;
  max-width: 850px;
}

.wrap h2.section-title {
  font-size: 44px;
  margin-bottom: 15px;
}

.article {
  width: 48%;
  border-radius: 30px;
  margin-bottom: 60px;
  border: 2px solid transparent;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}
.discover {
  width: calc(48% - 60px);
  max-width: 570px;
  margin: 0 30px 80px 30px;
}

.article:hover {
  border-color: #2eccaa;
}

.articles {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.article.big {
  max-width: 850px;
  width: 100%;
  display: block;
  margin: 0 auto 80px;
}

.article .img {
  border-radius: 28px 28px 0 0;
  overflow: hidden;
  width: 100%;
}
.article.discover p {
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 22px;
}
.discover p.projects {
  padding-top: 10px;
}
.layered {
  display: grid;
  justify-items: center;
  align-items: center;
}

.layered > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
.discover-name {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.discover-name span {
  padding-left: 10px;
}
.discover-name img,
.discover-name span {
  vertical-align: middle;
}
.discover p.projects a.project {
  display: inline-block;
  color: #e9eaec;
  border-radius: 3px;
  background-color: #2a3744;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
  padding: 0.5px 5px;
  text-decoration: none;
  margin: 0 5px 5px 0;
}
.discover p.projects a.project:hover {
  color: #2eccaa;
}

.search-bar {
  text-align: center;
  margin: 0 auto 50px;
}
.search-bar form {
  display: inline-block;
  width: 630px;
  border: 2px solid #bfc3c7;
  border-radius: 35px;
}
.search-bar input {
  margin: 5px !important;
  display: inline-block;
  vertical-align: middle;
}
.search-bar input.button {
  margin-right: -15px !important;
}
.search-input {
  width: 400px;
  border: none;
  padding: 0 20px;
  font-size: 30px;
  letter-spacing: 0;
}
.search-input:focus {
  outline: none;
}
.search-input::placeholder {
  font-size: 30px;
  letter-spacing: 0;
  line-height: 38px;
}
.discover-add {
  font-size: 18px;
  padding: 28px 45px;
}
.article .content {
  border-radius: 30px;
  background-color: #fff;
  padding: 30px 40px 40px;
  width: 100%;
}

.article .img + .article .content {
  border-radius: 0 0 30px 30px;
}

.article .content .counts {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 22px;
  text-align: right;
}

.article .content .date {
  color: #bfc3c7;
  font-size: 12px;
  letter-spacing: 0.86px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.article .content h2 {
  letter-spacing: -1px;
  line-height: 44px;
  margin: 0 0 5px;
}

.article .content h2 a {
  color: #2a3744;
  font-size: 40px;
  font-weight: bold;
  transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  text-decoration: none;
}

.article .content,
p.article .content ul {
  color: #2a3744;
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 30px;
  transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}

.article .content a,
.article:hover h2 a,
a.link {
  color: #2eccaa;
  text-decoration: underline;
}
.article .content a.button {
  color: #fff;
  text-decoration: none;
  margin-top: 10px;
}
.article .content a.button:hover {
  color: #2eccaa;
}

.float-right {
  float: right;
}

body.page section.bottom {
  padding-top: 10px;
}

.article.big.post {
  box-shadow: none;
  border: 0;
}

.article.big.post .img {
  margin-bottom: 50px;
}

.article.big.post .img img {
  border-radius: 30px;
}

.article.big.post .content {
  margin: 0 auto;
  max-width: 640px;
  display: block;
  padding: 0;
}

.article .post-links-top {
  float: right;
  max-width: 250px;
  text-align: right;
  width: 100%;
  padding-top: 10px;
}

.article .post-links span {
  color: #2a3744;
  font-size: 16px;
  margin-right: 5px;
  position: relative;
  top: -18px;
}

.article .post-links a.icon {
  height: 50px;
  width: 50px;
  border: 1px solid white;
  border-radius: 25px;
  margin-left: 10px;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  filter: invert(62%) sepia(92%) saturate(304%) hue-rotate(117deg)
    brightness(130%) contrast(141%);
  transition: none;
  -webkit-transition: none;
}

.article .post-links a.icon:hover {
  filter: none;
  background-color: #1fa385;
  border-color: #1fa385;
}

.post-footer h2 {
  font-weight: normal;
}

.post-footer .button {
  min-width: inherit;
}

.article .author {
  float: left;
  max-width: 300px;
  width: 100%;
  color: #1d1d1b;
  font-size: 16px;
  line-height: 24px;
}

.article .author .avatar {
  float: left;
  margin-right: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-top: -5px;
}

.entry {
  color: #2a3744;
  font-size: 20px;
  float: left;
  width: 100%;
  margin-top: 40px;
}

.entry p {
  line-height: 26px;
  margin-bottom: 40px;
}

.entry img {
  margin-bottom: 40px;
}

.entry p.desc {
  font-size: 26px;
  line-height: 36px;
}

.article .content .entry h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  margin: 0 0 15px;
}

.entry blockquote {
  margin: 5px 0 40px 0;
  padding-left: 20px;
  border-left: 20px solid #f6664c;
}

.entry blockquote p {
  margin-bottom: 25px;
}

.related-posts .article {
  width: 30%;
}

.related-posts .article h2 {
  line-height: 32px;
}

.related-posts .article h2 a {
  font-size: 28px;
  color: #1fa385;
}

.related-posts {
  margin-top: 100px;
}

.related-posts .section-title {
  color: #2a3744;
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 44px;
  text-transform: none;
  font-weight: 400;
}

.page-desc {
  display: block;
  margin: 0 auto 50px;
  max-width: 850px;
  text-align: center;
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 30px;
}

.page-desc.small {
  font-size: 16px;
}

.page-desc p {
  margin-bottom: 45px;
}

.page-desc p.small {
  margin-bottom: 5px;
}

.page-desc p a {
  text-decoration: underline;
  color: #2eccaa;
}

.page-desc a:hover {
  text-decoration: none;
}

.section-title.min-m {
  margin-bottom: 40px;
}

.formats {
  background-color: #2eccaa;
  padding: 20px 0;
  text-align: center;
}

.format-item {
  height: 30px;
  padding: 0 0 0 10px;
  border-radius: 5px;
  background-color: #144d3f;
  margin: 10px 22px;
  display: inline-table;
  overflow: hidden;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.format-item span {
  font-size: 14px;
  padding: 0 12px;
  font-weight: 400;
  margin: 0 -1px 0 10px;
  line-height: 30px;
  border-radius: 0 5px 5px 0;
  display: inline-block;
  color: #fff;
  background-color: #1fa385;
}

section.about {
  padding: 100px 0 85px 0;
  text-align: center;
}

section.contact {
  padding: 0 0 100px 0;
  text-align: center;
}

section.about .section-title,
section.contact .section-title {
  font-size: 60px;
  letter-spacing: -1px;
  line-height: 75px;
  margin-bottom: 30px;
  text-transform: none;
  font-weight: 300;
}

section.about p {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 30px;
  max-width: 850px;
  display: block;
  margin: 0 auto 60px;
}

.interface {
  background-color: #2a3744;
  color: #fff;
  padding: 30px 0 0;
}

.interface .row {
  position: relative;
  max-width: 850px;
}

.interface img.photo {
  display: block;
}

.inter-title {
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 44px;
  margin-bottom: 30px;
  max-width: 300px;
}

.inter-checks {
  width: 430px;
  position: absolute;
  top: -135px;
  right: 20px;
  color: #bfc3c7;
  font-size: 26px;
  letter-spacing: -0.5px;
  line-height: 33px;
  text-align: right;
}

.inter-checks img {
  width: 200px;
}

.inter-checks .title {
  float: left;
  width: 200px;
  padding-top: 150px;
}

.inter-context {
  width: 220px;
  position: absolute;
  top: 90px;
  right: -225px;
  color: #bfc3c7;
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 24px;
}

.interface .title {
  font-size: 26px;
  letter-spacing: -0.5px;
  line-height: 33px;
  margin-bottom: 15px;
}

.inter-context p,
.inter-fluent p {
  margin-bottom: 20px;
}

.inter-context img,
.inter-fluent img,
.inter-checks img {
  border-radius: 3px;
  box-shadow: 0 0 3px 1px #ccc;
}

.inter-fluent {
  width: 490px;
  position: absolute;
  bottom: -30px;
  left: -205px;
  color: #bfc3c7;
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 24px;
}

.inter-fluent .title,
.inter-fluent p {
  width: 200px;
}

body.download {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("/static/img/download-bg.jpg?67802fa01adf");
}

body.donate {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("/static/img/donate-bg.jpg?67802fa01adf");
}

body.contribute {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("/static/img/contribute-bg.jpg?67802fa01adf");
}

body.pricing {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("/static/img/pricing-bg.jpg?67802fa01adf");
}

body.gethelp {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("/static/img/gethelp-bg.jpg?67802fa01adf");
}

body.pfeatures {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("/static/img/features-bg.jpg?67802fa01adf");
}

body.pabout {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("/static/img/about-bg.jpg?67802fa01adf");
}

.donations-cols .col {
  width: calc(33.333% - 20px);
  float: left;
  margin-left: 30px;
  border-radius: 20px;
  background-color: #ccf6fa;
  text-align: center;
  position: relative;
}

.donations-cols .col:first-child {
  margin-left: 0;
}

.donations-cols .col .title {
  padding: 30px;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 36px;
  margin-bottom: 195px;
}

.donate.page .donations-cols .col .badges {
  padding-top: 25px;
  border-top: 1px solid #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.donations-cols .col a.format-item,
.box a.format-item {
  height: 36px;
}

.donations-cols .col a.format-item span,
.box a.format-item span {
  line-height: 36px;
}

.donations-cols .col a.button {
  margin: 25px auto 40px;
  min-width: 140px;
}

.di-section {
  float: left;
  width: 100%;
  margin: 50px 0;
}

.di-section:nth-child(2n + 0) .half-content {
  padding-left: 21%;
  padding-right: 2%;
}

.di-section:nth-child(2n + 0) .half-img {
  float: right;
  text-align: right;
}

.half-img.border img {
  border-radius: 0 20px 20px 0;
}

.di-section .half-content {
  padding: 40px 0 0 2%;
}

.di-section .half-content h2 {
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 44px;
  font-weight: 400;
  margin-bottom: 25px;
}

.di-section .half-content p {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 30px;
  margin-bottom: 40px;
  max-width: 550px;
}

.di-section .half-content a.button {
  margin-left: 0;
}

.currency {
  width: 100%;
  float: left;
  border-radius: 20px;
  padding-bottom: 20px;
  background-color: #fff;
  margin-bottom: 100px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.currency .head {
  width: 100%;
  float: left;
  padding: 22px 30px;
  font-size: 28px;
  letter-spacing: -0.5px;
  line-height: 36px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e9eaec;
}

.currency .line {
  width: 100%;
  float: left;
  padding: 14px 30px;
}

.currency .line-left {
  width: 200px;
  float: left;
}

.currency .line-left a {
  color: #1fa385;
  font-size: 20px;
  text-decoration: underline;
  letter-spacing: 0.5px;
  background-repeat: no-repeat;
  background-position: left center;
}

.currency .line-left a.icon-bitcoin {
  background-image: url("/static/img/icon-bitcoin.svg?27b0ca9559b1");
}

.currency .line-left a.icon-litecoin {
  background-image: url("/static/img/icon-litecoin.svg?1aac2da75a13");
}

.currency .line-left a.icon-dash {
  background-image: url("/static/img/icon-dash.svg?27b0ca9559b1");
}

.currency .line-left a.icon-zcash {
  background-image: url("/static/img/icon-zcash.svg?27b0ca9559b1");
  background-position: 4px center;
}

.currency .line-left a.icon-ethereum {
  background-image: url("/static/img/icon-ethereum.svg?27b0ca9559b1");
  background-position: 3px center;
}

.currency .line-left a.icon-monero {
  background-image: url("/static/img/icon-monero.svg?27b0ca9559b1");
}

.currency .line-left a:hover {
  text-decoration: none;
}

.currency .line-right {
  width: calc(100% - 200px);
  float: left;
  font-size: 18px;
  word-wrap: break-word;
  letter-spacing: 0.45px;
}

.currency .line .line-left a {
  padding-left: 35px;
}

.currency .head .line-right {
  font-size: 28px;
  letter-spacing: -0.5px;
  line-height: 36px;
}

h2.section-title.crypto {
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 44px;
  text-align: center;
  margin-bottom: 30px;
  text-transform: none;
  font-weight: 400;
}

h2.section-title.bigger {
  font-size: 60px;
}

img.supporters {
  display: inline-block;
  margin: 0 15px 15px;
}

.supporters-items {
  text-align: center;
  margin-bottom: 35px;
  width: 100%;
}

body.page section.content.crypto {
  padding-bottom: 100px;
}

div.contact {
  padding: 20px 20px 30px;
  max-width: 400px;
  width: 100%;
  display: block;
  margin: 0 auto;
  letter-spacing: 0.5px;
  line-height: 22px;
}

div.contact a {
  color: #1fa385;
}

div.contact .form-line {
  border-bottom: none;
}
div.contact .form-line:last-child {
  border-top: none;
}

div.contact .form-line .line-left {
  width: calc(50% - 40px);
  text-align: right;
}

div.contact .form-line .line-right {
  width: calc(50% - 40px);
  text-align: left;
}

div.contact .form-line > div {
  font-size: 16px;
  padding: 5px;
}

.payment-form {
  max-width: 910px;
  width: 100%;
  padding: 40px 40px 60px;
  display: block;
  margin: 0 auto 50px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.payment-form .title {
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 44px;
  text-align: center;
  margin-bottom: 35px;
}

.payment-form .title.pick {
  margin-top: 60px;
  margin-bottom: 25px;
}

p.small {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  max-width: 850px;
  display: block;
  margin: 0 auto;
}

.payment-input {
  height: 70px;
  padding: 0 20px;
  outline: none;
  display: block;
  margin: 0 auto 10px;
  width: 250px;
  border: 2px solid #bfc3c7;
  border-radius: 10px;
  background-color: #fff;
  color: #000;
  font-size: 30px;
  line-height: 49px;
}

.payment-form input[type="radio"] {
  position: absolute;
  visibility: hidden;
}

.payment-form .biglabel {
  background-color: #fff;
  height: 100px;
  line-height: 100px;
  width: 190px;
  color: #1fa385;
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  display: inline-table;
  border: 1px solid #2eccaa;
  border-radius: 10px;
  margin: 15px;
}

input[type="radio"]:checked + .biglabel {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIxNy41IiAgIGhlaWdodD0iMTMuNDEiICAgdmlld0JveD0iMCAwIDE3LjUgMTMuNDEiICAgaWQ9InN2ZzQiICAgc29kaXBvZGk6ZG9jbmFtZT0iY2hlY2suc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuNCAoNWRhNjg5YzMxMywgMjAxOS0wMS0xNCkiPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGExMCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczgiIC8+ICA8c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IiAgICAgaWQ9Im5hbWVkdmlldzYiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBmaXQtbWFyZ2luLXRvcD0iMCIgICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIgICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIgICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyIgICAgIGlua3NjYXBlOmN4PSIzLjQ2NjEwMTciICAgICBpbmtzY2FwZTpjeT0iNyIgICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPiAgPHBhdGggICAgIGQ9Im0gMTcuNSwxLjQxIC0xMiwxMiBMIDAsNy45MSAxLjQxLDYuNSA1LjUsMTAuNTggMTYuMDksMCBaIiAgICAgaWQ9InBhdGgyIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmYiIC8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: center 20px;
  background-color: #1fa385;
  color: #fff;
}

.payment-form .biglabel:hover {
  background-color: #1fa385;
  color: #fff;
}

.text-muted,
.help {
  font-size: 16px;
  color: #777;
}

.pick-items {
  max-width: 450px;
  display: block;
  text-align: center;
  margin: 0 auto 40px;
}

.rewards {
  width: 100%;
  float: left;
  margin-bottom: 35px;
}

.rewards .reward {
  height: 260px;
  max-width: 380px;
  width: calc(50% - 30px);
  margin: 15px;
  float: left;
  border: 1px solid #2eccaa;
  border-radius: 20px;
  padding: 30px;
  cursor: pointer;
  position: relative;
  text-align: center;
  transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}

.rewards .reward.small {
  opacity: 0.2;
}

.rewards .reward.big {
  border-color: #ccf6fa;
  background-color: #ccf6fa;
}

.rewards .reward.checked {
  border-color: #d5f5ee;
  padding-top: 70px;
  background-color: #d5f5ee;
  transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}

.rewards .reward a.button {
  min-width: 140px;
}

.rewards .reward .before {
  display: none;
}

.rewards .reward.checked .before {
  display: block;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIxNy41IiAgIGhlaWdodD0iMTMuNDEiICAgdmlld0JveD0iMCAwIDE3LjUgMTMuNDEiICAgaWQ9InN2ZzQiICAgc29kaXBvZGk6ZG9jbmFtZT0iY2hlY2suc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuNCAoNWRhNjg5YzMxMywgMjAxOS0wMS0xNCkiPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGExMCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczgiIC8+ICA8c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IiAgICAgaWQ9Im5hbWVkdmlldzYiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBmaXQtbWFyZ2luLXRvcD0iMCIgICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIgICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIgICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyIgICAgIGlua3NjYXBlOmN4PSIzLjQ2NjEwMTciICAgICBpbmtzY2FwZTpjeT0iNyIgICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPiAgPHBhdGggICAgIGQ9Im0gMTcuNSwxLjQxIC0xMiwxMiBMIDAsNy45MSAxLjQxLDYuNSA1LjUsMTAuNTggMTYuMDksMCBaIiAgICAgaWQ9InBhdGgyIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmYiIC8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 30px center;
  height: 60px;
  width: 100%;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  line-height: 60px;
  padding-left: 60px;
  font-weight: 600;
  border-radius: 20px 20px 0 0;
  background-color: #1fa385;
  font-size: 18px;
  margin-bottom: 15px;
  color: #fff;
}

.rewards .reward.checked .choose,
.rewards .reward.small .choose {
  display: none;
}

.rewards .reward .unavailable {
  display: none;
}

.rewards .reward.small .unavailable {
  display: block;
}

.rewards .reward p {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 30px;
  text-align: center;
  margin: 20px 0;
}

.rewards .reward .title {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 36px;
  text-align: center;
  margin-bottom: 20px;
}

.rewards .reward a.close {
  height: 50px;
  width: 50px;
  background-color: #fff;
  text-align: center;
  line-height: 50px;
  font-weight: 100;
  font-size: 25px;
  color: #f00;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: none;
  margin: 0 auto;
}

.rewards .reward.checked a.close {
  display: block;
}
.nowhoa,
.whoa {
  display: none;
}

.help-cols {
  width: 100%;
  float: left;
  margin: 55px 0 0;
}

.help-cols .col {
  width: 33.333%;
  float: left;
}

.help-cols .col .icon {
  height: 160px;
  width: 160px;
  float: left;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}

.help-cols .col .icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.help-cols .col .content {
  width: calc(100% - 190px);
  float: right;
  padding-top: 20px;
  padding-right: 8%;
}

.help-cols .col .content .title {
  font-size: 26px;
  letter-spacing: -0.5px;
  line-height: 33px;
  margin-bottom: 20px;
}

.help-cols .col .content p {
  font-size: 16px;
  line-height: 24px;
}

.help-cols .col .content a {
  color: #2eccaa;
  text-decoration: underline;
}

.help-cols .col .content a:hover {
  text-decoration: none;
}

.installations .box {
  width: 48.5%;
  margin: 0 0 2% 2%;
  padding: 40px;
  min-height: 390px;
  display: inline-table;
  border-radius: 20px;
  background-color: #d5f5ee;
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 26px;
}

.installations .box:nth-child(2n + 1) {
  margin-left: 0;
}

.installations .box .icon {
  float: right;
}

.installations .box h2 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 36px;
  margin: 0 0 20px;
}

.installations .box ul {
  margin: 0 0 20px 25px;
  max-width: 380px;
  list-style: none;
  clear: left;
  padding-bottom: 32px;
}

.installations .box li::before,
.contribution-list .box ul li::before {
  content: "•";
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.installations .box li {
  margin-bottom: 5px;
}

.installations a.button.center {
  margin-top: 20px;
}

h2.section-title.payment-conditions {
  margin-top: 100px;
  color: #1fa385;
  font-size: 26px;
  margin-bottom: 15px;
}

.github-discuss a {
  color: #2eccaa;
  text-decoration: underline;
}

.github-discuss a:hover {
  text-decoration: none;
}

.payment-form input[type="text"],
.payment-form select {
  height: 50px;
  border-radius: 25px;
  background-color: #e1e3e5;
  margin-right: 20px;
  border: 0;
  font-size: 18px;
  padding: 0 25px;
  color: #000;
  outline: none;
}

.payment-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 50px;
  background-image: url("/static/img/arrow-down-black.svg?1aac2da75a13");
  background-position: calc(100% - 20px) center;
  background-repeat: no-repeat;
}

.github-discuss {
  background-image: url("/static/img/github.png?9929a3b16cc3");
  background-position: left center;
  background-repeat: no-repeat;
  min-height: 160px;
  padding-top: 58px;
  border-radius: 20px;
  background-color: #f8f9f9;
  color: #2a3744;
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 44px;
  float: left;
  width: 100%;
  padding-left: 400px;
}

.libre-hosting {
  background-image: url("/static/img/LibreGirl.png?27b0ca9559b1");
  background-position: left center;
  background-repeat: no-repeat;
  background-color: #d5f5ee;
  min-height: 200px;
  border-radius: 20px;
  float: left;
  width: 100%;
  padding: 0 30px 30px 330px;
  color: #2a3744;
  margin: 50px 0 100px 0;
}
.libre-hosting h2 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 36px;
}
.libre-hosting p {
  font-size: 20px;
  letter-spacing: 0.4px;
  line-height: 30px;
}

body.page .supporters {
  margin-bottom: 0;
}

h2.section-title.hp-style {
  color: #2a3744;
  font-size: 18px !important;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 23px;
  margin-bottom: 40px;
  text-transform: uppercase;
}

.pricing-table {
  width: 100%;
  float: left;
  margin-bottom: 100px;
}

.pricing-table-top {
  float: left;
  width: calc(100% - 480px);
  min-width: 580px;
  margin: 0 240px 0 240px;
  border-radius: 20px 20px 0 0;
  background-color: #2eccaa;
  padding: 12px;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 25px;
  text-align: center;
}

.pricing-table-left {
  width: 220px;
  float: left;
  border-radius: 20px;
  padding: 10px 50px 15px 20px;
  right: -25px;
  position: relative;
  background-color: #e9eaec;
  margin-top: 130px;
}

.pricing-table-left .line {
  height: 80px;
  position: relative;
}

.pricing-table-left .line span.middle {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.pricing-table-right {
  width: calc(100% - 220px);
  float: right;
  text-align: center;
  border-radius: 20px;
  background-color: #fff;
  color: #2a3744;
  font-size: 20px;
  position: relative;
  z-index: 100;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.pricing-table-right-inner {
  width: 100%;
  min-width: 870px;
}

.pricing-table-right .col {
  width: 20%;
  float: left;
  min-width: 145px;
  border-left: 1px solid #e8e9eb;
}

.pricing-table-right .col:nth-child(1) {
  border-left: 0;
}

.pricing-table .line {
  line-height: 125%;
  padding: 27.5px 0;
  min-height: 80px;
}

.pricing-table .head {
  line-height: 165%;
  height: 140px;
}
.pricing-table .head.blue {
  color: #3388ff;
}
.pricing-table .head.red {
  color: #f6664c;
}

.pricing-table .head strong {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -0.5px;
}

.pricing-table .line a {
  color: #2eccaa;
  letter-spacing: -0.5px;
}
.pricing-table-left .line a {
  color: #1fa385;
}
.pricing-table-left .line a:hover {
  color: #2eccaa;
}

.pricing-table a:hover {
  text-decoration: underline;
}

.pricing-table-right .col .head.regular strong {
  font-weight: 400;
}

.pricing-table-right .col span.green {
  color: #2eccaa;
}

.pricing-table-right .col span.red {
  color: #f6664c;
}

.pricing-table .pricing-table-left .line,
.pricing-table .pricing-table-left .line a {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 125%;
  word-break: break-word;
}

.pricing-table-right .col span.check {
  width: 20px;
  height: 15px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIxNy41IiAgIGhlaWdodD0iMTMuNDEiICAgdmlld0JveD0iMCAwIDE3LjUgMTMuNDEiICAgaWQ9InN2ZzQiICAgc29kaXBvZGk6ZG9jbmFtZT0iY2hlY2suc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuNCAoNWRhNjg5YzMxMywgMjAxOS0wMS0xNCkiPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGExMCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczgiIC8+ICA8c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IiAgICAgaWQ9Im5hbWVkdmlldzYiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBmaXQtbWFyZ2luLXRvcD0iMCIgICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIgICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIgICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyIgICAgIGlua3NjYXBlOmN4PSIzLjQ2NjEwMTciICAgICBpbmtzY2FwZTpjeT0iNyIgICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPiAgPHBhdGggICAgIGQ9Im0gMTcuNSwxLjQxIC0xMiwxMiBMIDAsNy45MSAxLjQxLDYuNSA1LjUsMTAuNTggMTYuMDksMCBaIiAgICAgaWQ9InBhdGgyIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgIHN0eWxlPSJmaWxsOiMyZWNjYWE7ZmlsbC1vcGFjaXR5OjEiIC8+PC9zdmc+);
}

.pricing-table-right .col span.cross {
  width: 15px;
  height: 15px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIxNCIgICBoZWlnaHQ9IjE0IiAgIHZpZXdCb3g9IjAgMCAxNCAxNCIgICBpZD0ic3ZnNCIgICBzb2RpcG9kaTpkb2NuYW1lPSJjbG9zZS5zdmciICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45Mi40ICg1ZGE2ODljMzEzLCAyMDE5LTAxLTE0KSI+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTEwIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzOCIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciICAgICBpZD0ibmFtZWR2aWV3NiIgICAgIHNob3dncmlkPSJmYWxzZSIgICAgIGZpdC1tYXJnaW4tdG9wPSIwIiAgICAgZml0LW1hcmdpbi1sZWZ0PSIwIiAgICAgZml0LW1hcmdpbi1yaWdodD0iMCIgICAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIiAgICAgaW5rc2NhcGU6em9vbT0iOS44MzMzMzMzIiAgICAgaW5rc2NhcGU6Y3g9IjEuOTY2MTAxNyIgICAgIGlua3NjYXBlOmN5PSI3IiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjE5MTIiICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNCIgLz4gIDxwYXRoICAgICBkPSJNIDE0LDEuNDEgMTIuNTksMCA3LDUuNTkgMS40MSwwIDAsMS40MSA1LjU5LDcgMCwxMi41OSAxLjQxLDE0IDcsOC40MSAxMi41OSwxNCAxNCwxMi41OSA4LjQxLDcgWiIgICAgIGlkPSJwYXRoMiIgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICBzdHlsZT0iZmlsbDojZjM2OTUwO2ZpbGwtb3BhY2l0eToxIiAvPjwvc3ZnPg==);
}

.pricing-table-right .col span.info {
  height: 15px;
  width: 15px;
  display: inline-block;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #2eccaa;
  font-size: 11px;
  line-height: 15px;
}

.pricing-table-tabs-menu {
  height: 100px;
  background-color: #e9eaec;
  width: 100%;
  padding: 25px 50px;
  float: left;
}

.pricing-table-tabs {
  float: left;
  width: 100%;
}

.pricing-table-tabs-menu ul {
  border: 1px solid #00d2e6;
  border-radius: 30px;
  width: 260px;
  background-color: #fff;
  float: left;
}

.pricing-table-tabs-menu ul li {
  width: 50%;
  margin-right: 0;
}

.pricing-table-tabs-menu .tabs-checkbox {
  margin: 15px;
  float: left;
}

.pricing-table-tabs-menu .tabs-info {
  margin-top: 15px;
}

.pricing-table-right .col .price {
  padding-bottom: 0;
}

.pricing-table-right .col .price strong {
  font-size: 50px;
  letter-spacing: -1px;
  line-height: 54px;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
}
.pricing-table-right .col .price.small {
  padding: 34px 40px;
  text-align: center;
}

.pricing-table-right .col .line.last {
  padding-top: 0 !important;
  min-height: 60px;
}

.pricing-table-right .col .line.last,
.pricing-table-right .col .line.last a {
  font-size: 16px;
}

.pricing-table-right .col a.button {
  font-size: 18px;
  min-width: 120px;
  color: #fff;
  display: block;
  margin: 0 20px;
  text-decoration: none;
}

.pricing-table-right .col a.button:hover {
  color: #2eccaa;
}

.pricing-table-right .col a.button.border.rev,
.pricing-table-right .col input.button.border.rev {
  color: #2eccaa;
}

.pricing-table-right .col a.button.border.rev:hover,
.pricing-table-right .col input.button.border.rev:hover {
  color: #fff;
}

.contribution-list .box,
.aboutus-list .box {
  width: 48.5%;
  margin: 0 0 40px 2%;
  display: inline-table;
  padding: 30px 40px 40px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.contribution-list .box:nth-child(2n + 1),
.aboutus-list .box:nth-child(2n + 1) {
  margin-left: 0;
}

.contribution-list .box h2 {
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 44px;
  margin: 0 0 20px;
  font-weight: 400;
}

.contribution-list .box ul,
.contribution-list .box p {
  margin: 0 0 35px 25px;
  padding: 0;
  list-style: none;
  padding-bottom: 40px;
}

.contribution-list .box ul li,
.contribution-list .box p {
  margin-bottom: 5px;
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 26px;
}

.contribution-list .box p {
  margin-bottom: 35px;
}

.contribution-list .box ul li a,
.contribution-list .box p a,
.box li a {
  color: #2eccaa;
  text-decoration: underline;
}

.contribution-list .box ul li a:hover,
.contribution-list .box p a:hover,
.box li a:hover {
  text-decoration: none;
}

.bottom.contribute-bottom .box {
  float: none;
  display: block;
  margin: 0 auto !important;
}

.aboutus-list {
  max-width: 1100px;
  margin: 0 auto 65px;
  display: block;
}

.aboutus-list .box {
  border-radius: 20px 20px 20px 0;
  background-color: #2eccaa;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
}

.aboutus-list .box:nth-child(4) {
  width: 38%;
  margin-right: 10%;
  top: -150px;
}

.aboutus-list .box.blue:nth-child(3) {
  width: 38%;
  margin-left: 10%;
}

.aboutus-list .box:nth-child(2) {
  top: 50px;
}

.aboutus-list .box .avatar {
  position: absolute;
  top: 15px;
  left: -95px;
}

.aboutus-list .box::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 31px 31px 0 0;
  border-color: #2eccaa transparent transparent transparent;
  position: absolute;
  bottom: -30px;
  left: 0;
  content: "";
}

.aboutus-list .box.blue::before {
  border-width: 0 31px 31px 0;
  border-color: transparent #00d2e6 transparent transparent;
  right: 0;
  left: inherit;
}

.aboutus-list .box.blue {
  background-color: #00d2e6;
  border-radius: 20px 20px 0 20px;
  display: inline-block !important;
  min-height: unset;
}

.aboutus-list .box.green {
  display: inline-block !important;
  min-height: unset;
}

.aboutus-list .box h2 {
  color: #fff;
  font-size: 28px;
  letter-spacing: -0.5px;
  font-weight: 400;
  line-height: 36px;
  margin: 10px 0 20px;
}

.aboutus-list .box h2 a {
  color: #2a3744;
  font-size: 28px;
  letter-spacing: -0.5px;
  line-height: 36px;
  text-decoration: underline;
}

.aboutus-list .box h2 a:hover {
  text-decoration: none;
}

.aboutus-list .box .date {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}

.aboutus-list .box p {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 30px;
}

.half.half-translations.history {
  border-radius: 50px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  display: block;
  padding: 20px 20px 30px;
  float: none;
  margin: 0 auto 50px;
}

.half.half-translations.history .trans-item {
  border: 1px solid #b3f0f6;
  border-radius: 30px;
  padding: 12px 30px;
  margin: 0 0 20px;
  width: 100%;
  height: auto;
  display: block;
  transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}

.half.half-translations.history .trans-item:hover {
  border: 1px solid #39cca8;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.half.half-translations.history .trans-item .trans-title {
  color: #32a688;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 0;
  transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}

.half.half-translations.history .trans-item .trans-project {
  color: #47505b;
  padding-left: 0;
  font-size: 16px;
  text-transform: none;
  line-height: 130%;
  transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  width: 100%;
  white-space: normal;
}

.half.half-translations.history .trans-item:hover .trans-project,
.half.half-translations.history .trans-item:hover .trans-title {
  color: #2eccaa;
}

.donations-info.aboutus .di-section .half-content h2 {
  margin-bottom: 10px;
  margin-top: 0;
}

.donations-info.aboutus .di-section .half-content .user-info {
  color: #2a3744;
  font-size: 12px;
  letter-spacing: 0.86px;
  text-transform: uppercase;
  line-height: 15px;
  margin-bottom: 25px;
}

.donations-info.aboutus .di-section .half-content a {
  color: #2eccaa;
  text-decoration: underline;
}

.donations-info.aboutus .di-section .half-content a:hover {
  text-decoration: none;
}

.quick-installation {
  min-height: 192px;
  width: 100%;
  float: left;
  padding: 40px 120px 0 0;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  margin: 40px 0 80px;
  background-position: left center;
  background-repeat: no-repeat;
}

.quick-installation::before {
  background-image: url("/static/img/icon-quick-installation.svg?1aac2da75a13");
  height: 192px;
  width: 192px;
  float: left;
  margin-right: 60px;
  content: "";
  border-radius: 20px 0 0 20px;
  background-color: #2eccaa;
  margin-top: -40px;
}

.quick-installation .quick-title {
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 44px;
  margin-bottom: 15px;
}

.quick-installation p {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 26px;
}

.quick-installation p a,
.donations-cols.download-cols .col li a,
.libre-hosting a,
input.link,
a.link {
  color: #2eccaa;
  text-decoration: underline;
}

.quick-installation p a:hover,
.donations-cols.download-cols .col li a:hover,
.libre-hosting a:hover,
input.link:hover,
a.link:hover {
  text-decoration: none;
}

.quick-installation a.button {
  margin-top: 30px;
}

h2.section-title.left {
  text-align: left;
}

.download-wrap {
  margin: 0 auto;
  display: block;
  max-width: 850px;
}

.download-wrap p {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 30px;
  margin-bottom: 35px;
}

.download-list {
  max-width: 590px;
  margin-bottom: 100px;
}

.download-list .file-item {
  background-image: url("/static/img/icon-download-hover.svg?1aac2da75a13");
  background-repeat: no-repeat;
  background-position: 40px center;
  width: 100%;
  border: 1px solid #b3f0f6;
  border-radius: 35px;
  padding-left: 120px;
  margin-bottom: 20px;
  position: relative;
  padding-top: 14px;
  padding-bottom: 14px;
  transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}

.download-list .file-item a {
  color: #1fa385;
  text-decoration: underline;
}

.download-list .file-item:hover a {
  color: #fff;
}

.download-list .file-item::before {
  height: calc(100% - 20px);
  width: 1px;
  background: #b3f0f6;
  position: absolute;
  top: 10px;
  left: 80px;
  content: "";
}

.download-list .file-item:hover {
  background-image: url("/static/img/icon-download.svg?1aac2da75a13");
  background-color: #2aa284;
  color: #fff;
  border: 1px solid #2aa284;
}

.download-list .file-item .name {
  color: #1fa385;
  font-size: 16px;
  margin-bottom: 6px;
  line-height: 20px;
  text-decoration: underline;
}

.download-list .file-item .info {
  font-size: 12px;
}

.download-list .file-item .info span {
  color: #1fa385;
  text-decoration: underline;
  text-transform: uppercase;
}

.download-list .file-item:hover .name,
.download-list .file-item:hover .info span {
  color: #fff;
}

.file-item .info a {
  text-transform: uppercase;
}

.download-cols {
  margin-bottom: 100px;
  float: left;
  width: 100%;
}

.download-cols .col {
  background-color: #d5f5ee;
  text-align: left;
  padding: 30px 35px;
  width: 31.5%;
}

.donations-cols.download-cols .col .title {
  padding: 0;
  border-bottom: 0;
  margin-top: 20px;
  margin-bottom: 15px;
}

.donations-cols.download-cols .col a.button {
  float: left;
  margin-bottom: 10px;
}

.donations-cols.download-cols .col .d-logo img {
  height: 60px;
}

.donations-cols.download-cols .col p {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 30px;
  margin-bottom: 15px;
}

.download-wrap p a {
  color: #2eccaa;
  text-decoration: underline;
}

.download-wrap p a:hover {
  text-decoration: none;
}

input.button.make-payment {
  height: 60px;
  min-width: 230px;
}

.form-line {
  width: calc(100% + 80px);
  border-bottom: 1px solid #e9eaec;
  margin-left: -40px;
}

.form-line:last-child {
  border-bottom: none;
  border-top: 1px solid #e9eaec;
}

.form-line > div {
  padding: 10px;
  font-size: 20px;
}

.form-line .line-left {
  width: 200px;
  float: left;
  font-weight: 600;
  margin-left: 40px;
}

.form-line .line-right {
  width: calc(100% - 280px);
  float: left;
  margin-right: 40px;
}

.payment-pick {
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
}

.payment-form .payment-pick .biglabel {
  border-color: #eaeced;
  background: #fff;
  padding-top: 80px;
  height: 130px;
  line-height: 130%;
  color: #2aa284;
  position: relative;
}

.payment-form .payment-pick .biglabel:hover,
.payment-form .payment-pick input[type="radio"]:checked + .biglabel {
  border-color: #8de1cf;
  background-color: #eaf9f6;
  color: #2aa284;
  font-weight: 600;
}

.payment-form .payment-pick .biglabel::before {
  position: absolute;
  top: 13px;
  background-size: 20px auto;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  content: "";
  height: 15px;
  background-repeat: no-repeat;
}

.payment-form .payment-pick input[type="radio"]:checked + .biglabel::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIxNy41IiAgIGhlaWdodD0iMTMuNDEiICAgdmlld0JveD0iMCAwIDE3LjUgMTMuNDEiICAgaWQ9InN2ZzQiICAgc29kaXBvZGk6ZG9jbmFtZT0iY2hlY2suc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuNCAoNWRhNjg5YzMxMywgMjAxOS0wMS0xNCkiPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGExMCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZSAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczgiIC8+ICA8c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IiAgICAgaWQ9Im5hbWVkdmlldzYiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBmaXQtbWFyZ2luLXRvcD0iMCIgICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIgICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIgICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyIgICAgIGlua3NjYXBlOmN4PSItMTguOTA2NzgiICAgICBpbmtzY2FwZTpjeT0iNyIgICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPiAgPHBhdGggICAgIGQ9Im0gMTcuNSwxLjQxIC0xMiwxMiBMIDAsNy45MSAxLjQxLDYuNSA1LjUsMTAuNTggMTYuMDksMCBaIiAgICAgaWQ9InBhdGgyIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgIHN0eWxlPSJmaWxsOiMyZGEzODU7ZmlsbC1vcGFjaXR5OjEiIC8+PC9zdmc+);
}

.payment-form .payment-pick .biglabel.pay-reject,
.payment-form .payment-pick .biglabel.pay-thepay-bitcoin {
  background-repeat: no-repeat;
  background-position: center 40%;
  background-size: 145px auto;
  background-image: url("/static/img/logo-bitcoin.svg?e44b1845eeec");
}

.payment-form .payment-pick .biglabel.pay-pay,
.payment-form .payment-pick .biglabel.pay-thepay-card {
  background-repeat: no-repeat;
  background-position: center 40%;
  background-size: 140px auto;
  background-image: url("/static/img/logo-visa.svg?27b0ca9559b1");
}

.payment-form .payment-pick .biglabel.pay-pending,
.payment-form .payment-pick .biglabel.pay-fio-bank {
  background-repeat: no-repeat;
  background-position: center 40%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIxOSIgICBoZWlnaHQ9IjIxIiAgIHZpZXdCb3g9IjAgMCAxOSAyMSIgICBpZD0ic3ZnNCIgICBzb2RpcG9kaTpkb2NuYW1lPSJiYW5rLnN2ZyIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjQgKDVkYTY4OWMzMTMsIDIwMTktMDEtMTQpIj4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhMTAiPiAgICA8cmRmOlJERj4gICAgICA8Y2M6V29yayAgICAgICAgIHJkZjphYm91dD0iIj4gICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PiAgICAgICAgPGRjOnR5cGUgICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+ICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4gICAgICA8L2NjOldvcms+ICAgIDwvcmRmOlJERj4gIDwvbWV0YWRhdGE+ICA8ZGVmcyAgICAgaWQ9ImRlZnM4IiAvPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIgICAgIGdyaWR0b2xlcmFuY2U9IjEwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAyNyIgICAgIGlkPSJuYW1lZHZpZXc2IiAgICAgc2hvd2dyaWQ9ImZhbHNlIiAgICAgZml0LW1hcmdpbi10b3A9IjAiICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiICAgICBpbmtzY2FwZTp6b29tPSI5LjgzMzMzMzMiICAgICBpbmtzY2FwZTpjeD0iNC45NjYxMDE3IiAgICAgaW5rc2NhcGU6Y3k9IjEwIiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQiIC8+ICA8cGF0aCAgICAgZD0iTSA5LjUsMCAwLDUgViA3IEggMTkgViA1IG0gLTUsNCB2IDcgaCAzIFYgOSBNIDAsMjEgSCAxOSBWIDE4IEggMCBNIDgsOSB2IDcgaCAzIFYgOSBNIDIsOSB2IDcgSCA1IFYgOSBaIiAgICAgaWQ9InBhdGgyIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgIHN0eWxlPSJmaWxsOiMyZWNjYWE7ZmlsbC1vcGFjaXR5OjEiIC8+PC9zdmc+);
}

footer {
  background-color: #144d3f;
  padding: 0 0 80px 0;
  width: 100%;
  float: left;
  color: #fff;
  font-size: 18px;
  position: relative;
}

footer::before {
  height: 60px;
  width: 100%;
  opacity: 0.2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}

footer .f-logo {
  background-image: url("/static/img/logo.svg?e44b1845eeec");
  background-repeat: no-repeat;
  background-position: center -20px;
  padding-top: 60px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 1.73px;
  line-height: 33px;
}

footer .footicons {
  width: 100%;
  float: left;
  text-align: center;
  margin: 120px 0 50px;
}

footer .footicons a.icon {
  background-repeat: no-repeat;
  background-size: auto 23px;
  background-position: center center;
  width: 30px;
  height: 25px;
  display: inline-block;
  margin: 0 6px;
  transition: none;
  -webkit-transition: none;
}

footer .footicons a.icon:hover {
  filter: invert(62%) sepia(92%) saturate(304%) hue-rotate(117deg)
    brightness(130%) contrast(141%);
  transition: none;
  -webkit-transition: none;
}

.icon-in {
  background-image: url("/static/img/icon-linkedin.svg?1aac2da75a13");
}

.icon-tw {
  background-image: url("/static/img/icon-twitter.svg?1aac2da75a13");
}

.icon-fb {
  background-image: url("/static/img/icon-facebook.svg?1aac2da75a13");
}

.icon-git {
  background-image: url("/static/img/icon-github.svg?1aac2da75a13");
}

.icon-yt {
  background-image: url("/static/img/icon-youtube.svg?1aac2da75a13");
}

.langs {
  float: right;
  position: relative;
}

.langs a {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.4px;
}

.langs a.open-langs {
  width: 100%;
  padding-right: 35px;
  display: inline-block;
  position: relative;
  z-index: 800;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 20px;
  padding-left: 15px;
  line-height: 38px;
  margin-top: 20px;
}

.langs a.open-langs::before {
  background-image: url("/static/img/arrow-down.svg?1aac2da75a13");
  background-repeat: no-repeat;
  background-position: center center;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 11px;
  right: 15px;
  content: "";
}

.langs a.open-langs:hover {
  color: #1fa385;
  background: #fff;
}

.langs a.open-langs:hover::before {
  background-image: url("/static/img/arrow-down-green.svg?1aac2da75a13");
}

.langs.opened a.open-langs::before {
  background-image: url("/static/img/arrow-down-green.svg?1aac2da75a13");
  transform: rotate(-180deg);
}

.langs.opened a.open-langs {
  color: #1fa385;
}

.langs ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 33.333%;
}

.langs ul li {
  margin: 0;
}

.langs ul li a {
  color: #1fa385 !important;
  font-size: 14px !important;
  height: 30px;
  line-height: 30px;
  font-weight: 400;
  width: 100%;
  display: block;
  padding: 0 15px;
  border-radius: 15px;
}

.langs ul li.active a {
  font-weight: 700;
}

.langs ul li a:hover {
  background-color: #c0efe4;
}

.langs-list {
  min-height: 468px;
  z-index: 555;
  min-width: 608px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: -1px;
  right: -1px;
  display: none;
  padding: 15px 15px 10px;
  transition: opacity 300ms ease-in-out;
  opacity: 0;
}
.langs-list.is-visible {
  opacity: 1;
}

.langs-list .bottom {
  color: #1fa385;
  font-size: 14px;
  width: 100%;
  padding: 13px 0 0 5px;
  float: left;
  border-top: 1px solid #c0efe4;
  margin-top: 15px;
}

.langs-list .bottom a {
  color: #1fa385;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.langs-list .bottom a:hover {
  text-decoration: none;
}

footer .main-menu {
  margin-bottom: 55px;
  text-align: left;
  width: auto;
}

.main-menu ul li a,
body.light footer .main-menu ul li a {
  color: #fff;
}

footer .main-menu ul li.gethelp::before {
  display: none;
}

footer .footer-left,
footer .footer-right,
footer .footer-center {
  width: 70%;
  float: left;
  font-size: 14px;
  color: #2eccaa;
}

footer .footer-center {
  width: 100px;
  text-align: center;
  position: absolute;
  right: calc(50% - 50px);
}

footer .footer-left a,
footer .footer-right a,
footer .footer-center a {
  color: #2eccaa;
  text-decoration: underline;
}

footer .footer-left a:hover,
footer .footer-right a:hover,
footer .footer-center a:hover {
  text-decoration: none;
}

footer .footer-right {
  width: 30%;
  text-align: right;
}

.clear {
  clear: both;
  padding: 0 !important;
}

.form-inline {
  display: inline;
}
.form-float {
  float: right;
}

.tos {
  counter-reset: tos_chapter;
}

.tos h2::before {
  counter-increment: tos_chapter;
  content: counter(tos_chapter) ". ";
}

.tos h2 {
  counter-reset: tos_paragraph;
}

.tos p.item::before {
  counter-increment: tos_paragraph;
  content: counter(tos_chapter) "." counter(tos_paragraph) ". ";
}

.tos p,
.tos dl,
.tos ul {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 26px;
}

.tos a {
  color: #2eccaa;
  text-decoration: underline;
}

.tos a:hover {
  text-decoration: none;
}

a.pagination {
  display: inline-block;
  min-width: 0;
}

a.active-page {
  background-color: #c0efe4;
}

.supporters-logo {
  max-width: 300px;
  padding: 20px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

img.supporters-avatar {
  width: 64px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.article .author .avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.img-widget {
  width: 100%;
}

.payment-form .line-right p:first-child .button.inline {
  margin-top: 0;
}

.payment-form .line-right .button.inline {
  margin-top: 7px;
}

input.fullwidth {
  width: 100%;
}
.donate-platforms {
  text-align: center;
}
.donate-platforms a {
  display: inline-block;
  padding: 0 40px;
  color: #1fa385;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 30px;
}
.donate-platforms a:hover {
  opacity: 0.8;
  text-decoration: underline;
}
.donate-platforms a img {
  vertical-align: middle;
  padding: 0 20px;
}

@media (max-width: 1550px) {
  .di-section:nth-child(2n + 0) .half-content {
    padding-left: 2%;
  }
}

@media (max-width: 1350px) {
  .main-menu ul li a {
    padding-right: 4px;
  }
}

@media (max-width: 1250px) {
  .aboutus-list .box .avatar {
    display: none;
  }

  a.button.app,
  .inter-context,
  .inter-fluent {
    display: none;
  }

  header .menu-show,
  footer .main-menu ul {
    display: block;
  }

  .countries .half-text {
    margin-left: 0;
  }

  body.page section.content {
    margin-top: 90px;
  }

  .pricing-table-tabs-menu {
    width: 100%;
  }
}

@media (max-width: 1150px) {
  .pricing-table-left {
    position: absolute;
    right: inherit;
    left: 25px;
    width: 185px;
  }

  .pricing-table-right {
    overflow: auto;
    width: calc(100% - 165px);
  }
  .pricing-table-top {
    display: none;
  }

  section.pricing .box table {
    font-size: 16px;
  }

  section.pricing .pricing-tabs li {
    min-width: inherit;
    margin-right: 0;
    padding: 0 5px;
    font-size: 16px;
  }
}

@media (max-width: 1100px) {
  .libre-hosting {
    background-image: none;
    background-color: #d5f5ee;
    padding: 0 30px 30px 30px;
  }

  .download-cols .col {
    width: 31%;
  }

  .donations-cols .col .title,
  .pricing-table .head strong {
    font-size: 24px;
  }

  .donations-cols.download-cols .col:last-child {
    width: 30%;
  }

  .pricing-table {
    margin-bottom: 70px;
  }

  .help-cols .col {
    width: 100%;
    margin: 10px 0;
  }

  .pricing-table .pricing-table-left .line,
  .pricing-table .pricing-table-left .line a,
  .pricing-table-right {
    font-size: 18px;
  }

  header .hide1100 {
    display: none !important;
  }
}

@media (max-width: 1025px) {
  section.pricing {
    display: none;
  }

  section.bottom.hp {
    padding-top: 0;
  }

  header .hide1025 {
    display: none !important;
  }
}

@media (max-width: 890px) {
  .main-box .box {
    padding-top: 150px;
  }

  .wrap h1,
  .main-box .box h1,
  section.about .section-title,
  .wrap h2.section-title,
  h2.section-title.bigger {
    font-size: 50px;
  }

  footer .main-menu,
  footer .main-menu li {
    width: 100%;
    text-align: center;
  }

  footer .main-menu li {
    margin: 10px 0;
    float: left;
  }

  footer .main-menu li a {
    padding-right: 10px;
  }

  footer .langs {
    float: none;
    display: table;
    margin: 0 auto;
  }

  footer .langs-list {
    right: 50%;
    transform: translate(50%, 0);
  }

  .inter-checks,
  .quick-installation::before {
    display: none;
  }

  .quick-installation {
    padding: 30px;
    margin-bottom: 40px;
  }

  .donations-cols .col,
  .installations .box,
  .related-posts .article,
  .article .img img {
    width: 100% !important;
    margin: 0 0 30px 0 !important;
  }

  .donations-cols .col .title {
    min-height: auto;
  }

  .download-cols,
  .download-wrap blockquote {
    margin-bottom: 40px;
  }

  .github-discuss {
    padding: 40px;
    background-image: none;
    font-size: 30px;
    min-height: inherit;
  }

  body.page section.content.crypto {
    padding-bottom: 40px;
  }

  div.wrap {
    margin-bottom: 40px;
  }

  .discover-name img {
    display: none;
  }

  .article .img img {
    height: auto;
  }

  .article .img {
    float: left;
  }

  .img-widget {
    display: none;
  }

  footer .footer-center {
    position: static;
  }

  footer .footer-center,
  footer .footer-left,
  footer .footer-right {
    width: 100%;
    text-align: center;
    max-width: 100%;
    margin-bottom: 25px;
  }

  header .hide890 {
    display: none !important;
  }

  .donate-platforms a + a {
    margin-top: 20px;
  }
}

@media (max-width: 790px) {
  .main-box {
    min-height: inherit;
    background-size: auto 100%;
    padding-bottom: 75px;
  }

  .main-menu ul {
    display: none;
  }

  .countries .half-text,
  .countries .half-translations {
    max-width: 100%;
    margin-left: 0;
  }

  .half,
  section.bottom .box {
    width: 100%;
  }

  .quick-installation a.button {
    display: none;
  }

  .countries .half-text {
    padding-bottom: 55px;
  }

  .rewards .reward .title {
    font-size: 18px;
    line-height: 24px;
  }

  .rewards .reward p {
    font-size: 16px;
  }

  section.bottom .box {
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 25px;
  }

  .currency .line-left,
  .currency .line-right {
    width: 100%;
  }

  .currency .line .line-left {
    padding-left: 0;
    margin-bottom: 10px;
  }

  .search-bar form {
    width: auto;
  }
  .search-input {
    width: 200px;
  }
}

@media (max-width: 650px) {
  .main-box .box h1,
  section.about .section-title,
  .wrap h1,
  .wrap h2.section-title {
    font-size: 40px;
    line-height: 44px;
  }

  .main-box .box p {
    font-size: 16px;
    line-height: 22px;
  }

  .wrap h2.section-title,
  .countries .countries-number,
  section.bottom .box .title,
  .contribution-list .box h2,
  h2.section-title.bigger,
  .payment-form .title {
    font-size: 34px;
  }

  .wrap.supporters,
  h2.section-title.hp-style,
  .article .post-links-top {
    display: none;
  }

  .countries {
    background-position: center top;
    background-size: 100% auto;
  }

  .countries .half-text h2 {
    font-size: 30px;
    margin-top: 0;
    line-height: 34px;
  }

  .countries .countries-number {
    padding-top: 0;
    margin-bottom: 0;
  }

  .countries .half-text p,
  section.bottom .box p {
    line-height: 22px;
    font-size: 16px;
  }

  .trans-item,
  .features .f-box,
  .contribution-list .box,
  .aboutus-list .box,
  .aboutus-list .box:nth-child(4n + 0),
  .aboutus-list .box.blue:nth-child(2n + 1),
  .article {
    width: 100%;
    margin-left: 0;
  }

  .aboutus-list .box {
    top: 0 !important;
  }

  .trans-number,
  .trans-days {
    text-align: center;
    padding-left: 0;
    font-size: 30px;
  }

  .trans-days,
  section.about p,
  .features .f-box,
  .page-desc,
  .donations-cols.download-cols .col p,
  .contribution-list .box ul li,
  .contribution-list .box p,
  .article .content p {
    font-size: 18px;
  }

  div.wrap {
    margin-bottom: 40px;
  }

  .entry p.desc {
    font-size: 22px;
  }

  .rewards .reward {
    width: 100%;
    height: inherit;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  section.bottom,
  section.content,
  section.about {
    padding: 40px 0;
  }

  section.bottom .box {
    padding: 30px;
    min-height: inherit;
  }

  .page-desc a.button {
    margin-bottom: 15px;
  }

  .payment-form .biglabel {
    width: 160px;
  }

  body.page section.content {
    margin-top: 120px;
  }

  .di-section .half-content {
    padding: 0 25px !important;
  }

  .langs-list {
    min-width: calc(100vw - 90px);
  }

  section.donations-info.aboutus .di-section .half-content {
    padding-top: 45px !important;
  }

  .download-list .file-item {
    padding-left: 75px;
    background-position: 25px center;
  }

  .download-list .file-item::before {
    left: 55px;
  }

  .countries .half-translations {
    display: none;
  }
}

@media (max-width: 550px) {
  .user-tab {
    display: none;
  }

  header .menu-show {
    top: -15px;
  }

  header {
    padding: 25px 0;
  }

  .logo a {
    line-height: 25px;
    height: 25px;
    padding-left: 45px;
    font-size: 20px;
  }

  .langs ul li a {
    font-size: 12px !important;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 11px;
  }

  .langs-list .bottom a {
    font-size: 12px;
  }

  .payment-form .biglabel {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 340px) {
  .download-list .file-item .name {
    font-size: 14px;
  }

  .download-list .file-item .info {
    font-size: 10px;
  }
}

/* About Us Weblate Team CSS */

.content-p {
  width: 69%;
  display: inline-block;
  padding-left: 10px;
  text-align: left;
}

.content-p p {
  font-weight: bold;
  text-transform: uppercase;
}

.weblate-team-content img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: relative;
  top: -15px;
}

.weblate-team-content {
  display: table-cell;
  padding-bottom: 90px;
  padding-top: 20px;
}

.weblate-team {
  display: table;
  width: 78%;
  margin: 0 auto;
}

@media (max-width: 1250px) {
  .content-p {
    width: 58%;
  }
}

@media (max-width: 889px) {
  .content-p {
    width: 65%;
  }

  .weblate-team-content img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    top: -28px;
  }

  .weblate-team {
    width: 90%;
  }
}

@media (max-width: 790px) {
  .content-p {
    width: 100%;
    display: unset !important;
    text-align: center;
  }

  .weblate-team-content {
    text-align: center;
  }
}

/* Flex property for boxes */

.flex {
  display: flex;
}

/* Box display flow root property */

.box {
  display: flow-root !important;
  position: relative;
}

/* Box bottom left and right button custom position */

.bottom-left {
  position: absolute;
  bottom: 40px;
}

.bottom-right {
  position: absolute;
  bottom: 40px;
  right: 40px;
}

/* Media Queries for responsiveness */

@media screen and (max-width: 891px) {
  .flex {
    display: unset;
  }
}

@media screen and (max-width: 550px) {
  .bottom-right {
    position: unset;
    bottom: unset;
    right: unset;
  }

  .installations .box ul,
  .mailing .box ul {
    padding-bottom: unset;
  }

  .bottom-left {
    position: unset;
    bottom: unset;
  }
}

@media screen and (max-width: 650px) {
  section.bottom .box p {
    margin-bottom: 100px;
  }

  section.bottom .box.donate a {
    bottom: 30px;
  }

  section.bottom .box.join a {
    bottom: 30px;
  }
}

@media screen and (max-width: 1030px) and (min-width: 892px) {
  .installations .box ul,
  .mailing .box ul {
    padding-bottom: 50px;
  }

  .bottom-left {
    bottom: 60px;
  }

  .bottom-right {
    bottom: 12px;
  }
}

/* Services CSS */

/* Services CSS (Button Sizes) */

.button-med-140 {
  min-width: 140px !important;
  min-height: 50px !important;
}

.button-med-120 {
  min-width: 120px !important;
  min-height: 50px !important;
}

.med2 {
  display: none;
}

.button-med-100 {
  min-width: 100px !important;
  min-height: 50px !important;
}
.button-med-150 {
  min-width: 150px !important;
  min-height: 50px !important;
}

.button-med-170 {
  min-width: 170px !important;
  min-height: 50px !important;
}

/* Services CSS (More Weblate Grid) */

.inner-grid {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-column-gap: 0px;
  grid-row-gap: 25px;
}

.grid-item2 p {
  color: #2e344b;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 30px;
}

.grid-item2 t {
  color: #2e354a;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 10px;
}

.grid-item1 {
  padding-top: 5px;
}

.grid-item2 {
  padding-left: 15px;
}

.grid-item3 {
  padding-top: 5px;
}

/* Services CSS (Inputs and placeholders) */

.grey-input {
  height: 50px;
  border-radius: 5px 5px 0 0;
  background-color: #e9eaec;
  border-bottom: 2px solid #c4c6cb;
  border-top: none;
  border-right: none;
  border-left: none;
  padding: 13px 5px;
}

.grey-input[type="email"] {
  width: 70%;
}

::placeholder {
  color: #bfc3c7;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 23px;
  padding-left: 10px;
}

input.fullwidth {
  box-sizing: border-box;
  height: 50px;
  width: 100%;
  border: 2px solid #bfc3c7;
  border-radius: 5px;
}

/* Services CSS (Users section) */

.user-slot {
  height: 60px;
  width: 330px;
  border: 1px solid #00d2e6;
  border-radius: 30px;
  margin-bottom: 10px;
  opacity: 0.8;
  position: relative;
}

.user-slot-content p {
  color: #1fa385;
  font-size: 14px;
  letter-spacing: 0.86px;
  line-height: 0px !important;
  padding-bottom: 3px;
}

.user-slot-content t {
  color: #2a3744;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 0px !important;
}

.user-img {
  position: relative;
  top: -14px;
  left: 288px;
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
}
button.user-img {
  cursor: pointer;
}

.user-slot-content {
  position: relative;
  top: 19px;
  left: 30px;
}

/* Services CSS (Payments Section) */

.payment-listing {
  border-bottom: 1px solid #e9eaec;
}

.payment-listing:last-child {
  border-bottom: none;
}

/* Services CSS (Services) */

.service-variant {
  display: flex;
  justify-content: space-between;
  height: 120px;
  align-items: center;
}
.service-variant p {
  color: #2b3646;
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 44px;
  padding-left: 40px;
  padding-top: 10px;
}

.service-time {
  display: grid;
  text-align: center;
  padding-top: 20px;
  padding-right: 40px;
  color: #bfc3c7;
  font-size: 17px;
}

/* Services CSS (Custom paddings, styles and margins) */

.bdr-btm {
  border-bottom: none !important;
}

.style {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pt-pb {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.p-top {
  padding-top: 22px !important;
}

.service-text-formatting.form-line:last-child {
  border-top: none;
}

.service-text-formatting > div {
  font-size: 18px !important;
  line-height: 30px !important;
  color: #2c3548;
  padding-top: 15x;
  padding-bottom: 20px;
}

.user-text-formatting t {
  font-size: 16px;
  line-height: 30px;
  padding-left: 21px;
  font-weight: 600;
  letter-spacing: 0;
}

.pl-1 {
  font-size: 16px;
  padding-left: 20px;
}

/* Services CSS (Days check color) */

.grey {
  color: #bfc3c7 !important;
  font-size: 16px;
}

.orange {
  color: #f6664c !important;
  font-size: 16px;
}

/* For change in font size of payments */
.payments-table {
  font-size: 16px;
  width: 100%;
}

.payments-table .description {
  font-size: 18px;
}

a.invoice-link {
  text-decoration: none;
}

a.invoice-link img {
  padding-left: 15px;
  vertical-align: middle;
}

/* User.html CSS */

/* User.html CSS(Donation Box) */

.payment-form-donationbox {
  height: 100px;
  width: 100%;
  max-width: 530px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.payment-form-donationbox a {
  min-width: 0px;
}

.line-right-donationbox {
  font-size: 18px;
  padding-right: 30px;
}

/* User.html CSS(Line-left and Line-Right Custom Variants) */

.get-reward-left-line {
  display: flex;
  font-size: 40px !important;
  letter-spacing: -1px;
  line-height: 44px;
  width: unset !important;
  justify-content: space-between;
  font-weight: unset !important;
  color: #2c3647;
}

.donation-left-line {
  display: flex;
  justify-content: space-between;
  border: none;
  margin-bottom: 20px;
}

.reward-line-right {
  color: #3f85ff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 23px;
  margin-top: 17px;
  margin-right: 40px;
}

.inner-content {
  display: flex;
}

.inner-content-child-width {
  width: 77.84%;
}

.inner-content-child-width-auto {
  width: auto;
}

.inner-content-child-width-auto img {
  max-height: 267px;
  max-width: 192px;
  float: right;
}

/* User.html CSS(Custom Styles and Custom Margin and Paddings) */

.payment-padding {
  padding-bottom: 0px !important;
}

.user-text-formatting > div {
  font-size: 18px !important;
  line-height: 30px !important;
  color: #2c3548;
  padding-top: 15x;
  padding-bottom: 20px;
}

.user-text-formatting-donation span {
  font-weight: bold;
}

.custom-gradient {
  height: 20px;
  background: linear-gradient(180deg, #e9eaec -45%, #ffffff 100%);
  border: none;
}

.subscription-note {
  font-size: 16px;
  color: #bfc3c7;
}

.subscription-note span {
  color: #2c3548 !important;
}

.user-text-formatting-payment t {
  font-size: 18px;
  line-height: 30px;
  padding-left: 0px !important;
  padding-right: 55px;
  font-weight: 400 !important;
  letter-spacing: 0;
}

.user-text-formatting-payment {
  height: 86px;
}

/* User.html CSS(Payments section updated) */

.payment-updated {
  display: flow-root;
}
