:root {
  --font-main: sans-serif;
  --font-second: sans-serif;
  --title-font-weight: 700;
}

body {
  font-family: var(--font-main);
  font-size: 100%;
  font-weight: 400;
  line-height: 1.5;
}

.line-height-extra {
  line-height: 1.8em;
}

.font-second {
  font-family: var(--font-second);
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-family: var(--font-second);
  font-weight: var(--title-font-weight);
  margin-bottom: 15px;
  margin-top: 0;
  line-height: 1.2;
}

h1,
.h1 {
  font-size: 1.5rem;
}

h2,
.h2 {
  font-size: 1.375rem;
}

h3,
.h3 {
  font-size: 1.25rem;
}

h4,
.h4 {
  font-size: 1.125rem;
}

h5,
.h5 {
  font-size: 1rem;
}

.page-title {
  font-size: 2.625rem;
}

.title-largest {
  font-size: 2rem;
  font-weight: var(--title-font-weight);
}

.title-larger {
  font-size: 1.625rem;
  font-weight: var(--title-font-weight);
}

.title-large {
  font-size: 1.375rem;
  font-weight: var(--title-font-weight);
}

.title {
  font-size: 1.125rem;
  font-weight: var(--title-font-weight);
}

.title-small {
  font-size: 1rem;
}

.title-smaller {
  font-size: 0.875rem;
}

.title-smallest {
  font-size: 0.75rem;
}

.text-normal {
  font-size: 1rem;
}

.text-big {
  font-size: 1.125rem;
}

.text-huge {
  font-size: 2rem;
  font-weight: var(--title-font-weight);
}

.boxtitle-medium {
  font-size: 1.125rem;
  font-weight: var(--title-font-weight);
}

.boxtitle-small {
  font-size: 1.125rem;
  font-weight: var(--title-font-weight);
}

.smalltext {
  font-size: 0.875rem;
}

.smalltitle {
  font-size: 0.875rem;
}

.fontsize-largest {
  font-size: 1.375rem;
}

.fontsize-larger {
  font-size: 1.25rem;
}

.fontsize-large {
  font-size: 1.125rem;
}

.fontsize-normal {
  font-size: 1rem;
}

.fontsize-small {
  font-size: 0.875rem;
}

.fontsize-smaller {
  font-size: 0.75rem;
}

.font-italic {
  font-style: italic;
}

.font-heavy {
  font-weight: 900;
}

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

.font-semibold {
  font-weight: 600;
}

.font-medium {
  font-weight: 500;
}

.font-regular {
  font-weight: 400;
}

