@import url(https://fonts.googleapis.com/css2?family=Piazzolla&family=Roboto+Condensed:wght@400;500;700&display=swap);
.accordion {
  margin-bottom: 30px;
}
.accordion-header {
  cursor: pointer;
}
.accordion-header > * {
  pointer-events: none;
}
.accordion-body {
  display: none;
}

@media (min-width: 64em) {
  .accordion {
    margin-bottom: 0;
  }
  .accordion-header {
    pointer-events: none;
  }
  .accordion-body {
    display: block;
  }
}
.page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100vh - 5px);
  padding-top: 120px;
  padding-bottom: 45px;
  margin-bottom: 29px;
}

@media (min-width: 64em) {
  .page-header {
    padding: 0;
    min-height: 100vh;
    margin-bottom: 0;
  }
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0 0;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #4b2a07;
}

.hamburger-box {
  width: 36px;
  height: 21px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 36px;
  height: 3px;
  background-color: #4b2a07;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -9px;
}
.hamburger-inner::after {
  bottom: -9px;
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
body.nav-open {
  overflow: hidden;
}
body.nav-open .navbar-nav-wrapper {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.navbar {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
  height: 61px;
  background-color: #fff;
}
.navbar .logo {
  position: absolute;
  top: 8px;
  left: 23px;
  width: 98px;
  height: 74px;
  margin: 0;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='127' height='96.278' viewBox='0 0 127 96.278'%3e %3cdefs%3e %3cclipPath id='clip-path'%3e %3cpath id='Path_19' data-name='Path 19' d='M0,26.975H127V-69.3H0Z' transform='translate(0 69.303)' fill='none'/%3e %3c/clipPath%3e %3c/defs%3e %3cg id='Group_21' data-name='Group 21' transform='translate(0 69.303)'%3e %3cg id='Group_20' data-name='Group 20' transform='translate(0 -69.303)' clip-path='url(%23clip-path)'%3e %3cg id='Group_12' data-name='Group 12' transform='translate(42.13 17.361)'%3e %3cpath id='Path_11' data-name='Path 11' d='M0,.131c2.234-.136,4.466-.363,6.691-.4C6.334-.3,5.972-.322,5.613-.336Z' transform='translate(0 0.336)' fill='%234B2A07'/%3e %3c/g%3e %3cg id='Group_13' data-name='Group 13' transform='translate(28.031 17.192)'%3e %3cpath id='Path_12' data-name='Path 12' d='M1.29,0C-.6,2.317-1.98,4.379-2.472,6.984a42.935,42.935,0,0,0,.086,9.826A48.318,48.318,0,0,0,.533,28.192,35.988,35.988,0,0,0,7.724,39.274a36.854,36.854,0,0,0,12.617,7.417c5.868,2.178,16.5,3.8,23.577,3.687a112.593,112.593,0,0,0,18.214-1.459c4.105-.849,5.722-1.975,6.552-4.348s.183-5.718-1.819-9.586-6.948-9.941-11.624-14.462A84.22,84.22,0,0,0,39.594,8.579C34.159,5.417,29.953,3.117,24.211,1.51S16.913.189,11.23.671A33.026,33.026,0,0,1,21.972.528,47.359,47.359,0,0,1,33.534,3.951a77.357,77.357,0,0,1,16.1,9.516c7.01,5.129,14.687,11.524,18.271,16.558s6.636,11.7,4.437,17.529C69.911,53.8,60.919,56.41,52.486,56.047a119.24,119.24,0,0,1-24.358-3.58c-5.954-1.71-9.407-2.252-16.7-7.741a42.039,42.039,0,0,1-5.975-5.158,25.683,25.683,0,0,1-4.244-6.225,52.874,52.874,0,0,1-4.2-15.694C-3.792,11.909-3.374,4.287,1.29,0' transform='translate(3.314)' fill='%234B2A07'/%3e %3c/g%3e %3cg id='Group_14' data-name='Group 14' transform='translate(59.531 -0.001)'%3e %3cpath id='Path_13' data-name='Path 13' d='M.128,24.48Q.07,14.6,0,4.724L-.051-10.733-.147-27.9l-.125-16.28L-.33-62.892c.267,6.021.646,12.656.91,18.677L.915-31.1c.219,10.58.2,20.569.049,31.074C.827,8.276.408,16.311.128,24.48' transform='translate(0.33 62.892)' fill='%234B2A07'/%3e %3c/g%3e %3cg id='Group_15' data-name='Group 15' transform='translate(55.972 78.635)'%3e %3cpath id='Path_14' data-name='Path 14' d='M2.866,0-.558,16.35c-.157.675-.856,1.5-1.7,1.246-1.434-.425-2.606-2.784-3.29-3.926L-7.364,9.664l.019-.007L-6.116,11.4l1.542,1.492L-2.92,14.1l1.467-6.514Z' transform='translate(7.364)' fill='%234B2A07'/%3e %3c/g%3e %3cg id='Group_16' data-name='Group 16' transform='translate(0.001 42.609)'%3e %3cpath id='Path_15' data-name='Path 15' d='M34.8.52Q20.761.391,6.717.261L-15.261.025-39.668-.214-62.82-.4l-26.6-.3c8.573-.15,18.031-.4,26.607-.55l18.663-.083C-29.1-1.351-14.9-1.143.025-.786,11.818-.489,23.213.085,34.8.52' transform='translate(89.417 1.336)' fill='%234B2A07'/%3e %3c/g%3e %3cg id='Group_17' data-name='Group 17' transform='translate(109.084 32.309)'%3e %3cpath id='Path_16' data-name='Path 16' d='M0,0,16.943,10.186a1.78,1.78,0,0,1,.732,2.385C16.64,14.009,13.546,14.4,12,14.725l-5.182.465v-.021l2.424-.7,2.269-1.141,1.994-1.38L6.8,7.778Z' fill='%234B2A07'/%3e %3c/g%3e %3cg id='Group_18' data-name='Group 18' transform='translate(0.255 25.617)'%3e %3cpath id='Path_17' data-name='Path 17' d='M5.183,1.48l2.256-5.2h.542l2.284,5.2h-.77L8.824-.051H6.609L5.948,1.48ZM6.9-.722h1.62L7.7-2.595ZM2.2,1.48v-5.2H3.818a1.9,1.9,0,0,1,1.273.4,1.363,1.363,0,0,1,.457,1.093,1.347,1.347,0,0,1-.457,1.085,1.9,1.9,0,0,1-1.273.39H2.935V1.48Zm.738-2.9h.807a1.292,1.292,0,0,0,.786-.192.755.755,0,0,0,.245-.622.756.756,0,0,0-.245-.624,1.262,1.262,0,0,0-.786-.194H2.935Zm-6.306-2.3h.74V-.737a3.193,3.193,0,0,0,.053.707A.932.932,0,0,0-2.4.331a1.435,1.435,0,0,0,.545.406,1.841,1.841,0,0,0,.72.133A1.635,1.635,0,0,0-.044.521,1.153,1.153,0,0,0,.368-.4v-3.32h.74V-.379a1.788,1.788,0,0,1-.62,1.411,2.386,2.386,0,0,1-1.621.542A2.592,2.592,0,0,1-2.2,1.362,2.122,2.122,0,0,1-3,.749a1.478,1.478,0,0,1-.285-.54,3.7,3.7,0,0,1-.082-.916ZM-6.9-1.468h.617a1.256,1.256,0,0,0,.779-.2.729.729,0,0,0,.257-.613A.725.725,0,0,0-5.5-2.9a1.279,1.279,0,0,0-.79-.192H-6.9ZM-7.651,1.48v-5.2h1.524a1.809,1.809,0,0,1,1.216.372A1.322,1.322,0,0,1-4.484-2.3a1.334,1.334,0,0,1-.236.828A1.4,1.4,0,0,1-5.46-1a1.035,1.035,0,0,1,.246.186,2.562,2.562,0,0,1,.3.393l1.266,1.9h-.9L-5.442.116a3.128,3.128,0,0,0-.65-.789,1.023,1.023,0,0,0-.59-.171H-6.9V1.48ZM-8.6-1.071v2.2a6.088,6.088,0,0,1-.97.332,3.708,3.708,0,0,1-.878.111,3.168,3.168,0,0,1-.881-.118,2.7,2.7,0,0,1-.757-.339,2.669,2.669,0,0,1-.9-.97,2.638,2.638,0,0,1-.322-1.289A2.554,2.554,0,0,1-13.1-2.157a2.566,2.566,0,0,1,.6-.863,2.737,2.737,0,0,1,.929-.592,3.3,3.3,0,0,1,1.156-.19,3.688,3.688,0,0,1,.872.1,5.044,5.044,0,0,1,.895.31v.81a4.744,4.744,0,0,0-.929-.4,2.971,2.971,0,0,0-.845-.128,2.093,2.093,0,0,0-1.506.567,1.866,1.866,0,0,0-.6,1.423A1.871,1.871,0,0,0-11.935.295a2.043,2.043,0,0,0,1.478.568A2.613,2.613,0,0,0-9.924.8,3.369,3.369,0,0,0-9.371.63V-.379h-.979v-.692Z' transform='translate(13.315 3.802)' fill='%234B2A07'/%3e %3c/g%3e %3cg id='Group_19' data-name='Group 19' transform='translate(0.101 32.629)'%3e %3cpath id='Path_18' data-name='Path 18' d='M14.324,2.049l3.12-7.2h.75l3.161,7.2H20.293L19.365-.072H16.3L15.38,2.049ZM16.7-1h2.242L17.8-3.594ZM14.147.339V1.5a6.32,6.32,0,0,1-1.293.5,5.06,5.06,0,0,1-1.3.172,4.266,4.266,0,0,1-1.179-.161,4.02,4.02,0,0,1-1.059-.482A3.667,3.667,0,0,1,8.066.193a3.659,3.659,0,0,1-.443-1.775,3.532,3.532,0,0,1,.292-1.406A3.6,3.6,0,0,1,8.749-4.18,3.817,3.817,0,0,1,10.041-5a4.453,4.453,0,0,1,1.584-.27,5.217,5.217,0,0,1,1.207.138,6.811,6.811,0,0,1,1.25.438v1.12A6.568,6.568,0,0,0,12.8-4.122,4.187,4.187,0,0,0,11.625-4.3a2.9,2.9,0,0,0-2.082.784,2.6,2.6,0,0,0-.824,1.969A2.606,2.606,0,0,0,9.529.407a2.807,2.807,0,0,0,2.037.785,4.082,4.082,0,0,0,1.273-.21A5.722,5.722,0,0,0,14.147.339M5.407-5.152H6.436v7.2H5.407Zm-8.231,7.2v-7.2h.895L2.813.438v-5.59H3.837v7.2H2.923l-4.729-5.6v5.6Zm-7.571,0,3.12-7.2h.75l3.163,7.2H-4.428L-5.356-.072H-8.423L-9.34,2.049ZM-8.022-1h2.242l-1.135-2.6ZM-14.33-2.034h.856A1.753,1.753,0,0,0-12.4-2.31a1.013,1.013,0,0,0,.357-.852,1.015,1.015,0,0,0-.338-.852,1.8,1.8,0,0,0-1.1-.265h-.856Zm-1.034,4.083v-7.2h2.11a2.491,2.491,0,0,1,1.682.514,1.821,1.821,0,0,1,.592,1.456A1.871,1.871,0,0,1-11.3-2.038a1.956,1.956,0,0,1-1.024.647,1.4,1.4,0,0,1,.339.26,4.108,4.108,0,0,1,.413.543l1.749,2.637h-1.246L-12.307.16a4.261,4.261,0,0,0-.9-1.091,1.4,1.4,0,0,0-.817-.238h-.31V2.049Zm-1.32-3.531V1.564a8.372,8.372,0,0,1-1.345.463,5.262,5.262,0,0,1-1.213.15,4.546,4.546,0,0,1-1.218-.158,3.744,3.744,0,0,1-1.053-.475A3.732,3.732,0,0,1-22.761.2,3.669,3.669,0,0,1-23.2-1.582a3.509,3.509,0,0,1,.293-1.406,3.525,3.525,0,0,1,.836-1.192A3.714,3.714,0,0,1-20.791-5a4.607,4.607,0,0,1,1.6-.265,5.2,5.2,0,0,1,1.209.143,6.991,6.991,0,0,1,1.236.432v1.12a6.6,6.6,0,0,0-1.285-.552A4.185,4.185,0,0,0-19.2-4.3a2.9,2.9,0,0,0-2.084.784,2.6,2.6,0,0,0-.825,1.969A2.594,2.594,0,0,0-21.294.407a2.821,2.821,0,0,0,2.044.785,3.584,3.584,0,0,0,.743-.078,4.592,4.592,0,0,0,.765-.246V-.525H-19.1v-.957Zm-13.7,3.531,3.123-7.2h.749l3.161,7.2h-1.064l-.927-2.121h-3.069l-.917,2.121ZM-28.011-1h2.242l-1.138-2.6ZM-36.8,2.049l4.736-6.3h-4.4v-.9h6.178v.115l-4.65,6.2h4.65v.886Z' transform='translate(36.801 5.265)' fill='%234B2A07'/%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e") center center no-repeat;
  background-size: contain;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-indent: -9999px;
}
.navbar-nav-toggler {
  position: absolute;
  top: 21px;
  right: 12px;
  z-index: 100;
}
.navbar-nav-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 18px 30px;
  pointer-events: none;
  opacity: 0;
  background-color: #fff;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: opacity 0.25s ease, top 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, top 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, top 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, top 0.25s ease, -webkit-transform 0.25s ease;
}
.navbar .nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbar .nav-item > * {
  pointer-events: none;
}
.navbar .nav-item:hover .cypher svg, .navbar .nav-item.is-active .cypher svg {
  width: 33px;
  height: 65px;
}
.navbar .nav-item:hover .cypher svg path, .navbar .nav-item.is-active .cypher svg path {
  fill: #4b2a07;
}
.navbar .nav-item:hover .cypher-number, .navbar .nav-item.is-active .cypher-number {
  color: #4b2a07;
}
.navbar .nav-item .cypher {
  position: relative;
}
.navbar .nav-item .cypher svg {
  position: absolute;
  left: 38px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.navbar .nav-item .cypher svg path {
  -webkit-transition: fill 0.25s ease;
  transition: fill 0.25s ease;
}
.navbar .nav-item .cypher-number {
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.navbar .nav-item-text {
  margin-left: 38px;
  font-size: 1.6rem;
  color: #a78b72;
  text-transform: uppercase;
  letter-spacing: 0.038em;
  line-height: 1.3;
}
.navbar .hamburger:hover {
  opacity: 1;
}
.navbar .hamburger.is-active:hover {
  opacity: 1;
}

@media (max-width: 63.99em) {
  .navbar.is-stuck {
    position: fixed;
  }
  .navbar.is-stuck .logo {
    width: 57px;
    height: 43px;
    left: 100vw;
    -webkit-transform: translateX(-124px);
            transform: translateX(-124px);
  }
}
@media (min-width: 64em) {
  body.nav-open {
    overflow: auto;
  }
  .navbar {
    position: static;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 230px;
    height: unset;
    padding: 31px 14px 31px 25px;
  }
  .navbar-nav li {
    margin-bottom: 16px;
  }
  .navbar-nav li:last-of-type {
    margin-bottom: 0;
  }
  .navbar-nav-toggler {
    display: none;
  }
  .navbar-nav-wrapper {
    position: static;
    padding: 0;
    margin-top: 78px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
  }
  .navbar .logo {
    position: static;
    margin-left: 24px;
  }
}
.hero {
  width: 100%;
  background-color: #eae0d7;
}
.hero-content {
  padding: 0 46px 22px;
}
.hero-content .heading-1 {
  margin-bottom: 20px;
}
.hero-content .heading-2 {
  margin-bottom: 22px;
}
.hero-content .social-row .social-icon svg {
  display: block;
  width: 49px;
  height: 49px;
}
.hero-content .social-row .social-icon:hover path {
  fill: #a78b72;
}
.hero-graphic {
  margin-bottom: 12px;
  text-align: center;
}
.hero-graphic svg {
  width: 64%;
  height: 67%;
  max-width: 453px;
  max-height: 463px;
  margin-top: -57px;
}

@media (min-width: 64em) {
  .hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
  }
  .hero-graphic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 28px 0 80px;
  }
  .hero-graphic svg {
    width: 100%;
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-top: 0;
    margin-right: -42px;
  }
  .hero-content {
    padding: 0 0 0 24px;
  }
  .hero-content .heading {
    font-size: 3.1rem;
  }
  .hero-content .heading-1 {
    margin-bottom: 38px;
  }
  .hero-content .heading-2 {
    margin-bottom: 44px;
  }
  .hero-content .social-row .social-icon svg {
    width: 38px;
    height: 38px;
  }
}
@media (min-width: 80em) {
  .hero-graphic svg {
    max-width: 648px;
    max-height: 662px;
    margin-right: -71px;
  }
  .hero-content {
    padding-left: 160px;
  }
}
@media (min-width: 120em) {
  .hero-graphic {
    margin-right: 80px;
  }
  .hero-graphic svg {
    max-width: 907px;
    max-height: 926px;
    margin-right: 0;
  }
}
.hero .plane {
  -webkit-animation: plane-shift 8s linear infinite forwards;
          animation: plane-shift 8s linear infinite forwards;
  -webkit-transform: translateX(-800px);
          transform: translateX(-800px);
}
@-webkit-keyframes plane-shift {
  to {
    -webkit-transform: translateX(800px);
            transform: translateX(800px);
  }
}
@keyframes plane-shift {
  to {
    -webkit-transform: translateX(800px);
            transform: translateX(800px);
  }
}
.hero .truck {
  -webkit-animation: truck-shift 5s linear infinite forwards;
          animation: truck-shift 5s linear infinite forwards;
}
@-webkit-keyframes truck-shift {
  0% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
  80% {
    display: none;
  }
  100% {
    -webkit-transform: translateX(-60px);
            transform: translateX(-60px);
  }
}
@keyframes truck-shift {
  0% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
  80% {
    display: none;
  }
  100% {
    -webkit-transform: translateX(-60px);
            transform: translateX(-60px);
  }
}
.hero .cow {
  -webkit-animation: cow-shift 3s linear infinite forwards;
          animation: cow-shift 3s linear infinite forwards;
}
@-webkit-keyframes cow-shift {
  0% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  50% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  100% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
}
@keyframes cow-shift {
  0% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  50% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  100% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
}
.hero .blinker:nth-child(1) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.hero .blinker:nth-child(2) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
.hero .blinker:nth-child(3) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}
.hero .blinker:nth-child(4) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}
.hero .blinker:nth-child(5) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.hero .blinker:nth-child(6) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}
.hero .blinker:nth-child(7) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
}
.hero .blinker:nth-child(8) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}
.hero .blinker:nth-child(9) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 900ms;
          transition-delay: 900ms;
}
.hero .blinker:nth-child(10) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
}
.hero .blinker:nth-child(11) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 1100ms;
          transition-delay: 1100ms;
}
.hero .blinker:nth-child(12) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}
.hero .blinker:nth-child(13) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 1300ms;
          transition-delay: 1300ms;
}
.hero .blinker:nth-child(14) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 1400ms;
          transition-delay: 1400ms;
}
.hero .blinker:nth-child(15) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 1500ms;
          transition-delay: 1500ms;
}
.hero .blinker:nth-child(16) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
}
.hero .blinker:nth-child(17) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 1700ms;
          transition-delay: 1700ms;
}
.hero .blinker:nth-child(18) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 1800ms;
          transition-delay: 1800ms;
}
.hero .blinker:nth-child(19) {
  -webkit-animation: blinker 1.2s linear infinite;
          animation: blinker 1.2s linear infinite;
  -webkit-transition-delay: 1900ms;
          transition-delay: 1900ms;
}
@-webkit-keyframes blinker {
  0% {
    fill: #3f2f20;
  }
  50% {
    fill: #e9e0d6;
  }
  100% {
    fill: #3f2f20;
  }
}
@keyframes blinker {
  0% {
    fill: #3f2f20;
  }
  50% {
    fill: #e9e0d6;
  }
  100% {
    fill: #3f2f20;
  }
}
.hero .water-first {
  -webkit-animation: water-first 8s linear infinite;
          animation: water-first 8s linear infinite;
}
.hero .water-second {
  -webkit-animation: water-second 8s linear infinite;
          animation: water-second 8s linear infinite;
}
@-webkit-keyframes water-first {
  0% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
}
@keyframes water-first {
  0% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
}
@-webkit-keyframes water-second {
  0% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  50% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  100% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
@keyframes water-second {
  0% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  50% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  100% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
.hero .shake {
  -webkit-animation: shake 2s linear infinite forwards;
          animation: shake 2s linear infinite forwards;
  -webkit-transform-origin: left;
          transform-origin: left;
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(-0.1deg);
            transform: rotate(-0.1deg);
  }
  50% {
    -webkit-transform: rotate(0.1deg);
            transform: rotate(0.1deg);
  }
  100% {
    -webkit-transform: rotate(-0.1deg);
            transform: rotate(-0.1deg);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: rotate(-0.1deg);
            transform: rotate(-0.1deg);
  }
  50% {
    -webkit-transform: rotate(0.1deg);
            transform: rotate(0.1deg);
  }
  100% {
    -webkit-transform: rotate(-0.1deg);
            transform: rotate(-0.1deg);
  }
}
.hero .scale {
  -webkit-animation: scale 3s linear infinite forwards;
          animation: scale 3s linear infinite forwards;
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1) translate(0);
            transform: scale(1) translate(0);
  }
  50% {
    -webkit-transform: scale(1.1) translateX(-3px) translateY(-1px);
            transform: scale(1.1) translateX(-3px) translateY(-1px);
  }
  100% {
    -webkit-transform: scale(1) translate(0);
            transform: scale(1) translate(0);
  }
}
@keyframes scale {
  0% {
    -webkit-transform: scale(1) translate(0);
            transform: scale(1) translate(0);
  }
  50% {
    -webkit-transform: scale(1.1) translateX(-3px) translateY(-1px);
            transform: scale(1.1) translateX(-3px) translateY(-1px);
  }
  100% {
    -webkit-transform: scale(1) translate(0);
            transform: scale(1) translate(0);
  }
}
.report-download {
  position: fixed;
  right: 18px;
  bottom: 8px;
  z-index: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.report-download-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 76px;
  height: 76px;
  background-color: #fff;
  border-radius: 50%;
}
.report-download-text {
  margin: 0 18px 9px 0;
  color: #a78b72;
  font-size: 1.6rem;
  line-height: 1.5;
  text-transform: uppercase;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.report-download-text br {
  display: none;
}
.report-download.is-stuck .report-download-text {
  opacity: 0;
}

@media (min-width: 64em) {
  .report-download {
    right: auto;
    bottom: 6px;
    left: 6px;
  }
  .report-download-icon {
    width: 119px;
    height: 119px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .report-download-icon rect,
  .report-download-icon path {
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .report-download-text {
    position: absolute;
    right: -42px;
    bottom: 18px;
  }
  .report-download-text br {
    display: unset;
  }
  .report-download:hover .report-download-icon {
    background-color: #4b2a07;
  }
  .report-download:hover .report-download-icon rect,
  .report-download:hover .report-download-icon path {
    fill: #fff;
  }
  .report-download:hover .report-download-text {
    opacity: 0;
  }
}
.section-0 .section-body {
  padding: 14px 0;
  font-family: "Piazzolla", serif;
}
.section-0 .line-chart {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.section-0 .line-chart svg rect {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  transition: -webkit-transform 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  transition: transform 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  transition: transform 0.5s cubic-bezier(0, 0.19, 0, 0.72), -webkit-transform 0.5s cubic-bezier(0, 0.19, 0, 0.72);
}
.section-0 .line-chart svg #Linia {
  opacity: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  transition: opacity 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.section-0 .line-chart.animate svg rect {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.section-0 .line-chart.animate svg #Linia {
  opacity: 1;
}

@media (max-width: 63.99em) {
  .section-0:before {
    position: absolute;
    top: 53px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: #efddca;
    content: "";
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
  }
  .section-0.is-active:before {
    opacity: 1;
  }
}
@media (min-width: 64em) {
  .section-0 {
    padding-top: 60px;
    padding-bottom: 80px;
    overflow: hidden;
  }
  .section-0 .accordion-header .section-title {
    display: none;
  }
  .section-0 .section-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
  .section-0 .section-body p {
    margin-left: 415px;
  }
  .section-0 .section-body .line-chart {
    position: relative;
    margin-top: 30px;
  }
  .section-0 .section-body .line-chart:after {
    position: absolute;
    top: 255px;
    right: -100vw;
    left: -100vw;
    z-index: -1;
    height: 306px;
    content: "";
    background-color: #f5f0ec;
  }
}
@media (min-width: 80em) {
  .section-0 {
    padding-top: 120px;
  }
  .section-0 .accordion-header {
    top: 50px;
    z-index: -1;
  }
  .section-0 .section-body p {
    max-width: 630px;
    margin-bottom: 20px;
  }
}
@media (min-width: 85.375em) {
  .section-0 .line-chart {
    margin-left: 80px;
  }
}
.section-1 .section-body {
  padding: 14px 0;
  font-family: "Piazzolla", serif;
}
.section-1 .slideshow {
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.section-1 .slideshow .slideshow-slide {
  width: 280px;
  text-align: center;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media (max-width: 63.99em) {
  .section-1:before {
    position: absolute;
    top: 53px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: #efddca;
    content: "";
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
  }
  .section-1.is-active:before {
    opacity: 1;
  }
  .section-1 .slideshow {
    margin-left: -20px;
    margin-right: -20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    overflow: visible;
    overflow-x: scroll;
    -ms-scroll-snap-type: y mandatory;
        scroll-snap-type: y mandatory;
    scroll-padding: 50%;
    scrollbar-width: auto;
    scrollbar-color: #c69b7b #f7eee4;
    /* Chrome, Edge, and Safari */
  }
  .section-1 .slideshow::-webkit-scrollbar {
    width: 10px;
  }
  .section-1 .slideshow::-webkit-scrollbar-track {
    background: #f7eee4;
  }
  .section-1 .slideshow *::-webkit-scrollbar-thumb {
    background-color: #c69b7b;
    border-radius: 10px;
    border: 3px solid #f7eee4;
  }
  .section-1 .slideshow .slideshow-slide {
    scroll-snap-align: center;
  }
}
@media (min-width: 64em) {
  .section-1 {
    padding-top: 60px;
    padding-bottom: 80px;
    overflow: hidden;
  }
  .section-1 .accordion-header {
    position: static !important;
  }
  .section-1 .slideshow-preloader {
    display: none;
  }
  .section-1 .slideshow {
    opacity: 1;
  }
  .section-1 .section-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
  .section-1 .section-body p {
    margin-left: 415px;
  }
  .section-1 .section-body .slideshow {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 30px;
  }
  .section-1 .section-body .slideshow:after {
    position: absolute;
    top: 255px;
    right: -100vw;
    left: -100vw;
    z-index: -1;
    height: 306px;
    content: "";
    background-color: #f5f0ec;
  }
}
@media (min-width: 80em) {
  .section-1 {
    padding-top: 120px;
  }
  .section-1 .accordion-header {
    top: 50px;
    z-index: -1;
  }
  .section-1 .accordion-header .section-cypher {
    margin-left: -40px;
  }
  .section-1 .section-body p {
    max-width: 630px;
    margin-bottom: 20px;
  }
}
@media (min-width: 85.375em) {
  .section-1 .slideshow {
    margin-left: 40px;
  }
}
.section-2 .collapsible-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 18px;
}
.section-2 .collapsible-header svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.section-2 .collapsible-header svg path {
  -webkit-transition: fill 0.25s ease;
  transition: fill 0.25s ease;
}
.section-2 .collapsible-header .section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 124px;
  padding: 0 20px 0 24px;
  margin: 0 0 0 6px;
  font-size: 1.6rem;
  border-bottom: 1px solid #3f2f20;
  -webkit-transition: border-color 0.25s ease;
  transition: border-color 0.25s ease;
}
.section-2 .collapsible-item {
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.section-2 .collapsible-item:first-of-type .collapsible-header .section-title {
  border-top: 1px solid #3f2f20;
}
.section-2 .collapsible-item.is-active {
  background-color: #fff;
}
.section-2 .collapsible-item.is-active .collapsible-header .section-title {
  border-bottom-color: transparent;
}
.section-2 .collapsible-item.is-active .collapsible-header svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.section-2 .collapsible-item.is-active .collapsible-header svg path {
  fill: #4b2a07;
}
.section-2 .collapsible-item.is-active .collapsible-body {
  opacity: 1;
}
.section-2 .collapsible-body {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

@media (min-width: 48em) {
  .section-2 .collapsible-header .section-title {
    padding-right: 0;
    padding-left: 0;
    margin-left: 30px;
    margin-right: 28px;
    font-size: 2rem;
  }
}
@media (min-width: 64em) {
  .section-2:before {
    position: absolute;
    top: 120px;
    right: 0;
    left: 100px;
    bottom: 0;
    z-index: -1;
    content: "";
    background-color: #eae0d7;
  }
  .section-2 .collapsible {
    padding-top: 202px;
  }
  .section-2 .collapsible-header {
    padding-left: 124px;
  }
  .section-2 .collapsible-header .section-title {
    margin-left: 106px;
  }
}
@media (min-width: 80em) {
  .section-2 {
    margin-bottom: 64px;
  }
  .section-2:before {
    top: 200px;
    left: 214px;
  }
  .section-2 .accordion-header {
    top: -22px;
  }
  .section-2 .collapsible {
    padding-top: 365px;
    padding-bottom: 32px;
  }
  .section-2 .collapsible-header {
    padding-left: 288px;
  }
  .section-2 .collapsible-header:hover .section-title {
    color: #4b2a07;
  }
  .section-2 .collapsible-header:hover svg path {
    fill: #4b2a07;
  }
  .section-2 .collapsible-header .section-title {
    height: 240px;
    margin-left: 140px;
    font-size: 3.1rem;
    -webkit-transition: color 0.25s ease;
    transition: color 0.25s ease;
  }
  .section-2 .collapsible-header svg {
    width: 82px;
    height: 40px;
    margin-bottom: 24px;
  }
}
.pomoc-wielostronna .collapsible-body {
  font-family: "Piazzolla", serif;
}
.pomoc-wielostronna .line-chart {
  position: relative;
  z-index: 2;
}
.pomoc-wielostronna .line-chart svg #pomoc {
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0, 0.19, 0, 0.72);
  transition: opacity 0.2s cubic-bezier(0, 0.19, 0, 0.72);
}
.pomoc-wielostronna .line-chart svg #napis-pomoc-dwustronna {
  opacity: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  transition: opacity 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.pomoc-wielostronna .line-chart svg #wplaty-do-ue {
  opacity: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  transition: opacity 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.pomoc-wielostronna .line-chart svg #napis-pomoc-wielostronna {
  opacity: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  transition: opacity 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.pomoc-wielostronna .line-chart svg #napis-wplaty {
  opacity: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  transition: opacity 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}
.pomoc-wielostronna.animate .line-chart svg #pomoc,
.pomoc-wielostronna.animate .line-chart svg #napis-pomoc-dwustronna,
.pomoc-wielostronna.animate .line-chart svg #wplaty-do-ue,
.pomoc-wielostronna.animate .line-chart svg #napis-pomoc-wielostronna,
.pomoc-wielostronna.animate .line-chart svg #napis-wplaty {
  opacity: 1;
}
.pomoc-wielostronna .section-text {
  padding: 12px 0 34px;
}

@media (min-width: 48em) {
  .pomoc-wielostronna .section-content-container {
    padding-left: 98px;
  }
}
@media (min-width: 64em) {
  .pomoc-wielostronna .section-content-container {
    padding-left: 280px;
    padding-bottom: 86px;
  }
  .pomoc-wielostronna .chart {
    position: relative;
    z-index: 10;
  }
}
@media (min-width: 80em) {
  .pomoc-wielostronna .section-content-container {
    padding-left: 510px;
    margin-top: 28px;
  }
  .pomoc-wielostronna .line-chart {
    margin-left: 140px;
  }
  .pomoc-wielostronna .section-text {
    max-width: 624px;
  }
}
.wielkosc-polskiej-pomocy.collapsible-item.is-active {
  background-color: #f5f0ec;
}
.wielkosc-polskiej-pomocy .section-content-container {
  padding-bottom: 38px;
}
.wielkosc-polskiej-pomocy .section-text {
  font-family: "Piazzolla", serif;
}
.wielkosc-polskiej-pomocy .line-chart {
  padding-top: 64px;
  position: relative;
  z-index: 2;
}
.wielkosc-polskiej-pomocy .line-chart svg rect {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  transition: -webkit-transform 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  transition: transform 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  transition: transform 0.5s cubic-bezier(0, 0.19, 0, 0.72), -webkit-transform 0.5s cubic-bezier(0, 0.19, 0, 0.72);
}
.wielkosc-polskiej-pomocy .line-chart svg #linia-oda {
  opacity: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  transition: opacity 0.5s cubic-bezier(0, 0.19, 0, 0.72);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.wielkosc-polskiej-pomocy.animate .line-chart svg rect {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.wielkosc-polskiej-pomocy.animate .line-chart svg #linia-oda {
  opacity: 1;
}

@media (min-width: 48em) {
  .wielkosc-polskiej-pomocy .section-content-container {
    padding-left: 98px;
  }
}
@media (min-width: 64em) {
  .wielkosc-polskiej-pomocy.collapsible-item.is-active {
    background-color: #fff;
  }
  .wielkosc-polskiej-pomocy .section-content-container {
    padding-top: 42px;
    padding-left: 198px;
  }
  .wielkosc-polskiej-pomocy .collapsible-body {
    position: relative;
  }
  .wielkosc-polskiej-pomocy .collapsible-body:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 600px;
    background-color: #f5f0ec;
    content: "";
  }
  .wielkosc-polskiej-pomocy .chart {
    position: relative;
    z-index: 10;
  }
  .wielkosc-polskiej-pomocy .section-text {
    position: relative;
    z-index: 10;
    padding-left: 82px;
  }
}
@media (min-width: 80em) {
  .wielkosc-polskiej-pomocy .section-content-container {
    padding-bottom: 48px;
    padding-left: 428px;
  }
  .wielkosc-polskiej-pomocy .line-chart {
    margin-left: 80px;
  }
  .wielkosc-polskiej-pomocy .section-text {
    max-width: 624px;
  }
}
.koszty-utrzymania.collapsible-item.is-active {
  background-color: #f5f0ec;
}
.koszty-utrzymania .section-content-container {
  padding-bottom: 28px;
}
.koszty-utrzymania .section-chart-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 4px;
  height: 214px;
  margin-bottom: 18px;
}
.koszty-utrzymania .chart-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.koszty-utrzymania .chart-item .pole {
  position: absolute;
  bottom: 72px;
  width: 34px;
  height: 0;
  background-color: #d5c3b0;
  -webkit-transition: height 0.6s ease;
  transition: height 0.6s ease;
}
.koszty-utrzymania .chart-item .country {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.4;
}
.koszty-utrzymania .chart-item .percentage {
  margin: 0;
  font-family: "Piazzolla", serif;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: 0.001em;
  color: #4b2a07;
}
.koszty-utrzymania .section-text {
  font-family: "Piazzolla", serif;
}
.koszty-utrzymania.animate .chart-item-2020 .pole {
  height: 15px;
}
.koszty-utrzymania.animate .chart-item-2021 .pole {
  height: 12px;
}
.koszty-utrzymania.animate .chart-item-2022 .pole {
  height: 174px;
}
.koszty-utrzymania.animate .chart-item-2023 .pole {
  height: 156px;
}
.koszty-utrzymania.animate .chart-item-2024 .pole {
  height: 112px;
  background-color: #c99bf9;
}

