/* Draai gem install autoprefixer-rails in de console om autoprefixing te activeren!!!!! */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1,
.projects__header--main h2,
.projects__header--main .banner__left .subtitle,
.banner__left .projects__header--main .subtitle,
.projects__header--main .banner__accent p,
.banner__accent .projects__header--main p,
.projects__header--main .banner__accent .pop-up__content ul li,
.banner__accent .pop-up__content ul .projects__header--main li,
.projects__header--main .pop-up__content ul .banner__accent li,
.pop-up__content ul .banner__accent .projects__header--main li,
.projects__header--main .banner__accent .pop-up__content ol li,
.banner__accent .pop-up__content ol .projects__header--main li,
.projects__header--main .pop-up__content ol .banner__accent li,
.pop-up__content ol .banner__accent .projects__header--main li,
.text h2,
.text .banner__left .subtitle,
.banner__left .text .subtitle,
.text .banner__accent p,
.banner__accent .text p,
.text .banner__accent .pop-up__content ul li,
.banner__accent .pop-up__content ul .text li,
.text .pop-up__content ul .banner__accent li,
.pop-up__content ul .banner__accent .text li,
.text .banner__accent .pop-up__content ol li,
.banner__accent .pop-up__content ol .text li,
.text .pop-up__content ol .banner__accent li,
.pop-up__content ol .banner__accent .text li, h2, .banner__left .subtitle, .banner__accent p, .banner__accent .pop-up__content ul li, .pop-up__content ul .banner__accent li, .banner__accent .pop-up__content ol li, .pop-up__content ol .banner__accent li, h3, h4, h5, h6, p, .pop-up__content ul li, .pop-up__content ol li, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

:focus {
  outline: 0; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

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

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%; }

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

[hidden] {
  display: none; }

html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  outline: 0; }