.font-light {
  font-weight: 300;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 992px) {
  h1, .h1 {
    font-size: 1.75rem;
  }
  h2, .h2 {
    font-size: 1.5rem;
  }
  h3, .h3 {
    font-size: 1.375rem;
  }
  h4, .h4 {
    font-size: 1.25rem;
  }
  .page-title {
    font-size: 3.75rem;
  }
  .title-largest {
    font-size: 3.125rem;
  }
  .title-larger {
    font-size: 2.5rem;
  }
  .title-large {
    font-size: 1.5rem;
  }
  .title {
    font-size: 1.375rem;
  }
  .title-small {
    font-size: 1.125rem;
  }
  .text-huge {
    font-size: 3.125rem;
  }
  .boxtitle-medium {
    font-size: 1.25rem;
  }
  .boxtitle-small {
    font-size: 1.25rem;
  }
  .smalltext {
    font-size: 1rem;
  }
  .smalltitle {
    font-size: 1.125rem;
  }
  .fontsize-lg-largest {
    font-size: 1.375rem;
  }
  .fontsize-lg-larger {
    font-size: 1.25rem;
  }
  .fontsize-lg-large {
    font-size: 1.125rem;
  }
  .fontsize-lg-normal {
    font-size: 1rem;
  }
  .fontsize-lg-small {
    font-size: 0.875rem;
  }
  .fontsize-lg-smaller {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 1200px) {
  .title-largest {
    font-size: 4.5rem;
  }
}
@media only screen and (min-width: 1400px) {
  h1, .h1 {
    font-size: 2rem;
  }
  h2, .h2 {
    font-size: 1.625rem;
  }
  h3, .h3 {
    font-size: 1.5rem;
  }
  h5, .h5 {
    font-size: 1.25rem;
  }
  .title-largest {
    font-size: 3.75rem;
  }
  .title-larger {
    font-size: 3.25rem;
  }
  .title-large {
    font-size: 1.75rem;
  }
  .title {
    font-size: 1.625rem;
  }
  .text-normal {
    font-size: 1.125rem;
  }
  .text-huge {
    font-size: 3.75rem;
  }
  .boxtitle-medium {
    font-size: 1.375rem;
  }
}
@media only screen and (min-width: 1920px) {
  h2, .h2 {
    font-size: 1.75rem;
  }
  h4, .h4 {
    font-size: 1.375rem;
  }
  .title-larger {
    font-size: 3.125rem;
  }
  .title-large {
    font-size: 2rem;
  }
  .text-huge {
    font-size: 4.375rem;
  }
}
:root {
  --color-yellow:#FFD799;
  --color-yellow-rgb:255,215,153;
  --color-yellow-contrast:#000;
  --color-yellow-contrast-rgb:0,0,0;
  --color-dark-blue:#00345B;
  --color-dark-blue-rgb:0, 52, 91;
  --color-dark-blue-contrast:#fff;
  --color-dark-blue-contrast-rgb:255,255,255;
  --color-blue:#0168B7;
  --color-blue-rgb:1,104,183;
  --color-blue-contrast:#fff;
  --color-blue-contrast-rgb:255,255,255;
  --color-grey:#E3E5DD;
  --color-grey-contrast:#000;
  --color-grey-text:#000;
  --color-grey-text-rgb:0,0,0;
  --color-grey-contrast-rgb:0,0,0;
  --color-green:#A9B18F;
  --color-green-contrast:#000;
  --color-pink:#F0E4DF;
  --color-pink-alt:#F7DED5;
  --color-pink-text:#000;
  --color-pink-text-rgb:0,0,0;
  --color-pink-alt-text:#000;
  --color-pink-alt-text-rgb:0,0,0;
  --color-main: var(--color-blue);
  --color-main-alt: var(--color-dark-blue);
  --color-main-text: var(--color-blue-contrast);
  --color-main-text-rgb: var(--color-blue-contrast-rgb);
  --color-main-alt-text: var(--color-dark-blue-contrast);
  --color-main-alt-text-rgb: var(--color-dark-blue-contrast-rgb);
  --color-second: var(--color-yellow);
  --color-second-alt: var(--color-yellow);
  --color-second-rgb: var(--color-yellow-rgb);
  --color-second-text: var(--color-yellow-contrast);
  --color-second-text-rgb: var(--color-yellow-contrast-rgb);
  --color-second-alt-text: var(--color-yellow-contrast);
  --color-second-alt-text-rgb: var(--color-yellow-contrast-rgb);
  --color-third:var(--color-grey);
  --color-third-text: var(--color-grey-contrast);
  --color-third-text-rgb: var(--color-grey-contrast-rgb);
  --notification-bg: var(--color-yellow);
  --notification-text:var(--color-yellow-contrast);
  --notification-bg-alt:var(--color-yellow);
  --notification-text-alt:var(--color-yellow-contrast);
  --box-hover-bg:#F8D0BF;
  --body-bg: #f6f6f6;
  --body-text: #000;
  --body-text-rgb: 0,0,0;
  --theme-bg:var(--body-bg);
  --theme-text:var(--body-text);
  --theme-text-rgb:var(--body-text-rgb);
  --theme-color-hover:var(--color-main);
  --border-radius: 5px;
}

body {
  min-width: 320px;
  background-color: var(--body-bg);
  color: var(--body-text);
}

a {
  color: var(--body-text);
  text-decoration: underline;
  text-decoration-color: var(--color-second);
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}
a:hover, a:focus {
  text-decoration-color: var(--body-text);
}

img {
  border: 0;
}

main {
  min-height: 573px;
}

.color-main {
  color: var(--color-main) !important;
}

.color-second {
  color: var(--color-second);
}

.color-black,
.hover-black:hover,
.hover-black:focus {
  color: #000;
}

.bg-main {
  --theme-bg: var(--color-main);
  --theme-text: var(--color-main-text);
  --theme-text-rgb: var(--color-main-text-rgb);
  --theme-color-hover: var(--color-main-text);
  background-color: var(--color-main);
  color: var(--color-main-text);
  fill: var(--color-main-text);
}
.bg-main a {
  color: var(--color-main-text);
  fill: var(--color-main-text);
}
.bg-main a:hover, .bg-main a:focus {
  text-decoration-color: var(--color-main-text);
}

.hover-bg-main:hover, .hover-bg-main:focus {
  background-color: var(--color-main);
  color: var(--color-main-text);
  fill: var(--color-main-text);
}

.bg-main-alt {
  --theme-bg: var(--color-main-alt);
  --theme-text: var(--color-main-alt-text);
  --theme-text-rgb: var(--color-main-alt-text-rgb);
  --theme-color-hover: var(--color-main-alt-text);
  background-color: var(--color-main-alt);
  color: var(--color-main-alt-text);
  fill: var(--color-main-alt-text);
}
.bg-main-alt a {
  color: var(--color-main-alt-text);
  fill: var(--color-main-alt-text);
}
.bg-main-alt a:hover, .bg-main-alt a:focus {
  text-decoration-color: var(--color-main-alt-text);
}

.hover-bg-main-alt:hover, .hover-bg-main-alt:focus {
  background-color: var(--color-main-alt);
  color: var(--color-main-alt-text);
  fill: var(--color-main-alt-text);
}

.bg-main-light {
  --theme-bg: var(--color-main-light);
  --theme-text: var(--color-main-light-text);
  --theme-text-rgb: var(--color-main-light-text-rgb);
  --theme-color-hover: var(--color-main-light-text);
  background-color: var(--color-main-light);
  color: var(--color-main-light-text);
  fill: var(--color-main-light-text);
}
.bg-main-light a {
  color: var(--color-main-light-text);
  fill: var(--color-main-light-text);
}
.bg-main-light a:hover, .bg-main-light a:focus {
  text-decoration-color: var(--color-main-light-text);
}

.hover-bg-main-light:hover, .hover-bg-main-light:focus {
  background-color: var(--color-main-light);
  color: var(--color-main-light-text);
  fill: var(--color-main-light-text);
}

.bg-second {
  --theme-bg: var(--color-second);
  --theme-text: var(--color-second-text);
  --theme-text-rgb: var(--color-second-text-rgb);
  --theme-color-hover: var(--color-second-text);
  background-color: var(--color-second);
  color: var(--color-second-text);
  fill: var(--color-second-text);
}
.bg-second a {
  color: var(--color-second-text);
  fill: var(--color-second-text);
}
.bg-second a:hover, .bg-second a:focus {
  text-decoration-color: var(--color-second-text);
}

.hover-bg-second:hover, .hover-bg-second:focus {
  background-color: var(--color-second);
  color: var(--color-second-text);
  fill: var(--color-second-text);
}

.bg-second-alt {
  --theme-bg: var(--color-second-alt);
  --theme-text: var(--color-second-alt-text);
  --theme-text-rgb: var(--color-second-alt-text-rgb);
  --theme-color-hover: var(--color-second-alt-text);
  background-color: var(--color-second-alt);
  color: var(--color-second-alt-text);
  fill: var(--color-second-alt-text);
}
.bg-second-alt a {
  color: var(--color-second-alt-text);
  fill: var(--color-second-alt-text);
}
.bg-second-alt a:hover, .bg-second-alt a:focus {
  text-decoration-color: var(--color-second-alt-text);
}

.hover-bg-second-alt:hover, .hover-bg-second-alt:focus {
  background-color: var(--color-second-alt);
  color: var(--color-second-alt-text);
  fill: var(--color-second-alt-text);
}

.bg-grey {
  --theme-bg: var(--color-grey);
  --theme-text: var(--color-grey-text);
  --theme-text-rgb: var(--color-grey-text-rgb);
  --theme-color-hover: var(--color-grey-text);
  background-color: var(--color-grey);
  color: var(--color-grey-text);
  fill: var(--color-grey-text);
}
.bg-grey a {
  color: var(--color-grey-text);
  fill: var(--color-grey-text);
}
.bg-grey a:hover, .bg-grey a:focus {
  text-decoration-color: var(--color-grey-text);
}

.hover-bg-grey:hover, .hover-bg-grey:focus {
  background-color: var(--color-grey);
  color: var(--color-grey-text);
  fill: var(--color-grey-text);
}

.bg-pink {
  --theme-bg: var(--color-pink);
  --theme-text: var(--color-pink-text);
  --theme-text-rgb: var(--color-pink-text-rgb);
  --theme-color-hover: var(--color-pink-text);
  background-color: var(--color-pink);
  color: var(--color-pink-text);
  fill: var(--color-pink-text);
}
.bg-pink a {
  color: var(--color-pink-text);
  fill: var(--color-pink-text);
}
.bg-pink a:hover, .bg-pink a:focus {
  text-decoration-color: var(--color-pink-text);
}

.hover-bg-pink:hover, .hover-bg-pink:focus {
  background-color: var(--color-pink);
  color: var(--color-pink-text);
  fill: var(--color-pink-text);
}

.bg-pink-alt {
  --theme-bg: var(--color-pink-alt);
  --theme-text: var(--color-pink-alt-text);
  --theme-text-rgb: var(--color-pink-alt-text-rgb);
  --theme-color-hover: var(--color-pink-alt-text);
  background-color: var(--color-pink-alt);
  color: var(--color-pink-alt-text);
  fill: var(--color-pink-alt-text);
}
.bg-pink-alt a {
  color: var(--color-pink-alt-text);
  fill: var(--color-pink-alt-text);
}
.bg-pink-alt a:hover, .bg-pink-alt a:focus {
  text-decoration-color: var(--color-pink-alt-text);
}

.hover-bg-pink-alt:hover, .hover-bg-pink-alt:focus {
  background-color: var(--color-pink-alt);
  color: var(--color-pink-alt-text);
  fill: var(--color-pink-alt-text);
}

.bg-white {
  background-color: #fff;
}

.bg-white-25 {
  background-color: rgba(255, 255, 255, 0.25);
}

.bg-black {
  background-color: #000;
  color: #fff;
}

.bg-black-25 {
  background-color: rgba(0, 0, 0, 0.25);
}

.border-main {
  border-color: var(--color-main);
}

.border-second {
  border-color: var(--color-second);
}

.border-left {
  border-left: 1px solid #707070;
}

.rounded-circle {
  border-radius: 50%;
}

.position-static {
  position: static;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-sticky {
  position: sticky;
}

.z--1 {
  z-index: -1;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.border-radius-none {
  border-radius: 0;
}

.border-radius {
  border-radius: var(--border-radius);
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.text-uppercase {
  text-transform: uppercase;
}

.h-100 {
  height: 100%;
}

.w-100 {
  width: 100%;
}

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

.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

.overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.opacity-0 {
  opacity: 0;
}

.opacity-5 {
  opacity: 0.05;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-15 {
  opacity: 0.15;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-35 {
  opacity: 0.35;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-45 {
  opacity: 0.45;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-55 {
  opacity: 0.55;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-65 {
  opacity: 0.65;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-85 {
  opacity: 0.85;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-95 {
  opacity: 0.95;
}

.opacity-100 {
  opacity: 1;
}

.border-radius-large {
  border-radius: 25px;
}

section:not(.section-full) {
  margin: 30px 0;
}

@media only screen and (min-width: 992px) {
  :root {
    --container-width: 960px;
  }
  .border-lg-right {
    border-right: 1px solid rgba(0, 0, 0, 0.25);
  }
  .bg-lg-transparent {
    background-color: transparent;
  }
  .position-lg-static {
    position: static;
  }
  .position-lg-relative {
    position: relative;
  }
  .position-lg-absolute {
    position: absolute;
  }
  .position-lg-fixed {
    position: fixed;
  }
  .position-lg-sticky {
    position: sticky;
  }
  .z-lg--1 {
    z-index: -1;
  }
  .z-lg-0 {
    z-index: 0;
  }
  .z-lg-1 {
    z-index: 1;
  }
  .border-radius-lg-none {
    border-radius: 0;
  }
  .border-radius-lg {
    border-radius: var(--border-radius);
  }
  .text-lg-left {
    text-align: left;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-uppercase {
    text-transform: uppercase;
  }
  .h-lg-100 {
    height: 100%;
  }
  .w-lg-100 {
    width: 100%;
  }
  .img-lg-full {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  .img-lg-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .img-lg-fluid {
    max-width: 100%;
    height: auto;
  }
  .overlay-lg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
  }
  .opacity-lg-0 {
    opacity: 0;
  }
  .opacity-lg-5 {
    opacity: 0.05;
  }
  .opacity-lg-10 {
    opacity: 0.1;
  }
  .opacity-lg-15 {
    opacity: 0.15;
  }
  .opacity-lg-20 {
    opacity: 0.2;
  }
  .opacity-lg-25 {
    opacity: 0.25;
  }
  .opacity-lg-30 {
    opacity: 0.3;
  }
  .opacity-lg-35 {
    opacity: 0.35;
  }
  .opacity-lg-40 {
    opacity: 0.4;
  }
  .opacity-lg-45 {
    opacity: 0.45;
  }
  .opacity-lg-50 {
    opacity: 0.5;
  }
  .opacity-lg-55 {
    opacity: 0.55;
  }
  .opacity-lg-60 {
    opacity: 0.6;
  }
  .opacity-lg-65 {
    opacity: 0.65;
  }
  .opacity-lg-70 {
    opacity: 0.7;
  }
  .opacity-lg-75 {
    opacity: 0.75;
  }
  .opacity-lg-80 {
    opacity: 0.8;
  }
  .opacity-lg-85 {
    opacity: 0.85;
  }
  .opacity-lg-90 {
    opacity: 0.9;
  }
  .opacity-lg-95 {
    opacity: 0.95;
  }
  .opacity-lg-100 {
    opacity: 1;
  }
  .border-radius-large {
    border-radius: 50px;
  }
  section:not(.section-full) {
    margin: 90px 0;
  }
}
@media only screen and (min-width: 1200px) {
  :root {
    --container-width: 1140px;
  }
}
@media only screen and (min-width: 1400px) {
  :root {
    --container-width: 1320px;
  }
}
@media only screen and (min-width: 1700px) {
  :root {
    --container-wide-width: 1640px;
  }
  .container-wide {
    max-width: var(--container-wide-width);
  }
}
:root {
  --menu-bg: #fff;
  --menu-color: #000;
  --menu-link: #000;
  --menu-link-hover: var(--color-main);
  --menu-btn-bg:var(--menu-bg);
  --menu-btn-color:var(--menu-color);
  --menu-btn-hover-bg:var(--menu-bg);
  --menu-btn-hover-color:var(--menu-link-hover);
  --navbar-bg: #fff;
  --navbar-bg-rgb: 255,255,255;
  --navbar-color: #000;
  --navbar-max-width: var(--max-content-width);
  --navbar-height: 60px;
  --dropdown-bg: #f6f6f6;
  --dropdown-color: #000;
  --dropdown-link: #000;
  --dropdown-link-hover: var(--color-main);
  --menu-width: 320px;
  --menu-transition-duration: .3s;
  --menu-transition-effect: ease-in-out;
  --menu-logo-height: 37px;
  --menu-expanded-logo-height: 62px;
  --menu-expanded-scrolling-logo-height: 62px;
  --navbar-border-radius:0;
}

body {
  padding-top: var(--navbar-height);
}

.skip-to-content-btn {
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
  transform: translateY(calc(-100% - 10px));
  transition: transform var(--menu-transition-effect) var(--menu-transition-duration);
  padding: 5px 10px;
  background-color: var(--body-text);
  color: var(--body-bg);
  outline: 0 none;
  z-index: 100;
}
.skip-to-content-btn:focus {
  transform: translateY(10px);
}

.navbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  transition-property: background-color, padding;
  transition-duration: var(--menu-transition-duration);
  transition-timing-function: var(--menu-transition-effect);
  background-color: var(--navbar-bg);
  color: var(--menu-color);
  padding: 15px 10px 15px 0;
  border-radius: var(--navbar-border-radius);
  z-index: 1000;
  height: var(--navbar-height);
  display: flex;
  align-items: center;
}
.navbar .navbar-content {
  display: flex;
  align-items: center;
  width: 100%;
}
.navbar.navbar-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.navbar a.menu-link {
  color: var(--menu-link);
  fill: var(--menu-link);
  text-decoration: none;
}
.navbar a.menu-link:hover, .navbar a.menu-link:focus {
  color: var(--menu-link-hover);
  fill: var(--menu-link-hover);
  text-decoration: none;
}

.is-scrolling .navbar {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
}

body.menu-floating:not(.is-scrolling) .navbar {
  --navbar-bg: transparent;
  --navbar-border-radius: 0;
  top: 0;
  right: 0;
  left: 0;
  box-shadow: none;
}
body.menu-floating:not(.is-scrolling) .navbar::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 180px;
  background: linear-gradient(rgba(var(--navbar-bg-rgb), 1), rgba(var(--navbar-bg-rgb), 0));
  z-index: -1;
}

.menu-border-right {
  border-right: 1px solid #D1D1D1;
  padding-right: 15px;
  margin-right: 15px;
  margin-right: 15px;
  display: flex;
  align-items: center;
}

.menu-btn {
  background-color: var(--menu-btn-bg);
  color: var(--menu-btn-color);
  fill: var(--menu-btn-color);
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0 none;
  margin-left: 5px;
  transition: all var(--menu-transition-effect) var(--menu-transition-duration);
}
.menu-btn .menu-btn-bars {
  width: 15px;
  height: 12px;
  position: relative;
}
.menu-btn .menu-btn-bars > span {
  display: block;
  border: 1px solid var(--menu-btn-color);
  border-radius: 9999px;
  transition: all var(--menu-transition-effect) var(--menu-transition-duration);
  left: auto;
}
.menu-btn .menu-btn-bars > span:first-of-type {
  position: absolute;
  width: 100%;
  right: 0;
  top: 0;
}
.menu-btn .menu-btn-bars > span:nth-of-type(2) {
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 67%;
}
.menu-btn .menu-btn-bars > span:last-of-type {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}
.menu-btn.menu-icon-btn svg {
  width: auto;
  height: 1rem;
}
.menu-btn.menu-btn-borders {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  width: 60px;
}
.menu-btn:hover, .menu-btn:focus {
  background-color: var(--menu-btn-hover-bg);
  color: var(--menu-btn-hover-color);
  fill: var(--menu-btn-hover-color);
}
.menu-btn:hover .menu-btn-bars > span, .menu-btn:focus .menu-btn-bars > span {
  border-color: var(--menu-btn-hover-color);
}
.menu-btn:hover .menu-btn-bars > span:first-of-type, .menu-btn:hover .menu-btn-bars > span:nth-of-type(2), .menu-btn:hover .menu-btn-bars > span:last-of-type, .menu-btn:focus .menu-btn-bars > span:first-of-type, .menu-btn:focus .menu-btn-bars > span:nth-of-type(2), .menu-btn:focus .menu-btn-bars > span:last-of-type {
  width: 100%;
}

.btn-audience-selector {
  background-color: var(--color-main);
  fill: var(--color-main-text);
  border: 0 none;
  width: var(--navbar-height);
  height: var(--navbar-height);
  display: flex;
  justify-content: center;
  align-items: center;
  transition-property: background-color, fill;
  transition-timing-function: var(--menu-transition-effect);
  transition-duration: var(--menu-transition-duration);
}
.btn-audience-selector svg {
  width: auto;
  height: 1.25rem;
}
.btn-audience-selector.menu-btn-audience-selector {
  margin-right: 20px;
  flex: 0 0 auto;
}
.btn-audience-selector:hover, .btn-audience-selector:focus {
  background-color: var(--body-text);
  fill: var(--body-bg);
}

.navbar .dropdown.audience-selector-dropdown {
  margin-bottom: 0;
  background-color: var(--navbar-bg);
}
.navbar .dropdown.audience-selector-dropdown .btn-audience-selector.dropdown-toggle {
  padding: 0;
  color: var(--color-main);
  fill: var(--color-main-text);
  border-left: 0 none;
  display: flex;
  transition-property: background-color, fill;
  transition-timing-function: var(--menu-transition-effect);
  transition-duration: var(--menu-transition-duration);
}
.navbar .dropdown.audience-selector-dropdown .btn-audience-selector.dropdown-toggle svg {
  width: auto;
  height: 1.25rem;
  position: static;
  transition: none;
}
.navbar .dropdown.audience-selector-dropdown .btn-audience-selector.dropdown-toggle.show svg {
  transform: none;
}
.navbar .dropdown.audience-selector-dropdown .btn-audience-selector.dropdown-toggle.active, .navbar .dropdown.audience-selector-dropdown .btn-audience-selector.dropdown-toggle.show, .navbar .dropdown.audience-selector-dropdown .btn-audience-selector.dropdown-toggle:focus, .navbar .dropdown.audience-selector-dropdown .btn-audience-selector.dropdown-toggle:hover {
  outline: 0 none !important;
  color: var(--body-text);
}
.navbar .dropdown.audience-selector-dropdown .btn-audience-selector.dropdown-toggle.active svg, .navbar .dropdown.audience-selector-dropdown .btn-audience-selector.dropdown-toggle.show svg, .navbar .dropdown.audience-selector-dropdown .btn-audience-selector.dropdown-toggle:focus svg, .navbar .dropdown.audience-selector-dropdown .btn-audience-selector.dropdown-toggle:hover svg {
  fill: var(--body-bg);
}
.navbar .dropdown.audience-selector-dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border-left: 0 none;
  padding-bottom: 90px;
  max-height: calc(100vh - var(--navbar-height));
  overflow-y: auto;
}
.navbar .dropdown.audience-selector-dropdown .dropdown-menu.show {
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
}
.navbar .dropdown.audience-selector-dropdown .dropdown-menu.opened {
  overflow-y: auto;
}

.body-overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color var(--menu-transition-effect) var(--menu-transition-duration);
  display: none;
  opacity: 0;
}
.body-overlay.showing {
  display: block;
}

#mainmenu {
  position: fixed;
  display: none;
  top: 0;
  left: calc(-1 * var(--menu-width));
  width: 0;
  bottom: 0;
  background-color: var(--menu-bg);
  overflow-y: auto;
  /*overflow-x: hidden;*/
  min-height: 100vh;
  height: 100%;
  z-index: 9999;
  /*overflow-x: hidden;*/
  transition-property: left;
  transition-duration: var(--menu-transition-duration);
  transition-timing-function: var(--menu-transition-effect);
  width: var(--menu-width);
  max-width: 95%;
  padding: 0 0 100px 0;
  filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.25));
}

.menu-open {
  overflow: hidden;
}
.menu-open .body-overlay {
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(5px);
  opacity: 1;
}
.menu-open #mainmenu {
  display: block;
  left: 0;
}

button.menu-close {
  background-color: transparent;
  border: 0 none;
  outline: none !important;
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 20px;
}
button.menu-close svg {
  width: auto;
  height: 35px;
  fill: var(--menu-link);
}
button.menu-close:hover svg, button.menu-close:focus svg {
  fill: var(--menu-link-hover);
}

.navbar-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.navbar-nav .nav-link:not(.dropdown-toggle) {
  display: block;
  padding: 15px 30px;
  text-decoration: none;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--menu-link);
  background-color: var(--dropdown-bg);
  margin-bottom: 2px;
  /*&:focus, &:focus-visible {
      box-shadow: none;
      outline: 0 none;
  }*/
}
.navbar-nav .nav-link:not(.dropdown-toggle).active, .navbar-nav .nav-link:not(.dropdown-toggle).show, .navbar-nav .nav-link:not(.dropdown-toggle):focus, .navbar-nav .nav-link:not(.dropdown-toggle):hover {
  color: var(--menu-link-hover);
  text-decoration: none;
}
.navbar-nav .nav-link-home {
  position: relative;
  padding: 15px 45px 15px 30px;
  text-decoration: none;
  font-size: 1.125rem;
  font-weight: 700;
  display: block;
  background-color: var(--color-grey);
  color: var(--color-grey-contrast);
  fill: var(--color-grey-contrast);
}
.navbar-nav .nav-link-home svg {
  width: 15px;
  height: auto;
  position: absolute;
  right: 19px;
  top: 17px;
}
.navbar-nav .nav-link-home:hover, .navbar-nav .nav-link-home:focus {
  color: var(--menu-link);
  fill: var(--menu-link-hover);
}

.navbar .dropdown {
  background-color: var(--dropdown-bg);
  padding: 0;
  margin-bottom: 2px;
}
.navbar .dropdown .dropdown-menu-element {
  padding: 0 30px 15px;
}
.navbar .dropdown .dropdown-toggle {
  position: relative;
  text-decoration: none;
  color: var(--dropdown-color);
  fill: var(--dropdown-link);
  display: block;
}
.navbar .dropdown .dropdown-toggle::after {
  display: none;
}
.navbar .dropdown .dropdown-toggle svg {
  width: auto;
  height: 15px;
  position: absolute;
  right: 20px;
  top: calc(50% - 7.5px);
  transition: transform var(--menu-transition-effect) var(--menu-transition-duration);
}
.navbar .dropdown .dropdown-toggle.show {
  /*padding-bottom: 0;*/
}
.navbar .dropdown .dropdown-toggle.show svg {
  transform: rotateX(180deg);
}
.navbar .dropdown .dropdown-toggle.active, .navbar .dropdown .dropdown-toggle.show, .navbar .dropdown .dropdown-toggle:focus, .navbar .dropdown .dropdown-toggle:hover {
  /*outline: 0 none !important;*/
  color: var(--dropdown-link-hover);
}
.navbar .dropdown .dropdown-toggle.active svg, .navbar .dropdown .dropdown-toggle.show svg, .navbar .dropdown .dropdown-toggle:focus svg, .navbar .dropdown .dropdown-toggle:hover svg {
  fill: var(--dropdown-link-hover);
}
.navbar .dropdown .dropdown-menu {
  border: 0 none;
  background-color: var(--dropdown-bg);
  color: var(--dropdown-color);
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  display: none;
  overflow: hidden;
  transition-property: height, top;
  transition-duration: var(--menu-transition-duration);
  transition-timing-function: var(--menu-transition-effect);
  z-index: 100;
}
.navbar .dropdown .dropdown-menu.opening {
  display: block;
  opacity: 0;
}
.navbar .dropdown .dropdown-menu.show {
  display: block;
}
.navbar .dropdown .dropdown-menu.opened {
  overflow: visible;
  height: auto;
}
.navbar .dropdown .dropdown-menu .dropdown-item {
  background-color: transparent;
  color: var(--dropdown-link);
  padding: 0;
  margin-bottom: 5px;
  position: relative;
  font-size: 1rem;
  display: block;
  text-decoration: none;
}
.navbar .dropdown .dropdown-menu .dropdown-item.active, .navbar .dropdown .dropdown-menu .dropdown-item:focus, .navbar .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
  color: var(--dropdown-link-hover);
  fill: var(--dropdown-link-hover);
}
.navbar .dropdown.dropdown-level-1 > .dropdown-toggle {
  padding: 15px 45px 15px 27px;
  font-size: 1.125rem;
  font-weight: 700;
  border-left: 3px solid transparent;
}
.navbar .dropdown.dropdown-level-1 > .dropdown-toggle.active, .navbar .dropdown.dropdown-level-1 > .dropdown-toggle.show, .navbar .dropdown.dropdown-level-1 > .dropdown-toggle:focus, .navbar .dropdown.dropdown-level-1 > .dropdown-toggle:hover {
  border-left-color: var(--dropdown-link-hover);
}
.navbar .dropdown.dropdown-level-1 > .dropdown-toggle.show + .dropdown-menu {
  border-left-color: var(--dropdown-link-hover);
}
.navbar .dropdown.dropdown-level-1 > .dropdown-menu {
  border-left: 3px solid transparent;
}
.navbar .dropdown.dropdown-level-2 {
  margin-bottom: 0;
}
.navbar .dropdown.dropdown-level-2 > .dropdown-toggle svg {
  right: -10px;
}
.navbar .dropdown.dropdown-level-2 > .dropdown-menu > .dropdown-menu-element {
  padding: 5px 0 0 0;
}
.navbar .dropdown.dropdown-level-2 > .dropdown-menu > .dropdown-menu-element .dropdown-item {
  position: relative;
  padding-left: 17px;
}
.navbar .dropdown.dropdown-level-2 > .dropdown-menu > .dropdown-menu-element .dropdown-item::before {
  display: block;
  position: absolute;
  content: "";
  width: 8px;
  border-bottom: 2px solid var(--dropdown-link);
  top: calc(50% - 1px);
  left: 0;
}

.menu-search-bar {
  display: block;
  padding: 20px 30px;
  position: relative;
}
.menu-search-bar input {
  display: block;
  width: 100%;
  padding: 12px 50px;
  border: 1px solid #000;
  border-radius: 9999px;
}
.menu-search-bar > svg {
  position: absolute;
  left: 50px;
  height: 20px;
  width: auto;
  top: calc(50% - 10px);
  fill: #000;
}
.menu-search-bar button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 37px;
  top: calc(50% - 20px);
  background-color: var(--color-second);
  fill: var(--color-second-text);
  border: 0 none;
  border-radius: 50%;
}
.menu-search-bar button svg {
  width: auto;
  height: 1rem;
}
.menu-search-bar button:hover, .menu-search-bar button:focus {
  fill: var(--color-main);
}

.navbar-brand {
  padding: 0;
}
.navbar-brand svg,
.navbar-brand img {
  width: auto;
  height: var(--menu-logo-height);
  transition: height var(--menu-transition-effect) var(--menu-transition-duration);
}

.menu-box-link {
  display: block;
  text-decoration: none;
  margin-bottom: 45px;
  color: var(--dropdown-link);
}
.menu-box-link:hover, .menu-box-link:focus {
  color: var(--dropdown-link-hover);
  text-decoration: none;
}

.menu-icon-link {
  padding: 5px 30px 5px 60px;
  position: relative;
  text-decoration: none;
  color: var(--menu-link);
  fill: var(--menu-link);
  font-weight: 600;
  font-size: 1rem;
  display: block;
}
.menu-icon-link svg {
  height: 1rem;
  width: auto;
  position: absolute;
  left: 30px;
  margin-top: 5px;
}
.menu-icon-link:hover, .menu-icon-link:focus {
  color: var(--menu-link-hover);
  fill: var(--menu-link-hover);
}

.menu-item-group {
  margin-bottom: 2px;
  background-color: var(--color-light);
}

.menu-link-btn.link-btn {
  font-size: 0.75rem;
  padding: 10px 20px;
}

.menu-info-title {
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 30px;
  display: block;
}
.menu-info-title svg {
  height: 0.75rem;
  width: auto;
  margin-left: 5px;
}
.menu-info-title.active, .menu-info-title:hover, .menu-info-title:focus {
  color: var(--menu-link-hover);
  fill: var(--menu-link-hover);
}

.menu-group-title {
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}

@media only screen and (min-width: 768px) {
  /*nav.navbar {
      padding: 10px 30px;
  }*/
}
@media only screen and (min-width: 992px) {
  /*nav.navbar {
      padding: 20px 30px;
  }

  .navbar-brand {
      svg,
      img {
          height: 60px;
      }
  }*/
}
@media only screen and (min-width: 1200px) {
  .menu-weather-link {
    display: flex;
  }
  .menu-weather-link svg {
    height: 20px;
    width: auto;
    margin: 0 10px;
  }
  /*.navbar-expand-xl {
      @include f();
  }*/
}
@media only screen and (min-width: 1400px) {
  body.menu-floating:not(.is-scrolling) .navbar {
    --menu-link: #fff;
  }
  body.menu-floating:not(.is-scrolling) .navbar::before {
    height: 180px;
  }
  .navbar-expand-xxl {
    --menu-bg: var(--navbar-bg);
    --menu-color: var(--navbar-color);
    --menu-link: var(--navbar-color);
    --dropdown-bg: #fff;
    --navbar-border-radius: 0;
    --navbar-height: 100px;
    /* &.is-scrolling {
        .navbar {
            padding: 15px 40px 15px;

            .navbar-brand {
                img, svg {
                    height: var(--menu-expanded-scrolling-logo-height);
                }
            }

            .dropdown {
                .dropdown-menu {
                    top: 83px;
                }
            }
        }
    }
    */
  }
  .navbar-expand-xxl .d-expanded-none {
    display: none;
  }
  .navbar-expand-xxl .d-expanded-flex {
    display: flex !important;
  }
  .navbar-expand-xxl .ml-expanded-0 {
    margin-left: 0;
  }
  .navbar-expand-xxl.menu-floating:not(.is-scrolling) .navbar {
    padding: 35px 40px 20px 0;
  }
  .navbar-expand-xxl.menu-floating:not(.is-scrolling) .navbar .navbar-brand img, .navbar-expand-xxl.menu-floating:not(.is-scrolling) .navbar .navbar-brand svg {
    height: calc(0.8 * var(--menu-expanded-logo-height));
  }
  .navbar-expand-xxl .navbar {
    padding: 15px 40px 15px 0;
  }
  .navbar-expand-xxl .navbar .navbar-brand img, .navbar-expand-xxl .navbar .navbar-brand svg {
    height: calc(0.8 * var(--menu-expanded-scrolling-logo-height));
  }
  .navbar-expand-xxl .navbar .navbar-content {
    max-width: var(--navbar-max-width);
    margin-left: auto;
    margin-right: auto;
  }
  .navbar-expand-xxl .navbar .d-menu-expanded-none {
    display: none;
  }
  .navbar-expand-xxl .navbar .last-p-mb-expanded-0 p:last-of-type {
    margin-bottom: 0;
  }
  .navbar-expand-xxl .navbar .ml-expanded-auto {
    margin-left: auto;
  }
  .navbar-expand-xxl .navbar .mb-expanded-10 {
    margin-bottom: 10px;
  }
  .navbar-expand-xxl .navbar .mb-expanded-15rem {
    margin-bottom: 1.5rem;
  }
  .navbar-expand-xxl .navbar .p-expanded-15 {
    padding: 15px;
  }
  .navbar-expand-xxl .navbar .pt-expanded-15 {
    padding-top: 15px;
  }
  .navbar-expand-xxl .navbar .pb-expanded-15 {
    padding-bottom: 15px;
  }
  .navbar-expand-xxl .navbar .pl-expanded-15 {
    padding-left: 15px;
  }
  .navbar-expand-xxl .navbar .pr-expanded-15 {
    padding-right: 15px;
  }
  .navbar-expand-xxl .navbar .px-expanded-15 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-expand-xxl .navbar .py-expanded-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-expand-xxl .navbar .m-expanded-15 {
    margin: 15px;
  }
  .navbar-expand-xxl .navbar .mt-expanded-15 {
    margin-top: 15px;
  }
  .navbar-expand-xxl .navbar .mb-expanded-15 {
    margin-bottom: 15px;
  }
  .navbar-expand-xxl .navbar .ml-expanded-15 {
    margin-left: 15px;
  }
  .navbar-expand-xxl .navbar .mr-expanded-15 {
    margin-right: 15px;
  }
  .navbar-expand-xxl .navbar .mx-expanded-15 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .navbar-expand-xxl .navbar .my-expanded-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .navbar-expand-xxl .navbar .p-expanded-30 {
    padding: 30px;
  }
  .navbar-expand-xxl .navbar .pt-expanded-30 {
    padding-top: 30px;
  }
  .navbar-expand-xxl .navbar .pb-expanded-30 {
    padding-bottom: 30px;
  }
  .navbar-expand-xxl .navbar .pl-expanded-30 {
    padding-left: 30px;
  }
  .navbar-expand-xxl .navbar .pr-expanded-30 {
    padding-right: 30px;
  }
  .navbar-expand-xxl .navbar .px-expanded-30 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .navbar-expand-xxl .navbar .py-expanded-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .navbar-expand-xxl .navbar .m-expanded-30 {
    margin: 30px;
  }
  .navbar-expand-xxl .navbar .mt-expanded-30 {
    margin-top: 30px;
  }
  .navbar-expand-xxl .navbar .mb-expanded-30 {
    margin-bottom: 30px;
  }
  .navbar-expand-xxl .navbar .ml-expanded-30 {
    margin-left: 30px;
  }
  .navbar-expand-xxl .navbar .mr-expanded-30 {
    margin-right: 30px;
  }
  .navbar-expand-xxl .navbar .mx-expanded-30 {
    margin-right: 30px;
    margin-left: 30px;
  }
  .navbar-expand-xxl .navbar .my-expanded-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .navbar-expand-xxl .navbar .p-expanded-45 {
    padding: 45px;
  }
  .navbar-expand-xxl .navbar .pt-expanded-45 {
    padding-top: 45px;
  }
  .navbar-expand-xxl .navbar .pb-expanded-45 {
    padding-bottom: 45px;
  }
  .navbar-expand-xxl .navbar .pl-expanded-45 {
    padding-left: 45px;
  }
  .navbar-expand-xxl .navbar .pr-expanded-45 {
    padding-right: 45px;
  }
  .navbar-expand-xxl .navbar .px-expanded-45 {
    padding-right: 45px;
    padding-left: 45px;
  }
  .navbar-expand-xxl .navbar .py-expanded-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .navbar-expand-xxl .navbar .m-expanded-45 {
    margin: 45px;
  }
  .navbar-expand-xxl .navbar .mt-expanded-45 {
    margin-top: 45px;
  }
  .navbar-expand-xxl .navbar .mb-expanded-45 {
    margin-bottom: 45px;
  }
  .navbar-expand-xxl .navbar .ml-expanded-45 {
    margin-left: 45px;
  }
  .navbar-expand-xxl .navbar .mr-expanded-45 {
    margin-right: 45px;
  }
  .navbar-expand-xxl .navbar .mx-expanded-45 {
    margin-right: 45px;
    margin-left: 45px;
  }
  .navbar-expand-xxl .navbar .my-expanded-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .navbar-expand-xxl .navbar .p-expanded-60 {
    padding: 60px;
  }
  .navbar-expand-xxl .navbar .pt-expanded-60 {
    padding-top: 60px;
  }
  .navbar-expand-xxl .navbar .pb-expanded-60 {
    padding-bottom: 60px;
  }
  .navbar-expand-xxl .navbar .pl-expanded-60 {
    padding-left: 60px;
  }
  .navbar-expand-xxl .navbar .pr-expanded-60 {
    padding-right: 60px;
  }
  .navbar-expand-xxl .navbar .px-expanded-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .navbar-expand-xxl .navbar .py-expanded-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .navbar-expand-xxl .navbar .m-expanded-60 {
    margin: 60px;
  }
  .navbar-expand-xxl .navbar .mt-expanded-60 {
    margin-top: 60px;
  }
  .navbar-expand-xxl .navbar .mb-expanded-60 {
    margin-bottom: 60px;
  }
  .navbar-expand-xxl .navbar .ml-expanded-60 {
    margin-left: 60px;
  }
  .navbar-expand-xxl .navbar .mr-expanded-60 {
    margin-right: 60px;
  }
  .navbar-expand-xxl .navbar .mx-expanded-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .navbar-expand-xxl .navbar .my-expanded-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .navbar-expand-xxl .navbar .p-expanded-75 {
    padding: 75px;
  }
  .navbar-expand-xxl .navbar .pt-expanded-75 {
    padding-top: 75px;
  }
  .navbar-expand-xxl .navbar .pb-expanded-75 {
    padding-bottom: 75px;
  }
  .navbar-expand-xxl .navbar .pl-expanded-75 {
    padding-left: 75px;
  }
  .navbar-expand-xxl .navbar .pr-expanded-75 {
    padding-right: 75px;
  }
  .navbar-expand-xxl .navbar .px-expanded-75 {
    padding-right: 75px;
    padding-left: 75px;
  }
  .navbar-expand-xxl .navbar .py-expanded-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .navbar-expand-xxl .navbar .m-expanded-75 {
    margin: 75px;
  }
  .navbar-expand-xxl .navbar .mt-expanded-75 {
    margin-top: 75px;
  }
  .navbar-expand-xxl .navbar .mb-expanded-75 {
    margin-bottom: 75px;
  }
  .navbar-expand-xxl .navbar .ml-expanded-75 {
    margin-left: 75px;
  }
  .navbar-expand-xxl .navbar .mr-expanded-75 {
    margin-right: 75px;
  }
  .navbar-expand-xxl .navbar .mx-expanded-75 {
    margin-right: 75px;
    margin-left: 75px;
  }
  .navbar-expand-xxl .navbar .my-expanded-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .navbar-expand-xxl .navbar .p-expanded-90 {
    padding: 90px;
  }
  .navbar-expand-xxl .navbar .pt-expanded-90 {
    padding-top: 90px;
  }
  .navbar-expand-xxl .navbar .pb-expanded-90 {
    padding-bottom: 90px;
  }
  .navbar-expand-xxl .navbar .pl-expanded-90 {
    padding-left: 90px;
  }
  .navbar-expand-xxl .navbar .pr-expanded-90 {
    padding-right: 90px;
  }
  .navbar-expand-xxl .navbar .px-expanded-90 {
    padding-right: 90px;
    padding-left: 90px;
  }
  .navbar-expand-xxl .navbar .py-expanded-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .navbar-expand-xxl .navbar .m-expanded-90 {
    margin: 90px;
  }
  .navbar-expand-xxl .navbar .mt-expanded-90 {
    margin-top: 90px;
  }
  .navbar-expand-xxl .navbar .mb-expanded-90 {
    margin-bottom: 90px;
  }
  .navbar-expand-xxl .navbar .ml-expanded-90 {
    margin-left: 90px;
  }
  .navbar-expand-xxl .navbar .mr-expanded-90 {
    margin-right: 90px;
  }
  .navbar-expand-xxl .navbar .mx-expanded-90 {
    margin-right: 90px;
    margin-left: 90px;
  }
  .navbar-expand-xxl .navbar .my-expanded-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .navbar-expand-xxl .navbar .p-expanded-105 {
    padding: 105px;
  }
  .navbar-expand-xxl .navbar .pt-expanded-105 {
    padding-top: 105px;
  }
  .navbar-expand-xxl .navbar .pb-expanded-105 {
    padding-bottom: 105px;
  }
  .navbar-expand-xxl .navbar .pl-expanded-105 {
    padding-left: 105px;
  }
  .navbar-expand-xxl .navbar .pr-expanded-105 {
    padding-right: 105px;
  }
  .navbar-expand-xxl .navbar .px-expanded-105 {
    padding-right: 105px;
    padding-left: 105px;
  }
  .navbar-expand-xxl .navbar .py-expanded-105 {
    padding-top: 105px;
    padding-bottom: 105px;
  }
  .navbar-expand-xxl .navbar .m-expanded-105 {
    margin: 105px;
  }
  .navbar-expand-xxl .navbar .mt-expanded-105 {
    margin-top: 105px;
  }
  .navbar-expand-xxl .navbar .mb-expanded-105 {
    margin-bottom: 105px;
  }
  .navbar-expand-xxl .navbar .ml-expanded-105 {
    margin-left: 105px;
  }
  .navbar-expand-xxl .navbar .mr-expanded-105 {
    margin-right: 105px;
  }
  .navbar-expand-xxl .navbar .mx-expanded-105 {
    margin-right: 105px;
    margin-left: 105px;
  }
  .navbar-expand-xxl .navbar .my-expanded-105 {
    margin-top: 105px;
    margin-bottom: 105px;
  }
  .navbar-expand-xxl .navbar .p-expanded-120 {
    padding: 120px;
  }
  .navbar-expand-xxl .navbar .pt-expanded-120 {
    padding-top: 120px;
  }
  .navbar-expand-xxl .navbar .pb-expanded-120 {
    padding-bottom: 120px;
  }
  .navbar-expand-xxl .navbar .pl-expanded-120 {
    padding-left: 120px;
  }
  .navbar-expand-xxl .navbar .pr-expanded-120 {
    padding-right: 120px;
  }
  .navbar-expand-xxl .navbar .px-expanded-120 {
    padding-right: 120px;
    padding-left: 120px;
  }
  .navbar-expand-xxl .navbar .py-expanded-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .navbar-expand-xxl .navbar .m-expanded-120 {
    margin: 120px;
  }
  .navbar-expand-xxl .navbar .mt-expanded-120 {
    margin-top: 120px;
  }
  .navbar-expand-xxl .navbar .mb-expanded-120 {
    margin-bottom: 120px;
  }
  .navbar-expand-xxl .navbar .ml-expanded-120 {
    margin-left: 120px;
  }
  .navbar-expand-xxl .navbar .mr-expanded-120 {
    margin-right: 120px;
  }
  .navbar-expand-xxl .navbar .mx-expanded-120 {
    margin-right: 120px;
    margin-left: 120px;
  }
  .navbar-expand-xxl .navbar .my-expanded-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .navbar-expand-xxl .navbar .menu-btn.toggle-menu {
    display: none;
  }
  .navbar-expand-xxl .navbar #mainmenu {
    display: flex;
    position: static;
    width: auto;
    background-color: transparent;
    overflow: visible;
    height: auto;
    min-height: 0;
    transition: none;
    padding: 0;
    filter: none;
    max-width: none;
    z-index: initial;
    margin-left: auto;
  }
  .navbar-expand-xxl .navbar #mainmenu .menu-close {
    display: none;
  }
  .navbar-expand-xxl .navbar .navbar-nav {
    display: flex;
    align-items: center;
    font-size: 1rem;
  }
  .navbar-expand-xxl .navbar .navbar-nav .nav-link:not(.dropdown-toggle) {
    margin-bottom: 0;
    background-color: transparent;
    padding: 15px 20px;
    font-size: inherit;
  }
  .navbar-expand-xxl .navbar .navbar-nav .nav-link.dropdown-toggle {
    color: var(--menu-link);
    fill: var(--menu-link);
    font-size: inherit;
  }
  .navbar-expand-xxl .navbar .navbar-nav .nav-link.dropdown-toggle.active, .navbar-expand-xxl .navbar .navbar-nav .nav-link.dropdown-toggle.show, .navbar-expand-xxl .navbar .navbar-nav .nav-link.dropdown-toggle:focus, .navbar-expand-xxl .navbar .navbar-nav .nav-link.dropdown-toggle:hover {
    color: var(--menu-link-hover);
    fill: var(--menu-link-hover);
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 {
    margin-bottom: 0;
    background-color: transparent;
    position: relative;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-toggle {
    margin-bottom: 0;
    position: relative;
    padding: 15px 40px 15px 20px;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-toggle.active, .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-toggle.show, .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-toggle:focus, .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-toggle:hover {
    border-left-color: transparent;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-toggle.show {
    border-left-color: transparent;
    color: var(--dropdown-link-hover);
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-toggle.show + .dropdown-menu {
    border-left-color: transparent;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-toggle.show::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -12px;
    left: calc(50% - 12px);
    right: auto;
    width: 24px;
    height: 12px;
    background: transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid var(--dropdown-bg);
    z-index: 105;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-toggle svg {
    top: 1.125rem;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-menu {
    position: absolute;
    top: calc(100% + 12px);
    /*filter: drop-shadow(0 28px 28px rgba(0,0,0,.1));*/
    border-radius: var(--border-radius);
    border-left: 0 none;
    min-width: 320px;
    max-width: 90vw;
    width: auto;
    transform: none;
    left: 0;
    right: auto;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.25);
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-menu.dropdown-menu-medium {
    width: 950px;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-menu.dropdown-menu-medium > .dropdown-menu-element {
    padding: 0 0 0 30px;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-menu.dropdown-menu-full {
    width: 1440px;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-menu.dropdown-menu-full > .dropdown-menu-element {
    padding: 0 0 0 30px;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-menu.dropdown-menu-medium, .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-menu.dropdown-menu-full {
    /* max-width: 90%;
    left: 50%;
    right: 0;
    transform: translateX(-50%);*/
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 > .dropdown-menu .dropdown-item {
    margin-bottom: 10px;
    font-size: 1.125rem;
    text-decoration: underline;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 .expanded-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 .expanded-row > * {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-top: var(--bs-gutter-y);
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 .expanded-row > .default-expanded-padding {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 .expanded-col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 .expanded-col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 .expanded-col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-1 .expanded-col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-2 .dropdown-toggle {
    display: none;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-2 .dropdown-menu {
    position: static;
    display: block;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-2 .dropdown-menu .dropdown-menu-element {
    padding-left: 0;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-2 .dropdown-menu .dropdown-menu-element .dropdown-item {
    padding-left: 0;
  }
  .navbar-expand-xxl .navbar .dropdown.dropdown-level-2 .dropdown-menu .dropdown-menu-element .dropdown-item::before {
    display: none;
  }
  .navbar-expand-xxl .navbar .d-menu-expanded-block {
    display: block !important;
  }
  .navbar-expand-xxl .navbar .btn-audience-selector svg {
    height: 1.875rem;
  }
  .navbar-expand-xxl .navbar .btn-audience-selector.menu-btn-audience-selector {
    margin-right: 30px;
  }
  .navbar-expand-xxl .navbar .body-overlay {
    bottom: auto;
  }
  .navbar-expand-xxl .navbar .menu-link-btn.link-btn {
    font-size: 0.875rem;
  }
  .navbar-expand-xxl .navbar .menu-item-group {
    margin-bottom: 0;
    background-color: transparent;
  }
  .navbar-expand-xxl .navbar .menu-icon-link {
    display: inline-block;
    padding: 0 7.5px;
  }
  .navbar-expand-xxl .navbar .menu-icon-link svg {
    position: static;
    margin-top: 0;
  }
  .navbar-expand-xxl .navbar .menu-group-title {
    font-size: 1.25rem;
    margin-bottom: 10px;
  }
  .navbar-expand-xxl .navbar .menu-expanded-group-title {
    font-size: 1.25rem !important;
    font-weight: 700;
    margin-bottom: 30px !important;
    text-decoration: none !important;
  }
  .navbar-expand-xxl #language-switcher {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 1600px) {
  .navbar-expand-xxl.menu-floating:not(.is-scrolling) .navbar {
    padding: 35px 40px 20px 0;
  }
  .navbar-expand-xxl.menu-floating:not(.is-scrolling) .navbar .navbar-brand img, .navbar-expand-xxl.menu-floating:not(.is-scrolling) .navbar .navbar-brand svg {
    height: var(--menu-expanded-logo-height);
  }
  .navbar-expand-xxl .navbar {
    padding: 15px 40px 15px 0;
  }
  .navbar-expand-xxl .navbar .navbar-brand img, .navbar-expand-xxl .navbar .navbar-brand svg {
    height: var(--menu-expanded-scrolling-logo-height);
  }
  .navbar-expand-xxl .navbar .navbar-nav {
    font-size: 1.125rem;
    padding-right: 20px;
  }
  .navbar-expand-xxl .navbar .navbar-nav .nav-link:not(.dropdown-toggle) {
    padding: 15px 20px;
  }
}
/* RESPONSIVE MENU ONLY */
/*END RESPONSIVE MENU*/
/*

.language-menu {
    margin-left: auto;

    a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 20px;
        text-transform: uppercase;
        border-radius: var(--border-radius);
        color: #fff;
        font-size: 1.125rem;
        font-weight: 400;
        text-decoration: none;
        line-height: 1;

        &.dropdown-toggle {
            border-color: #fff;
        }

        img {
            height: 18px;
            width: auto;
            margin-left: 10px;
        }

        &:hover,
        &:focus {
            text-decoration: none;
            color: var(--color-main);
            background-color: transparent;
        }

        &.dropdown-toggle::after {
            display: none;
        }
    }

    .dropdown-menu {
        left: 0;
        right: 0;
        width: 100%;
        min-width: 0;
        border: 0 none;
        margin: 5px 0 0;
        float: none;
        padding: 10px;
        border-radius: var(--border-radius);

        a {
            &:hover,
            &:focus {
                background-color: transparent;
            }
        }
    }

    .dropdown-item + .dropdown-item {
        margin-top: 10px;
    }

    &.show {

        .dropdown-menu {
            background-color: rgba(0,0,0,.75);
        }
    }
}*/
.themed-section {
  /* --theme-bg: var(--color-main);
   --theme-text: var(--color-main-text);
   --theme-text-rgb: var(--color-main-text-rgb);
   --theme-color-hover: #000;

   --theme-cta-bg: #000;
   --theme-cta-color: #fff;
   --theme-cta-color-hover: var(--color-main);

   &.theme-2 {
       --theme-bg: var(--color-second);
       --theme-text: var(--color-second-text);
       --theme-text-rgb: var(--color-second-text-rgb);
       --theme-color-hover: var(--color-main);
       --theme-color-2: var(--color-main);
   }*/
}
.themed-section.theme-bg,
.themed-section .theme-bg {
  background-color: var(--theme-bg);
  color: var(--theme-text);
  fill: var(--theme-text);
}
.themed-section.theme-bg a:not(.link-btn),
.themed-section .theme-bg a:not(.link-btn) {
  color: var(--theme-text);
}
.themed-section.theme-bg a:not(.link-btn):hover, .themed-section.theme-bg a:not(.link-btn):focus,
.themed-section .theme-bg a:not(.link-btn):hover,
.themed-section .theme-bg a:not(.link-btn):focus {
  color: var(--theme-color-hover);
}

.accordion-controls .accordion-control-btn,
.accordion-controls .accordion-btn,
.accordion-wrapper .accordion-control-btn,
.accordion-wrapper .accordion-btn {
  background: transparent;
  width: 100%;
  display: flex;
  border: 0 none;
  cursor: pointer;
  text-align: left;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--body-text);
  padding: 20px 30px;
}
.accordion-controls .accordion-control-btn > svg,
.accordion-controls .accordion-btn > svg,
.accordion-wrapper .accordion-control-btn > svg,
.accordion-wrapper .accordion-btn > svg {
  width: auto;
  height: 20px;
  margin-left: auto;
  transition: transform ease 0.3s;
  margin-top: 7px;
  fill: var(--body-text);
}
.accordion-controls .accordion-control-btn.accordion-btn-with-icon,
.accordion-controls .accordion-btn.accordion-btn-with-icon,
.accordion-wrapper .accordion-control-btn.accordion-btn-with-icon,
.accordion-wrapper .accordion-btn.accordion-btn-with-icon {
  align-items: center;
}
.accordion-controls .accordion-control-btn.accordion-btn-with-icon .accordion-btn-content,
.accordion-controls .accordion-btn.accordion-btn-with-icon .accordion-btn-content,
.accordion-wrapper .accordion-control-btn.accordion-btn-with-icon .accordion-btn-content,
.accordion-wrapper .accordion-btn.accordion-btn-with-icon .accordion-btn-content {
  display: flex;
}
.accordion-controls .accordion-control-btn.accordion-btn-with-icon .accordion-btn-content > svg,
.accordion-controls .accordion-btn.accordion-btn-with-icon .accordion-btn-content > svg,
.accordion-wrapper .accordion-control-btn.accordion-btn-with-icon .accordion-btn-content > svg,
.accordion-wrapper .accordion-btn.accordion-btn-with-icon .accordion-btn-content > svg {
  fill: var(--color-main);
  stroke: var(--color-main);
  height: auto;
  width: 32px;
  margin-right: 20px;
}
.accordion-controls .accordion-control-btn:hover > svg,
.accordion-controls .accordion-btn:hover > svg,
.accordion-wrapper .accordion-control-btn:hover > svg,
.accordion-wrapper .accordion-btn:hover > svg {
  fill: var(--color-main);
}
.accordion-controls .accordion-element-body,
.accordion-wrapper .accordion-element-body {
  display: none;
  overflow: hidden;
  font-size: 1rem;
  transition: height 0.5s ease-in-out;
}
.accordion-controls .accordion-element.opening > .accordion-element-body,
.accordion-wrapper .accordion-element.opening > .accordion-element-body {
  display: block;
  opacity: 0;
}
.accordion-controls .accordion-element.open > .accordion-btn > svg,
.accordion-wrapper .accordion-element.open > .accordion-btn > svg {
  fill: var(--color-main);
}
.accordion-controls .accordion-element.open > .accordion-element-body,
.accordion-wrapper .accordion-element.open > .accordion-element-body {
  display: block;
}
.accordion-controls .accordion-element .accordion-btn[aria-expanded=true] > svg,
.accordion-wrapper .accordion-element .accordion-btn[aria-expanded=true] > svg {
  transform: rotateX(-180deg);
}
.accordion-controls.themed-accordion .accordion-btn,
.accordion-wrapper.themed-accordion .accordion-btn {
  color: var(--theme-text);
  padding: 15px 0;
  font-weight: 400;
}
.accordion-controls.themed-accordion .accordion-btn > svg,
.accordion-wrapper.themed-accordion .accordion-btn > svg {
  fill: var(--theme-text);
}
.accordion-controls.themed-accordion .accordion-btn.accordion-btn-with-icon .accordion-btn-content > svg,
.accordion-wrapper.themed-accordion .accordion-btn.accordion-btn-with-icon .accordion-btn-content > svg {
  fill: var(--theme-color-hover);
  stroke: var(--theme-color-hover);
}
.accordion-controls.themed-accordion .accordion-btn:hover > svg,
.accordion-wrapper.themed-accordion .accordion-btn:hover > svg {
  fill: var(--theme-color-hover);
}
.accordion-controls.themed-accordion .accordion-element.open > .accordion-btn > svg,
.accordion-wrapper.themed-accordion .accordion-element.open > .accordion-btn > svg {
  fill: var(--theme-color-hover);
}
.accordion-controls.themed-accordion .accordion-element + .accordion-element,
.accordion-wrapper.themed-accordion .accordion-element + .accordion-element {
  border-top: 1px solid var(--theme-text);
}

.accordion-style .accordion-element {
  background-color: var(--color-third);
  color: var(--color-third-text);
  border-radius: var(--border-radius);
}
.accordion-style .accordion-element + .accordion-element {
  margin-top: 5px;
}
.accordion-style .accordion-element .accordion-btn {
  color: var(--color-third-text);
}
.accordion-style .accordion-element .accordion-btn > svg {
  margin-top: 4px;
  fill: var(--color-third-text);
}
.accordion-style .accordion-element .accordion-btn:hover > svg {
  fill: var(--color-main);
}

.accordion-wrapper.accordion-light .accordion-element {
  background-color: #fff;
  color: #000;
  border-radius: var(--border-radius);
}
.accordion-wrapper.accordion-light .accordion-element + .accordion-element {
  margin-top: 5px;
}
.accordion-wrapper.accordion-light .accordion-element .accordion-btn {
  color: #000;
}
.accordion-wrapper.accordion-light .accordion-element .accordion-btn.accordion-btn-with-icon .accordion-btn-content {
  color: #000;
}
.accordion-wrapper.accordion-light .accordion-element .accordion-btn.accordion-btn-with-icon .accordion-btn-content svg {
  fill: #000;
}
.accordion-wrapper.accordion-light .accordion-element .accordion-element-body-inner {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  padding-top: 30px;
}

.site-guide .accordion-element + .accordion-element {
  border-top: 0 none !important;
}

@media only screen and (max-width: 991.999px) {
  .site-guide {
    --theme-bg: var(--color-grey);
    --theme-text: var(--color-grey-text);
    --theme-color-hover: var(--color-main);
  }
  .site-guide .accordion-element {
    background-color: var(--theme-bg);
    padding: 0 15px;
    margin-bottom: 5px;
    border-radius: var(--border-radius);
  }
  .site-guide .accordion-element .accordion-btn {
    font-size: 1rem;
    font-weight: 700;
  }
  .site-guide .accordion-element .icon-box-link {
    background-color: var(--theme-bg);
    color: var(--theme-text);
    fill: var(--theme-text);
  }
  .site-guide .accordion-element .icon-box-link:hover, .site-guide .accordion-element .icon-box-link:focus {
    background-color: rgba(255, 255, 255, 0.5);
  }
}
@media only screen and (min-width: 992px) {
  .accordion-wrapper.themed-accordion .accordion-btn {
    padding: 15px;
  }
  .accordion-wrapper.tab-controlled-accordion .accordion-element-body {
    transition: opacity 0.5s ease-in-out;
  }
  .accordion-wrapper.accordion-light .accordion-element .accordion-btn.accordion-btn-with-icon svg {
    width: 50px;
  }
  .accordion-controls .accordion-control-btn,
  .accordion-controls .accordion-btn {
    color: #000;
  }
  .accordion-controls .accordion-control-btn > svg,
  .accordion-controls .accordion-btn > svg {
    transition: fill ease-in-out 0.3s, opacity ease-in-out 0.3s;
    fill: var(--color-main);
    opacity: 0.25;
  }
  .accordion-controls .accordion-control-btn.accordion-btn-with-icon .accordion-btn-content,
  .accordion-controls .accordion-btn.accordion-btn-with-icon .accordion-btn-content {
    transition: color ease-in-out 0.3s;
  }
  .accordion-controls .accordion-control-btn.accordion-btn-with-icon .accordion-btn-content > svg,
  .accordion-controls .accordion-btn.accordion-btn-with-icon .accordion-btn-content > svg {
    transition: fill ease-in-out 0.3s, opacity ease-in-out 0.3s;
    fill: #000;
    opacity: 0.25;
  }
  .accordion-controls .accordion-control-btn[aria-expanded=true] > svg, .accordion-controls .accordion-control-btn:hover > svg,
  .accordion-controls .accordion-btn[aria-expanded=true] > svg,
  .accordion-controls .accordion-btn:hover > svg {
    fill: var(--color-main);
    opacity: 1;
  }
  .accordion-controls .accordion-control-btn[aria-expanded=true].accordion-btn-with-icon .accordion-btn-content, .accordion-controls .accordion-control-btn:hover.accordion-btn-with-icon .accordion-btn-content,
  .accordion-controls .accordion-btn[aria-expanded=true].accordion-btn-with-icon .accordion-btn-content,
  .accordion-controls .accordion-btn:hover.accordion-btn-with-icon .accordion-btn-content {
    color: var(--color-main);
  }
  .accordion-controls .accordion-control-btn[aria-expanded=true].accordion-btn-with-icon .accordion-btn-content > svg, .accordion-controls .accordion-control-btn:hover.accordion-btn-with-icon .accordion-btn-content > svg,
  .accordion-controls .accordion-btn[aria-expanded=true].accordion-btn-with-icon .accordion-btn-content > svg,
  .accordion-controls .accordion-btn:hover.accordion-btn-with-icon .accordion-btn-content > svg {
    fill: var(--color-main);
    opacity: 1;
  }
  .accordion-controls .accordion-control-btn + .accordion-control-btn,
  .accordion-controls .accordion-btn + .accordion-control-btn {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
  }
}
.tab-content .tab-pane {
  display: block;
  transition: opacity ease-in-out 0.3s;
  opacity: 1;
  transition: opacity ease-in-out 0.3s;
}
.tab-content .tab-pane:not(.active) {
  display: none;
}
.tab-content .tab-pane:not(.fade) {
  opacity: 0;
}

.filter-me {
  transition: transform ease-in-out 0.3s;
}
.filter-me.filtered-hide {
  transform: scale(0, 0);
}

.default-form-style .form-group {
  margin-bottom: 30px;
}
.default-form-style label {
  font-weight: 400;
  display: block;
  margin-bottom: 10px;
}
.default-form-style label.required-marker::after {
  content: "*";
  color: red;
  margin-left: 5px;
}
.default-form-style .validation-message {
  display: none;
}
.default-form-style input[type=text],
.default-form-style input[type=date],
.default-form-style input[type=tel],
.default-form-style input[type=number],
.default-form-style input[type=email],
.default-form-style input[type=password],
.default-form-style input[type=search],
.default-form-style input[type=file],
.default-form-style select,
.default-form-style textarea {
  outline: none;
  display: block;
  padding: 10px 15px;
  font-size: 1rem;
  font-weight: 400;
  color: #000;
  background-color: #fff;
  border: 0 none;
  border-radius: var(--border-radius);
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  width: 100%;
}
.default-form-style input[type=text]:focus,
.default-form-style input[type=date]:focus,
.default-form-style input[type=tel]:focus,
.default-form-style input[type=number]:focus,
.default-form-style input[type=email]:focus,
.default-form-style input[type=password]:focus,
.default-form-style input[type=search]:focus,
.default-form-style input[type=file]:focus,
.default-form-style select:focus,
.default-form-style textarea:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
}
.default-form-style input[type=text].error,
.default-form-style input[type=date].error,
.default-form-style input[type=tel].error,
.default-form-style input[type=number].error,
.default-form-style input[type=email].error,
.default-form-style input[type=password].error,
.default-form-style input[type=search].error,
.default-form-style input[type=file].error,
.default-form-style select.error,
.default-form-style textarea.error {
  border-color: red;
}
.default-form-style input[type=text].error + .validation-message,
.default-form-style input[type=date].error + .validation-message,
.default-form-style input[type=tel].error + .validation-message,
.default-form-style input[type=number].error + .validation-message,
.default-form-style input[type=email].error + .validation-message,
.default-form-style input[type=password].error + .validation-message,
.default-form-style input[type=search].error + .validation-message,
.default-form-style input[type=file].error + .validation-message,
.default-form-style select.error + .validation-message,
.default-form-style textarea.error + .validation-message {
  display: block;
  color: red;
  font-size: 0.875rem;
  margin-top: 5px;
}
.default-form-style input[type=file]::file-selector-button {
  border-radius: 9999px;
  background-color: transparent;
  border: 1px solid #000;
  padding: 5px 15px;
  cursor: pointer;
  margin-right: 15px;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.default-form-style input[type=file]::file-selector-button:hover {
  background-color: #000;
  color: #fff;
}
.default-form-style textarea {
  min-height: 120px;
}
.default-form-style .form-message {
  margin: 15px 0;
  border-radius: var(--border-radius);
  padding: 15px;
  border-width: 1px;
  border-style: solid;
}
.default-form-style .form-message.form-message-success {
  border-color: darkgreen;
  background-color: palegreen;
  color: #000;
}
.default-form-style .form-message.form-message-error {
  border-color: darkred;
  background-color: palevioletred;
  color: #000;
}
.default-form-style .form-message p:last-of-type {
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
  .default-form-style .form-group {
    margin-bottom: 45px;
  }
  .default-form-style label {
    padding-left: 15px;
  }
  .default-form-style .form-message {
    margin: 30px 0;
    padding: 30px;
    font-size: 1.25rem;
  }
}
:root {
  --max-content-width: 2560px;
}

.content-max {
  max-width: var(--max-content-width);
  margin-left: auto;
  margin-right: auto;
}

.p-mb-10 p {
  margin-bottom: 10px;
}

.last-p-mb-0 p:last-of-type {
  margin-bottom: 0;
}

.ml-auto {
  margin-left: auto;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15rem {
  margin-bottom: 1.5rem;
}

.p-15 {
  padding: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.px-15 {
  padding-right: 15px;
  padding-left: 15px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.m-15 {
  margin: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.mx-15 {
  margin-right: 15px;
  margin-left: 15px;
}

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.p-30 {
  padding: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.px-30 {
  padding-right: 30px;
  padding-left: 30px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.m-30 {
  margin: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.mx-30 {
  margin-right: 30px;
  margin-left: 30px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.p-45 {
  padding: 45px;
}

.pt-45 {
  padding-top: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.px-45 {
  padding-right: 45px;
  padding-left: 45px;
}

.py-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.m-45 {
  margin: 45px;
}

.mt-45 {
  margin-top: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.mx-45 {
  margin-right: 45px;
  margin-left: 45px;
}

.my-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.p-60 {
  padding: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.px-60 {
  padding-right: 60px;
  padding-left: 60px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.m-60 {
  margin: 60px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.mx-60 {
  margin-right: 60px;
  margin-left: 60px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.p-75 {
  padding: 75px;
}

.pt-75 {
  padding-top: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pl-75 {
  padding-left: 75px;
}

.pr-75 {
  padding-right: 75px;
}

.px-75 {
  padding-right: 75px;
  padding-left: 75px;
}

.py-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.m-75 {
  margin: 75px;
}

.mt-75 {
  margin-top: 75px;
}

.mb-75 {
  margin-bottom: 75px;
}

.ml-75 {
  margin-left: 75px;
}

.mr-75 {
  margin-right: 75px;
}

.mx-75 {
  margin-right: 75px;
  margin-left: 75px;
}

.my-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.p-90 {
  padding: 90px;
}

.pt-90 {
  padding-top: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.px-90 {
  padding-right: 90px;
  padding-left: 90px;
}

.py-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.m-90 {
  margin: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.ml-90 {
  margin-left: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.mx-90 {
  margin-right: 90px;
  margin-left: 90px;
}

.my-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.p-105 {
  padding: 105px;
}

.pt-105 {
  padding-top: 105px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pl-105 {
  padding-left: 105px;
}

.pr-105 {
  padding-right: 105px;
}

.px-105 {
  padding-right: 105px;
  padding-left: 105px;
}

.py-105 {
  padding-top: 105px;
  padding-bottom: 105px;
}

.m-105 {
  margin: 105px;
}

.mt-105 {
  margin-top: 105px;
}

.mb-105 {
  margin-bottom: 105px;
}

.ml-105 {
  margin-left: 105px;
}

.mr-105 {
  margin-right: 105px;
}

.mx-105 {
  margin-right: 105px;
  margin-left: 105px;
}

.my-105 {
  margin-top: 105px;
  margin-bottom: 105px;
}

.p-120 {
  padding: 120px;
}

.pt-120 {
  padding-top: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pl-120 {
  padding-left: 120px;
}

.pr-120 {
  padding-right: 120px;
}

.px-120 {
  padding-right: 120px;
  padding-left: 120px;
}

.py-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.m-120 {
  margin: 120px;
}

.mt-120 {
  margin-top: 120px;
}

.mb-120 {
  margin-bottom: 120px;
}

.ml-120 {
  margin-left: 120px;
}

.mr-120 {
  margin-right: 120px;
}

.mx-120 {
  margin-right: 120px;
  margin-left: 120px;
}

.my-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.gap-15 {
  grid-gap: 15px;
}

@media only screen and (min-width: 768px) {
  .last-p-mb-md-0 p:last-of-type {
    margin-bottom: 0;
  }
  .ml-md-auto {
    margin-left: auto;
  }
  .mb-md-10 {
    margin-bottom: 10px;
  }
  .mb-md-15rem {
    margin-bottom: 1.5rem;
  }
  .p-md-15 {
    padding: 15px;
  }
  .pt-md-15 {
    padding-top: 15px;
  }
  .pb-md-15 {
    padding-bottom: 15px;
  }
  .pl-md-15 {
    padding-left: 15px;
  }
  .pr-md-15 {
    padding-right: 15px;
  }
  .px-md-15 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .py-md-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .m-md-15 {
    margin: 15px;
  }
  .mt-md-15 {
    margin-top: 15px;
  }
  .mb-md-15 {
    margin-bottom: 15px;
  }
  .ml-md-15 {
    margin-left: 15px;
  }
  .mr-md-15 {
    margin-right: 15px;
  }
  .mx-md-15 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .my-md-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .p-md-30 {
    padding: 30px;
  }
  .pt-md-30 {
    padding-top: 30px;
  }
  .pb-md-30 {
    padding-bottom: 30px;
  }
  .pl-md-30 {
    padding-left: 30px;
  }
  .pr-md-30 {
    padding-right: 30px;
  }
  .px-md-30 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .py-md-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-md-30 {
    margin: 30px;
  }
  .mt-md-30 {
    margin-top: 30px;
  }
  .mb-md-30 {
    margin-bottom: 30px;
  }
  .ml-md-30 {
    margin-left: 30px;
  }
  .mr-md-30 {
    margin-right: 30px;
  }
  .mx-md-30 {
    margin-right: 30px;
    margin-left: 30px;
  }
  .my-md-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .p-md-45 {
    padding: 45px;
  }
  .pt-md-45 {
    padding-top: 45px;
  }
  .pb-md-45 {
    padding-bottom: 45px;
  }
  .pl-md-45 {
    padding-left: 45px;
  }
  .pr-md-45 {
    padding-right: 45px;
  }
  .px-md-45 {
    padding-right: 45px;
    padding-left: 45px;
  }
  .py-md-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .m-md-45 {
    margin: 45px;
  }
  .mt-md-45 {
    margin-top: 45px;
  }
  .mb-md-45 {
    margin-bottom: 45px;
  }
  .ml-md-45 {
    margin-left: 45px;
  }
  .mr-md-45 {
    margin-right: 45px;
  }
  .mx-md-45 {
    margin-right: 45px;
    margin-left: 45px;
  }
  .my-md-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .p-md-60 {
    padding: 60px;
  }
  .pt-md-60 {
    padding-top: 60px;
  }
  .pb-md-60 {
    padding-bottom: 60px;
  }
  .pl-md-60 {
    padding-left: 60px;
  }
  .pr-md-60 {
    padding-right: 60px;
  }
  .px-md-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .py-md-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .m-md-60 {
    margin: 60px;
  }
  .mt-md-60 {
    margin-top: 60px;
  }
  .mb-md-60 {
    margin-bottom: 60px;
  }
  .ml-md-60 {
    margin-left: 60px;
  }
  .mr-md-60 {
    margin-right: 60px;
  }
  .mx-md-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .my-md-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .p-md-75 {
    padding: 75px;
  }
  .pt-md-75 {
    padding-top: 75px;
  }
  .pb-md-75 {
    padding-bottom: 75px;
  }
  .pl-md-75 {
    padding-left: 75px;
  }
  .pr-md-75 {
    padding-right: 75px;
  }
  .px-md-75 {
    padding-right: 75px;
    padding-left: 75px;
  }
  .py-md-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .m-md-75 {
    margin: 75px;
  }
  .mt-md-75 {
    margin-top: 75px;
  }
  .mb-md-75 {
    margin-bottom: 75px;
  }
  .ml-md-75 {
    margin-left: 75px;
  }
  .mr-md-75 {
    margin-right: 75px;
  }
  .mx-md-75 {
    margin-right: 75px;
    margin-left: 75px;
  }
  .my-md-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .p-md-90 {
    padding: 90px;
  }
  .pt-md-90 {
    padding-top: 90px;
  }
  .pb-md-90 {
    padding-bottom: 90px;
  }
  .pl-md-90 {
    padding-left: 90px;
  }
  .pr-md-90 {
    padding-right: 90px;
  }
  .px-md-90 {
    padding-right: 90px;
    padding-left: 90px;
  }
  .py-md-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .m-md-90 {
    margin: 90px;
  }
  .mt-md-90 {
    margin-top: 90px;
  }
  .mb-md-90 {
    margin-bottom: 90px;
  }
  .ml-md-90 {
    margin-left: 90px;
  }
  .mr-md-90 {
    margin-right: 90px;
  }
  .mx-md-90 {
    margin-right: 90px;
    margin-left: 90px;
  }
  .my-md-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .p-md-105 {
    padding: 105px;
  }
  .pt-md-105 {
    padding-top: 105px;
  }
  .pb-md-105 {
    padding-bottom: 105px;
  }
  .pl-md-105 {
    padding-left: 105px;
  }
  .pr-md-105 {
    padding-right: 105px;
  }
  .px-md-105 {
    padding-right: 105px;
    padding-left: 105px;
  }
  .py-md-105 {
    padding-top: 105px;
    padding-bottom: 105px;
  }
  .m-md-105 {
    margin: 105px;
  }
  .mt-md-105 {
    margin-top: 105px;
  }
  .mb-md-105 {
    margin-bottom: 105px;
  }
  .ml-md-105 {
    margin-left: 105px;
  }
  .mr-md-105 {
    margin-right: 105px;
  }
  .mx-md-105 {
    margin-right: 105px;
    margin-left: 105px;
  }
  .my-md-105 {
    margin-top: 105px;
    margin-bottom: 105px;
  }
  .p-md-120 {
    padding: 120px;
  }
  .pt-md-120 {
    padding-top: 120px;
  }
  .pb-md-120 {
    padding-bottom: 120px;
  }
  .pl-md-120 {
    padding-left: 120px;
  }
  .pr-md-120 {
    padding-right: 120px;
  }
  .px-md-120 {
    padding-right: 120px;
    padding-left: 120px;
  }
  .py-md-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .m-md-120 {
    margin: 120px;
  }
  .mt-md-120 {
    margin-top: 120px;
  }
  .mb-md-120 {
    margin-bottom: 120px;
  }
  .ml-md-120 {
    margin-left: 120px;
  }
  .mr-md-120 {
    margin-right: 120px;
  }
  .mx-md-120 {
    margin-right: 120px;
    margin-left: 120px;
  }
  .my-md-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 992px) {
  .last-p-mb-lg-0 p:last-of-type {
    margin-bottom: 0;
  }
  .ml-lg-auto {
    margin-left: auto;
  }
  .mb-lg-10 {
    margin-bottom: 10px;
  }
  .mb-lg-15rem {
    margin-bottom: 1.5rem;
  }
  .p-lg-15 {
    padding: 15px;
  }
  .pt-lg-15 {
    padding-top: 15px;
  }
  .pb-lg-15 {
    padding-bottom: 15px;
  }
  .pl-lg-15 {
    padding-left: 15px;
  }
  .pr-lg-15 {
    padding-right: 15px;
  }
  .px-lg-15 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .py-lg-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .m-lg-15 {
    margin: 15px;
  }
  .mt-lg-15 {
    margin-top: 15px;
  }
  .mb-lg-15 {
    margin-bottom: 15px;
  }
  .ml-lg-15 {
    margin-left: 15px;
  }
  .mr-lg-15 {
    margin-right: 15px;
  }
  .mx-lg-15 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .my-lg-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .p-lg-30 {
    padding: 30px;
  }
  .pt-lg-30 {
    padding-top: 30px;
  }
  .pb-lg-30 {
    padding-bottom: 30px;
  }
  .pl-lg-30 {
    padding-left: 30px;
  }
  .pr-lg-30 {
    padding-right: 30px;
  }
  .px-lg-30 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .py-lg-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-lg-30 {
    margin: 30px;
  }
  .mt-lg-30 {
    margin-top: 30px;
  }
  .mb-lg-30 {
    margin-bottom: 30px;
  }
  .ml-lg-30 {
    margin-left: 30px;
  }
  .mr-lg-30 {
    margin-right: 30px;
  }
  .mx-lg-30 {
    margin-right: 30px;
    margin-left: 30px;
  }
  .my-lg-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .p-lg-45 {
    padding: 45px;
  }
  .pt-lg-45 {
    padding-top: 45px;
  }
  .pb-lg-45 {
    padding-bottom: 45px;
  }
  .pl-lg-45 {
    padding-left: 45px;
  }
  .pr-lg-45 {
    padding-right: 45px;
  }
  .px-lg-45 {
    padding-right: 45px;
    padding-left: 45px;
  }
  .py-lg-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .m-lg-45 {
    margin: 45px;
  }
  .mt-lg-45 {
    margin-top: 45px;
  }
  .mb-lg-45 {
    margin-bottom: 45px;
  }
  .ml-lg-45 {
    margin-left: 45px;
  }
  .mr-lg-45 {
    margin-right: 45px;
  }
  .mx-lg-45 {
    margin-right: 45px;
    margin-left: 45px;
  }
  .my-lg-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .p-lg-60 {
    padding: 60px;
  }
  .pt-lg-60 {
    padding-top: 60px;
  }
  .pb-lg-60 {
    padding-bottom: 60px;
  }
  .pl-lg-60 {
    padding-left: 60px;
  }
  .pr-lg-60 {
    padding-right: 60px;
  }
  .px-lg-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .py-lg-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .m-lg-60 {
    margin: 60px;
  }
  .mt-lg-60 {
    margin-top: 60px;
  }
  .mb-lg-60 {
    margin-bottom: 60px;
  }
  .ml-lg-60 {
    margin-left: 60px;
  }
  .mr-lg-60 {
    margin-right: 60px;
  }
  .mx-lg-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .my-lg-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .p-lg-75 {
    padding: 75px;
  }
  .pt-lg-75 {
    padding-top: 75px;
  }
  .pb-lg-75 {
    padding-bottom: 75px;
  }
  .pl-lg-75 {
    padding-left: 75px;
  }
  .pr-lg-75 {
    padding-right: 75px;
  }
  .px-lg-75 {
    padding-right: 75px;
    padding-left: 75px;
  }
  .py-lg-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .m-lg-75 {
    margin: 75px;
  }
  .mt-lg-75 {
    margin-top: 75px;
  }
  .mb-lg-75 {
    margin-bottom: 75px;
  }
  .ml-lg-75 {
    margin-left: 75px;
  }
  .mr-lg-75 {
    margin-right: 75px;
  }
  .mx-lg-75 {
    margin-right: 75px;
    margin-left: 75px;
  }
  .my-lg-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .p-lg-90 {
    padding: 90px;
  }
  .pt-lg-90 {
    padding-top: 90px;
  }
  .pb-lg-90 {
    padding-bottom: 90px;
  }
  .pl-lg-90 {
    padding-left: 90px;
  }
  .pr-lg-90 {
    padding-right: 90px;
  }
  .px-lg-90 {
    padding-right: 90px;
    padding-left: 90px;
  }
  .py-lg-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .m-lg-90 {
    margin: 90px;
  }
  .mt-lg-90 {
    margin-top: 90px;
  }
  .mb-lg-90 {
    margin-bottom: 90px;
  }
  .ml-lg-90 {
    margin-left: 90px;
  }
  .mr-lg-90 {
    margin-right: 90px;
  }
  .mx-lg-90 {
    margin-right: 90px;
    margin-left: 90px;
  }
  .my-lg-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .p-lg-105 {
    padding: 105px;
  }
  .pt-lg-105 {
    padding-top: 105px;
  }
  .pb-lg-105 {
    padding-bottom: 105px;
  }
  .pl-lg-105 {
    padding-left: 105px;
  }
  .pr-lg-105 {
    padding-right: 105px;
  }
  .px-lg-105 {
    padding-right: 105px;
    padding-left: 105px;
  }
  .py-lg-105 {
    padding-top: 105px;
    padding-bottom: 105px;
  }
  .m-lg-105 {
    margin: 105px;
  }
  .mt-lg-105 {
    margin-top: 105px;
  }
  .mb-lg-105 {
    margin-bottom: 105px;
  }
  .ml-lg-105 {
    margin-left: 105px;
  }
  .mr-lg-105 {
    margin-right: 105px;
  }
  .mx-lg-105 {
    margin-right: 105px;
    margin-left: 105px;
  }
  .my-lg-105 {
    margin-top: 105px;
    margin-bottom: 105px;
  }
  .p-lg-120 {
    padding: 120px;
  }
  .pt-lg-120 {
    padding-top: 120px;
  }
  .pb-lg-120 {
    padding-bottom: 120px;
  }
  .pl-lg-120 {
    padding-left: 120px;
  }
  .pr-lg-120 {
    padding-right: 120px;
  }
  .px-lg-120 {
    padding-right: 120px;
    padding-left: 120px;
  }
  .py-lg-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .m-lg-120 {
    margin: 120px;
  }
  .mt-lg-120 {
    margin-top: 120px;
  }
  .mb-lg-120 {
    margin-bottom: 120px;
  }
  .ml-lg-120 {
    margin-left: 120px;
  }
  .mr-lg-120 {
    margin-right: 120px;
  }
  .mx-lg-120 {
    margin-right: 120px;
    margin-left: 120px;
  }
  .my-lg-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 1200px) {
  .last-p-mb-xl-0 p:last-of-type {
    margin-bottom: 0;
  }
  .ml-xl-auto {
    margin-left: auto;
  }
  .mb-xl-10 {
    margin-bottom: 10px;
  }
  .mb-xl-15rem {
    margin-bottom: 1.5rem;
  }
  .p-xl-15 {
    padding: 15px;
  }
  .pt-xl-15 {
    padding-top: 15px;
  }
  .pb-xl-15 {
    padding-bottom: 15px;
  }
  .pl-xl-15 {
    padding-left: 15px;
  }
  .pr-xl-15 {
    padding-right: 15px;
  }
  .px-xl-15 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .py-xl-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .m-xl-15 {
    margin: 15px;
  }
  .mt-xl-15 {
    margin-top: 15px;
  }
  .mb-xl-15 {
    margin-bottom: 15px;
  }
  .ml-xl-15 {
    margin-left: 15px;
  }
  .mr-xl-15 {
    margin-right: 15px;
  }
  .mx-xl-15 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .my-xl-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .p-xl-30 {
    padding: 30px;
  }
  .pt-xl-30 {
    padding-top: 30px;
  }
  .pb-xl-30 {
    padding-bottom: 30px;
  }
  .pl-xl-30 {
    padding-left: 30px;
  }
  .pr-xl-30 {
    padding-right: 30px;
  }
  .px-xl-30 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .py-xl-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-xl-30 {
    margin: 30px;
  }
  .mt-xl-30 {
    margin-top: 30px;
  }
  .mb-xl-30 {
    margin-bottom: 30px;
  }
  .ml-xl-30 {
    margin-left: 30px;
  }
  .mr-xl-30 {
    margin-right: 30px;
  }
  .mx-xl-30 {
    margin-right: 30px;
    margin-left: 30px;
  }
  .my-xl-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .p-xl-45 {
    padding: 45px;
  }
  .pt-xl-45 {
    padding-top: 45px;
  }
  .pb-xl-45 {
    padding-bottom: 45px;
  }
  .pl-xl-45 {
    padding-left: 45px;
  }
  .pr-xl-45 {
    padding-right: 45px;
  }
  .px-xl-45 {
    padding-right: 45px;
    padding-left: 45px;
  }
  .py-xl-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .m-xl-45 {
    margin: 45px;
  }
  .mt-xl-45 {
    margin-top: 45px;
  }
  .mb-xl-45 {
    margin-bottom: 45px;
  }
  .ml-xl-45 {
    margin-left: 45px;
  }
  .mr-xl-45 {
    margin-right: 45px;
  }
  .mx-xl-45 {
    margin-right: 45px;
    margin-left: 45px;
  }
  .my-xl-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .p-xl-60 {
    padding: 60px;
  }
  .pt-xl-60 {
    padding-top: 60px;
  }
  .pb-xl-60 {
    padding-bottom: 60px;
  }
  .pl-xl-60 {
    padding-left: 60px;
  }
  .pr-xl-60 {
    padding-right: 60px;
  }
  .px-xl-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .py-xl-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .m-xl-60 {
    margin: 60px;
  }
  .mt-xl-60 {
    margin-top: 60px;
  }
  .mb-xl-60 {
    margin-bottom: 60px;
  }
  .ml-xl-60 {
    margin-left: 60px;
  }
  .mr-xl-60 {
    margin-right: 60px;
  }
  .mx-xl-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .my-xl-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .p-xl-75 {
    padding: 75px;
  }
  .pt-xl-75 {
    padding-top: 75px;
  }
  .pb-xl-75 {
    padding-bottom: 75px;
  }
  .pl-xl-75 {
    padding-left: 75px;
  }
  .pr-xl-75 {
    padding-right: 75px;
  }
  .px-xl-75 {
    padding-right: 75px;
    padding-left: 75px;
  }
  .py-xl-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .m-xl-75 {
    margin: 75px;
  }
  .mt-xl-75 {
    margin-top: 75px;
  }
  .mb-xl-75 {
    margin-bottom: 75px;
  }
  .ml-xl-75 {
    margin-left: 75px;
  }
  .mr-xl-75 {
    margin-right: 75px;
  }
  .mx-xl-75 {
    margin-right: 75px;
    margin-left: 75px;
  }
  .my-xl-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .p-xl-90 {
    padding: 90px;
  }
  .pt-xl-90 {
    padding-top: 90px;
  }
  .pb-xl-90 {
    padding-bottom: 90px;
  }
  .pl-xl-90 {
    padding-left: 90px;
  }
  .pr-xl-90 {
    padding-right: 90px;
  }
  .px-xl-90 {
    padding-right: 90px;
    padding-left: 90px;
  }
  .py-xl-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .m-xl-90 {
    margin: 90px;
  }
  .mt-xl-90 {
    margin-top: 90px;
  }
  .mb-xl-90 {
    margin-bottom: 90px;
  }
  .ml-xl-90 {
    margin-left: 90px;
  }
  .mr-xl-90 {
    margin-right: 90px;
  }
  .mx-xl-90 {
    margin-right: 90px;
    margin-left: 90px;
  }
  .my-xl-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .p-xl-105 {
    padding: 105px;
  }
  .pt-xl-105 {
    padding-top: 105px;
  }
  .pb-xl-105 {
    padding-bottom: 105px;
  }
  .pl-xl-105 {
    padding-left: 105px;
  }
  .pr-xl-105 {
    padding-right: 105px;
  }
  .px-xl-105 {
    padding-right: 105px;
    padding-left: 105px;
  }
  .py-xl-105 {
    padding-top: 105px;
    padding-bottom: 105px;
  }
  .m-xl-105 {
    margin: 105px;
  }
  .mt-xl-105 {
    margin-top: 105px;
  }
  .mb-xl-105 {
    margin-bottom: 105px;
  }
  .ml-xl-105 {
    margin-left: 105px;
  }
  .mr-xl-105 {
    margin-right: 105px;
  }
  .mx-xl-105 {
    margin-right: 105px;
    margin-left: 105px;
  }
  .my-xl-105 {
    margin-top: 105px;
    margin-bottom: 105px;
  }
  .p-xl-120 {
    padding: 120px;
  }
  .pt-xl-120 {
    padding-top: 120px;
  }
  .pb-xl-120 {
    padding-bottom: 120px;
  }
  .pl-xl-120 {
    padding-left: 120px;
  }
  .pr-xl-120 {
    padding-right: 120px;
  }
  .px-xl-120 {
    padding-right: 120px;
    padding-left: 120px;
  }
  .py-xl-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .m-xl-120 {
    margin: 120px;
  }
  .mt-xl-120 {
    margin-top: 120px;
  }
  .mb-xl-120 {
    margin-bottom: 120px;
  }
  .ml-xl-120 {
    margin-left: 120px;
  }
  .mr-xl-120 {
    margin-right: 120px;
  }
  .mx-xl-120 {
    margin-right: 120px;
    margin-left: 120px;
  }
  .my-xl-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
body.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  transition: opacity ease-in-out 0.75s;
  position: relative;
  z-index: 1000;
}
.modal.transforming {
  opacity: 0;
  display: flex;
}
.modal.open {
  display: block;
  opacity: 1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal.open .modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.modal .modal-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(5px);
}
.modal .modal-content {
  background-color: #fff;
  color: #000;
  border-radius: var(--border-radius);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  padding: 20px;
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  position: relative;
  z-index: 2;
}
.modal .modal-content .btn-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  fill: #000;
  opacity: 0.8;
  transition: opacity ease 0.3s;
  border: 0 none;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.modal .modal-content .btn-close svg {
  width: auto;
  height: 28px;
}
.modal .modal-content .btn-close:focus, .modal .modal-content .btn-close:hover {
  opacity: 1;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}

main::before {
  margin-top: calc((var(--navbar-height) - 30px) * -1);
  height: 30px;
  width: 100%;
  max-width: var(--max-content-width);
  margin-left: auto;
  margin-right: auto;
  content: "";
  background-color: #000;
  border-radius: 50%;
  display: block;
  filter: blur(50px);
  position: relative;
  z-index: 1;
  margin-bottom: calc(var(--navbar-height) - 60px);
}

.ingress {
  font-size: 1.25rem;
}

ul li p:last-of-type {
  margin-bottom: 0;
}

.title-with-icon svg {
  fill: var(--color-main);
  height: 1.5em;
  width: auto;
  margin-right: 20px;
}

.rte-box {
  margin: 30px 0;
  padding: 30px;
  border-radius: var(--border-radius);
}

blockquote {
  border-left: 2px solid var(--body-text);
  padding: 30px;
  margin: 30px 0;
  font-size: 1.25rem;
}

.quote {
  font-size: 1.875rem;
}
.quote p:last-of-type {
  margin-bottom: 0;
}

.quote-source {
  font-size: 1.375rem;
  font-weight: 700;
}

.link-btn {
  border: 1px solid var(--body-text);
  background-color: transparent;
  color: var(--body-text);
  font-size: 1rem;
  font-weight: 700;
  padding: 15px 45px;
  border-radius: 9999px;
  transition-property: background-color, color, fill;
  transition-duration: var(--menu-transition-duration);
  transition-timing-function: var(--menu-transition-effect);
  text-decoration: none;
  display: inline-block;
  text-align: center;
}
.link-btn:hover {
  background-color: var(--body-text);
  color: var(--body-bg);
  fill: var(--body-bg);
}
.link-btn.link-btn-full {
  display: block;
  width: 100%;
}
.link-btn.link-btn-bg {
  background-color: var(--body-bg);
}
.link-btn.link-btn-bg:hover {
  background-color: var(--body-text);
}
.link-btn.link-btn-icon svg {
  height: 1rem;
  width: auto;
  margin-right: 15px;
}
.link-btn.link-btn-small {
  padding: 10px 20px;
  font-size: 0.875rem;
}

.filter-btn {
  border: 1px solid transparent;
  background-color: #fff;
  color: #000;
  font-size: 0.875rem;
  padding: 7.5px 30px;
  border-radius: 9999px;
  transition-property: background-color, color, border-color;
  transition-duration: var(--menu-transition-duration);
  transition-timing-function: var(--menu-transition-effect);
  text-decoration: none;
  display: inline-block;
  text-align: center;
}
.filter-btn + .filter-btn {
  margin-left: 5px;
}
.filter-btn.active, .filter-btn:hover, .filter-btn:focus {
  border-color: var(--color-second-text);
}
.filter-btn.active {
  background-color: var(--color-second);
  color: var(--color-second-text);
}

.icon-btn {
  background-color: var(--color-second);
  color: var(--color-second-text);
  fill: var(--color-second-text);
  display: flex;
  align-items: center;
  text-align: left;
  border-radius: var(--border-radius);
  padding: 10px 30px 10px 15px;
  margin-bottom: 5px;
  transition-property: background-color, color, fill;
  transition-duration: var(--menu-transition-duration);
  transition-timing-function: var(--menu-transition-effect);
  width: 100%;
  outline: 0 none;
  border: 0 none;
}
.icon-btn .icon-btn-icon {
  flex: 0 0 auto;
  transition-property: border-color;
  transition-duration: var(--menu-transition-duration);
  transition-timing-function: var(--menu-transition-effect);
  display: flex;
  height: 42px;
  width: 42px;
  border-radius: 50%;
  border: 2px solid var(--color-second-text);
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
.icon-btn .icon-btn-icon svg {
  height: 1rem;
  width: auto;
}
.icon-btn > svg {
  flex: 0 0 auto;
  margin-left: auto;
  height: 1rem;
  width: auto;
}
.icon-btn:hover, .icon-btn:focus {
  text-decoration: none;
  background-color: var(--color-grey);
  color: var(--color-grey-text);
  fill: var(--color-grey-text);
}
.icon-btn:hover .icon-btn-icon, .icon-btn:focus .icon-btn-icon {
  border-color: var(--color-grey-text);
}

.badge {
  display: inline-block;
  padding: 2.5px 5px;
  background-color: var(--color-second);
  color: var(--color-second-text);
  border-radius: var(--border-radius);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.15;
}

.divider {
  height: 1px;
}

.flex-spacer {
  flex: 1 1 auto;
  min-width: 0;
}

.banner {
  position: relative;
}
.banner.default-banner {
  margin-bottom: 30px;
}
.banner.default-banner .banner-img {
  height: 400px;
}
.banner.default-banner .banner-img img {
  border-bottom-left-radius: 75px;
}

.portal-content {
  margin-top: -45px;
  position: relative;
}

ul.link-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.arrow-link-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.arrow-link-list li a {
  text-decoration: none;
  display: block;
  position: relative;
  padding: 15px 30px 15px 0;
}
ul.arrow-link-list li a svg {
  position: absolute;
  right: 15px;
  top: calc(50% - 0.375rem);
  width: auto;
  height: 0.75rem;
  opacity: 0.6;
  transition-property: right, height;
  transition-duration: var(--menu-transition-duration);
  transition-timing-function: var(--menu-transition-effect);
}
ul.arrow-link-list li a:hover svg, ul.arrow-link-list li a:focus svg {
  right: 0;
  height: 1rem;
}
ul.arrow-link-list li + li {
  border-top: 1px solid rgba(var(--theme-text-rgb), 0.25);
}

.shortcut-btn {
  display: block;
  position: relative;
  text-decoration: none;
  background-color: var(--color-second);
  color: var(--color-second-text);
  fill: var(--color-second-text);
  padding: 20px 60px 20px 20px;
  border-radius: var(--border-radius);
}
.shortcut-btn:hover, .shortcut-btn:focus {
  background-color: var(--color-grey);
  color: var(--color-grey-contrast);
  fill: var(--color-grey-contrast);
}
.shortcut-btn svg {
  height: 1.5rem;
  width: auto;
  position: absolute;
  right: 20px;
  top: calc(50% - 0.75rem);
}

.icon-box-link {
  display: block;
  height: 100%;
  border-radius: var(--border-radius);
  text-align: center;
  padding: 20px;
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #fff;
  transition-property: background-color, border;
  transition-duration: var(--menu-transition-duration);
  transition-timing-function: var(--menu-transition-effect);
  overflow-wrap: break-word;
  hyphens: auto;
  hyphenate-limit-chars: 12 4 4;
}
.icon-box-link.icon-box-link-border {
  border-color: #000;
}
.icon-box-link svg {
  width: auto;
  height: 2rem;
  margin-bottom: 10px;
}
.icon-box-link:hover, .icon-box-link:focus {
  background-color: var(--body-bg);
  border-color: var(--body-text);
}

.infobox {
  position: relative;
  background-color: #Fff;
  border-radius: var(--border-radius);
  padding: 35px 30px;
}
.infobox::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 30px;
  width: 75px;
  border-top: 1px solid var(--color-main);
}

.box {
  padding: 20px;
  border-radius: var(--border-radius);
}
.box .box-item + .box-item {
  margin-top: 20px;
}

.notification {
  background-color: var(--notification-bg);
  color: var(--notification-text);
  padding: 30px;
  border-radius: var(--border-radius);
}
.notification a {
  color: var(--notification-text);
  text-decoration-color: var(--notification-text);
}
.notification.notification-alt {
  background-color: var(--notification-bg-alt);
  color: var(--notification-text-alt);
}
.notification.notification-alt a {
  color: var(--notification-text-alt);
  text-decoration-color: var(--notification-text-alt);
}
.notification .notification-title {
  margin-bottom: 15px;
}
.notification p:last-of-type {
  margin-bottom: 0;
}

.disc-shadow::after {
  margin-top: -30px;
  height: 30px;
  width: 680px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  content: "";
  background-color: #000;
  border-radius: 50%;
  display: block;
  filter: blur(50px);
}

.section-with-pattern {
  position: relative;
  overflow: hidden;
  /*.section-bg {
      position: absolute;
      top: -50px;
      left: 15px;
      z-index: 0;
      opacity: .25;
      transform: rotateZ(-90deg);

      img{
          width:auto;
          height:120px;
      }
  }*/
}
.section-with-pattern .section-bg {
  position: relative;
  z-index: 1;
  border-top: 1px solid var(--color-green);
  padding-top: 30px;
}
.section-with-pattern .section-bg::before {
  content: "";
  background-image: url("/images/pattern-outlined.png");
  width: 172px;
  height: 117px;
  position: absolute;
  top: -160px;
  left: -20px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top left;
  opacity: 0.25;
  transform: rotateZ(-90deg);
}

.alternating-block + .alternating-block {
  margin-top: 30px;
}

figure.figure-with-caption {
  margin: 0;
}
figure.figure-with-caption figcaption {
  background-color: #fff;
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  padding: 15px 20px;
}

.image-box {
  border-radius: var(--border-radius);
  background-color: #fff;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  height: 100%;
}
.image-box img {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.video-wrapper {
  position: relative;
}
.video-wrapper a.video-wrapper-btn {
  padding: 0;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 50%;
  background-color: var(--color-second);
  fill: var(--color-second-text);
}
.video-wrapper a.video-wrapper-btn:hover, .video-wrapper a.video-wrapper-btn:focus {
  background-color: var(--color-grey);
  fill: var(--color-grey-contrast);
}
.video-wrapper a.video-wrapper-btn svg {
  height: 1rem;
  width: auto;
}
.video-wrapper .notification {
  max-width: 80%;
}

.popout-img-section {
  --popout-size: 30px;
  padding-top: var(--popout-size);
  padding-bottom: var(--popout-size);
}
.popout-img-section .popout-img {
  position: relative;
  margin-top: calc(-1 * var(--popout-size));
  z-index: 2;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.pagination {
  display: flex;
  justify-content: center;
}
.pagination .pagination-btn {
  display: block;
  padding: 5px 7px;
  background-color: var(--color-second);
  color: var(--color-second-text);
  margin: 2px;
  min-width: 35px;
  text-align: center;
  text-decoration: none;
  border-radius: 0;
  font-size: 0.875rem;
  font-weight: 700;
}
.pagination .pagination-btn:hover, .pagination .pagination-btn:focus, .pagination .pagination-btn.active {
  background-color: var(--color-main);
  color: var(--color-main-text);
}

.custom-swiper-buttons {
  --swiper-navigation-size: 1rem;
}
.custom-swiper-buttons .swiper-button-next, .custom-swiper-buttons .swiper-button-prev {
  background-color: var(--color-second);
  color: var(--color-second-text);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 0 none;
  top: calc(50% - 20px);
  margin-top: 0;
  font-weight: 700;
  /*&:focus {
      background-color: rgba(255,255,255,.25);
  }*/
}
.custom-swiper-buttons .swiper-button-next svg, .custom-swiper-buttons .swiper-button-prev svg {
  width: auto;
  height: 20px;
}
.custom-swiper-buttons .swiper-button-next:hover, .custom-swiper-buttons .swiper-button-prev:hover {
  background-color: var(--color-main);
  color: var(--color-main-text);
}

.gallery-swiper .swiper-slide {
  width: 85%;
  max-width: 980px;
  opacity: 0.2;
  transition: opacity ease-in-out 0.5s;
}
.gallery-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.gallery-swiper .swiper-slide figure {
  margin: 0;
  position: relative;
}
.gallery-swiper .swiper-slide figure figcaption {
  background-color: var(--color-second);
  color: var(--color-second-text);
  padding: 20px 30px;
}
.gallery-swiper .swiper-button-next {
  right: 10px;
}
.gallery-swiper .swiper-button-prev {
  left: 10px;
}

.mobile-content-swiper {
  padding-bottom: 50px;
}
.mobile-content-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 25px;
  height: 8px;
  border-radius: 4px;
  background-color: var(--color-grey);
  border: 0 none;
  opacity: 1;
}
.mobile-content-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-second);
}
.mobile-content-swiper .swiper-button-next, .mobile-content-swiper .swiper-button-prev {
  background-color: transparent;
  color: var(--body-text);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  border: 0 none;
  top: auto;
  bottom: 0;
  margin-top: 0;
  font-weight: 700;
  /*&:focus {
      background-color: rgba(255,255,255,.25);
  }*/
}
.mobile-content-swiper .swiper-button-next svg, .mobile-content-swiper .swiper-button-prev svg {
  height: auto;
  width: 30px;
}
.mobile-content-swiper .swiper-button-next::after, .mobile-content-swiper .swiper-button-prev::after {
  display: none;
}
.mobile-content-swiper .swiper-button-next:hover, .mobile-content-swiper .swiper-button-prev:hover {
  fill: var(--color-main);
}
.mobile-content-swiper .swiper-slide {
  width: 80%;
  max-width: 400px;
}

.article-list-item {
  background-color: #fff;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  flex-direction: column;
  text-decoration: none;
  position: relative;
}
.article-list-item::before, .article-list-item::after {
  content: "";
  width: 60px;
  height: 60px;
  border-bottom: 1px solid #707070;
  position: absolute;
  bottom: 0;
  z-index: 0;
}
.article-list-item::before {
  left: 0;
  border-left: 1px solid #707070;
}
.article-list-item::after {
  right: 0;
  border-right: 1px solid #707070;
}
.article-list-item .article-list-item-content {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 30px;
  position: relative;
  z-index: 1;
}
.article-list-item .article-list-item-title {
  font-size: 1.125rem;
}
.article-list-item .article-list-item-date {
  font-size: 0.875rem;
  margin-bottom: 15px;
}
.article-list-item svg {
  height: 0.875rem;
  width: auto;
}
.article-list-item:hover::before, .article-list-item:hover::after, .article-list-item:focus::before, .article-list-item:focus::after {
  border-color: var(--color-second);
}
.article-list-item:hover svg, .article-list-item:focus svg {
  fill: var(--color-second);
}

.not-found-wrapper {
  padding-top: 90px;
  padding-bottom: 90px;
}
.not-found-wrapper .not-found {
  width: 540px;
  height: auto;
  aspect-ratio: 1/1;
  display: flex;
  max-width: 90%;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.not-found-wrapper .not-found .not-found-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  padding: 60px 60px 30px;
}
.not-found-wrapper .not-found .not-found-body {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  bottom: 0;
  padding: 30px 60px 60px;
  text-align: center;
}

.timeline .timeline-dashed-border {
  position: relative;
  padding-top: 120px;
}
.timeline .timeline-dashed-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% + 1px);
  height: 90px;
  border-left: 1px dashed rgba(0, 0, 0, 0.25);
}
.timeline .timeline-item {
  position: relative;
}
.timeline .timeline-item .timeline-thumb {
  width: 110px;
  height: auto;
  margin: 0 auto 30px;
  display: block;
}
.timeline .timeline-item .timeline-item-title {
  font-weight: 400;
  margin-bottom: 0;
}
.timeline .timeline-item .timeline-item-year {
  font-weight: 700;
}
.timeline .timeline-item .timeline-item-title,
.timeline .timeline-item .timeline-item-year {
  font-size: 1.865rem;
  text-align: center;
}
.timeline .timeline-item .timeline-item-content {
  margin-top: 30px;
  font-size: 1.25rem;
}
.timeline .timeline-img figcaption {
  padding-top: 10px;
  font-size: 1.25rem;
  line-height: 1.2;
}

.search-form {
  position: relative;
}
.search-form input {
  border: 1px solid #000;
  border-radius: 9999px;
  padding: 10px 60px 10px 20px;
  width: 100%;
}
.search-form button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 60px;
  border-radius: 9999px;
  fill: #000;
  background-color: transparent;
  border: 0 none;
}
.search-form button svg {
  height: 1.25rem;
  width: auto;
}

ul.search-results {
  margin: 30px 0;
  padding: 0;
  list-style: none;
}
ul.search-results li a {
  margin-bottom: 5px;
  padding: 20px 30px;
  background-color: #Fff;
  border-radius: var(--border-radius);
  display: flex;
  text-decoration: none;
  transition: background-color ease-in-out 0.3s;
}
ul.search-results li a img {
  border-radius: var(--border-radius);
  margin-right: 15px;
  flex: 0 0 auto;
}
ul.search-results li a:hover, ul.search-results li a:focus {
  background-color: var(--color-second);
  color: var(--color-second-text);
}

.filter-form label {
  display: block;
  font-weight: 700;
}
.filter-form .filter-form-inner {
  position: relative;
}
.filter-form .filter-form-inner input {
  border: 1px solid #000;
  border-radius: 9999px;
  padding: 10px 60px 10px 20px;
  width: 100%;
}
.filter-form .filter-form-inner svg {
  position: absolute;
  top: calc(50% - 0.625rem);
  right: 15px;
  height: 1.25rem;
  width: auto;
}

.employee-list .employee-list-item {
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius);
  text-align: center;
  padding: 30px;
  font-size: 0.875rem;
  height: 100%;
}
.employee-list .employee-list-item .employee-name {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 5px;
}
.employee-list .employee-list-item .employee-position {
  margin-bottom: 15px;
}

body:not(.employee-list-type-list) .employee-list-show {
  display: none;
}
body.employee-list-type-list .employee-list-hide {
  display: none;
}
body.employee-list-type-list .employee-list .employee-list-item {
  text-align: left;
  padding: 20px 15px;
}
body.employee-list-type-list .employee-list .employee-list-item .employee-position,
body.employee-list-type-list .employee-list .employee-list-item .employee-name {
  margin-bottom: 0;
}

.publication-list-item {
  border: 1px solid #000;
  border-radius: var(--border-radius);
}

.accordion-wrapper .accordion-element.publication-list-item .accordion-btn > svg {
  height: 30px;
  margin-top: 0;
}

.vacancy-list-item {
  display: block;
  background-color: #fff;
  border-radius: var(--border-radius);
  padding: 20px 30px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  border: 1px solid #fff;
  transition-timing-function: var(--menu-transition-effect);
  transition-duration: var(--menu-transition-duration);
  transition-property: border-color, fill;
}
.vacancy-list-item svg {
  display: none;
}
.vacancy-list-item:hover, .vacancy-list-item:focus {
  border-color: #000;
}

.box {
  padding: 30px;
}

.some-link svg {
  height: 1.25rem;
  width: auto;
}
.some-link + .some-link {
  margin-left: 30px;
}
.some-link:hover, .some-link:focus {
  fill: var(--color-main);
}

footer {
  line-height: 1.75;
  padding-top: 240px;
}
footer .footer-wrapper {
  background-color: #fafafa;
  max-width: 1540px;
  margin: 0 auto;
  padding: 40px 50px 235px;
  position: relative;
  text-align: center;
}
footer .footer-wrapper::before, footer .footer-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 175px;
  background: transparent url(/images/pattern-vertical.svg) top center no-repeat;
  background-size: 240px auto;
}
footer .footer-wrapper::before {
  top: -175px;
  bottom: auto;
  transform: rotateZ(180deg);
  background-position: bottom center;
}
footer .footer-wrapper .footer-title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.25;
}
footer .footer-wrapper .footer-logos img {
  width: auto;
  height: 75px;
  margin-bottom: 15px;
}
footer .footer-wrapper .footer-logos img + img {
  margin-left: 15px;
}
footer .footer-wrapper .footer-divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  margin-bottom: 30px;
}
footer .footer-wrapper ul.footer-links {
  list-style: none;
  padding: 0;
  margin: 0 0 45px;
}
footer .footer-wrapper ul.footer-links li a {
  display: inline-block;
  padding: 10px 0;
}

@media only screen and (min-width: 992px) {
  .banner.default-banner {
    margin-bottom: 75px;
  }
  .banner.default-banner .banner-img {
    height: 660px;
  }
  .banner.default-banner .banner-img img {
    border-bottom-left-radius: 150px;
  }
  .banner.portal-banner .banner-img {
    height: 860px;
  }
  .banner.portal-banner .overlay {
    overflow: hidden;
  }
  .banner.portal-banner .overlay svg {
    position: absolute;
    width: 540px;
    height: auto;
    right: -250px;
    bottom: 195px;
    opacity: 0.5;
    fill: #fff;
  }
  .portal-content {
    margin-top: -150px;
  }
  .portal-content h1 {
    margin-right: 30px;
  }
  .portal-content .portal-content-text-content {
    height: 100%;
    padding-left: 50px;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
  }
  .section-with-pattern {
    /*.section-bg {
        position: absolute;
        top: 120px;
        left: -350px;
        z-index: 0;
        opacity: .25;
        transform: rotateZ(0);

        img {
            height: 330px;
        }
    }*/
  }
  .section-with-pattern .section-bg {
    border-top: 0 none;
    border-left: 1px solid var(--color-green);
    padding-top: 0;
    padding-left: 60px;
  }
  .section-with-pattern .section-bg::before {
    width: 487px;
    height: 330px;
    top: 0;
    left: auto;
    right: calc(100% + 60px);
    transform: none;
  }
  .section-with-lg-pattern {
    position: relative;
    overflow: hidden;
  }
  .section-with-lg-pattern .section-bg {
    position: relative;
    z-index: 1;
  }
  .section-with-lg-pattern .section-bg::before {
    content: "";
    background-image: url("/images/pattern-outlined.png");
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top left;
    opacity: 0.25;
    width: 487px;
    height: 330px;
    top: 0;
    left: auto;
    right: calc(100% + 60px);
  }
  .alternating-block + .alternating-block {
    margin-top: 90px;
  }
  .alternating-block:nth-of-type(even) .alternate-me {
    order: 13;
  }
  figure.figure-with-caption {
    position: relative;
  }
  figure.figure-with-caption figcaption {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 860px;
    max-width: 80%;
    border-radius: var(--border-radius);
  }
  .popout-img-section {
    --popout-size: 90px;
  }
  .popout-img-section .popout-img {
    margin-bottom: calc(-1 * var(--popout-size));
    height: calc(100% + 2 * var(--popout-size));
    max-width: none;
  }
  .site-guide {
    /*.accordion-element-body {
        position:absolute;
        top:0;
        left:33%;
        width:66%;
    }*/
  }
  .site-guide .container {
    position: relative;
  }
  .site-guide .accordion-wrapper .accordion-btn {
    display: none;
  }
  .custom-swiper-buttons {
    --swiper-navigation-size: 1.5rem;
  }
  .custom-swiper-buttons .swiper-button-next, .custom-swiper-buttons .swiper-button-prev {
    width: 60px;
    height: 60px;
    top: calc(50% - 30px);
  }
  .custom-swiper-buttons .swiper-button-next svg, .custom-swiper-buttons .swiper-button-prev svg {
    height: 30px;
  }
  .custom-swiper-buttons .swiper-button-next {
    right: 30px;
  }
  .custom-swiper-buttons .swiper-button-prev {
    left: 30px;
  }
  .gallery-swiper .swiper-slide figure figcaption {
    position: absolute;
    width: 660px;
    max-width: 80%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
  }
  .gallery-swiper .swiper-button-next {
    right: 120px;
  }
  .gallery-swiper .swiper-button-prev {
    left: 120px;
  }
  .mobile-content-swiper {
    --bs-gutter-x: 1.5rem;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-bottom: 0;
    /*padding-left: calc((100vw - var(--container-width)) / 2);
    padding-right: calc((100vw - var(--container-width)) / 2);*/
  }
  .mobile-content-swiper .swiper-wrapper {
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    box-sizing: border-box;
    width: auto;
  }
  .mobile-content-swiper .swiper-slide {
    height: auto;
  }
  .mobile-content-swiper .swiper-slide.col-lg-4 {
    --bs-gutter-x: 1.5rem;
    width: 33.3333333%;
    max-width: none;
    flex: 0 0 auto;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .mobile-content-swiper .swiper-pagination,
  .mobile-content-swiper .swiper-button-next,
  .mobile-content-swiper .swiper-button-prev {
    display: none;
  }
  .not-found-wrapper {
    padding-top: 180px;
  }
  .timeline .timeline-dashed-border {
    position: relative;
    padding-top: 0;
  }
  .timeline .timeline-dashed-border::before {
    left: 55px;
    top: 120px;
    bottom: 10px;
    height: auto;
  }
  .timeline .timeline-item {
    position: relative;
    border-right: 1px solid var(--color-green);
    padding-left: 140px;
    padding-right: 25%;
    padding-bottom: 60px;
  }
  .timeline .timeline-item .timeline-thumb {
    position: absolute;
    top: 0;
    left: 0;
  }
  .timeline .timeline-item .timeline-item-title,
  .timeline .timeline-item .timeline-item-year {
    text-align: left;
  }
  .timeline .timeline-item .timeline-item-content {
    margin-top: 30px;
  }
  .timeline .timeline-img {
    padding-top: 30px;
  }
  .timeline .timeline-img::before {
    display: none;
  }
  .timeline .timeline-img figure {
    margin: 0;
  }
  .timeline .timeline-img figcaption {
    padding-left: 140px;
    padding-right: 25%;
    padding-bottom: 175px;
    position: relative;
  }
  .timeline .timeline-img figcaption::before {
    content: "";
    position: absolute;
    left: 55px;
    top: 15px;
    bottom: 10px;
    border-left: 1px dashed rgba(0, 0, 0, 0.25);
  }
  .timeline .timeline-img figcaption::after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    top: 60px;
    border-right: 1px solid var(--color-green);
  }
  body.employee-list-type-list .employee-list.row {
    display: block;
  }
  body.employee-list-type-list .employee-list.row .col-lg-4 {
    width: 100%;
    flex: 0 0 100%;
  }
  body.employee-list-type-list .employee-list .employee-list-item-wrapper {
    margin-bottom: 5px;
  }
  body.employee-list-type-list .employee-list .employee-list-item {
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    height: auto;
  }
  body.employee-list-type-list .employee-list .employee-list-item .employee-name,
  body.employee-list-type-list .employee-list .employee-list-item .employee-position,
  body.employee-list-type-list .employee-list .employee-list-item .employee-email,
  body.employee-list-type-list .employee-list .employee-list-item .employee-phone {
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body.employee-list-type-list .employee-list .employee-list-item .employee-name {
    width: 25%;
    flex: 0 0 25%;
  }
  body.employee-list-type-list .employee-list .employee-list-item .employee-position {
    width: 35%;
    flex: 0 0 35%;
  }
  body.employee-list-type-list .employee-list .employee-list-item .employee-email {
    width: 25%;
    flex: 0 0 25%;
    text-align: right;
  }
  body.employee-list-type-list .employee-list .employee-list-item .employee-phone {
    width: 15%;
    flex: 0 0 15%;
    text-align: right;
  }
  .accordion-wrapper .accordion-element.publication-list-item {
    height: 100%;
  }
  .accordion-wrapper .accordion-element.publication-list-item .accordion-btn {
    display: none;
  }
  .accordion-wrapper .accordion-element.publication-list-item .accordion-element-body {
    display: block !important;
    opacity: 1 !important;
    height: 100%;
  }
  .accordion-wrapper .accordion-element.publication-list-item .accordion-element-body .accordion-element-body-content {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .vacancy-list-item {
    display: flex;
    align-items: center;
  }
  .vacancy-list-item > div {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .vacancy-list-item > div + div {
    border-left: 1px solid #d9d9d9;
  }
  .vacancy-list-item svg {
    display: block;
    height: 1.325rem;
    width: auto;
    margin-left: auto;
    flex: 0 0 auto;
  }
  .vacancy-list-item:hover, .vacancy-list-item:focus {
    fill: var(--color-second);
  }
  footer {
    padding-top: 290px;
  }
  footer .footer-wrapper {
    text-align: left;
    padding-bottom: 120px;
    padding-top: 90px;
  }
  footer .footer-wrapper::before, footer .footer-wrapper::after {
    left: auto;
    right: 75px;
    width: 330px;
  }
  footer .footer-wrapper::after {
    height: 310px;
  }
  footer .footer-wrapper .footer-title {
    position: relative;
  }
  footer .footer-wrapper .footer-title::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -90px;
    border-top: 2px solid var(--color-main);
  }
  footer .footer-wrapper ul.footer-links {
    display: block;
    margin: 0;
  }
  footer .footer-wrapper ul.footer-links li {
    display: inline-block;
  }
  footer .footer-wrapper ul.footer-links li a {
    padding: 0 40px 10px 10px;
  }
}
@media only screen and (min-width: 1200px) {
  body.employee-list-type-list .employee-list.row .col-xl-3 {
    width: 100%;
    flex: 0 0 100%;
  }
}