@media (min-width: 48em) {
  .koszty-utrzymania .chart-item-belgium, .koszty-utrzymania .chart-item-spain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .koszty-utrzymania .chart-item .country {
    font-size: 1.6rem;
  }
  .koszty-utrzymania .chart-item .percentage {
    font-size: 1.8rem;
  }
  .koszty-utrzymania .section-chart-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .koszty-utrzymania .section-text {
    padding-left: 78px;
  }
}
@media (min-width: 64em) {
  .koszty-utrzymania.collapsible-item.is-active {
    background: linear-gradient(180deg, #f5f0ec 0%, #f5f0ec 440px, rgb(255, 255, 255) 440px, rgb(255, 255, 255) 100%);
  }
  .koszty-utrzymania .section-content-container {
    padding-bottom: 48px;
  }
  .koszty-utrzymania .section-text {
    padding-left: 260px;
    margin-top: 20px;
  }
  .koszty-utrzymania .chart-item {
    min-width: 100px;
  }
}
@media (min-width: 80em) {
  .koszty-utrzymania.collapsible-item.is-active {
    background: linear-gradient(180deg, #f5f0ec 0%, #f5f0ec 740px, rgb(255, 255, 255) 740px, rgb(255, 255, 255) 100%);
  }
  .koszty-utrzymania .section-content-container {
    margin-top: 18px;
  }
  .koszty-utrzymania .section-chart-grid {
    height: 222px;
    margin-bottom: 140px;
  }
  .koszty-utrzymania .section-chart-grid .chart-item .pole {
    bottom: 82px;
  }
  .koszty-utrzymania .section-chart-grid .chart-item .percentage {
    font-size: 3.3rem;
    line-height: 1;
  }
  .koszty-utrzymania .section-text {
    max-width: 624px;
    padding-left: 0;
    margin-left: 414px;
  }
}
.koszty-ksztalcenia.collapsible-item.is-active {
  background-color: #f5f0ec;
}
.koszty-ksztalcenia .section-content-container {
  padding-bottom: 28px;
}
.koszty-ksztalcenia .section-chart-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 4px;
  height: 214px;
  margin-bottom: 18px;
}
.koszty-ksztalcenia .chart-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.koszty-ksztalcenia .chart-item .pole {
  position: absolute;
  bottom: 72px;
  width: 34px;
  height: 0;
  background-color: #d5c3b0;
  -webkit-transition: height 0.6s ease;
  transition: height 0.6s ease;
}
.koszty-ksztalcenia .chart-item .country {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.4;
}
.koszty-ksztalcenia .chart-item .percentage {
  margin: 0;
  font-family: "Piazzolla", serif;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: 0.001em;
  color: #4b2a07;
}
.koszty-ksztalcenia .section-text {
  font-family: "Piazzolla", serif;
}
.koszty-ksztalcenia.animate .chart-item-2020 .pole {
  height: 112px;
}
.koszty-ksztalcenia.animate .chart-item-2021 .pole {
  height: 92px;
}
.koszty-ksztalcenia.animate .chart-item-2022 .pole {
  height: 10px;
}
.koszty-ksztalcenia.animate .chart-item-2023 .pole {
  height: 16px;
}
.koszty-ksztalcenia.animate .chart-item-2024 .pole {
  height: 46px;
  background-color: #c99bf9;
}

@media (min-width: 48em) {
  .koszty-ksztalcenia .chart-item .country {
    font-size: 1.6rem;
  }
  .koszty-ksztalcenia .chart-item .percentage {
    font-size: 1.8rem;
  }
  .koszty-ksztalcenia .section-chart-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .koszty-ksztalcenia .section-text {
    padding-left: 78px;
  }
}
@media (min-width: 64em) {
  .koszty-ksztalcenia.collapsible-item.is-active {
    background: linear-gradient(180deg, #f5f0ec 0%, #f5f0ec 440px, rgb(255, 255, 255) 440px, rgb(255, 255, 255) 100%);
  }
  .koszty-ksztalcenia .section-content-container {
    padding-bottom: 48px;
  }
  .koszty-ksztalcenia .section-text {
    padding-left: 260px;
    margin-top: 20px;
  }
  .koszty-ksztalcenia .chart-item {
    min-width: 100px;
  }
}
@media (min-width: 80em) {
  .koszty-ksztalcenia.collapsible-item.is-active {
    background: linear-gradient(180deg, #f5f0ec 0%, #f5f0ec 740px, rgb(255, 255, 255) 740px, rgb(255, 255, 255) 100%);
  }
  .koszty-ksztalcenia .section-content-container {
    margin-top: 18px;
  }
  .koszty-ksztalcenia .section-chart-grid {
    height: 222px;
    margin-bottom: 140px;
  }
  .koszty-ksztalcenia .section-chart-grid .chart-item .pole {
    bottom: 82px;
  }
  .koszty-ksztalcenia .section-chart-grid .chart-item .percentage {
    font-size: 3.3rem;
    line-height: 1;
  }
  .koszty-ksztalcenia .section-text {
    max-width: 624px;
    padding-left: 0;
    margin-left: 414px;
  }
}
.pomoc-dwustronna .section-content-container {
  padding-bottom: 40px;
}
.pomoc-dwustronna .section-text {
  font-family: "Piazzolla", serif;
  padding-top: 64px;
}

@media (min-width: 48em) {
  .pomoc-dwustronna .section-text {
    padding-left: 260px;
  }
  .pomoc-dwustronna .article-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .pomoc-dwustronna .article-row-column:first-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 260px;
  }
  .pomoc-dwustronna .article-row-education-costs .article-icon svg {
    width: 160px;
  }
  .pomoc-dwustronna .article-row-education-costs .article-text p {
    margin: 0;
  }
  .pomoc-dwustronna .article-row-mortgages .article-icon {
    height: auto;
  }
  .pomoc-dwustronna .article-row-mortgages .article-icon svg {
    width: 160px;
  }
  .pomoc-dwustronna .article-row-humanitarian-help .article-icon {
    height: auto;
  }
  .pomoc-dwustronna .article-row-humanitarian-help .article-icon svg {
    width: 125px;
  }
  .pomoc-dwustronna .article-row-development-projects .article-icon {
    height: auto;
  }
  .pomoc-dwustronna .article-row-development-projects .article-icon svg {
    width: 76px;
  }
  .pomoc-dwustronna .article-row-ngos .article-icon {
    height: auto;
  }
  .pomoc-dwustronna .article-row-ngos .article-icon svg {
    width: 160px;
  }
  .pomoc-dwustronna .article-icon {
    height: auto;
  }
  .pomoc-dwustronna .article-text {
    display: block;
  }
  .pomoc-dwustronna .article-chart {
    position: static;
    margin: auto 0;
  }
  .pomoc-dwustronna .article-chart svg {
    width: 120px;
  }
  .pomoc-dwustronna .article-title {
    margin-bottom: 28px;
    font-size: 2.2rem;
    font-weight: 700;
    color: #4b2a07;
  }
  .pomoc-dwustronna .percentage {
    position: static;
    font-size: 7.9rem;
  }
}
@media (min-width: 80em) {
  .pomoc-dwustronna.collapsible-item.is-active {
    background: linear-gradient(180deg, #f5f0ec 0%, #f5f0ec 1080px, rgb(255, 255, 255) 1080px, rgb(255, 255, 255) 100%);
  }
  .pomoc-dwustronna .section-text {
    max-width: 624px;
    padding-left: 0;
    margin-left: 314px;
  }
  .pomoc-dwustronna .section-content-container {
    padding-bottom: 32px;
    margin-top: 40px;
  }
  .pomoc-dwustronna .chart {
    margin: 0 -96px;
    padding-top: 48px;
    text-align: center;
  }
  .pomoc-dwustronna .chart .chart-piece {
    cursor: pointer;
  }
  .pomoc-dwustronna .article-title {
    margin-bottom: 30px;
    font-size: 3.6rem;
  }
  .pomoc-dwustronna .article-chart svg {
    margin-left: 16px;
    cursor: pointer;
  }
  .pomoc-dwustronna .article-chart svg:hover .chart-piece {
    fill: #3f2f20;
  }
  .pomoc-dwustronna .article-row-education-costs .article-row-column:first-of-type {
    margin-top: -43px;
  }
  .pomoc-dwustronna .article-row-education-costs .percentage {
    margin-top: -23px;
  }
  .pomoc-dwustronna .article-row-mortgages .article-row-column:first-of-type {
    margin-top: -50px;
  }
  .pomoc-dwustronna .article-row-mortgages .percentage {
    margin-top: -10px;
  }
  .pomoc-dwustronna .article-row-mortgages .article-chart {
    margin-top: 80px;
  }
  .pomoc-dwustronna .article-row-humanitarian-help .article-row-column:first-of-type {
    margin-top: -55px;
  }
  .pomoc-dwustronna .article-row-humanitarian-help .percentage {
    margin-top: -15px;
  }
  .pomoc-dwustronna .article-row-humanitarian-help .article-chart {
    margin-top: 70px;
  }
  .pomoc-dwustronna .article-row-development-projects .article-row-column:first-of-type {
    margin-top: -65px;
  }
  .pomoc-dwustronna .article-row-development-projects .percentage {
    margin-top: -16px;
  }
  .pomoc-dwustronna .article-row-development-projects .article-chart {
    margin-bottom: 0;
  }
  .pomoc-dwustronna .article-row-ngos .article-row-column:first-of-type {
    margin-top: 0;
  }
  .pomoc-dwustronna .article-row-ngos .article-chart {
    margin-top: 70px;
  }
  .pomoc-dwustronna .chart-piece {
    -webkit-transition: fill 0.25s ease;
    transition: fill 0.25s ease;
  }
  .pomoc-dwustronna .chart-piece:hover {
    fill: #3f2f20;
  }
}
.article-row-education-costs .strip {
  -webkit-animation: strip-animation 3s linear infinite;
          animation: strip-animation 3s linear infinite;
}
@-webkit-keyframes strip-animation {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes strip-animation {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.article-row-mortgages .money {
  -webkit-animation: money-animation 3s linear infinite;
          animation: money-animation 3s linear infinite;
}
@-webkit-keyframes money-animation {
  0% {
    fill: #4b2a07;
  }
  50% {
    fill: rgba(75, 42, 7, 0.4);
  }
  100% {
    fill: #4b2a07;
  }
}
@keyframes money-animation {
  0% {
    fill: #4b2a07;
  }
  50% {
    fill: rgba(75, 42, 7, 0.4);
  }
  100% {
    fill: #4b2a07;
  }
}
.article-row-humanitarian-help .crosses rect:nth-child(1) {
  -webkit-animation: cross-1 3s linear infinite;
          animation: cross-1 3s linear infinite;
}
.article-row-humanitarian-help .crosses rect:nth-child(2) {
  -webkit-animation: cross-2 3s linear infinite;
          animation: cross-2 3s linear infinite;
}
@-webkit-keyframes cross-1 {
  0% {
    -webkit-transform: translate(30.583px) scaleX(1);
            transform: translate(30.583px) scaleX(1);
  }
  50% {
    -webkit-transform: translate(36.583px) scaleX(0.6);
            transform: translate(36.583px) scaleX(0.6);
  }
  100% {
    -webkit-transform: translate(30.583px) scaleX(1);
            transform: translate(30.583px) scaleX(1);
  }
}
@keyframes cross-1 {
  0% {
    -webkit-transform: translate(30.583px) scaleX(1);
            transform: translate(30.583px) scaleX(1);
  }
  50% {
    -webkit-transform: translate(36.583px) scaleX(0.6);
            transform: translate(36.583px) scaleX(0.6);
  }
  100% {
    -webkit-transform: translate(30.583px) scaleX(1);
            transform: translate(30.583px) scaleX(1);
  }
}
@-webkit-keyframes cross-2 {
  0% {
    -webkit-transform: translate(84.927px, 30.883px) rotate(90deg) scaleX(1);
            transform: translate(84.927px, 30.883px) rotate(90deg) scaleX(1);
  }
  50% {
    -webkit-transform: translate(84.927px, 36.883px) rotate(90deg) scaleX(0.6);
            transform: translate(84.927px, 36.883px) rotate(90deg) scaleX(0.6);
  }
  100% {
    -webkit-transform: translate(84.927px, 30.883px) rotate(90deg) scaleX(1);
            transform: translate(84.927px, 30.883px) rotate(90deg) scaleX(1);
  }
}
@keyframes cross-2 {
  0% {
    -webkit-transform: translate(84.927px, 30.883px) rotate(90deg) scaleX(1);
            transform: translate(84.927px, 30.883px) rotate(90deg) scaleX(1);
  }
  50% {
    -webkit-transform: translate(84.927px, 36.883px) rotate(90deg) scaleX(0.6);
            transform: translate(84.927px, 36.883px) rotate(90deg) scaleX(0.6);
  }
  100% {
    -webkit-transform: translate(84.927px, 30.883px) rotate(90deg) scaleX(1);
            transform: translate(84.927px, 30.883px) rotate(90deg) scaleX(1);
  }
}
.article-row-development-projects .branch:nth-child(1) {
  -webkit-animation: branch-1 3s linear infinite;
          animation: branch-1 3s linear infinite;
}
.article-row-development-projects .branch:nth-child(2) {
  -webkit-animation: branch-2 3s linear infinite;
          animation: branch-2 3s linear infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
@-webkit-keyframes branch-1 {
  0% {
    -webkit-transform: translate(4749.661px, 2595.388px) rotate(0deg);
            transform: translate(4749.661px, 2595.388px) rotate(0deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  33.33% {
    -webkit-transform: translate(4749.661px, 2595.388px) rotate(-1deg);
            transform: translate(4749.661px, 2595.388px) rotate(-1deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  66.66% {
    -webkit-transform: translate(4749.661px, 2595.388px) rotate(1deg);
            transform: translate(4749.661px, 2595.388px) rotate(1deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  100% {
    -webkit-transform: translate(4749.661px, 2595.388px) rotate(0deg);
            transform: translate(4749.661px, 2595.388px) rotate(0deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
@keyframes branch-1 {
  0% {
    -webkit-transform: translate(4749.661px, 2595.388px) rotate(0deg);
            transform: translate(4749.661px, 2595.388px) rotate(0deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  33.33% {
    -webkit-transform: translate(4749.661px, 2595.388px) rotate(-1deg);
            transform: translate(4749.661px, 2595.388px) rotate(-1deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  66.66% {
    -webkit-transform: translate(4749.661px, 2595.388px) rotate(1deg);
            transform: translate(4749.661px, 2595.388px) rotate(1deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  100% {
    -webkit-transform: translate(4749.661px, 2595.388px) rotate(0deg);
            transform: translate(4749.661px, 2595.388px) rotate(0deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
@-webkit-keyframes branch-2 {
  0% {
    -webkit-transform: translate(4709px, 2635.75px) rotate(0deg);
            transform: translate(4709px, 2635.75px) rotate(0deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  33.33% {
    -webkit-transform: translate(4709px, 2635.75px) rotate(-1deg);
            transform: translate(4709px, 2635.75px) rotate(-1deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  66.66% {
    -webkit-transform: translate(4709px, 2635.75px) rotate(1deg);
            transform: translate(4709px, 2635.75px) rotate(1deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  100% {
    -webkit-transform: translate(4709px, 2635.75px) rotate(0deg);
            transform: translate(4709px, 2635.75px) rotate(0deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
@keyframes branch-2 {
  0% {
    -webkit-transform: translate(4709px, 2635.75px) rotate(0deg);
            transform: translate(4709px, 2635.75px) rotate(0deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  33.33% {
    -webkit-transform: translate(4709px, 2635.75px) rotate(-1deg);
            transform: translate(4709px, 2635.75px) rotate(-1deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  66.66% {
    -webkit-transform: translate(4709px, 2635.75px) rotate(1deg);
            transform: translate(4709px, 2635.75px) rotate(1deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  100% {
    -webkit-transform: translate(4709px, 2635.75px) rotate(0deg);
            transform: translate(4709px, 2635.75px) rotate(0deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
.article-row-ngos .arrow {
  -webkit-animation: moveupanddown 3s linear infinite;
          animation: moveupanddown 3s linear infinite;
}
@-webkit-keyframes moveupanddown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes moveupanddown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.ochrona-klimatu .collapsible-body {
  padding: 0;
}
.ochrona-klimatu .article-row {
  padding: 32px 0;
  font-family: "Piazzolla", serif;
}
.ochrona-klimatu .article-row-climate-operations {
  background-color: #e2d6c9;
}
.ochrona-klimatu .article-row-equality {
  background-color: #efddca;
}
.ochrona-klimatu .article-row-equality .article-row {
  padding-bottom: 48px;
}
.ochrona-klimatu .article-icon svg {
  max-width: 260px;
  width: calc(100vw - (2 * 20px));
  height: auto;
}

@media (min-width: 48em) {
  .ochrona-klimatu .article-row-climate-operations .article-icon {
    margin-bottom: 0;
  }
}
@media (min-width: 64em) {
  .ochrona-klimatu .article-row-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .ochrona-klimatu .article-icon {
    width: 260px;
  }
  .ochrona-klimatu .section-content {
    padding-bottom: 40px;
  }
}
@media (min-width: 80em) {
  .ochrona-klimatu .article-icon {
    width: 490px;
  }
  .ochrona-klimatu .article-icon svg {
    width: 100%;
  }
  .ochrona-klimatu .article-row-columns {
    margin-left: -76px;
  }
  .ochrona-klimatu .article-row-climate-operations {
    padding: 54px 0 42px;
  }
  .ochrona-klimatu .article-row-climate-operations .article-icon {
    margin-bottom: -30px;
  }
  .ochrona-klimatu .article-row-climate-operations .article-icon svg {
    max-width: 473px;
  }
  .ochrona-klimatu .article-row-equality {
    padding: 86px 0 50px;
  }
  .ochrona-klimatu .article-row-equality .article-icon svg {
    max-width: 437px;
  }
  .ochrona-klimatu .section-content {
    padding-bottom: 32px;
  }
}
.rownosc-plci .collapsible-body {
  padding: 0;
}
.rownosc-plci .article-row {
  padding: 32px 0;
  font-family: "Piazzolla", serif;
}
.rownosc-plci .article-row-climate-operations {
  background-color: #e2d6c9;
}
.rownosc-plci .article-row-equality {
  background-color: #efddca;
}
.rownosc-plci .article-row-equality .article-row {
  padding-bottom: 48px;
}
.rownosc-plci .article-icon svg {
  max-width: 260px;
  width: calc(100vw - (2 * 20px));
  height: auto;
}

@media (min-width: 48em) {
  .rownosc-plci .article-row-climate-operations .article-icon {
    margin-bottom: 0;
  }
}
@media (min-width: 64em) {
  .rownosc-plci .article-row-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .rownosc-plci .article-icon {
    width: 260px;
  }
  .rownosc-plci .section-content {
    padding-bottom: 40px;
  }
}
@media (min-width: 80em) {
  .rownosc-plci .article-icon {
    width: 490px;
  }
  .rownosc-plci .article-icon svg {
    width: 100%;
  }
  .rownosc-plci .article-row-columns {
    margin-left: -76px;
  }
  .rownosc-plci .article-row-climate-operations {
    padding: 54px 0 42px;
  }
  .rownosc-plci .article-row-climate-operations .article-icon {
    margin-bottom: -30px;
  }
  .rownosc-plci .article-row-climate-operations .article-icon svg {
    max-width: 473px;
  }
  .rownosc-plci .article-row-equality {
    padding: 86px 0 50px;
  }
  .rownosc-plci .article-row-equality .article-icon svg {
    max-width: 437px;
  }
  .rownosc-plci .section-content {
    padding-bottom: 32px;
  }
}
.projekty-administracji.collapsible-item.is-active {
  background-color: #f5f0ec;
}
.projekty-administracji .section-content-container {
  padding-bottom: 28px;
}
.projekty-administracji .section-text {
  font-family: "Piazzolla", serif;
}

@media (min-width: 48em) {
  .projekty-administracji .section-text {
    padding-left: 78px;
  }
}
@media (min-width: 64em) {
  .projekty-administracji.collapsible-item.is-active {
    background: linear-gradient(180deg, #f5f0ec 0%, #f5f0ec 440px, rgb(255, 255, 255) 440px, rgb(255, 255, 255) 100%);
  }
  .projekty-administracji .section-content-container {
    padding-bottom: 48px;
  }
  .projekty-administracji .section-text {
    padding-left: 260px;
    margin-top: 20px;
  }
}
@media (min-width: 80em) {
  .projekty-administracji.collapsible-item.is-active {
    background: linear-gradient(180deg, #f5f0ec 0%, #f5f0ec 740px, rgb(255, 255, 255) 740px, rgb(255, 255, 255) 100%);
  }
  .projekty-administracji .section-content-container {
    margin-top: 18px;
  }
  .projekty-administracji .section-text {
    max-width: 500px;
    padding-left: 0;
    margin-left: 414px;
  }
}
.organizacje-pozarzadowe.collapsible-item.is-active {
  background-color: #f5f0ec;
}
.organizacje-pozarzadowe .section-content-container {
  padding-bottom: 28px;
}
.organizacje-pozarzadowe .section-chart-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 4px;
  height: 214px;
  margin-bottom: 18px;
}
.organizacje-pozarzadowe .chart-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.organizacje-pozarzadowe .chart-item .pole {
  position: absolute;
  bottom: 72px;
  width: 34px;
  height: 0;
  background-color: #d5c3b0;
  -webkit-transition: height 0.6s ease;
  transition: height 0.6s ease;
}
.organizacje-pozarzadowe .chart-item .country {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.4;
}
.organizacje-pozarzadowe .chart-item .percentage {
  margin: 0;
  font-family: "Piazzolla", serif;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: 0.001em;
  color: #4b2a07;
}
.organizacje-pozarzadowe .chart-item-belgium, .organizacje-pozarzadowe .chart-item-spain {
  display: none;
}
.organizacje-pozarzadowe .section-text {
  font-family: "Piazzolla", serif;
}
.organizacje-pozarzadowe.animate .chart-item-2020 .pole {
  height: 100px;
}
.organizacje-pozarzadowe.animate .chart-item-2021 .pole {
  height: 60px;
}
.organizacje-pozarzadowe.animate .chart-item-2022 .pole {
  height: 20px;
}
.organizacje-pozarzadowe.animate .chart-item-2023 .pole {
  height: 20px;
}
.organizacje-pozarzadowe.animate .chart-item-2024 .pole {
  height: 40px;
  background-color: #c99bf9;
}

@media (min-width: 48em) {
  .organizacje-pozarzadowe .chart-item-belgium, .organizacje-pozarzadowe .chart-item-spain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .organizacje-pozarzadowe .chart-item .country {
    font-size: 1.6rem;
  }
  .organizacje-pozarzadowe .chart-item .percentage {
    font-size: 1.8rem;
  }
  .organizacje-pozarzadowe .section-chart-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .organizacje-pozarzadowe .section-text {
    padding-left: 78px;
  }
}
@media (min-width: 64em) {
  .organizacje-pozarzadowe.collapsible-item.is-active {
    background: linear-gradient(180deg, #f5f0ec 0%, #f5f0ec 440px, rgb(255, 255, 255) 440px, rgb(255, 255, 255) 100%);
  }
  .organizacje-pozarzadowe .section-content-container {
    padding-bottom: 48px;
  }
  .organizacje-pozarzadowe .section-text {
    padding-left: 260px;
    margin-top: 20px;
  }
  .organizacje-pozarzadowe .chart-item {
    min-width: 100px;
  }
}
@media (min-width: 80em) {
  .organizacje-pozarzadowe.collapsible-item.is-active {
    background: linear-gradient(180deg, #f5f0ec 0%, #f5f0ec 740px, rgb(255, 255, 255) 740px, rgb(255, 255, 255) 100%);
  }
  .organizacje-pozarzadowe .section-content-container {
    margin-top: 18px;
  }
  .organizacje-pozarzadowe .section-chart-grid {
    height: 222px;
    margin-bottom: 140px;
  }
  .organizacje-pozarzadowe .section-chart-grid .chart-item .pole {
    bottom: 82px;
  }
  .organizacje-pozarzadowe .section-chart-grid .chart-item .percentage {
    font-size: 3.3rem;
    line-height: 1;
  }
  .organizacje-pozarzadowe .section-text {
    max-width: 624px;
    padding-left: 0;
    margin-left: 414px;
  }
}
.kredyty.collapsible-item.is-active {
  background-color: #f5f0ec;
}
.kredyty .section-content-container {
  padding-bottom: 28px;
}
.kredyty .section-chart-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 4px;
  height: 214px;
  margin-bottom: 18px;
}
.kredyty .chart-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.kredyty .chart-item .pole {
  position: absolute;
  bottom: 72px;
  width: 34px;
  height: 0;
  background-color: #d5c3b0;
  -webkit-transition: height 0.6s ease;
  transition: height 0.6s ease;
}
.kredyty .chart-item .country {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.4;
}
.kredyty .chart-item .percentage {
  margin: 0;
  font-family: "Piazzolla", serif;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: 0.001em;
  color: #4b2a07;
}
.kredyty .chart-item-belgium, .kredyty .chart-item-spain {
  display: none;
}
.kredyty .section-text {
  font-family: "Piazzolla", serif;
}
.kredyty.animate .chart-item-2020 .pole {
  height: 140px;
}
.kredyty.animate .chart-item-2021 .pole {
  height: 140px;
}
.kredyty.animate .chart-item-2022 .pole {
  height: 35px;
}
.kredyty.animate .chart-item-2023 .pole {
  height: 35px;
}
.kredyty.animate .chart-item-2024 .pole {
  height: 40px;
  background-color: #c99bf9;
}

@media (min-width: 48em) {
  .kredyty .chart-item-belgium, .kredyty .chart-item-spain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .kredyty .chart-item .country {
    font-size: 1.6rem;
  }
  .kredyty .chart-item .percentage {
    font-size: 1.8rem;
  }
  .kredyty .section-chart-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .kredyty .section-text {
    padding-left: 78px;
  }
}
@media (min-width: 64em) {
  .kredyty.collapsible-item.is-active {
    background: linear-gradient(180deg, #f5f0ec 0%, #f5f0ec 440px, rgb(255, 255, 255) 440px, rgb(255, 255, 255) 100%);
  }
  .kredyty .section-content-container {
    padding-bottom: 48px;
  }
  .kredyty .section-text {
    padding-left: 260px;
    margin-top: 20px;
  }
  .kredyty .chart-item {
    min-width: 100px;
  }
}
@media (min-width: 80em) {
  .kredyty.collapsible-item.is-active {
    background: linear-gradient(180deg, #f5f0ec 0%, #f5f0ec 740px, rgb(255, 255, 255) 740px, rgb(255, 255, 255) 100%);
  }
  .kredyty .section-content-container {
    margin-top: 18px;
  }
  .kredyty .section-chart-grid {
    height: 222px;
    margin-bottom: 140px;
  }
  .kredyty .section-chart-grid .chart-item .pole {
    bottom: 82px;
  }
  .kredyty .section-chart-grid .chart-item .percentage {
    font-size: 3.3rem;
    line-height: 1;
  }
  .kredyty .section-text {
    max-width: 624px;
    padding-left: 0;
    margin-left: 414px;
  }
}
.najwieksi-odbiorcy.collapsible-item.is-active {
  background-color: transparent;
}
.najwieksi-odbiorcy .section-content-container {
  padding: 0;
}
.najwieksi-odbiorcy .section-text {
  font-family: "Piazzolla", serif;
  padding-top: 64px;
}
.najwieksi-odbiorcy .region-card {
  position: relative;
  padding: 37px 70px 37px 42px;
  color: #3f2f20;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.najwieksi-odbiorcy .region-card-wrapper {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.najwieksi-odbiorcy .region-card-wrapper > * {
  pointer-events: none;
}
.najwieksi-odbiorcy .region-card-image {
  margin-bottom: -10px;
  border: 2px solid;
  background-color: #fff;
}
.najwieksi-odbiorcy .region-title {
  margin: 0;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.33;
}
.najwieksi-odbiorcy .region-dotation {
  margin: 0;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.33;
}
.najwieksi-odbiorcy .region-countries {
  margin-top: 14px;
}
.najwieksi-odbiorcy .region-country {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.najwieksi-odbiorcy .region-country-name, .najwieksi-odbiorcy .region-country-dotation {
  margin: 0;
  font-size: 1.6rem;
}

@media (min-width: 48em) {
  .najwieksi-odbiorcy.collapsible-item.is-active {
    background-color: #fff;
  }
  .najwieksi-odbiorcy .section-text {
    padding-left: 78px;
  }
  .najwieksi-odbiorcy .region-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 28px;
    margin: 9px;
  }
  .najwieksi-odbiorcy .region-card-wrapper {
    width: 50%;
    padding: 9px;
  }
}
@media (min-width: 64em) {
  .najwieksi-odbiorcy .region-card-wrapper {
    width: 33%;
  }
  .najwieksi-odbiorcy .section-text {
    padding-left: 260px;
    margin-top: 20px;
  }
}
@media (min-width: 80em) {
  .najwieksi-odbiorcy .section-text {
    max-width: 624px;
    padding-left: 0;
    margin-left: 414px;
  }
  .najwieksi-odbiorcy .section-content-container {
    padding-bottom: 32px;
  }
  .najwieksi-odbiorcy .region {
    cursor: pointer;
  }
  .najwieksi-odbiorcy .region.is-active .fadeout {
    fill: #fff;
  }
  .najwieksi-odbiorcy .region.is-active .description {
    opacity: 1;
  }
  .najwieksi-odbiorcy .region .fadeout,
  .najwieksi-odbiorcy .region .fadein {
    -webkit-transition: fill 0.25s ease;
    transition: fill 0.25s ease;
  }
  .najwieksi-odbiorcy .region .description {
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
  }
  .najwieksi-odbiorcy .region-card {
    border: 6px solid;
    -webkit-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
    height: 100%;
  }
  .najwieksi-odbiorcy .region-card-image {
    display: none;
  }
  .najwieksi-odbiorcy .region-card-wrapper {
    width: 100%;
    height: 100%;
    padding: 9px;
    position: relative;
  }
  .najwieksi-odbiorcy .region-card-wrapper > * {
    pointer-events: none;
  }
  .najwieksi-odbiorcy .region-cards {
    display: none;
  }
  .najwieksi-odbiorcy .region-map {
    height: 100%;
    background-color: rgba(233, 224, 214, 0.65);
    text-align: center;
  }
  .najwieksi-odbiorcy .region-map svg {
    max-width: 1366px;
  }
}
.development-assistance-map.collapsible-item.is-active {
  background-color: transparent;
}
.development-assistance-map .section-content-container {
  padding: 0;
}
.development-assistance-map .region-card {
  position: relative;
  padding: 37px 70px 37px 42px;
  color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.development-assistance-map .region-card-wrapper {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.development-assistance-map .region-card-wrapper > * {
  pointer-events: none;
}
.development-assistance-map .region-card-image {
  margin-bottom: -10px;
  background-color: #efddca;
}
.development-assistance-map .region-title {
  margin: 0;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.33;
}
.development-assistance-map .region-dotation {
  margin: 0;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.33;
}
.development-assistance-map .region-countries {
  margin-top: 14px;
}
.development-assistance-map .region-country {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.development-assistance-map .region-country-name, .development-assistance-map .region-country-dotation {
  margin: 0;
  font-size: 1.6rem;
}

@media (min-width: 48em) {
  .development-assistance-map.collapsible-item.is-active {
    background-color: #fff;
  }
  .development-assistance-map .region-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 28px;
    margin: 9px;
  }
  .development-assistance-map .region-card-wrapper {
    width: 50%;
    padding: 9px;
  }
}
@media (min-width: 64em) {
  .development-assistance-map .region-card-wrapper {
    width: 33%;
  }
}
@media (min-width: 80em) {
  .development-assistance-map .section-content-container {
    padding-bottom: 32px;
  }
  .development-assistance-map .region {
    cursor: pointer;
  }
  .development-assistance-map .region.is-active .fadeout {
    fill: #fff;
  }
  .development-assistance-map .region.is-active .description {
    opacity: 1;
  }
  .development-assistance-map .region .fadeout,
  .development-assistance-map .region .fadein {
    -webkit-transition: fill 0.25s ease;
    transition: fill 0.25s ease;
  }
  .development-assistance-map .region .description {
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
  }
  .development-assistance-map .region-card {
    border: 6px solid;
    -webkit-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
    height: 100%;
  }
  .development-assistance-map .region-card-image {
    display: none;
  }
  .development-assistance-map .region-card-wrapper {
    width: 100%;
    height: 100%;
    padding: 9px;
    position: relative;
  }
  .development-assistance-map .region-card-wrapper > * {
    pointer-events: none;
  }
  .development-assistance-map .region-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-bottom: 28px;
    margin: 9px;
  }
  .development-assistance-map .region-map {
    height: 590px;
    overflow: hidden;
    background-color: rgba(233, 224, 214, 0.65);
    text-align: center;
  }
  .development-assistance-map .region-map.hide-irrelevant .region:not(.is-active) .fadein,
  .development-assistance-map .region-map.hide-irrelevant .region:not(.is-active) .fadeout {
    /* stylelint-disable declaration-no-important */
    fill: #fff !important;
  }
  .development-assistance-map .region-map svg {
    max-width: 1366px;
    margin-top: 34px;
    -webkit-transform: scale(1.2) translateX(-90px);
            transform: scale(1.2) translateX(-90px);
  }
}
.section-3.section.is-active:before {
  content: none;
}
.section-3 .slider {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.section-3 .slider-preloader {
  position: absolute;
  left: 0;
  right: 0;
  height: 500px;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.section-3 .slide-item {
  background-color: #eae0d7;
}
.section-3 .slide-item-image {
  margin: 0;
  position: relative;
}
.section-3 .slide-item-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eae0d7;
  mix-blend-mode: color;
  opacity: 0.5;
}
.section-3 .slide-item-image img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-3 .slide-item-image figcaption {
  position: absolute;
  max-width: 400px;
  bottom: 20px;
  left: 20px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.1;
  background-color: #4b4037;
}
.section-3 .slide-item-content {
  height: auto;
  padding: 34px 20px 24px;
  font-size: 1.6rem;
  line-height: 1.5;
  background-color: #eae0d7;
}
.section-3 .slide-item-content-title {
  margin-bottom: 18px;
}
.section-3 .slide-item-content-title h1,
.section-3 .slide-item-content-title h2,
.section-3 .slide-item-content-title h3,
.section-3 .slide-item-content-title h4,
.section-3 .slide-item-content-title h5,
.section-3 .slide-item-content-title h6 {
  margin: 0;
  margin-bottom: 16px;
  font-size: 2rem;
  line-height: 1.2;
}
.section-3 .slide-item-content-title h5 {
  color: #935fa7;
}
.section-3 .slide-item-content p.text-blue {
  margin-bottom: 0;
  font-style: italic;
}
.section-3 .section-body {
  position: relative;
}
.section-3 .slider-arrow {
  position: absolute;
  top: 285px;
}
.section-3 .slider-arrow svg {
  width: 30px;
  height: 30px;
}
.section-3 .slider-arrow-prev {
  left: 20px;
}
.section-3 .slider-arrow-next {
  right: 20px;
}
.section-3 .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 300px;
  margin: 0 auto;
}
.section-3 .slick-dots .slick-active button {
  background-color: #a78b72;
}
.section-3 .slick-dots button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  text-indent: -99999px;
  background-color: #efddca;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.section-3 .slick-dots button:hover {
  background-color: #e9e0d6;
}
.section-3 .slider-counter {
  text-align: center;
  font-family: "Piazzolla", serif;
  font-size: 3.3rem;
  font-weight: 700;
  color: #4b2a07;
}
.section-3 .slide-polish-humanitarian-action .slide-item-image img {
  -o-object-position: center left;
     object-position: center left;
}
.section-3 .slide-salesian-mission .slide-item-content,
.section-3 .slide-kiabakari-foundation .slide-item-content,
.section-3 .slide-adra-foundation .slide-item-content {
  font-size: 1.4rem;
}
.section-3 .slide-salesian-mission .slide-item-content-title .text-blue,
.section-3 .slide-kiabakari-foundation .slide-item-content-title .text-blue,
.section-3 .slide-adra-foundation .slide-item-content-title .text-blue {
  font-size: 1.4rem;
}

@media (min-width: 48em) {
  .section-3 .slide-item-content {
    height: 470px;
  }
}
@media (min-width: 64em) {
  .section-3 .accordion-header {
    top: -26px;
    z-index: 10;
  }
  .section-3 .section-body {
    padding-top: 120px;
  }
  .section-3 .slide-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .section-3 .slide-item-image {
    width: 50%;
  }
  .section-3 .slide-item-image img {
    height: 760px;
  }
  .section-3 .slide-item-content {
    width: 50%;
    height: 760px;
    padding: 44px 40px 24px;
  }
  .section-3 .slide-item-content-text {
    max-width: 540px;
  }
  .section-3 .slide-item-content-title h1,
  .section-3 .slide-item-content-title h2,
  .section-3 .slide-item-content-title h3,
  .section-3 .slide-item-content-title h4,
  .section-3 .slide-item-content-title h5,
  .section-3 .slide-item-content-title h6 {
    font-size: 2.8rem;
  }
  .section-3 .slider-arrow {
    top: 50%;
    cursor: pointer;
  }
  .section-3 .slider-arrow svg {
    width: 60px;
    height: 60px;
  }
  .section-3 .slider-arrow svg circle,
  .section-3 .slider-arrow svg path {
    -webkit-transition: fill 0.25s ease;
    transition: fill 0.25s ease;
  }
  .section-3 .slider-arrow:hover svg circle {
    fill: #4b2a07;
  }
  .section-3 .slider-arrow:hover svg path {
    fill: #fff;
  }
  .section-3 .slider-counter {
    margin-bottom: 12px;
  }
  .section-3 .slide-stop .slide-item-content-title h5 {
    font-size: 2.2rem;
  }
  .section-3 .slide-leczymy-z-misja .slide-item-content-title .text-blue {
    font-size: 2.2rem;
  }
  .section-3 .slide-salesian-mission .slide-item-content-title .text-blue,
  .section-3 .slide-adra-foundation .slide-item-content-title .text-blue,
  .section-3 .slide-redemptoris .slide-item-content-title .text-blue,
  .section-3 .slide-stop .slide-item-content-title .text-blue {
    font-size: 2rem;
  }
  .section-3 .slide-kiabakari-foundation .slide-item-content-title .text-blue,
  .section-3 .slide-leczymy-z-misja .slide-item-content-title .text-blue {
    font-size: 1.8rem;
  }
}
@media (min-width: 80em) {
  .section-3 {
    margin-bottom: 20px;
  }
  .section-3 .accordion-header {
    top: -42px;
  }
  .section-3 .section-body {
    padding-top: 230px;
  }
  .section-3 .slide-item-image {
    position: relative;
  }
  .section-3 .slide-item-image:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -100vw;
    z-index: -1;
    content: "";
    background-color: #eae0d7;
  }
  .section-3 .slide-item-image img {
    height: 760px;
    margin-left: auto;
  }
  .section-3 .slide-item-image figcaption {
    position: absolute;
    max-width: 400px;
    bottom: 20px;
    left: 20px;
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.1;
  }
  .section-3 .slide-item-content {
    height: 760px;
    padding-right: 138px;
  }
  .section-3 .slide-adra-foundation .slide-item-content,
  .section-3 .slide-salesian-mission .slide-item-content,
  .section-3 .slide-human-doc .slide-item-content,
  .section-3 .slide-kiabakari-foundation .slide-item-content {
    font-size: 1.6rem;
  }
}
.section-4 .section-title-mobile {
  margin: 16px 0 38px;
}
.section-4 .items-grid {
  text-align: center;
}
.section-4 .items-grid .item {
  margin-bottom: 80px;
  font-size: 2.1rem;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.section-4 .items-grid .item figure {
  -ms-flex-preferred-size: 208px;
      flex-basis: 208px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.section-4 .items-grid .item figure img {
  max-width: 100%;
  max-height: 150px;
  height: auto;
}

@media (min-width: 48em) {
  .section-4 .items-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 50px;
    text-align: left;
  }
  .section-4 .items-grid .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 64px;
  }
  .section-4 .section-content-container {
    padding-left: 98px;
  }
}
@media (min-width: 64em) {
  .section-4:before {
    position: absolute;
    top: 82px;
    right: 0;
    bottom: -200px;
    left: 0;
    z-index: -1;
    content: "";
    background-color: #eae0d7;
  }
  .section-4 .section-title-mobile {
    display: none;
  }
  .section-4 .section-body {
    padding-top: 250px;
  }
  .section-4 .items-grid {
    grid-gap: 40px 90px;
  }
  .section-4 .section-content-container {
    padding-left: 280px;
  }
}
@media (min-width: 80em) {
  .section-4 {
    padding-bottom: 26px;
  }
  .section-4:before {
    top: 146px;
  }
  .section-4 .section-content-container {
    padding-left: 512px;
    padding-bottom: 116px;
  }
  .section-4 .section-body {
    padding-top: 430px;
  }
  .section-4 .items-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-gap: unset;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
}
.section-5 .section-header {
  display: none;
}
.section-5 .section-sumup {
  padding: 36px 0 56px;
}
.section-5 .section-sumup .report-sumup {
  margin-top: 46px;
  font-size: 1.4rem;
}
.section-5 .section-resources {
  padding: 36px 0;
  font-size: 1.6rem;
}
.section-5 .section-resources .section-title {
  margin: 0 0 16px;
  font-weight: 400;
  font-size: 2.4rem;
  color: #fff;
  letter-spacing: 0.1em;
}
.section-5 .section-resources a {
  text-decoration: underline;
}
.section-5 .article-row-column:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}
.section-5 .article-row-column:nth-of-type(1) img {
  max-width: 125px;
}
.section-5 .article-row-column:nth-of-type(1) .column-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.section-5 .article-row-column:nth-of-type(1) .column-right svg {
  margin-bottom: 28px;
}

@media (max-width: 47.99em) {
  .section-5 .article-row-column:nth-of-type(1) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section-5 .article-row-column:nth-of-type(1) img {
    max-width: 217px;
  }
  .section-5 .article-row-column:nth-of-type(1) img.wide {
    width: 100%;
    max-width: 360px;
    margin-top: 12px;
    margin-bottom: 24px;
  }
  .section-5 .article-row-column:nth-of-type(1) .column-right {
    margin-left: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .section-5 .article-row-column:nth-of-type(1) .column-right svg {
    margin-bottom: 28px;
    max-width: 217px;
  }
  .section-5 .article-row-column:nth-of-type(1) .column-left {
    margin-bottom: 24px;
  }
}
@media (min-width: 48em) {
  .section-5 .article-row:nth-of-type(1) img {
    max-width: 217px;
  }
  .section-5 .article-row:nth-of-type(1) img.wide {
    width: 100%;
    max-width: 360px;
    margin-top: 58px;
    margin-bottom: 27px;
  }
  .section-5 .article-row:nth-of-type(1) .column-right {
    width: 217px;
    margin-left: 24px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 64em) {
  .section-5 {
    padding-top: 83px;
  }
  .section-5 .section-header {
    position: absolute;
    top: -37px;
    right: 0;
    left: 0;
    max-width: 1366px;
    display: block;
  }
  .section-5 .section-header .section-title {
    display: none;
  }
  .section-5 .section-sumup {
    padding-top: 74px;
  }
  .section-5 .article-row-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .section-5 .article-row-column:nth-child(1) {
    position: relative;
    min-width: 381px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .section-5 .article-row-column:nth-child(1) .column-left {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 24px;
  }
  .section-5 .article-row-column:nth-child(1) .column-right {
    width: 100%;
    gap: 24px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 18px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .section-5 .article-row-column:nth-child(1) .column-right svg {
    max-width: 217px;
  }
  .section-5 .article-row-column:nth-child(2) {
    margin-left: 34px;
  }
}
@media (min-width: 80em) {
  .section-5 {
    padding-top: 163px;
  }
  .section-5 .section-header {
    top: -61px;
  }
  .section-5 .section-resources {
    padding: 66px 0 36px;
  }
  .section-5 .section-resources .section-text {
    max-width: 550px;
    margin-left: 415px;
  }
  .section-5 .section-resources .section-title {
    color: #fff;
  }
  .section-5 .section-sumup {
    padding-top: 166px;
  }
  .section-5 .report-sumup br {
    display: none;
  }
  .section-5 .article-row-column:nth-child(1) {
    padding-left: 20px;
    margin: 0;
  }
  .section-5 .article-row-column:nth-child(1) .column-right {
    margin-top: 86px;
  }
  .section-5 .article-row-column:nth-child(2) {
    max-width: 550px;
  }
}
.page-footer {
  padding: 32px 0;
  font-size: 1.6rem;
}
.page-footer-left img {
  margin-bottom: 24px;
}
.page-footer-right .page-footer-row:nth-of-type(1) {
  margin-bottom: 34px;
}
.page-footer .social-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 272px;
  margin-bottom: 14px;
}
.page-footer .social-row a {
  margin-right: 0;
}

@media (min-width: 64em) {
  .page-footer {
    padding: 72px 0 18px;
  }
  .page-footer-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-footer-left {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 100px;
  }
  .page-footer-right .page-footer-row:nth-child(1) {
    margin-bottom: 54px;
  }
  .page-footer-right .page-footer-row:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .page-footer .social-row {
    width: 272px;
    margin-bottom: 0;
  }
  .page-footer .social-row .social-icon:hover:not(:nth-child(4)) path {
    fill: #d5c3b0;
  }
  .page-footer .social-row .social-icon:hover:nth-child(4) circle {
    fill: #d5c3b0;
  }
}
@media (min-width: 80em) {
  .page-footer-left {
    width: 415px;
    padding-left: 44px;
    margin: 0;
  }
  .page-footer-right .page-footer-row:first-of-type {
    max-width: 587px;
  }
  .page-footer .rzeczyobrazkowe-logo {
    margin-right: -80px;
  }
}
@media (min-width: 85.375em) {
  .page-footer .rzeczyobrazkowe-logo {
    margin-right: -220px;
  }
}
.social-icon svg path,
.social-icon svg circle,
.social-icon svg line {
  -webkit-transition: stroke 0.25s ease, fill 0.25s ease;
  transition: stroke 0.25s ease, fill 0.25s ease;
}
.cypher {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #a78b72;
}
.cypher-number {
  margin: 0;
  font-size: 6.4rem;
  line-height: 1;
  font-family: "Hercules", sans-serif;
}
.cypher svg {
  width: 20px;
  height: 40px;
}
.collapsible-header {
  cursor: pointer;
}
.collapsible-header > * {
  pointer-events: none;
}
.collapsible-body {
  display: none;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face {
  font-family: "Hercules";
  src: url(../assets/fonts/hercules.431928.eot);
  src: url(../assets/fonts/hercules.431928.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/hercules.f1561f.woff2) format("woff2"), url(../assets/fonts/hercules.227d53.woff) format("woff"), url(../assets/fonts/hercules.fec220.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-weight: 400;
  font-size: 1.8rem;
  font-family: "Roboto Condensed", sans-serif;
  color: #3f2f20;
  line-height: 1.8;
  word-break: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  text-transform: uppercase;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

p {
  margin: 0 0 18px;
}
p:last-of-type {
  margin-bottom: 0;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

button {
  padding: 0;
  cursor: pointer;
  background: 0;
  border: 0;
  -webkit-appearance: none;
}
button * {
  pointer-events: none;
}

button,
a,
input {
  outline: none;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

input {
  padding: 0;
  border: 0;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.section-title {
  font-size: 2rem;
  color: #3f2f20;
  text-transform: uppercase;
  line-height: 1.3;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

@media (min-width: 64em) {
  .section-title {
    font-size: 3.6rem;
  }
}
.heading {
  margin: 0;
  font-size: 2.3rem;
  line-height: 1.3;
}

.text-blue {
  color: #4b2a07;
}
.text-white {
  color: #fff;
}
.text-sand {
  color: #d5c3b0;
}
.text-uppercase {
  text-transform: uppercase;
}

.social-row .social-icon {
  display: inline-block;
  margin-right: 26px;
}
.social-row .social-icon:last-of-type {
  margin-right: 0;
}
.social-row .social-icon path {
  -webkit-transition: fill 0.25s ease;
  transition: fill 0.25s ease;
}

.section {
  position: relative;
}
.section .accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section .accordion-header .section-title {
  margin-left: 48px;
}
.section .accordion-header .cypher-number {
  margin-left: 22px;
}

@media (max-width: 63.99em) {
  body.nav-open .section > .accordion-header {
    opacity: 0;
  }
  .section {
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
  }
  .section:not(.section-5) {
    margin-top: 22px;
    padding-bottom: 38px;
  }
  .section:not(.section-5) .accordion-header {
    position: relative;
  }
  .section:not(.section-5) .accordion-header:before {
    position: absolute;
    top: -22px;
    left: 20px;
    right: 20px;
    height: 1px;
    background-color: #a78b72;
    content: "";
    -webkit-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
  }
  .section:not(.section-5):last-of-type:after {
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background-color: #a78b72;
    content: "";
    -webkit-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
  }
  .section:not(.section-5):before {
    position: absolute;
    top: 53px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: #eae0d7;
    content: "";
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
  }
  .section.is-active .accordion-header {
    position: sticky;
    top: 8px;
    z-index: 300;
  }
  .section.is-active .accordion-header .section-title {
    opacity: 0;
  }
  .section.is-active .accordion-header:before {
    background-color: transparent;
  }
  .section.is-active:before {
    opacity: 1;
  }
  .section.is-active .section-cypher svg {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 44px;
    height: 88px;
  }
  .section.is-active .section-cypher svg path {
    fill: #d5c3b0;
  }
  .section.is-active .section-cypher .cypher-number {
    margin: 0 18px 0 0;
    color: #d5c3b0;
    font-size: 12.2rem;
  }
  .section .section-cypher svg {
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .section .section-cypher svg path {
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .section .section-cypher .cypher-number {
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
}
@media (min-width: 64em) {
  .section .accordion-header {
    position: absolute;
    left: 0;
    right: 0;
  }
  .section .accordion-header .section-title {
    margin-left: -40px;
  }
  .section .section-cypher svg {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 80px;
    height: 160px;
  }
  .section .section-cypher svg path {
    fill: #d5c3b0;
  }
  .section .section-cypher .cypher-number {
    margin-right: 64px;
    font-size: 24rem;
    color: #d5c3b0;
  }
}
@media (min-width: 80em) {
  .section .accordion-header .section-title {
    margin-left: -84px;
  }
  .section .section-cypher svg {
    width: 163px;
    height: 326px;
  }
  .section .section-cypher .cypher-number {
    font-size: 44.7rem;
  }
}
.section-chart-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.section-chart-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.section-chart-icon svg {
  width: 64px;
  height: auto;
}

@media (min-width: 48em) {
  .section-chart-container {
    grid-template-columns: 56px 1fr;
    gap: 20px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  .section-chart-icon {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 25px;
  }
  .section-chart-icon svg {
    width: 80px;
    height: auto;
  }
}
@media (min-width: 64em) {
  .section-chart-container {
    grid-template-columns: 80px 1fr;
    gap: 86px;
    padding-left: 92px;
  }
}
@media (min-width: 80em) {
  .section-chart-container {
    padding-left: 248px;
  }
  .section-chart-icon {
    padding-bottom: 125px;
  }
}
.bg-sand {
  background-color: #efddca;
}
.bg-navy {
  color: #fff;
  background-color: #3f2f20;
}
.bg-navy a:hover {
  color: #d5c3b0;
}
.bg-blue {
  color: #fff;
  background-color: #4b4037;
}
.bg-blue a:hover {
  color: #d5c3b0;
}

.windmill {
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0) translateY(0);
            transform: rotate(0) translateY(0);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0) translateY(0);
            transform: rotate(0) translateY(0);
  }
}

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

@media (min-width: 80em) {
  .container {
    width: 100%;
    padding: 0 96px;
    margin: 0 auto;
  }
}
.preloader:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 44px;
  width: 44px;
  margin-top: calc(-22px);
  margin-left: calc(-22px);
  content: "";
  mix-blend-mode: revert;
  border-radius: 50%;
  background-color: #3f2f20;
  animation: after 700ms cubic-bezier(0.3, 0.5, 0.4, 0.9) infinite alternate-reverse;
}
.preloader:before {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 44px;
  width: 44px;
  margin-top: calc(-22px);
  margin-left: calc(-22px);
  content: "";
  mix-blend-mode: revert;
  border-radius: 50%;
  animation: before 700ms cubic-bezier(0.3, 0.5, 0.4, 0.9) infinite alternate-reverse;
  background-color: #a78b72;
}

@-webkit-keyframes before {
  to {
    -webkit-transform: translateX(calc(44px + calc(5px)));
            transform: translateX(calc(44px + calc(5px)));
  }
}

@keyframes before {
  to {
    -webkit-transform: translateX(calc(44px + calc(5px)));
            transform: translateX(calc(44px + calc(5px)));
  }
}
@-webkit-keyframes after {
  to {
    -webkit-transform: translateX(calc(44px * -1 - calc(5px)));
            transform: translateX(calc(44px * -1 - calc(5px)));
  }
}
@keyframes after {
  to {
    -webkit-transform: translateX(calc(44px * -1 - calc(5px)));
            transform: translateX(calc(44px * -1 - calc(5px)));
  }
}
.recommendation {
  width: 100%;
  margin: 0 auto;
  margin-top: 24px;
  padding-bottom: 24px;
}
.recommendation .recommendation-frame {
  background-color: #dccdbf;
  padding: 24px;
  font-family: "Roboto Condensed", sans-serif;
}
.recommendation h3 {
  font-family: "Roboto Condensed", sans-serif;
}
.recommendation ol {
  list-style-type: none;
  counter-reset: recommendation-counter;
  padding-left: 0;
  margin-top: 20px;
}
.recommendation li {
  counter-increment: recommendation-counter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 1.5em;
  line-height: 1.6;
  padding-top: 0.5em;
}
.recommendation li:before {
  content: counter(recommendation-counter) ".";
  font-family: "Hercules", sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #4b2a07;
  min-width: 1em;
  margin-right: 0.5em;
  text-align: right;
  line-height: 0.85em;
}

@media (min-width: 48em) {
  .recommendation .recommendation-frame {
    padding: 24px 24px 24px 78px;
  }
}
@media (min-width: 64em) {
  .recommendation {
    padding-left: 200px;
    padding-bottom: 64px;
  }
  .recommendation .recommendation-frame {
    padding: 24px 24px 24px 80px;
  }
}
@media (min-width: 80em) {
  .recommendation {
    padding-left: 430px;
    padding-bottom: 64px;
  }
  .recommendation .recommendation-frame {
    padding: 24px 80px 24px 80px;
  }
}