img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

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

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html,
button,
input,
select,
textarea {
  color: #222; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

@font-face {
  font-family: 'BioSans';
  src: url("assets/fonts/biosans.woff2") format("woff2"), url("assets/fonts/biosans.woff") format("woff"), url("assets/fonts/biosans.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'BioSans Light';
  src: url("assets/fonts/biosans-light.woff2") format("woff2"), url("assets/fonts/biosans-light.woff") format("woff"), url("assets/fonts/biosans-light.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'BioSans SemiBold';
  src: url("assets/fonts/biosans-semibold.woff2") format("woff2"), url("assets/fonts/biosans-semibold.woff") format("woff"), url("assets/fonts/biosans-semibold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'BioSans Bold';
  src: url("assets/fonts/biosans-bold.woff2") format("woff2"), url("assets/fonts/biosans-bold.woff") format("woff"), url("assets/fonts/biosans-bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
body {
  font-family: "BioSans Light", sans-serif;
  font-size: 16px;
  color: #272A29; }

h1, .projects__header--main h2, .projects__header--main .banner__left .subtitle, .banner__left .projects__header--main .subtitle, .projects__header--main .banner__accent p, .banner__accent .projects__header--main p, .projects__header--main .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .projects__header--main li, .projects__header--main .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .projects__header--main li, .projects__header--main .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .projects__header--main li, .projects__header--main .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .projects__header--main li, .text h2, .text .banner__left .subtitle, .banner__left .text .subtitle, .text .banner__accent p, .banner__accent .text p, .text .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .text li, .text .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .text li, .text .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .text li, .text .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .text li,
h2,
.banner__left .subtitle,
.banner__accent p,
.banner__accent .pop-up__content ul li,
.pop-up__content ul .banner__accent li,
.banner__accent .pop-up__content ol li,
.pop-up__content ol .banner__accent li,
h3,
h4,
h5,
h6 {
  font-family: "BioSans Bold", sans-serif;
  text-transform: uppercase;
  margin: 0; }

h1, .projects__header--main h2, .projects__header--main .banner__left .subtitle, .banner__left .projects__header--main .subtitle, .projects__header--main .banner__accent p, .banner__accent .projects__header--main p, .projects__header--main .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .projects__header--main li, .projects__header--main .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .projects__header--main li, .projects__header--main .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .projects__header--main li, .projects__header--main .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .projects__header--main li, .text h2, .text .banner__left .subtitle, .banner__left .text .subtitle, .text .banner__accent p, .banner__accent .text p, .text .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .text li, .text .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .text li, .text .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .text li, .text .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .text li {
  font-size: 48px;
  line-height: 44px; }
  @media (min-width: 992px) {
    h1, .projects__header--main h2, .projects__header--main .banner__left .subtitle, .banner__left .projects__header--main .subtitle, .projects__header--main .banner__accent p, .banner__accent .projects__header--main p, .projects__header--main .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .projects__header--main li, .projects__header--main .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .projects__header--main li, .projects__header--main .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .projects__header--main li, .projects__header--main .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .projects__header--main li, .text h2, .text .banner__left .subtitle, .banner__left .text .subtitle, .text .banner__accent p, .banner__accent .text p, .text .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .text li, .text .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .text li, .text .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .text li, .text .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .text li {
      font-size: 96px;
      line-height: 74px; } }
  @media (min-width: 1200px) {
    h1, .projects__header--main h2, .projects__header--main .banner__left .subtitle, .banner__left .projects__header--main .subtitle, .projects__header--main .banner__accent p, .banner__accent .projects__header--main p, .projects__header--main .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .projects__header--main li, .projects__header--main .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .projects__header--main li, .projects__header--main .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .projects__header--main li, .projects__header--main .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .projects__header--main li, .text h2, .text .banner__left .subtitle, .banner__left .text .subtitle, .text .banner__accent p, .banner__accent .text p, .text .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .text li, .text .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .text li, .text .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .text li, .text .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .text li {
      font-size: 112px;
      line-height: 96px; } }

h2, .banner__left .subtitle, .banner__accent p, .banner__accent .pop-up__content ul li, .pop-up__content ul .banner__accent li, .banner__accent .pop-up__content ol li, .pop-up__content ol .banner__accent li {
  font-size: 24px;
  line-height: 26px; }
  @media (min-width: 992px) {
    h2, .banner__left .subtitle, .banner__accent p, .banner__accent .pop-up__content ul li, .pop-up__content ul .banner__accent li, .banner__accent .pop-up__content ol li, .pop-up__content ol .banner__accent li {
      font-size: 48px;
      line-height: 52px; } }

h3 {
  font-size: 16px;
  line-height: 20px; }
  @media (min-width: 992px) {
    h3 {
      font-size: 24px;
      line-height: 28px; } }

p, .pop-up__content ul li, .pop-up__content ol li {
  font-size: 14px;
  line-height: 22px; }
  @media (min-width: 992px) {
    p, .pop-up__content ul li, .pop-up__content ol li {
      font-size: 16px;
      line-height: 24px; } }

i,
em {
  font-style: italic; }

b,
strong {
  font-family: "BioSans Bold", sans-serif; }

img {
  height: auto;
  max-width: 100%; }

a {
  color: #4FBC9E;
  text-decoration: none; }
  a:hover, a:focus {
    color: #4FBC9E;
    text-decoration: underline;
    outline: 0; }

ul,
ol {
  list-style-position: inside; }

textarea {
  max-width: 100%;
  min-width: 100%; }

.page {
  background-color: #F5F5F5; }

.wave {
  width: 100%; }

@media (max-width: 991px) {
  .container {
    padding-left: 35px;
    padding-right: 35px; } }

.banner {
  position: relative;
  background-color: #FFFFFF;
  box-shadow: 2px 2px 50px rgba(39, 42, 41, 0.1);
  margin-top: 70px; }
  @media (min-width: 992px) {
    .banner {
      margin-top: 55px; } }
  .banner__top {
    position: relative;
    z-index: 1; }
  .banner__left {
    position: relative;
    z-index: 2;
    margin-top: -30px;
    padding: 0 40px; }
    @media (min-width: 768px) {
      .banner__left {
        margin-top: 125px;
        padding: 0; } }
    .banner__left h1, .banner__left .projects__header--main h2, .projects__header--main .banner__left h2, .projects__header--main .banner__left .subtitle, .banner__left .projects__header--main .subtitle, .banner__left .projects__header--main .banner__accent p, .projects__header--main .banner__accent .banner__left p, .banner__left .banner__accent .projects__header--main p, .banner__accent .projects__header--main .banner__left p, .banner__left .projects__header--main .banner__accent .pop-up__content ul li, .projects__header--main .banner__accent .pop-up__content ul .banner__left li, .banner__left .banner__accent .pop-up__content ul .projects__header--main li, .banner__accent .pop-up__content ul .projects__header--main .banner__left li, .banner__left .projects__header--main .pop-up__content ul .banner__accent li, .projects__header--main .pop-up__content ul .banner__accent .banner__left li, .banner__left .pop-up__content ul .banner__accent .projects__header--main li, .pop-up__content ul .banner__accent .projects__header--main .banner__left li, .banner__left .projects__header--main .banner__accent .pop-up__content ol li, .projects__header--main .banner__accent .pop-up__content ol .banner__left li, .banner__left .banner__accent .pop-up__content ol .projects__header--main li, .banner__accent .pop-up__content ol .projects__header--main .banner__left li, .banner__left .projects__header--main .pop-up__content ol .banner__accent li, .projects__header--main .pop-up__content ol .banner__accent .banner__left li, .banner__left .pop-up__content ol .banner__accent .projects__header--main li, .pop-up__content ol .banner__accent .projects__header--main .banner__left li, .banner__left .text h2, .text .banner__left h2, .text .banner__left .subtitle, .banner__left .text .subtitle, .banner__left .text .banner__accent p, .text .banner__accent .banner__left p, .banner__left .banner__accent .text p, .banner__accent .text .banner__left p, .banner__left .text .banner__accent .pop-up__content ul li, .text .banner__accent .pop-up__content ul .banner__left li, .banner__left .banner__accent .pop-up__content ul .text li, .banner__accent .pop-up__content ul .text .banner__left li, .banner__left .text .pop-up__content ul .banner__accent li, .text .pop-up__content ul .banner__accent .banner__left li, .banner__left .pop-up__content ul .banner__accent .text li, .pop-up__content ul .banner__accent .text .banner__left li, .banner__left .text .banner__accent .pop-up__content ol li, .text .banner__accent .pop-up__content ol .banner__left li, .banner__left .banner__accent .pop-up__content ol .text li, .banner__accent .pop-up__content ol .text .banner__left li, .banner__left .text .pop-up__content ol .banner__accent li, .text .pop-up__content ol .banner__accent .banner__left li, .banner__left .pop-up__content ol .banner__accent .text li, .pop-up__content ol .banner__accent .text .banner__left li {
      max-width: 130px; }
    .banner__left .subtitle {
      margin: 10px 0 20px; }
      @media (min-width: 992px) {
        .banner__left .subtitle {
          margin: 25px 0 40px; } }
    .banner__left .btn, .banner__left form .gform_footer input[type=submit], form .gform_footer .banner__left input[type=submit] {
      text-transform: uppercase;
      font-size: 14px;
      padding: 8px 10px; }
      @media (min-width: 992px) {
        .banner__left .btn, .banner__left form .gform_footer input[type=submit], form .gform_footer .banner__left input[type=submit] {
          padding: 11px 20px;
          font-size: 24px;
          line-height: 28px; } }
  .banner__right {
    margin-left: 25%; }
    @media (min-width: 768px) {
      .banner__right {
        margin-left: -20px; } }
    .banner__right .banner__image {
      position: relative;
      min-height: 270px;
      max-width: 100%;
      overflow: hidden; }
      @media (min-width: 600px) {
        .banner__right .banner__image {
          min-height: 340px; } }
      @media (min-width: 992px) {
        .banner__right .banner__image {
          min-height: 400px; } }
      @media (min-width: 1200px) {
        .banner__right .banner__image {
          min-height: 490px; } }
      .banner__right .banner__image img {
        position: absolute;
        top: 0;
        bottom: 0;
        height: 100%;
        width: auto;
        object-fit: cover; }
  .banner__box {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 220px;
    height: 220px;
    background-color: #4FBC9E;
    border-radius: 20px; }
    @media (min-width: 768px) {
      .banner__box {
        top: -30px;
        right: -30px;
        width: 280px;
        height: 280px; } }
    @media (min-width: 992px) {
      .banner__box {
        width: 381px;
        height: 381px; } }
    @media (min-width: 1200px) {
      .banner__box {
        top: -60px;
        right: -60px;
        width: 460px;
        height: 460px; } }
  .banner__accent {
    position: absolute;
    top: 0;
    right: 15px;
    width: 200px;
    padding: 61px 26px;
    background-color: rgba(79, 188, 158, 0.5); }
    @media (min-width: 768px) {
      .banner__accent {
        width: 250px;
        padding: 86px 40px; } }
    @media (min-width: 992px) {
      .banner__accent {
        padding: 97px 40px;
        width: 62%;
        right: 15px; } }
    @media (min-width: 1200px) {
      .banner__accent {
        padding: 122px 65px;
        width: 58.6%; } }
    .banner__accent p, .banner__accent .pop-up__content ul li, .pop-up__content ul .banner__accent li, .banner__accent .pop-up__content ol li, .pop-up__content ol .banner__accent li {
      color: #FFFFFF; }
  .banner__about {
    padding: 80px 40px; }
    @media (min-width: 768px) {
      .banner__about {
        padding: 80px 0; } }
    .banner__about h3 {
      margin-bottom: 30px; }
    .banner__about p, .banner__about .pop-up__content ul li, .pop-up__content ul .banner__about li, .banner__about .pop-up__content ol li, .pop-up__content ol .banner__about li {
      margin-bottom: 20px; }
      @media (min-width: 992px) {
        .banner__about p, .banner__about .pop-up__content ul li, .pop-up__content ul .banner__about li, .banner__about .pop-up__content ol li, .pop-up__content ol .banner__about li {
          margin-bottom: 25px; } }

.btn, form .gform_footer input[type=submit] {
  display: inline-block;
  font-family: "BioSans Bold", sans-serif;
  padding: 11px 20px;
  border-radius: 10px;
  font-size: 24px; }
  .btn--primary, form .gform_footer input[type=submit] {
    background-color: #4FBC9E;
    color: #FFFFFF; }
    .btn--primary:hover, form .gform_footer input[type=submit]:hover, .btn--primary:focus, form .gform_footer input[type=submit]:focus {
      background-color: #43af91;
      color: #FFFFFF;
      text-decoration: none; }
  .btn--small {
    font-family: "BioSans Bold", sans-serif;
    font-size: 16px;
    line-height: 16px;
    padding: 11px 15px;
    border-radius: 10px; }
  .btn--secondary {
    background-color: #272A29;
    color: #FFFFFF; }
    .btn--secondary:hover, .btn--secondary:focus {
      background-color: #464949;
      color: #FFFFFF;
      text-decoration: none; }
  .btn--toggle {
    position: relative;
    float: right;
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 10px;
    background-color: #ebebeb;
    cursor: pointer; }
    @media (min-width: 992px) {
      .btn--toggle {
        width: 40px;
        height: 40px; } }
    .btn--toggle img {
      position: absolute;
      width: 40%;
      height: 40%;
      top: 30%;
      left: 30%; }
    .btn--toggle.toggled img {
      transform: rotate(180deg); }
  .btn--social {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #464949; }
    .btn--social img {
      position: absolute;
      width: 40%;
      height: 40%;
      top: 30%;
      left: 30%; }
    .btn--social:hover, .btn--social:focus {
      background-color: #4FBC9E; }

.donation {
  position: relative;
  background-color: #4FBC9E; }
  .donation .wave {
    margin-top: -26px; }
    @media (min-width: 768px) {
      .donation .wave {
        margin-top: -30px; } }
    @media (min-width: 992px) {
      .donation .wave {
        margin-top: -45px; } }
    @media (min-width: 1200px) {
      .donation .wave {
        margin-top: -55px; } }
  .donation__text, .donation__form {
    margin: 0; }
    @media (min-width: 992px) {
      .donation__text, .donation__form {
        margin-top: 80px; } }
  .donation__text {
    padding-right: 40%;
    margin-top: 100px;
    margin-bottom: 80px; }
    @media (min-width: 992px) {
      .donation__text {
        margin-top: 60px;
        margin-bottom: 140px; } }
    @media (min-width: 1200px) {
      .donation__text {
        padding-right: 50px;
        margin-bottom: 140px; } }
    .donation__text h2, .donation__text .banner__left .subtitle, .banner__left .donation__text .subtitle, .donation__text .banner__accent p, .banner__accent .donation__text p, .donation__text .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .donation__text li, .donation__text .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .donation__text li, .donation__text .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .donation__text li, .donation__text .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .donation__text li {
      margin-bottom: 60px; }
      @media (min-width: 992px) {
        .donation__text h2, .donation__text .banner__left .subtitle, .banner__left .donation__text .subtitle, .donation__text .banner__accent p, .banner__accent .donation__text p, .donation__text .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .donation__text li, .donation__text .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .donation__text li, .donation__text .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .donation__text li, .donation__text .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .donation__text li {
          padding-top: 60px;
          margin-bottom: 80px; } }
    .donation__text h2, .donation__text .banner__left .subtitle, .banner__left .donation__text .subtitle, .donation__text .banner__accent p, .banner__accent .donation__text p, .donation__text .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .donation__text li, .donation__text .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .donation__text li, .donation__text .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .donation__text li, .donation__text .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .donation__text li,
    .donation__text p,
    .donation__text .pop-up__content ul li,
    .pop-up__content ul .donation__text li,
    .donation__text .pop-up__content ol li,
    .pop-up__content ol .donation__text li,
    .donation__text ol,
    .donation__text ul {
      color: #FFFFFF; }
    .donation__text ul li {
      position: relative;
      margin-bottom: 15px;
      padding-left: 30px; }
      .donation__text ul li:before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        margin: 2px;
        width: 16px;
        height: 16px;
        background: url("assets/img/icon-check.svg") no-repeat center; }
  .donation .col-md-7 {
    position: relative; }
  .donation__form {
    background-color: #FFFFFF;
    padding: 60px 40px;
    box-shadow: 2px 2px 50px rgba(39, 42, 41, 0.1);
    margin-bottom: -200px; }
    @media (min-width: 992px) {
      .donation__form {
        position: absolute;
        padding: 60px;
        left: 15px;
        right: 15px; } }
    @media (min-width: 1200px) {
      .donation__form {
        padding: 60px 100px; } }
    .donation__form .show-privacy {
      position: absolute;
      font-family: "BioSans", sans-serif;
      right: 60px;
      bottom: 70px;
      text-decoration: underline;
      cursor: pointer; }
      .donation__form .show-privacy:hover, .donation__form .show-privacy:focus {
        color: #4FBC9E; }
      @media (min-width: 992px) {
        .donation__form .show-privacy {
          right: 60px;
          bottom: 80px; } }
      @media (min-width: 1200px) {
        .donation__form .show-privacy {
          right: 100px; } }
  .donation__textblock {
    background-color: #FFFFFF;
    padding: 60px 40px;
    box-shadow: 2px 2px 50px rgba(39, 42, 41, 0.1);
    margin-bottom: 100px; }
    @media (min-width: 992px) {
      .donation__textblock {
        position: absolute;
        padding: 60px;
        left: 15px;
        right: 15px;
        margin-top: 120px; } }
    @media (min-width: 1200px) {
      .donation__textblock {
        padding: 60px 100px; } }
    .donation__textblock article {
      line-height: 31px; }
      .donation__textblock article p, .donation__textblock article .pop-up__content ul li, .pop-up__content ul .donation__textblock article li, .donation__textblock article .pop-up__content ol li, .pop-up__content ol .donation__textblock article li {
        margin-top: 10px; }
        .donation__textblock article p:first-of-type, .donation__textblock article .pop-up__content ul li:first-of-type, .pop-up__content ul .donation__textblock article li:first-of-type, .donation__textblock article .pop-up__content ol li:first-of-type, .pop-up__content ol .donation__textblock article li:first-of-type {
          margin-top: 0; }

.project__gallery li {
  width: 100%; }
  .project__gallery li img {
    width: 100%; }
.project__gallery .flickity-button {
  border-radius: 10px;
  background-color: rgba(39, 42, 41, 0.25);
  width: 30px;
  height: 30px;
  padding: 0; }
  @media (min-width: 992px) {
    .project__gallery .flickity-button {
      width: 40px;
      height: 40px; } }
  .project__gallery .flickity-button svg {
    width: 40%;
    height: 40%;
    top: 30%;
    left: 30%;
    fill: #FFFFFF; }
  .project__gallery .flickity-button:hover, .project__gallery .flickity-button:focus {
    background-color: rgba(39, 42, 41, 0.5); }
.project__gallery .flickity-page-dots {
  bottom: 20px; }
  .project__gallery .flickity-page-dots .dot {
    background-color: #FFFFFF;
    opacity: 1;
    width: 12px;
    height: 12px;
    margin: 0 5px; }
    .project__gallery .flickity-page-dots .dot.is-selected {
      background-color: #4FBC9E; }

form .gform_heading {
  margin-bottom: 40px; }
form .gfield {
  display: block;
  width: 100%; }
  form .gfield input[type=text],
  form .gfield input[type=email] {
    width: 100%;
    margin-bottom: 15px; }
  form .gfield.firstname {
    width: calc(60% - 15px);
    float: left;
    margin-right: 15px; }
    @media (min-width: 992px) {
      form .gfield.firstname {
        width: calc(30% - 15px); } }
  form .gfield.middlename {
    width: 40%;
    float: left; }
    @media (min-width: 992px) {
      form .gfield.middlename {
        width: 20%;
        margin-right: 15px; } }
  @media (min-width: 992px) {
    form .gfield.lastname {
      width: calc(50% - 15px);
      float: left; } }
  form .gfield .gfield_label {
    display: none; }
  form .gfield.gfield_product_1_1 {
    display: none; }
  form .gfield.gfield_html {
    margin-top: 15px;
    margin-bottom: 15px;
    color: #828584;
    font-family: "BioSans", sans-serif; }
    form .gfield.gfield_html strong {
      font-family: "BioSans Bold", sans-serif;
      color: #272A29; }
  form .gfield ul.gfield_checkbox,
  form .gfield ul.gfield_radio {
    list-style-type: none; }
    form .gfield ul.gfield_checkbox li,
    form .gfield ul.gfield_radio li {
      position: relative;
      margin: 10px 0 20px; }
      form .gfield ul.gfield_checkbox li input[type=checkbox],
      form .gfield ul.gfield_checkbox li input[type=radio],
      form .gfield ul.gfield_radio li input[type=checkbox],
      form .gfield ul.gfield_radio li input[type=radio] {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        opacity: 0; }
        form .gfield ul.gfield_checkbox li input[type=checkbox] + label,
        form .gfield ul.gfield_checkbox li input[type=radio] + label,
        form .gfield ul.gfield_radio li input[type=checkbox] + label,
        form .gfield ul.gfield_radio li input[type=radio] + label {
          line-height: 20px;
          display: inline-block; }
        form .gfield ul.gfield_checkbox li input[type=checkbox] + span,
        form .gfield ul.gfield_checkbox li input[type=checkbox] + label,
        form .gfield ul.gfield_checkbox li input[type=radio] + span,
        form .gfield ul.gfield_checkbox li input[type=radio] + label,
        form .gfield ul.gfield_radio li input[type=checkbox] + span,
        form .gfield ul.gfield_radio li input[type=checkbox] + label,
        form .gfield ul.gfield_radio li input[type=radio] + span,
        form .gfield ul.gfield_radio li input[type=radio] + label {
          position: relative;
          padding-left: 35px;
          cursor: pointer;
          font-family: "BioSans", sans-serif;
          color: #272A29; }
          form .gfield ul.gfield_checkbox li input[type=checkbox] + span:before,
          form .gfield ul.gfield_checkbox li input[type=checkbox] + label:before,
          form .gfield ul.gfield_checkbox li input[type=radio] + span:before,
          form .gfield ul.gfield_checkbox li input[type=radio] + label:before,
          form .gfield ul.gfield_radio li input[type=checkbox] + span:before,
          form .gfield ul.gfield_radio li input[type=checkbox] + label:before,
          form .gfield ul.gfield_radio li input[type=radio] + span:before,
          form .gfield ul.gfield_radio li input[type=radio] + label:before {
            content: "";
            position: absolute;
            height: 24px;
            width: 24px;
            background-color: #F5F5F5;
            top: 0;
            left: 0;
            border: none !important;
            border-radius: 4px; }
          form .gfield ul.gfield_checkbox li input[type=checkbox] + span:focus:before,
          form .gfield ul.gfield_checkbox li input[type=checkbox] + label:focus:before,
          form .gfield ul.gfield_checkbox li input[type=radio] + span:focus:before,
          form .gfield ul.gfield_checkbox li input[type=radio] + label:focus:before,
          form .gfield ul.gfield_radio li input[type=checkbox] + span:focus:before,
          form .gfield ul.gfield_radio li input[type=checkbox] + label:focus:before,
          form .gfield ul.gfield_radio li input[type=radio] + span:focus:before,
          form .gfield ul.gfield_radio li input[type=radio] + label:focus:before {
            border: none; }
          form .gfield ul.gfield_checkbox li input[type=checkbox] + span a:hover,
          form .gfield ul.gfield_checkbox li input[type=checkbox] + label a:hover,
          form .gfield ul.gfield_checkbox li input[type=radio] + span a:hover,
          form .gfield ul.gfield_checkbox li input[type=radio] + label a:hover,
          form .gfield ul.gfield_radio li input[type=checkbox] + span a:hover,
          form .gfield ul.gfield_radio li input[type=checkbox] + label a:hover,
          form .gfield ul.gfield_radio li input[type=radio] + span a:hover,
          form .gfield ul.gfield_radio li input[type=radio] + label a:hover {
            text-decoration: underline; }
        form .gfield ul.gfield_checkbox li input[type=checkbox]:checked + span,
        form .gfield ul.gfield_checkbox li input[type=checkbox]:checked + label,
        form .gfield ul.gfield_checkbox li input[type=radio]:checked + span,
        form .gfield ul.gfield_checkbox li input[type=radio]:checked + label,
        form .gfield ul.gfield_radio li input[type=checkbox]:checked + span,
        form .gfield ul.gfield_radio li input[type=checkbox]:checked + label,
        form .gfield ul.gfield_radio li input[type=radio]:checked + span,
        form .gfield ul.gfield_radio li input[type=radio]:checked + label {
          font-weight: normal; }
          form .gfield ul.gfield_checkbox li input[type=checkbox]:checked + span:before,
          form .gfield ul.gfield_checkbox li input[type=checkbox]:checked + label:before,
          form .gfield ul.gfield_checkbox li input[type=radio]:checked + span:before,
          form .gfield ul.gfield_checkbox li input[type=radio]:checked + label:before,
          form .gfield ul.gfield_radio li input[type=checkbox]:checked + span:before,
          form .gfield ul.gfield_radio li input[type=checkbox]:checked + label:before,
          form .gfield ul.gfield_radio li input[type=radio]:checked + span:before,
          form .gfield ul.gfield_radio li input[type=radio]:checked + label:before {
            background-color: #4FBC9E;
            border: 1px solid #4FBC9E; }
          form .gfield ul.gfield_checkbox li input[type=checkbox]:checked + span:after,
          form .gfield ul.gfield_checkbox li input[type=checkbox]:checked + label:after,
          form .gfield ul.gfield_checkbox li input[type=radio]:checked + span:after,
          form .gfield ul.gfield_checkbox li input[type=radio]:checked + label:after,
          form .gfield ul.gfield_radio li input[type=checkbox]:checked + span:after,
          form .gfield ul.gfield_radio li input[type=checkbox]:checked + label:after,
          form .gfield ul.gfield_radio li input[type=radio]:checked + span:after,
          form .gfield ul.gfield_radio li input[type=radio]:checked + label:after {
            content: "";
            position: absolute;
            height: 12px;
            width: 16px;
            background: url(./assets/img/icon-check.svg) no-repeat center center;
            background-size: contain;
            top: 6px;
            left: 4px; }
  form .gfield.gfield_option_1_1 ul.gfield_radio li {
    display: inline-block;
    margin: 0 15px 15px 0; }
    form .gfield.gfield_option_1_1 ul.gfield_radio li input[type=radio] + label {
      display: inline-block;
      padding: 10px 15px;
      background-color: #F5F5F5;
      border: 2px solid #F5F5F5;
      border-radius: 10px;
      min-width: 80px;
      text-align: center; }
      form .gfield.gfield_option_1_1 ul.gfield_radio li input[type=radio] + label:before {
        content: unset; }
      form .gfield.gfield_option_1_1 ul.gfield_radio li input[type=radio] + label:hover, form .gfield.gfield_option_1_1 ul.gfield_radio li input[type=radio] + label:focus {
        border: 2px solid #4FBC9E; }
    form .gfield.gfield_option_1_1 ul.gfield_radio li input[type=radio]:checked + label {
      background-color: #FFFFFF;
      border: 2px solid #4FBC9E;
      box-shadow: 1px 1px 10px rgba(79, 188, 158, 0.25); }
    form .gfield.gfield_option_1_1 ul.gfield_radio li .ginput_price {
      display: none; }
form input {
  background-color: #F5F5F5;
  border-radius: 10px;
  padding: 12px 15px;
  border: 0; }
  form input::-webkit-input-placeholder {
    color: #828584; }
  form input:-moz-placeholder {
    color: #828584;
    opacity: 1; }
  form input::-moz-placeholder {
    color: #828584;
    opacity: 1; }
  form input:-ms-input-placeholder {
    color: #828584; }
  form input::-ms-input-placeholder {
    color: #828584; }
  form input::placeholder {
    color: #828584; }
form .gform_footer input[type=submit] {
  text-transform: uppercase;
  font-family: "BioSans Bold", sans-serif;
  font-size: 14px;
  padding: 8px 10px; }
  @media (min-width: 992px) {
    form .gform_footer input[type=submit] {
      padding: 11px 20px;
      font-size: 24px;
      line-height: 28px; } }
form .validation_error {
  color: #fa4913; }
form .validation_message {
  display: none; }

.navigation {
  margin-top: 15px;
  text-align: center; }
  @media (min-width: 992px) {
    .navigation {
      margin-top: 50px;
      text-align: left; } }
  .navigation ul {
    list-style-type: none; }
    .navigation ul li {
      display: inline-block;
      margin-right: 0; }
      @media (min-width: 992px) {
        .navigation ul li {
          margin-right: 20px; } }
      .navigation ul li a {
        display: inline-block;
        font-family: "BioSans Bold", sans-serif;
        padding: 8px 2px;
        border-radius: 10px;
        color: #272A29;
        text-transform: uppercase; }
        @media (max-width: 599px) {
          .navigation ul li a {
            font-size: 14px; } }
        @media (min-width: 600px) {
          .navigation ul li a {
            padding: 8px 10px; } }
        .navigation ul li a:hover, .navigation ul li a:focus, .navigation ul li a.active {
          background-color: #FFFFFF;
          text-decoration: none; }

.projects {
  background-color: #FFFFFF;
  padding-bottom: 140px; }
  @media (min-width: 992px) {
    .projects {
      padding-bottom: 200px; } }
  .projects__header {
    margin-top: 155px; }
    @media (min-width: 992px) {
      .projects__header {
        margin-bottom: 60px; } }
    .projects__header h2, .projects__header .banner__left .subtitle, .banner__left .projects__header .subtitle, .projects__header .banner__accent p, .banner__accent .projects__header p, .projects__header .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .projects__header li, .projects__header .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .projects__header li, .projects__header .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .projects__header li, .projects__header .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .projects__header li {
      color: #D5D5D5;
      margin-bottom: 40px; }
      @media (min-width: 992px) {
        .projects__header h2, .projects__header .banner__left .subtitle, .banner__left .projects__header .subtitle, .projects__header .banner__accent p, .banner__accent .projects__header p, .projects__header .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .projects__header li, .projects__header .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .projects__header li, .projects__header .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .projects__header li, .projects__header .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .projects__header li {
          margin-bottom: 60px; } }
    .projects__header--main h2, .projects__header--main .banner__left .subtitle, .banner__left .projects__header--main .subtitle, .projects__header--main .banner__accent p, .banner__accent .projects__header--main p, .projects__header--main .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .projects__header--main li, .projects__header--main .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .projects__header--main li, .projects__header--main .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .projects__header--main li, .projects__header--main .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .projects__header--main li {
      margin-top: -30px;
      margin-bottom: 60px; }
      @media (min-width: 992px) {
        .projects__header--main h2, .projects__header--main .banner__left .subtitle, .banner__left .projects__header--main .subtitle, .projects__header--main .banner__accent p, .banner__accent .projects__header--main p, .projects__header--main .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .projects__header--main li, .projects__header--main .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .projects__header--main li, .projects__header--main .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .projects__header--main li, .projects__header--main .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .projects__header--main li {
          margin-top: -60px;
          margin-bottom: 100px; } }
      @media (min-width: 1200px) {
        .projects__header--main h2, .projects__header--main .banner__left .subtitle, .banner__left .projects__header--main .subtitle, .projects__header--main .banner__accent p, .banner__accent .projects__header--main p, .projects__header--main .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .projects__header--main li, .projects__header--main .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .projects__header--main li, .projects__header--main .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .projects__header--main li, .projects__header--main .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .projects__header--main li {
          margin-top: -80px;
          margin-bottom: 100px; } }
  .projects .wave {
    margin-top: -10px; }

.project__text p, .project__text .pop-up__content ul li, .pop-up__content ul .project__text li, .project__text .pop-up__content ol li, .pop-up__content ol .project__text li {
  margin-bottom: 25px; }
.project--highlighted {
  margin-bottom: 55px; }
  .project--highlighted h3 {
    margin-bottom: 30px; }
.project--previous {
  border-radius: 10px;
  padding: 15px;
  box-shadow: 2px 2px 15px rgba(39, 42, 41, 0.1);
  margin-bottom: 15px; }
  .project--previous .project__title {
    cursor: pointer; }
    .project--previous .project__title h3 {
      display: inline-block;
      padding: 5px; }
  .project--previous .project__content {
    height: 100%;
    padding: 20px;
    overflow: hidden; }
    @media (min-width: 992px) {
      .project--previous .project__content {
        padding: 40px; } }
    .project--previous .project__content.collapsed {
      padding: 0;
      height: 0; }
  .project--previous .project__image {
    margin: 20px 0 40px; }
    @media (min-width: 768px) {
      .project--previous .project__image {
        margin: 0; } }
.project__images {
  position: relative;
  z-index: 1;
  margin-top: 80px; }
  @media (min-width: 768px) {
    .project__images {
      margin-top: 0; } }
.project__box {
  position: absolute;
  width: 210px;
  height: 210px;
  background-color: #F5F5F5;
  border-radius: 20px;
  bottom: -20px;
  left: -20px;
  z-index: -1; }
  @media (min-width: 768px) {
    .project__box {
      bottom: -30px;
      left: -30px;
      width: 230px;
      height: 230px; } }
  @media (min-width: 992px) {
    .project__box {
      width: 330px;
      height: 330px; } }
  @media (min-width: 1200px) {
    .project__box {
      width: 457px;
      height: 457px;
      bottom: -40px;
      left: -40px; } }

.pop-up {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(39, 42, 41, 0.25);
  z-index: 99;
  cursor: pointer; }
  .pop-up.hidden {
    display: none;
    z-index: -1; }
  .pop-up__inner {
    position: relative;
    cursor: default;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    width: auto;
    max-height: 80vh;
    z-index: 2;
    margin: 60px 0;
    padding: 60px 40px;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 50px rgba(39, 42, 41, 0.1); }
    @media (min-width: 768px) {
      .pop-up__inner {
        padding: 60px; } }
    @media (min-width: 1200px) {
      .pop-up__inner {
        padding: 60px 100px; } }
  .pop-up__content {
    position: relative;
    height: inherit;
    overflow: scroll; }
    .pop-up__content h3 {
      margin-top: 10px;
      margin-bottom: 40px; }
    .pop-up__content h4 {
      margin: 40px 0 20px; }
    .pop-up__content p, .pop-up__content ul li, .pop-up__content ol li {
      margin-bottom: 20px; }
    .pop-up__content ul {
      list-style-type: disc;
      margin-bottom: 20px; }
      .pop-up__content ul li {
        margin-bottom: 0; }
    .pop-up__content ol {
      list-style-type: decimal;
      margin-bottom: 20px; }
      .pop-up__content ol li {
        margin-bottom: 0; }
  .pop-up__close {
    position: relative;
    float: right;
    border-radius: 10px;
    background-color: #F5F5F5;
    width: 30px;
    height: 30px;
    cursor: pointer; }
    .pop-up__close:hover, .pop-up__close:focus {
      background-color: #4FBC9E; }
    @media (min-width: 992px) {
      .pop-up__close {
        width: 40px;
        height: 40px; } }
    .pop-up__close img {
      position: absolute;
      width: 40%;
      height: 40%;
      top: 31%;
      left: 31%;
      fill: #FFFFFF; }
  .pop-up__underlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1; }

.text {
  margin: 80px 0 140px; }
  @media (min-width: 992px) {
    .text {
      margin: 140px 0; } }
  .text__image {
    display: table-cell;
    vertical-align: middle;
    height: inherit; }
  .text h2, .text .banner__left .subtitle, .banner__left .text .subtitle, .text .banner__accent p, .banner__accent .text p, .text .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .text li, .text .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .text li, .text .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .text li, .text .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .text li {
    color: #D5D5D5;
    margin-top: 60px;
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .text h2, .text .banner__left .subtitle, .banner__left .text .subtitle, .text .banner__accent p, .banner__accent .text p, .text .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .text li, .text .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .text li, .text .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .text li, .text .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .text li {
        margin-top: 0;
        margin-bottom: 40px; } }
    @media (min-width: 992px) {
      .text h2, .text .banner__left .subtitle, .banner__left .text .subtitle, .text .banner__accent p, .banner__accent .text p, .text .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .text li, .text .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .text li, .text .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .text li, .text .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .text li {
        margin-bottom: 60px; } }
  .text p, .text .pop-up__content ul li, .pop-up__content ul .text li, .text .pop-up__content ol li, .pop-up__content ol .text li {
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .text p, .text .pop-up__content ul li, .pop-up__content ul .text li, .text .pop-up__content ol li, .pop-up__content ol .text li {
        margin-bottom: 25px; } }

.team {
  padding-top: 0;
  background-color: #FFFFFF; }
  .team__contact {
    position: relative;
    padding: 80px 40px;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 50px rgba(39, 42, 41, 0.1);
    z-index: 1; }
    @media (min-width: 992px) {
      .team__contact {
        padding: 100px 0; } }
    .team__contact h2, .team__contact .banner__left .subtitle, .banner__left .team__contact .subtitle, .team__contact .banner__accent p, .banner__accent .team__contact p, .team__contact .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .team__contact li, .team__contact .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .team__contact li, .team__contact .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .team__contact li, .team__contact .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .team__contact li {
      margin-bottom: 60px; }
      @media (min-width: 992px) {
        .team__contact h2, .team__contact .banner__left .subtitle, .banner__left .team__contact .subtitle, .team__contact .banner__accent p, .banner__accent .team__contact p, .team__contact .banner__accent .pop-up__content ul li, .banner__accent .pop-up__content ul .team__contact li, .team__contact .pop-up__content ul .banner__accent li, .pop-up__content ul .banner__accent .team__contact li, .team__contact .banner__accent .pop-up__content ol li, .banner__accent .pop-up__content ol .team__contact li, .team__contact .pop-up__content ol .banner__accent li, .pop-up__content ol .banner__accent .team__contact li {
          margin-bottom: 0; } }
    .team__contact .btn, .team__contact form .gform_footer input[type=submit], form .gform_footer .team__contact input[type=submit] {
      margin-top: 20px; }
  .team__content {
    background-color: #272A29;
    color: #FFFFFF;
    margin-top: -50px; }
    @media (min-width: 992px) {
      .team__content {
        margin-top: -150px; } }
    .team__content img {
      width: 100%; }
      @media (min-width: 992px) {
        .team__content img {
          margin-top: -50px; } }
    .team__content .container {
      text-align: center; }
  .team__quote {
    text-align: center;
    max-width: 310px;
    margin: 60px auto 0; }
    @media (min-width: 992px) {
      .team__quote {
        margin: 0 auto;
        max-width: 510px; } }
    .team__quote p, .team__quote .pop-up__content ul li, .pop-up__content ul .team__quote li, .team__quote .pop-up__content ol li, .pop-up__content ol .team__quote li {
      color: #FFFFFF;
      margin: 20px 0 0; }
      @media (min-width: 992px) {
        .team__quote p, .team__quote .pop-up__content ul li, .pop-up__content ul .team__quote li, .team__quote .pop-up__content ol li, .pop-up__content ol .team__quote li {
          margin: 30px 0 40px; } }

.banner .logo {
  position: absolute;
  top: -35px;
  left: -25px; }
  @media (min-width: 992px) {
    .banner .logo {
      top: -60px;
      left: -40px; } }
  @media (min-width: 1200px) {
    .banner .logo {
      top: -80px;
      left: -60px; } }
  .banner .logo img {
    width: 90px; }
    @media (min-width: 992px) {
      .banner .logo img {
        width: 120px; } }
    @media (min-width: 1200px) {
      .banner .logo img {
        width: 150px; } }

.footer {
  background-color: #272A29;
  padding: 80px 0;
  text-align: center; }
  .footer .logo-footer {
    width: 90px;
    margin: 0 auto; }
    @media (min-width: 992px) {
      .footer .logo-footer {
        width: 100px; } }
  .footer p, .footer .pop-up__content ul li, .pop-up__content ul .footer li, .footer .pop-up__content ol li, .pop-up__content ol .footer li,
  .footer a {
    display: inline-block;
    vertical-align: middle;
    color: #FFFFFF; }
  @media (min-width: 992px) {
    .footer__content {
      float: right;
      line-height: 90px; } }
  .footer__social, .footer__text {
    display: block; }
    @media (min-width: 992px) {
      .footer__social, .footer__text {
        display: inline-block;
        vertical-align: middle; } }
  .footer__text {
    margin-top: 60px; }
    @media (min-width: 992px) {
      .footer__text {
        margin-top: 0; } }
    .footer__text strong {
      text-transform: uppercase; }
    .footer__text p, .footer__text .pop-up__content ul li, .pop-up__content ul .footer__text li, .footer__text .pop-up__content ol li, .pop-up__content ol .footer__text li {
      display: block;
      margin-bottom: 20px; }
      @media (min-width: 992px) {
        .footer__text p, .footer__text .pop-up__content ul li, .pop-up__content ul .footer__text li, .footer__text .pop-up__content ol li, .pop-up__content ol .footer__text li {
          display: inline-block;
          margin-bottom: 0; }
          .footer__text p:not(:first-of-type), .footer__text .pop-up__content ul li:not(:first-of-type), .pop-up__content ul .footer__text li:not(:first-of-type), .footer__text .pop-up__content ol li:not(:first-of-type), .pop-up__content ol .footer__text li:not(:first-of-type) {
            margin-left: 10px; } }
      @media (min-width: 1200px) {
        .footer__text p:not(:first-of-type), .footer__text .pop-up__content ul li:not(:first-of-type), .pop-up__content ul .footer__text li:not(:first-of-type), .footer__text .pop-up__content ol li:not(:first-of-type), .pop-up__content ol .footer__text li:not(:first-of-type) {
          margin-left: 20px; } }
  .footer__social {
    margin-top: 40px; }
    @media (min-width: 992px) {
      .footer__social {
        margin-top: 0;
        margin-left: 20px; } }
    @media (min-width: 1200px) {
      .footer__social {
        margin-left: 50px; } }
    .footer__social p, .footer__social .pop-up__content ul li, .pop-up__content ul .footer__social li, .footer__social .pop-up__content ol li, .pop-up__content ol .footer__social li {
      display: block;
      margin-bottom: 20px; }
      @media (min-width: 992px) {
        .footer__social p, .footer__social .pop-up__content ul li, .pop-up__content ul .footer__social li, .footer__social .pop-up__content ol li, .pop-up__content ol .footer__social li {
          display: inline-block;
          margin-bottom: 0; } }
    .footer__social .btn:not(:first-of-type), .footer__social form .gform_footer input[type=submit]:not(:first-of-type), form .gform_footer .footer__social input[type=submit]:not(:first-of-type) {
      margin-left: 15px; }
    @media (min-width: 992px) {
      .footer__social .btn, .footer__social form .gform_footer input[type=submit], form .gform_footer .footer__social input[type=submit] {
        margin-left: 5px; }
        .footer__social .btn:not(:first-of-type), .footer__social form .gform_footer input[type=submit]:not(:first-of-type), form .gform_footer .footer__social input[type=submit]:not(:first-of-type) {
          margin-left: 5px; } }
    @media (min-width: 1200px) {
      .footer__social .btn, .footer__social form .gform_footer input[type=submit], form .gform_footer .footer__social input[type=submit] {
        margin-left: 15px; } }