.row {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto; }

.flex-wrapper {
  display: flex;
  flex-wrap: wrap; }

.flex-item {
  padding-left: 12px;
  padding-right: 12px;
  width: calc(8.33333%); }

.container {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 1440px) {
    .container {
      padding-left: 100px;
      padding-right: 100px; } }

.row {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto; }

.flex-wrapper {
  display: flex;
  flex-wrap: wrap; }

body,
html {
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  font-size: 16px; }

body {
  overflow-x: hidden;
  padding-top: 126px;
  position: relative; }
  @media (min-width: 1024px) {
    body {
      padding-top: 200px; } }
  body:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1193px;
    background: url("/themes/custom/drutheme/dist/assets/shapes/header-bg.svg") no-repeat right -245px center;
    background-size: 1626px 1193px;
    top: -390px;
    right: 0;
    transform-origin: center center;
    z-index: -1; }
  body.node-3:after {
    display: none; }
  body.page-node-type-home-page:after {
    background: url("/themes/custom/drutheme/dist/assets/shapes/header-bg--primary.svg") no-repeat right -245px center;
    background-size: 1626px 1193px; }

h1, h2, h3, h4, h5 {
  font-family: chaloops, sans-serif;
  font-weight: 700;
  margin-top: 0; }
  h1.text-align-center, h2.text-align-center, h3.text-align-center, h4.text-align-center, h5.text-align-center {
    text-align: center; }

h1 {
  font-family: mister-brown, sans-serif;
  font-weight: 400;
  color: #529292;
  font-size: 60px;
  line-height: 50px;
  margin-bottom: 30px; }
  @media (min-width: 780px) {
    h1 {
      font-size: 100px;
      line-height: 80px; } }
  @media (min-width: 1024px) {
    h1 {
      font-size: 160px;
      line-height: 110px; } }

h2 {
  font-family: chaloops, sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
  color: #529292; }
  @media (min-width: 640px) {
    h2 {
      font-size: 35px;
      line-height: 37px; } }
  @media (min-width: 1200px) {
    h2 {
      font-size: 45px;
      line-height: 49px; } }

h3 {
  font-family: chaloops, sans-serif;
  font-weight: 700;
  color: #8DC53E; }

h4 {
  font-family: chaloops, sans-serif;
  font-weight: 700;
  color: #8DC53E;
  font-size: 18px;
  margin-bottom: 0; }
  h4 + p {
    margin-top: 0; }
  h4 a {
    font-family: chaloops, sans-serif;
    font-weight: 700;
    color: #8DC53E;
    font-size: 18px; }

ul {
  list-style-position: inside; }

ul li,
ol li,
p {
  line-height: 1.7;
  color: #6CA2A2; }
  ul li a,
  ol li a,
  p a {
    color: #6CA2A2;
    transition: all 0.35s; }
    ul li a:hover, ul li a:focus,
    ol li a:hover,
    ol li a:focus,
    p a:hover,
    p a:focus {
      color: #529292; }
  @media (min-width: 780px) {
    ul li,
    ol li,
    p {
      font-size: 16px; } }

p.text-align-center {
  text-align: center; }

blockquote {
  margin: 0; }
  blockquote p {
    font-family: mister-brown, sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 35px;
    margin-bottom: 20px;
    color: #529292;
    margin-top: 0; }
    @media (min-width: 780px) {
      blockquote p {
        font-size: 60px;
        line-height: 54px; } }

.toolbar-oriented .toolbar-bar {
  z-index: 99999; }

.visually-hidden {
  display: none; }

.back-button {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #529292;
  font-family: chaloops, sans-serif;
  font-weight: 700;
  font-size: 18px;
  transition: color 0.2s; }
  .back-button svg {
    padding-right: 15px; }
    .back-button svg path {
      transition: fill 0.2s; }
  .back-button:hover, .back-button:focus {
    color: #8DC53E; }
    .back-button:hover svg .bg, .back-button:focus svg .bg {
      fill: #8DC53E; }

.block-better-social-sharing-buttons .social-sharing-buttons {
  justify-content: flex-start; }
  .block-better-social-sharing-buttons .social-sharing-buttons a {
    background: #8DC53E;
    transition: background 0.2s; }
    .block-better-social-sharing-buttons .social-sharing-buttons a:hover {
      background: #529292; }
  .block-better-social-sharing-buttons .social-sharing-buttons svg {
    fill: #fff; }

.button, body button,
body .button {
  display: inline-block;
  text-decoration: none;
  background: url("/themes/custom/drutheme/dist/assets/shapes/button--secondary.svg") no-repeat center center;
  background-size: 100% 100%;
  color: #fff;
  transition: all .2s;
  font-family: chaloops, sans-serif;
  font-weight: 700;
  font-size: 20px;
  padding: 17px 25px;
  margin-left: 0; }
  .button:hover, body button:hover, .button:focus, body button:focus {
    background: url("/themes/custom/drutheme/dist/assets/shapes/button--primary.svg") no-repeat center center;
    background-size: 100% 100%;
    color: #fff; }

body button,
body button,
body .button {
  border: none; }

body.safari button,
body.safari button,
body.safari .button {
  transition: none !important; }

form .g-recaptcha,
form .form-item {
  margin-bottom: 35px;
  margin-top: 0; }
  form .g-recaptcha .description,
  form .form-item .description {
    margin-left: 0; }
    form .g-recaptcha .description .webform-element-description,
    form .form-item .description .webform-element-description {
      font-size: 14px;
      color: #afb3b3;
      font-style: italic; }
  form .g-recaptcha > label,
  form .form-item > label {
    display: block;
    margin-bottom: 15px;
    color: #6CA2A2; }
    form .g-recaptcha > label + .description,
    form .form-item > label + .description {
      margin-top: -10px;
      margin-bottom: 15px; }
    form .g-recaptcha > label a,
    form .form-item > label a {
      color: #6CA2A2; }

form .form-required:after {
  content: '*';
  background: none;
  position: absolute; }

form .webform-checkboxes-other--wrapper,
form .checkboxes--wrapper,
form .radios--wrapper {
  border: none;
  margin: 0 0 35px;
  padding: 0; }
  form .webform-checkboxes-other--wrapper legend,
  form .webform-checkboxes-other--wrapper .fieldset-legend,
  form .checkboxes--wrapper legend,
  form .checkboxes--wrapper .fieldset-legend,
  form .radios--wrapper legend,
  form .radios--wrapper .fieldset-legend {
    color: #6CA2A2 !important;
    font-weight: normal;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    line-height: 1.15;
    margin-bottom: 15px; }

form .form-actions .button, form .form-actions body button, body form .form-actions button {
  padding: 17px 22px;
  box-shadow: none;
  border: none; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  padding: 15px 24px;
  border-radius: 0;
  border: 1px solid #F8F8F8;
  transition: border-color, 0.35s;
  width: 100%;
  max-width: 100%;
  background: #F8F8F8;
  outline: none;
  color: #6CA2A2;
  font-size: 14px; }
  input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, textarea::-moz-placeholder {
    color: #529292;
    font-size: 14px; }
  input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #529292;
    font-size: 14px; }
  input[type="text"]::placeholder,
  input[type="password"]::placeholder,
  input[type="date"]::placeholder,
  input[type="datetime"]::placeholder,
  input[type="datetime-local"]::placeholder,
  input[type="month"]::placeholder,
  input[type="week"]::placeholder,
  input[type="email"]::placeholder,
  input[type="number"]::placeholder,
  input[type="search"]::placeholder,
  input[type="tel"]::placeholder,
  input[type="time"]::placeholder,
  input[type="url"]::placeholder,
  textarea::placeholder {
    color: #529292;
    font-size: 14px; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    border-color: #529292; }

.form-type-select .select2-container .select2-selection {
  border-radius: 0;
  height: 48px;
  border: none; }
  .form-type-select .select2-container .select2-selection__rendered {
    display: flex;
    align-items: center;
    height: 48px;
    color: #529292 !important;
    padding-left: 24px;
    background: #F8F8F8;
    border: none; }
  .form-type-select .select2-container .select2-selection__arrow {
    display: flex;
    align-items: center;
    height: 100%;
    padding-right: 15px;
    width: 28px; }
    .form-type-select .select2-container .select2-selection__arrow b {
      width: 18px;
      height: 10px;
      background: url("/themes/custom/drutheme/dist/assets/caret--down--secondary.svg") no-repeat center center;
      background-size: 100%;
      border: none;
      position: relative;
      margin: 0;
      top: auto;
      left: auto; }

.select2-container--open .select2-dropdown {
  background: #F8F8F8;
  border: none;
  border-radius: 0; }
  .select2-container--open .select2-dropdown .select2-search {
    padding: 10px 15px; }
    .select2-container--open .select2-dropdown .select2-search input {
      background: #fff;
      border: #529292;
      height: 40px;
      padding-left: 15px;
      padding-right: 15px; }

.select2-container .select2-results__option {
  padding-left: 15px;
  padding-right: 15px; }
  .select2-container .select2-results__option--highlighted {
    background-color: #8DC53E !important; }

.webform-type-checkboxes > legend .fieldset-legend {
  color: #000; }

.form-type-webform-markup {
  color: #6CA2A2; }

input[type='checkbox'] {
  opacity: 0;
  position: absolute; }
  input[type='checkbox'] + label {
    cursor: pointer;
    margin: 0;
    padding-left: 35px; }
    input[type='checkbox'] + label:before {
      content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      min-width: 16px;
      min-height: 16px;
      border: 1px solid #afb3b3;
      margin-right: 15px;
      background: #fff;
      transform: translateY(4px);
      margin-left: -35px; }
  input[type='checkbox']:checked + label:before {
    background-image: url("../../assets/checkbox-checked.svg");
    background-size: 11px;
    background-position: center;
    background-repeat: no-repeat; }

input[type='radio'] {
  opacity: 0;
  position: absolute; }
  input[type='radio'] + label {
    cursor: pointer;
    margin: 0;
    position: relative; }
    input[type='radio'] + label:before {
      content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      min-width: 16px;
      min-height: 16px;
      border: 1px solid #afb3b3;
      border-radius: 16px;
      margin-right: 15px;
      background: #fff;
      transform: translateY(4px); }
  input[type='radio']:checked + label:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    border-radius: 16px;
    background: #529292;
    position: absolute;
    top: 7px;
    left: 3px; }

.path-user .region-content {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 1440px) {
    .path-user .region-content {
      padding-left: 100px;
      padding-right: 100px; } }
  .path-user .region-content .block-drutheme-content {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto; }

.path-user .user-login-form,
.path-user .user-pass {
  padding-left: 12px;
  padding-right: 12px;
  max-width: 400px; }
  .path-user .user-login-form .form-item label,
  .path-user .user-pass .form-item label {
    display: block;
    margin-bottom: 5px; }
    .path-user .user-login-form .form-item label:after,
    .path-user .user-pass .form-item label:after {
      display: none; }
  .path-user .user-login-form .form-item input,
  .path-user .user-pass .form-item input {
    border: 1px solid #afb3b3;
    padding: 10px 8px; }
  .path-user .user-login-form .form-item .description,
  .path-user .user-pass .form-item .description {
    color: #F7FAFA;
    font-style: italic;
    padding-top: 4px; }

.webform-confirmation {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (min-width: 1440px) {
    .webform-confirmation {
      padding-left: 100px;
      padding-right: 100px; } }
  @media (min-width: 780px) {
    .webform-confirmation {
      padding-top: 80px;
      padding-bottom: 80px; } }
  .webform-confirmation h2 {
    font-family: chaloops, sans-serif;
    font-weight: 700;
    margin-bottom: 35px;
    font-size: 45px; }
  .webform-confirmation__back {
    padding-top: 40px; }
    .webform-confirmation__back .button, .webform-confirmation__back body button, body .webform-confirmation__back button {
      color: #fff; }
      .webform-confirmation__back .button:hover, .webform-confirmation__back body button:hover, body .webform-confirmation__back button:hover, .webform-confirmation__back .button:focus, .webform-confirmation__back body button:focus, body .webform-confirmation__back button:focus {
        color: #fff; }
  .webform-confirmation > div {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
    width: calc(100%);
    text-align: center;
    color: #6CA2A2; }
    .webform-confirmation > div a {
      color: #6CA2A2;
      transition: color 0.2s;
      font-weight: bold; }
      .webform-confirmation > div a:hover, .webform-confirmation > div a:focus {
        color: #8DC53E; }

#edit-discreet--wrapper legend {
  display: none; }

.webform-submission-brochure-nalatenschap-form {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px; }
  .webform-submission-brochure-nalatenschap-form > .form-item {
    padding-left: 12px;
    padding-right: 12px;
    width: calc(100%); }
    @media (min-width: 640px) {
      .webform-submission-brochure-nalatenschap-form > .form-item {
        padding-left: 12px;
        padding-right: 12px;
        width: calc(50%); } }
  .webform-submission-brochure-nalatenschap-form > .form-actions,
  .webform-submission-brochure-nalatenschap-form > .form-item-consent,
  .webform-submission-brochure-nalatenschap-form > #edit-discreet--wrapper {
    padding-left: 12px;
    padding-right: 12px;
    width: calc(100%); }

.js-form-type-checkbox.switch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start; }
  .js-form-type-checkbox.switch > label {
    order: -2;
    width: 100%; }
  .js-form-type-checkbox.switch > .description {
    order: -1;
    width: 100%; }
  .js-form-type-checkbox.switch .field-prefix,
  .js-form-type-checkbox.switch .field-suffix,
  .js-form-type-checkbox.switch .lcs_wrap {
    display: inline-block; }
  .js-form-type-checkbox.switch .field-suffix,
  .js-form-type-checkbox.switch .field-prefix {
    font-size: 14px;
    color: #afb3b3; }
  .js-form-type-checkbox.switch .lcs_wrap {
    margin: 0 12px;
    width: 53px; }
  .js-form-type-checkbox.switch .lcs_switch.lcs_on {
    background: #8DC53E; }
    .js-form-type-checkbox.switch .lcs_switch.lcs_on .lcs_cursor {
      left: 28px; }

.js-form-type-number.range-slider > input {
  display: none; }

.js-form-type-number.range-slider:hover .al-range-slider__tooltip, .js-form-type-number.range-slider:focus .al-range-slider__tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); }

.js-form-type-number.range-slider .al-range-slider {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0; }
  .js-form-type-number.range-slider .al-range-slider__input {
    box-shadow: none;
    font-family: proxima-nova, sans-serif;
    color: #6CA2A2;
    font-size: 14px;
    max-height: none;
    margin: 0 20px 0 0;
    flex: 1 0 50px;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px; }
  .js-form-type-number.range-slider .al-range-slider__grid-tick {
    display: none; }
  .js-form-type-number.range-slider .al-range-slider__knob {
    background: #8DC53E;
    border: none;
    box-shadow: none; }
  .js-form-type-number.range-slider .al-range-slider__track {
    box-shadow: none;
    border: 1px solid #e1e5e5;
    margin-top: 15px;
    margin-bottom: 15px; }
  .js-form-type-number.range-slider .al-range-slider__bar {
    background: #afb3b3;
    box-shadow: none; }
  .js-form-type-number.range-slider .al-range-slider__tooltip {
    background: transparent;
    color: #fff;
    border: 0 #8DC53E;
    width: 48px;
    height: 48px;
    line-height: 0;
    top: -47px;
    left: -10px;
    box-shadow: none;
    text-align: center;
    font-size: 14px;
    position: relative;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.4s; }
    .js-form-type-number.range-slider .al-range-slider__tooltip::after {
      content: '';
      display: block;
      height: 48px;
      width: 48px;
      border-radius: 50% 50% 0;
      background: #8DC53E;
      position: absolute;
      bottom: 21px;
      left: -2px;
      z-index: -1;
      border: 0;
      transform: rotate(45deg); }

.webform-submission-adoptie-aanvraag-form > fieldset,
.webform-submission-adoptie-aanvraag-kat-form > fieldset {
  padding: 0;
  margin: 0 0 50px;
  border: none; }
  .webform-submission-adoptie-aanvraag-form > fieldset > legend,
  .webform-submission-adoptie-aanvraag-kat-form > fieldset > legend {
    padding-left: 12px;
    padding-right: 12px;
    width: calc(100%);
    display: block;
    width: 100%;
    font-family: chaloops, sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #8DC53E;
    margin-bottom: 30px;
    background: transparent; }

.webform-submission-adoptie-aanvraag-form .fieldset-wrapper,
.webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap; }
  .webform-submission-adoptie-aanvraag-form .fieldset-wrapper > .form-item,
  .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper > .form-item {
    padding-left: 12px;
    padding-right: 12px;
    width: calc(100%); }
    @media (min-width: 640px) {
      .webform-submission-adoptie-aanvraag-form .fieldset-wrapper > .form-item,
      .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper > .form-item {
        padding-left: 12px;
        padding-right: 12px;
        width: calc(50%); }
        .webform-submission-adoptie-aanvraag-form .fieldset-wrapper > .form-item.form-item-adoption-reason,
        .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper > .form-item.form-item-adoption-reason {
          padding-left: 12px;
          padding-right: 12px;
          width: calc(100%); }
        .webform-submission-adoptie-aanvraag-form .fieldset-wrapper > .form-item.form-item-life-confort-extra,
        .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper > .form-item.form-item-life-confort-extra {
          padding-left: 12px;
          padding-right: 12px;
          width: calc(100%); } }
    @media (min-width: 1024px) {
      .webform-submission-adoptie-aanvraag-form .fieldset-wrapper > .form-item.form-item-animal-stay-alone-time, .webform-submission-adoptie-aanvraag-form .fieldset-wrapper > .form-item.form-item-animal-vacation, .webform-submission-adoptie-aanvraag-form .fieldset-wrapper > .form-item.form-item-extra-information-house,
      .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper > .form-item.form-item-animal-stay-alone-time,
      .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper > .form-item.form-item-animal-vacation,
      .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper > .form-item.form-item-extra-information-house {
        padding-left: 12px;
        padding-right: 12px;
        width: calc(33.33333%); } }
  @media (min-width: 640px) {
    .webform-submission-adoptie-aanvraag-form .fieldset-wrapper #edit-animal-stay--wrapper,
    .webform-submission-adoptie-aanvraag-form .fieldset-wrapper .webform-checkboxes-other,
    .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper #edit-animal-stay--wrapper,
    .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper .webform-checkboxes-other {
      padding-left: 12px;
      padding-right: 12px;
      width: calc(100%); } }
  @media (min-width: 1024px) {
    .webform-submission-adoptie-aanvraag-form .fieldset-wrapper #edit-animal-stay--wrapper,
    .webform-submission-adoptie-aanvraag-form .fieldset-wrapper .webform-checkboxes-other,
    .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper #edit-animal-stay--wrapper,
    .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper .webform-checkboxes-other {
      display: flex;
      flex-wrap: wrap;
      margin-left: -12px;
      margin-right: -12px; }
      .webform-submission-adoptie-aanvraag-form .fieldset-wrapper #edit-animal-stay--wrapper > legend,
      .webform-submission-adoptie-aanvraag-form .fieldset-wrapper .webform-checkboxes-other > legend,
      .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper #edit-animal-stay--wrapper > legend,
      .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper .webform-checkboxes-other > legend {
        padding-left: 12px;
        padding-right: 12px;
        width: calc(33.33333%);
        display: block;
        box-sizing: border-box;
        float: left;
        clear: left; }
      .webform-submission-adoptie-aanvraag-form .fieldset-wrapper #edit-animal-stay--wrapper > .fieldset-wrapper,
      .webform-submission-adoptie-aanvraag-form .fieldset-wrapper .webform-checkboxes-other > .fieldset-wrapper,
      .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper #edit-animal-stay--wrapper > .fieldset-wrapper,
      .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper .webform-checkboxes-other > .fieldset-wrapper {
        padding-left: 12px;
        padding-right: 12px;
        width: calc(66.66667%); }
      .webform-submission-adoptie-aanvraag-form .fieldset-wrapper #edit-animal-stay--wrapper .form-checkboxes,
      .webform-submission-adoptie-aanvraag-form .fieldset-wrapper .webform-checkboxes-other .form-checkboxes,
      .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper #edit-animal-stay--wrapper .form-checkboxes,
      .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper .webform-checkboxes-other .form-checkboxes {
        display: flex;
        flex-wrap: wrap;
        margin-left: -12px;
        margin-right: -12px;
        min-width: 100%; }
        .webform-submission-adoptie-aanvraag-form .fieldset-wrapper #edit-animal-stay--wrapper .form-checkboxes > .form-item,
        .webform-submission-adoptie-aanvraag-form .fieldset-wrapper .webform-checkboxes-other .form-checkboxes > .form-item,
        .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper #edit-animal-stay--wrapper .form-checkboxes > .form-item,
        .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper .webform-checkboxes-other .form-checkboxes > .form-item {
          padding-left: 12px;
          padding-right: 12px;
          width: calc(25%); } }
  .webform-submission-adoptie-aanvraag-form .fieldset-wrapper .webform-checkboxes-other .webform-checkboxes-other-input,
  .webform-submission-adoptie-aanvraag-kat-form .fieldset-wrapper .webform-checkboxes-other .webform-checkboxes-other-input {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0; }

@media (min-width: 1024px) {
  .webform-submission-adoptie-aanvraag-form #edit-personal > .fieldset-wrapper > .form-item,
  .webform-submission-adoptie-aanvraag-kat-form #edit-personal > .fieldset-wrapper > .form-item {
    padding-left: 12px;
    padding-right: 12px;
    width: calc(25%); }
    .webform-submission-adoptie-aanvraag-form #edit-personal > .fieldset-wrapper > .form-item.form-item-adoption-reason,
    .webform-submission-adoptie-aanvraag-kat-form #edit-personal > .fieldset-wrapper > .form-item.form-item-adoption-reason {
      padding-left: 12px;
      padding-right: 12px;
      width: calc(100%); }
  .webform-submission-adoptie-aanvraag-form #edit-gezinssamenstelling > .fieldset-wrapper > .form-item,
  .webform-submission-adoptie-aanvraag-kat-form #edit-gezinssamenstelling > .fieldset-wrapper > .form-item {
    padding-left: 12px;
    padding-right: 12px;
    width: calc(25%); }
  .webform-submission-adoptie-aanvraag-form #edit-huisvesting > .fieldset-wrapper > .form-item,
  .webform-submission-adoptie-aanvraag-kat-form #edit-huisvesting > .fieldset-wrapper > .form-item {
    padding-left: 12px;
    padding-right: 12px;
    width: calc(33.33333%); }
  .webform-submission-adoptie-aanvraag-form #edit-ervaring > .fieldset-wrapper > .form-item,
  .webform-submission-adoptie-aanvraag-kat-form #edit-ervaring > .fieldset-wrapper > .form-item {
    padding-left: 12px;
    padding-right: 12px;
    width: calc(33.33333%); } }

.messages__content {
  padding-left: 12px;
  padding-right: 12px;
  width: calc(100%); }

.messages h2.visually-hidden {
  display: none; }

.modal {
  display: none; }

.pager > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none; }
  .pager > ul > li {
    display: block;
    background: none; }

.pager__item {
  color: #529292;
  font-size: 22px; }
  .pager__item.is-active {
    color: #8DC53E; }
  .pager__item a {
    text-decoration: none;
    color: #529292;
    transition: color 0.2s; }
    .pager__item a:hover, .pager__item a:focus {
      color: #8DC53E; }

.pager .pagination-next,
.pager .pagination-previous {
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 640px) {
    .pager .pagination-next,
    .pager .pagination-previous {
      padding-left: 40px;
      padding-right: 40px; } }
  .pager .pagination-next .visually-hidden,
  .pager .pagination-previous .visually-hidden {
    display: none; }
  .pager .pagination-next a,
  .pager .pagination-previous a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 59px; }
    .pager .pagination-next a:hover .background svg path, .pager .pagination-next a:focus .background svg path,
    .pager .pagination-previous a:hover .background svg path,
    .pager .pagination-previous a:focus .background svg path {
      fill: #8DC53E; }
  .pager .pagination-next a > span,
  .pager .pagination-previous a > span {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
  .pager .pagination-next .background,
  .pager .pagination-previous .background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -9; }
    .pager .pagination-next .background svg path,
    .pager .pagination-previous .background svg path {
      transition: fill 0.2s; }

.pager .pagination-previous .arrow {
  transform: rotate(180deg) translateY(5px); }

.pager .pager__item--last,
.pager .pager__item--first {
  display: none; }

.site-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  background: transparent;
  transition: background 0.25s; }
  .site-header.scroll {
    background: #fff; }

.region-header {
  display: flex;
  flex-wrap: wrap;
  max-width: 1700px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 35px; }
  @media (min-width: 640px) {
    .region-header {
      padding-top: 25px;
      padding-bottom: 25px; } }
  .region-header .block-drutheme-site-branding svg {
    max-width: 104px;
    height: auto; }
    @media (min-width: 1200px) {
      .region-header .block-drutheme-site-branding svg {
        max-width: 170px; } }

.page-header {
  text-align: center;
  margin-bottom: 70px; }
  @media (min-width: 780px) {
    .page-header {
      margin-bottom: 140px; } }
  .page-header h2 {
    color: #8DC53E;
    font-family: chaloops, sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 25px; }
    @media (min-width: 780px) {
      .page-header h2 {
        font-size: 20px;
        line-height: 29px; } }
    @media (min-width: 1024px) {
      .page-header h2 {
        font-size: 26px;
        line-height: 43px; } }
  .page-header__intro {
    padding-left: 12px;
    padding-right: 12px;
    width: calc(83.33333%);
    margin-left: calc(8.33333%);
    text-align: center;
    margin-top: 35px; }
    .page-header__intro .button, .page-header__intro body button, body .page-header__intro button {
      display: inline-block;
      text-decoration: none;
      background: url("/themes/custom/drutheme/dist/assets/shapes/button--secondary.svg") no-repeat center center;
      background-size: 100% 100%;
      color: #fff;
      transition: all .2s;
      font-family: chaloops, sans-serif;
      font-weight: 700;
      font-size: 20px;
      padding: 17px 25px;
      margin-left: 0;
      background: url("/themes/custom/drutheme/dist/assets/shapes/button--primary.svg") no-repeat center center;
      background-size: 100% 100%;
      margin-top: 50px; }
      .page-header__intro .button:hover, .page-header__intro body button:hover, body .page-header__intro button:hover, .page-header__intro .button:focus, .page-header__intro body button:focus, body .page-header__intro button:focus {
        background: url("/themes/custom/drutheme/dist/assets/shapes/button--primary.svg") no-repeat center center;
        background-size: 100% 100%;
        color: #fff; }
      .page-header__intro .button:hover, .page-header__intro body button:hover, body .page-header__intro button:hover, .page-header__intro .button:focus, .page-header__intro body button:focus, body .page-header__intro button:focus {
        background: url("/themes/custom/drutheme/dist/assets/shapes/button--secondary.svg") no-repeat center center;
        background-size: 100% 100%; }
    @media (min-width: 780px) {
      .page-header__intro {
        padding-left: 12px;
        padding-right: 12px;
        width: calc(66.66667%);
        margin-left: calc(16.66667%); } }
  .page-header__content {
    padding-left: 12px;
    padding-right: 12px;
    width: calc(100%); }
    @media (min-width: 640px) {
      .page-header__content {
        padding-left: 12px;
        padding-right: 12px;
        width: calc(66.66667%);
        margin-left: calc(16.66667%); } }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 20px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  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: #fff; }

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

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

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 40px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 40px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 40px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 40px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 40px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 40px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-4px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-4px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(4px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(4px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-4px, -5px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-4px, 5px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(4px, -5px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(4px, 5px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -40px;
      top: -40px;
      transform: translate3d(40px, 40px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -40px;
      top: -40px;
      transform: translate3d(-40px, 40px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -40px;
      top: 40px;
      transform: translate3d(40px, -40px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -40px;
      top: 40px;
      transform: translate3d(-40px, -40px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-2.85714px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(2.85714px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

.mobile-navigation-button {
  position: relative;
  z-index: 9999; }
  .mobile-navigation-button .hamburger-label {
    display: none !important; }
  @media (min-width: 1100px) {
    .mobile-navigation-button {
      display: none; } }

ul.menu {
  margin: 0; }
  ul.menu--mobile {
    text-align: center !important; }
    ul.menu--mobile ul.menu {
      margin: 0;
      text-align: center; }
    ul.menu--mobile li {
      margin-bottom: 25px;
      width: 100%; }
      ul.menu--mobile li a {
        display: inline-block;
        text-decoration: none;
        color: #fff;
        padding: 10px 25px;
        font-family: chaloops, sans-serif;
        font-weight: 700;
        font-size: 25px; }
      ul.menu--mobile li.is-parent {
        position: relative; }
        ul.menu--mobile li.is-parent > ul.menu {
          display: none; }
          ul.menu--mobile li.is-parent > ul.menu > li {
            margin-bottom: 5px; }
          ul.menu--mobile li.is-parent > ul.menu a {
            font-size: 18px; }
    ul.menu--mobile .mobile-dropdown-trigger {
      position: absolute;
      right: calc(50% - 140px);
      top: 21px;
      display: inline-block;
      width: 20px;
      height: 20px;
      cursor: pointer;
      background: none;
      padding: 0; }
      ul.menu--mobile .mobile-dropdown-trigger:before, ul.menu--mobile .mobile-dropdown-trigger:after {
        content: '';
        display: block;
        background: #fff;
        position: absolute; }
      ul.menu--mobile .mobile-dropdown-trigger:before {
        width: 20px;
        height: 2px;
        top: 9px;
        left: 0; }
      ul.menu--mobile .mobile-dropdown-trigger:after {
        width: 2px;
        height: 20px;
        left: 9px;
        top: 0;
        opacity: 1;
        transition: opacity 0.3s; }
      ul.menu--mobile .mobile-dropdown-trigger.active:after {
        opacity: 0; }

.region-mobile-modal {
  overflow: auto;
  max-height: calc(100vh - 125px);
  padding-top: 45px;
  padding-bottom: 45px; }

.modal--mobile-modal {
  top: 125px !important;
  min-height: calc(100vh - 125px); }
  .modal--mobile-modal .featherlight-close {
    font-size: 0;
    opacity: 0;
    width: 50px !important;
    height: 50px !important;
    z-index: 99999 !important;
    top: -94px !important;
    right: 25px !important; }
  .modal--mobile-modal .featherlight-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    overflow: visible !important;
    background: #529292 !important;
    color: #fff; }
  .modal--mobile-modal .block-secondary-menu-mobile {
    display: block;
    margin-top: 60px; }
    .modal--mobile-modal .block-secondary-menu-mobile .menu {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .modal--mobile-modal .block-secondary-menu-mobile .menu li {
        margin-bottom: 25px; }
        .modal--mobile-modal .block-secondary-menu-mobile .menu li a {
          text-transform: lowercase;
          display: inline-block;
          text-decoration: none;
          color: #fff;
          padding: 10px 25px;
          font-family: chaloops, sans-serif;
          font-weight: 700;
          font-size: 25px;
          background: none !important; }
          .modal--mobile-modal .block-secondary-menu-mobile .menu li a:hover, .modal--mobile-modal .block-secondary-menu-mobile .menu li a:focus {
            color: #000; }

@media (min-width: 640px) {
  .block-drutheme-main-menu-mobile {
    display: none; } }

.menu a {
  transition: color 0.2s;
  text-decoration: none; }

@media (min-width: 1100px) {
  .menu--main {
    padding-left: 40px; } }

@media (min-width: 1200px) {
  .menu--main {
    padding-left: 90px; } }

.menu--main .menu--desktop {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: flex-end;
  margin: 0; }

.menu--main a {
  font-family: chaloops, sans-serif;
  font-weight: 700;
  font-size: 17px;
  text-transform: lowercase;
  display: inline-block;
  padding: 10px 18px;
  color: #529292; }
  .menu--main a:hover, .menu--main a:focus, .menu--main a.is-active {
    color: #8DC53E; }

.menu--main .menu-item {
  white-space: nowrap;
  position: relative;
  list-style: none;
  padding: 0; }
  .menu--main .menu-item ul {
    opacity: 0;
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 999;
    transition: opacity .3s;
    margin: 0; }
    .menu--main .menu-item ul .menu-item:hover > ul {
      top: 0;
      left: 100%; }
  .menu--main .menu-item:hover > ul {
    left: 0;
    opacity: 1;
    z-index: 1000; }

.menu--secundair-menu {
  display: none;
  flex: 1; }
  @media (min-width: 1100px) {
    .menu--secundair-menu {
      display: block; } }
  .menu--secundair-menu .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 -15px; }
    .menu--secundair-menu .menu > .menu-item {
      padding: 0 15px; }
  .menu--secundair-menu .menu-item--expanded {
    list-style: none;
    position: relative; }
    .menu--secundair-menu .menu-item--expanded > a {
      position: relative;
      padding-right: 45px !important;
      z-index: 900; }
      .menu--secundair-menu .menu-item--expanded > a:hover, .menu--secundair-menu .menu-item--expanded > a:focus {
        background: url("/themes/custom/drutheme/dist/assets/shapes/menu-item--primary.svg") no-repeat center center !important;
        background-size: 100% 100% !important; }
      .menu--secundair-menu .menu-item--expanded > a:after {
        content: '';
        display: block;
        width: 18px;
        height: 10px;
        background: url("/themes/custom/drutheme/dist/assets/caret--down.svg") no-repeat center center;
        background-size: 100%;
        position: absolute;
        top: 26px;
        right: 17px; }
    .menu--secundair-menu .menu-item--expanded > .menu {
      text-align: center;
      opacity: 0;
      padding-bottom: 7px;
      position: absolute;
      top: calc(100% - 35px);
      left: 30px;
      flex-direction: column;
      background: #8DC53E;
      z-index: 899;
      width: calc(100% - 30px);
      padding-top: 25px; }
      .menu--secundair-menu .menu-item--expanded > .menu a {
        display: block;
        color: #fff;
        padding: 7px 5px;
        line-height: 1.2; }
    .menu--secundair-menu .menu-item--expanded:hover > .menu {
      opacity: 1; }
  .menu--secundair-menu > .menu > li > a {
    display: inline-block;
    font-family: chaloops, sans-serif;
    font-weight: 700;
    color: #fff;
    padding: 16px 30px;
    background: url("/themes/custom/drutheme/dist/assets/shapes/menu-item--primary.svg") no-repeat center center;
    background-size: 100% 100%;
    transition: background 0.2s; }
    .menu--secundair-menu > .menu > li > a:hover, .menu--secundair-menu > .menu > li > a:focus, .menu--secundair-menu > .menu > li > a.is-active {
      background: url("/themes/custom/drutheme/dist/assets/shapes/menu-item--secondary.svg") no-repeat center center;
      background-size: 100% 100%;
      color: #fff !important; }

.block-drutheme-main-menu {
  display: none; }
  @media (min-width: 640px) {
    .block-drutheme-main-menu {
      display: block; } }

.paragraph {
  margin-bottom: 80px; }
  @media (min-width: 780px) {
    .paragraph {
      margin-bottom: 160px; } }
  .paragraph__header {
    padding-left: 12px;
    padding-right: 12px;
    width: calc(100%);
    text-align: center;
    margin-bottom: 30px; }
    @media (min-width: 780px) {
      .paragraph__header {
        padding-left: 12px;
        padding-right: 12px;
        width: calc(83.33333%);
        margin-left: calc(8.33333%); } }

.site-footer__frame {
  position: relative;
  padding-top: 190px;
  overflow: hidden; }
  .site-footer__frame:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1800px;
    background: url("/themes/custom/drutheme/dist/assets/shapes/footer-bg.svg") no-repeat center center;
    background-size: 2306px 1800px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transform-origin: center center;
    z-index: -1; }

.region-footer {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media (min-width: 640px) {
    .region-footer {
      justify-content: flex-start; } }
  .region-footer .block {
    padding-left: 12px;
    padding-right: 12px;
    width: calc(100%);
    text-align: center;
    margin-bottom: 45px; }
    @media (min-width: 640px) {
      .region-footer .block {
        padding-left: 12px;
        padding-right: 12px;
        width: calc(50%);
        text-align: left; }
        .region-footer .block.block-webform {
          padding-left: 12px;
          padding-right: 12px;
          width: calc(66.66667%); }
        .region-footer .block.block-social-media-footer {
          padding-left: 12px;
          padding-right: 12px;
          width: calc(33.33333%);
          display: flex;
          flex-direction: column;
          align-items: flex-end; } }
    @media (min-width: 1200px) {
      .region-footer .block {
        padding-left: 12px;
        padding-right: 12px;
        width: calc(25%); }
        .region-footer .block.block-webform {
          padding-left: 12px;
          padding-right: 12px;
          width: calc(33.33333%);
          padding-right: 60px; }
        .region-footer .block.block-social-media-footer {
          padding-left: 12px;
          padding-right: 12px;
          width: calc(16.66667%); } }
    .region-footer .block h2 {
      font-family: chaloops, sans-serif;
      font-weight: 700;
      font-size: 20px;
      line-height: 23px;
      margin-bottom: 26px; }
    .region-footer .block a {
      text-decoration: none; }
      .region-footer .block a:hover, .region-footer .block a:focus {
        color: #8DC53E; }
  .region-footer .webform-submission-newsletter-form {
    display: flex;
    justify-content: center;
    max-width: 500px;
    margin: 0 auto; }
    @media (min-width: 640px) {
      .region-footer .webform-submission-newsletter-form {
        justify-content: flex-start; } }
    .region-footer .webform-submission-newsletter-form .form-item {
      margin: 0; }
      @media (min-width: 640px) {
        .region-footer .webform-submission-newsletter-form .form-item {
          flex: 1; }
          .region-footer .webform-submission-newsletter-form .form-item input {
            width: 100%; } }
      .region-footer .webform-submission-newsletter-form .form-item label {
        display: none; }
      .region-footer .webform-submission-newsletter-form .form-item input {
        color: #529292;
        border-color: transparent;
        background: #fff; }
        .region-footer .webform-submission-newsletter-form .form-item input:focus {
          border-color: #529292; }
        .region-footer .webform-submission-newsletter-form .form-item input::-moz-placeholder {
          font-style: italic;
          color: #529292; }
        .region-footer .webform-submission-newsletter-form .form-item input:-ms-input-placeholder {
          font-style: italic;
          color: #529292; }
        .region-footer .webform-submission-newsletter-form .form-item input::placeholder {
          font-style: italic;
          color: #529292; }
    .region-footer .webform-submission-newsletter-form .form-actions {
      margin: 0; }
    .region-footer .webform-submission-newsletter-form .button, .region-footer .webform-submission-newsletter-form body button, body .region-footer .webform-submission-newsletter-form button {
      border: none;
      color: #fff;
      font-family: chaloops, sans-serif;
      font-weight: 700;
      font-size: 20px;
      background: #529292;
      padding: 13px 22px;
      height: 50px; }
      .region-footer .webform-submission-newsletter-form .button:hover, .region-footer .webform-submission-newsletter-form body button:hover, body .region-footer .webform-submission-newsletter-form button:hover, .region-footer .webform-submission-newsletter-form .button:focus, .region-footer .webform-submission-newsletter-form body button:focus, body .region-footer .webform-submission-newsletter-form button:focus {
        background: #8DC53E; }
  .region-footer .field-name-field-social-media .field-items {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (min-width: 640px) {
      .region-footer .field-name-field-social-media .field-items {
        justify-content: flex-start; } }
    .region-footer .field-name-field-social-media .field-items .field-item {
      margin: 0 7px; }
  .region-footer .field-name-field-social-media a {
    color: #529292;
    font-size: 26px;
    transition: all .3s; }
    .region-footer .field-name-field-social-media a:hover, .region-footer .field-name-field-social-media a:focus {
      color: #8DC53E; }

.region-footer-meta {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 35px; }
  @media (min-width: 780px) {
    .region-footer-meta {
      justify-content: flex-start;
      padding-top: 160px; } }
  .region-footer-meta > div,
  .region-footer-meta > nav {
    padding-left: 12px;
    padding-right: 12px;
    width: calc(100%);
    text-align: center;
    color: #529292;
    line-height: 23px; }
    @media (min-width: 640px) {
      .region-footer-meta > div,
      .region-footer-meta > nav {
        text-align: left;
        width: auto;
        flex: 0 1 auto; } }
    .region-footer-meta > div .menu,
    .region-footer-meta > nav .menu {
      text-align: center;
      margin: 0; }
      @media (min-width: 640px) {
        .region-footer-meta > div .menu,
        .region-footer-meta > nav .menu {
          display: flex; } }
      .region-footer-meta > div .menu li,
      .region-footer-meta > nav .menu li {
        padding: 0; }
        @media (min-width: 640px) {
          .region-footer-meta > div .menu li,
          .region-footer-meta > nav .menu li {
            padding-right: 7px; } }
        .region-footer-meta > div .menu li a,
        .region-footer-meta > nav .menu li a {
          color: #529292;
          transition: all 0.2s;
          text-decoration: none; }
          .region-footer-meta > div .menu li a:hover, .region-footer-meta > div .menu li a:focus,
          .region-footer-meta > nav .menu li a:hover,
          .region-footer-meta > nav .menu li a:focus {
            color: #8DC53E; }
  .region-footer-meta > nav {
    margin-top: 20px; }
    @media (min-width: 640px) {
      .region-footer-meta > nav {
        margin-top: 0; } }
  .region-footer-meta .creator {
    margin-top: 25px;
    width: 100%;
    display: flex;
    justify-content: center; }
    @media (min-width: 780px) {
      .region-footer-meta .creator {
        width: auto;
        justify-content: flex-end;
        margin-top: 0;
        flex: 1; } }