/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@font-face {
  font-family: iconfont;
  src: url("iconfont.32475679.ttf") format("truetype"), url("iconfont.583b8496.woff") format("woff"), url("iconfont.1c3684f4.svg#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  speak: never;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: iconfont !important;
}

.icon-activity:before {
  content: "";
}

.icon-airplay:before {
  content: "";
}

.icon-alert-circle:before {
  content: "";
}

.icon-alert-octagon:before {
  content: "";
}

.icon-alert-triangle:before {
  content: "";
}

.icon-align-center:before {
  content: "";
}

.icon-align-justify:before {
  content: "";
}

.icon-align-left:before {
  content: "";
}

.icon-align-right:before {
  content: "";
}

.icon-anchor:before {
  content: "";
}

.icon-aperture:before {
  content: "";
}

.icon-archive:before {
  content: "";
}

.icon-arrow-down:before {
  content: "";
}

.icon-arrow-down-circle:before {
  content: "";
}

.icon-arrow-down-left:before {
  content: "";
}

.icon-arrow-down-right:before {
  content: "";
}

.icon-arrow-left:before {
  content: "";
}

.icon-arrow-left-circle:before {
  content: "";
}

.icon-arrow-right:before {
  content: "";
}

.icon-arrow-right-circle:before {
  content: "";
}

.icon-arrow-up:before {
  content: "";
}

.icon-arrow-up-circle:before {
  content: "";
}

.icon-arrow-up-left:before {
  content: "";
}

.icon-arrow-up-right:before {
  content: "";
}

.icon-at-sign:before {
  content: "";
}

.icon-award:before {
  content: "";
}

.icon-bar-chart:before {
  content: "";
}

.icon-bar-chart-2:before {
  content: "";
}

.icon-battery:before {
  content: "";
}

.icon-battery-charging:before {
  content: "";
}

.icon-bell:before {
  content: "";
}

.icon-bell-off:before {
  content: "";
}

.icon-bluetooth:before {
  content: "";
}

.icon-bold:before {
  content: "";
}

.icon-book:before {
  content: "";
}

.icon-book-open:before {
  content: "";
}

.icon-bookmark:before {
  content: "";
}

.icon-box:before {
  content: "";
}

.icon-briefcase:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-camera:before {
  content: "";
}

.icon-camera-off:before {
  content: "";
}

.icon-cast:before {
  content: "";
}

.icon-check:before {
  content: "";
}

.icon-check-circle:before {
  content: "";
}

.icon-check-square:before {
  content: "";
}

.icon-chevron-down:before {
  content: "";
}

.icon-chevron-left:before {
  content: "";
}

.icon-chevron-right:before {
  content: "";
}

.icon-chevron-up:before {
  content: "";
}

.icon-chevrons-down:before {
  content: "";
}

.icon-chevrons-left:before {
  content: "";
}

.icon-chevrons-right:before {
  content: "";
}

.icon-chevrons-up:before {
  content: "";
}

.icon-chrome:before {
  content: "";
}

.icon-circle:before {
  content: "";
}

.icon-clipboard:before {
  content: "";
}

.icon-clock:before {
  content: "";
}

.icon-cloud:before {
  content: "";
}

.icon-cloud-drizzle:before {
  content: "";
}

.icon-cloud-lightning:before {
  content: "";
}

.icon-cloud-off:before {
  content: "";
}

.icon-cloud-rain:before {
  content: "";
}

.icon-cloud-snow:before {
  content: "";
}

.icon-code:before {
  content: "";
}

.icon-codepen:before {
  content: "";
}

.icon-codesandbox:before {
  content: "";
}

.icon-coffee:before {
  content: "";
}

.icon-columns:before {
  content: "";
}

.icon-command:before {
  content: "";
}

.icon-compass:before {
  content: "";
}

.icon-copy:before {
  content: "";
}

.icon-corner-down-left:before {
  content: "";
}

.icon-corner-down-right:before {
  content: "";
}

.icon-corner-left-down:before {
  content: "";
}

.icon-corner-left-up:before {
  content: "";
}

.icon-corner-right-down:before {
  content: "";
}

.icon-corner-right-up:before {
  content: "";
}

.icon-corner-up-left:before {
  content: "";
}

.icon-corner-up-right:before {
  content: "";
}

.icon-cpu:before {
  content: "";
}

.icon-credit-card:before {
  content: "";
}

.icon-crop:before {
  content: "";
}

.icon-crosshair:before {
  content: "";
}

.icon-database:before {
  content: "";
}

.icon-delete:before {
  content: "";
}

.icon-disc:before {
  content: "";
}

.icon-dollar-sign:before {
  content: "";
}

.icon-download:before {
  content: "";
}

.icon-download-cloud:before {
  content: "";
}

.icon-droplet:before {
  content: "";
}

.icon-edit:before {
  content: "";
}

.icon-edit-2:before {
  content: "";
}

.icon-edit-3:before {
  content: "";
}

.icon-external-link:before {
  content: "";
}

.icon-eye:before {
  content: "";
}

.icon-eye-off:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-fast-forward:before {
  content: "";
}

.icon-feather:before {
  content: "";
}

.icon-figma:before {
  content: "";
}

.icon-file:before {
  content: "";
}

.icon-file-minus:before {
  content: "";
}

.icon-file-plus:before {
  content: "";
}

.icon-file-text:before {
  content: "";
}

.icon-film:before {
  content: "";
}

.icon-filter:before {
  content: "";
}

.icon-flag:before {
  content: "";
}

.icon-folder:before {
  content: "";
}

.icon-folder-minus:before {
  content: "";
}

.icon-folder-plus:before {
  content: "";
}

.icon-framer:before {
  content: "";
}

.icon-frown:before {
  content: "";
}

.icon-gift:before {
  content: "";
}

.icon-git-branch:before {
  content: "";
}

.icon-git-commit:before {
  content: "";
}

.icon-git-merge:before {
  content: "";
}

.icon-git-pull-request:before {
  content: "";
}

.icon-github:before {
  content: "";
}

.icon-gitlab:before {
  content: "";
}

.icon-globe:before {
  content: "";
}

.icon-grid:before {
  content: "";
}

.icon-hard-drive:before {
  content: "";
}

.icon-hash:before {
  content: "";
}

.icon-headphones:before {
  content: "";
}

.icon-heart:before {
  content: "";
}

.icon-help-circle:before {
  content: "";
}

.icon-hexagon:before {
  content: "";
}

.icon-home:before {
  content: "";
}

.icon-image:before {
  content: "";
}

.icon-inbox:before {
  content: "";
}

.icon-info:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-italic:before {
  content: "";
}

.icon-key:before {
  content: "";
}

.icon-layers:before {
  content: "";
}

.icon-layout:before {
  content: "";
}

.icon-life-buoy:before {
  content: "";
}

.icon-link:before {
  content: "";
}

.icon-link-2:before {
  content: "";
}

.icon-linkedin:before {
  content: "";
}

.icon-list:before {
  content: "";
}

.icon-loader:before {
  content: "";
}

.icon-lock:before {
  content: "";
}

.icon-log-in:before {
  content: "";
}

.icon-log-out:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-map:before {
  content: "";
}

.icon-map-pin:before {
  content: "";
}

.icon-maximize:before {
  content: "";
}

.icon-maximize-2:before {
  content: "";
}

.icon-meh:before {
  content: "";
}

.icon-menu:before {
  content: "";
}

.icon-message-circle:before {
  content: "";
}

.icon-message-square:before {
  content: "";
}

.icon-mic:before {
  content: "";
}

.icon-mic-off:before {
  content: "";
}

.icon-minimize:before {
  content: "";
}

.icon-minimize-2:before {
  content: "";
}

.icon-minus:before {
  content: "";
}

.icon-minus-circle:before {
  content: "";
}

.icon-minus-square:before {
  content: "";
}

.icon-monitor:before {
  content: "";
}

.icon-moon:before {
  content: "";
}

.icon-more-horizontal:before {
  content: "";
}

.icon-more-vertical:before {
  content: "";
}

.icon-mouse-pointer:before {
  content: "";
}

.icon-move:before {
  content: "";
}

.icon-music:before {
  content: "";
}

.icon-navigation:before {
  content: "";
}

.icon-navigation-2:before {
  content: "";
}

.icon-octagon:before {
  content: "";
}

.icon-package:before {
  content: "";
}

.icon-paperclip:before {
  content: "";
}

.icon-pause:before {
  content: "";
}

.icon-pause-circle:before {
  content: "";
}

.icon-pen-tool:before {
  content: "";
}

.icon-percent:before {
  content: "";
}

.icon-phone:before {
  content: "";
}

.icon-phone-call:before {
  content: "";
}

.icon-phone-forwarded:before {
  content: "";
}

.icon-phone-incoming:before {
  content: "";
}

.icon-phone-missed:before {
  content: "";
}

.icon-phone-off:before {
  content: "";
}

.icon-phone-outgoing:before {
  content: "";
}

.icon-pie-chart:before {
  content: "";
}

.icon-play:before {
  content: "";
}

.icon-play-circle:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-plus-circle:before {
  content: "";
}

.icon-plus-square:before {
  content: "";
}

.icon-pocket:before {
  content: "";
}

.icon-power:before {
  content: "";
}

.icon-printer:before {
  content: "";
}

.icon-radio:before {
  content: "";
}

.icon-refresh-ccw:before {
  content: "";
}

.icon-refresh-cw:before {
  content: "";
}

.icon-repeat:before {
  content: "";
}

.icon-rewind:before {
  content: "";
}

.icon-rotate-ccw:before {
  content: "";
}

.icon-rotate-cw:before {
  content: "";
}

.icon-rss:before {
  content: "";
}

.icon-save:before {
  content: "";
}

.icon-scissors:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-send:before {
  content: "";
}

.icon-server:before {
  content: "";
}

.icon-settings:before {
  content: "";
}

.icon-share:before {
  content: "";
}

.icon-share-2:before {
  content: "";
}

.icon-shield:before {
  content: "";
}

.icon-shield-off:before {
  content: "";
}

.icon-shopping-bag:before {
  content: "";
}

.icon-shopping-cart:before {
  content: "";
}

.icon-shuffle:before {
  content: "";
}

.icon-sidebar:before {
  content: "";
}

.icon-skip-back:before {
  content: "";
}

.icon-skip-forward:before {
  content: "";
}

.icon-slack:before {
  content: "";
}

.icon-slash:before {
  content: "";
}

.icon-sliders:before {
  content: "";
}

.icon-smartphone:before {
  content: "";
}

.icon-smile:before {
  content: "";
}

.icon-speaker:before {
  content: "";
}

.icon-square:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-stop-circle:before {
  content: "";
}

.icon-sun:before {
  content: "";
}

.icon-sunrise:before {
  content: "";
}

.icon-sunset:before {
  content: "";
}

.icon-tablet:before {
  content: "";
}

.icon-tag:before {
  content: "";
}

.icon-target:before {
  content: "";
}

.icon-terminal:before {
  content: "";
}

.icon-thermometer:before {
  content: "";
}

.icon-thumbs-down:before {
  content: "";
}

.icon-thumbs-up:before {
  content: "";
}

.icon-toggle-left:before {
  content: "";
}

.icon-toggle-right:before {
  content: "";
}

.icon-tool:before {
  content: "";
}

.icon-trash:before {
  content: "";
}

.icon-trash-2:before {
  content: "";
}

.icon-trello:before {
  content: "";
}

.icon-trending-down:before {
  content: "";
}

.icon-trending-up:before {
  content: "";
}

.icon-triangle:before {
  content: "";
}

.icon-truck:before {
  content: "";
}

.icon-tv:before {
  content: "";
}

.icon-twitch:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-type:before {
  content: "";
}

.icon-umbrella:before {
  content: "";
}

.icon-underline:before {
  content: "";
}

.icon-unlock:before {
  content: "";
}

.icon-upload:before {
  content: "";
}

.icon-upload-cloud:before {
  content: "";
}

.icon-user:before {
  content: "";
}

.icon-user-check:before {
  content: "";
}

.icon-user-minus:before {
  content: "";
}

.icon-user-plus:before {
  content: "";
}

.icon-user-x:before {
  content: "";
}

.icon-users:before {
  content: "";
}

.icon-video:before {
  content: "";
}

.icon-video-off:before {
  content: "";
}

.icon-voicemail:before {
  content: "";
}

.icon-volume:before {
  content: "";
}

.icon-volume-1:before {
  content: "";
}

.icon-volume-2:before {
  content: "";
}

.icon-volume-x:before {
  content: "";
}

.icon-watch:before {
  content: "";
}

.icon-wifi:before {
  content: "";
}

.icon-wifi-off:before {
  content: "";
}

.icon-wind:before {
  content: "";
}

.icon-x:before {
  content: "";
}

.icon-x-circle:before {
  content: "";
}

.icon-x-octagon:before {
  content: "";
}

.icon-x-square:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-zap:before {
  content: "";
}

.icon-zap-off:before {
  content: "";
}

.icon-zoom-in:before {
  content: "";
}

.icon-zoom-out:before {
  content: "";
}

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

body {
  margin: 0;
}

main {
  display: block;
}

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

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

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  background-color: #0000;
}

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

b, strong {
  font-weight: bold;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

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

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

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

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

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

button:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="button"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="reset"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="submit"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

fieldset {
  padding: .35em .75em .625em;
}

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

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

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

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template, [hidden] {
  display: none;
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}

.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: #0000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  object-fit: contain;
  transform-origin: center;
  width: 100%;
  height: 100%;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  text-transform: none !important;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  left: 0;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  display: inline-block;
}

button.swiper-pagination-bullet {
  box-shadow: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, top .2s;
  display: inline-block;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  top: 0;
  left: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  top: 0;
  left: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, #0000001a);
  position: relative;
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  position: absolute;
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  position: absolute;
}

.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, #00000080);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-flow: column wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  opacity: .6;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  filter: blur(50px);
  background: #000;
  position: absolute;
  inset: 0;
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  transition-property: transform, opacity, height;
  overflow: hidden;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: bottom;
  backface-visibility: hidden;
  overflow: hidden;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.mb-base {
  margin-bottom: 1rem;
}

[class^="flex-row-"], [class*=" flex-row-"] {
  flex-direction: row;
  display: flex;
}

[class^="flex-col-"], [class*=" flex-col-"] {
  flex-direction: column;
  display: flex;
}

.flex-row-base {
  gap: 1rem;
}

.flex-row-sm {
  gap: .8rem;
}

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

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

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

.npt {
  padding-top: 0;
}

.npb {
  padding-bottom: 0;
}

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

.bg--gray {
  background: #f5f5f5;
}

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

@media (width <= 768px) {
  .desktop-only {
    display: none !important;
  }
}

@media (width >= 769px) {
  .mobile-only {
    display: none !important;
  }
}

.mb-1 {
  margin-bottom: 1rem;
}

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

@font-face {
  font-display: swap;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 100;
  src: url("montserrat-v26-latin-100.fd42786f.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 200;
  src: url("montserrat-v26-latin-200.9ad626f9.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  src: url("montserrat-v26-latin-regular.5d335536.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  src: url("montserrat-v26-latin-600.2945d946.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  src: url("montserrat-v26-latin-800.d6a1c336.woff2") format("woff2");
}

* {
  box-sizing: border-box;
}

html {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.4;
}

body :focus {
  background: none;
  outline: none;
}

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}

.container--small {
  max-width: 769px;
}

.container-fluid {
  padding: 0 5vw;
}

.row {
  margin: -1rem;
}

.col {
  padding: 1rem;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

a {
  color: #000;
  text-decoration: none;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  margin-top: 0;
  font-family: Montserrat;
  font-weight: 700;
  line-height: 1.1;
  display: block;
  position: relative;
}

h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong, h4 strong, .h4 strong {
  color: #cfcfcf;
}

h1 p, .h1 p, h2 p, .h2 p, h3 p, .h3 p, h4 p, .h4 p {
  margin: 0;
}

h1, .h1 {
  margin-bottom: 1rem;
  font-size: clamp(2rem, 4vw, 3rem);
}

@media (width >= 769px) {
  h1, .h1 {
    margin-bottom: 2rem;
  }
}

h2, .h2 {
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  font-size: clamp(1.5rem, 3vw, 3rem);
}

h3, .h3 {
  margin-bottom: 1.2rem;
  font-size: 1.2rem;
  position: relative;
}

h4, .h4 {
  margin-bottom: .25rem;
  font-size: 1rem;
  font-weight: 700;
}

.animate-observe {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.animate {
  position: relative;
}

.animate--reveal {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  animation: 1s forwards reveal;
}

.animate--delay-1 {
  animation-delay: .1s;
}

.animate--delay-2 {
  animation-delay: .2s;
}

.animate--delay-3 {
  animation-delay: .3s;
}

@keyframes reveal {
  to {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}

.logo {
  width: 100px;
  display: block;
}

@media (width >= 769px) {
  .logo {
    width: 160px;
  }
}

.image {
  width: 100%;
  display: block;
}

.image--16-9 {
  aspect-ratio: 16 / 9;
}

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

.btn, button, a .btn {
  color: #fff;
  cursor: pointer;
  background: #000;
  border: 2px solid #000;
  border-radius: 50px;
  align-items: center;
  gap: .25rem;
  padding: .25rem .8rem;
  transition: all .3s ease-in-out;
  display: inline-flex;
}

@media (width >= 769px) {
  .btn, button, a .btn {
    padding: .5rem 1.2rem;
  }
}

.btn:hover, a:hover .btn, button:hover, a:hover button, a .btn:hover, a:hover a .btn {
  background: #4d4d4d;
}

.btn--secondary, button--secondary, a .btn--secondary {
  color: #fff;
  background: #92a800;
  border: 2px solid #92a800;
}

.btn--secondary:hover, a:hover .btn--secondary, button--secondary:hover, a:hover button--secondary, a .btn--secondary:hover, a:hover a .btn--secondary {
  background: #000;
  border-color: #000;
}

.btn--ghost, button--ghost, a .btn--ghost {
  color: #000;
  background: none;
}

.btn--ghost:hover, a:hover .btn--ghost, button--ghost:hover, a:hover button--ghost, a .btn--ghost:hover, a:hover a .btn--ghost {
  color: #fff;
  background: #000;
}

.btn--white, button--white, a .btn--white {
  color: #000;
  background: #fff;
  border-color: #fff;
}

.btn--white:hover, a:hover .btn--white, button--white:hover, a:hover button--white, a .btn--white:hover, a:hover a .btn--white {
  color: #fff;
  background: #000;
  border-color: #000;
}

.btn--yellow, button--yellow, a .btn--yellow {
  color: #000;
  background: #fd0;
  border-color: #fd0;
}

.btn--yellow:hover, a:hover .btn--yellow, button--yellow:hover, a:hover button--yellow, a .btn--yellow:hover, a:hover a .btn--yellow {
  color: #fff;
  background: #000;
  border-color: #000;
}

.btn--icon, button--icon, a .btn--icon {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 1.5rem;
  position: relative;
}

.btn--icon > *, button--icon > *, a .btn--icon > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn--arrow:after, button--arrow:after, a .btn--arrow:after {
  content: "";
  font-family: iconfont;
  font-size: 1.5rem;
}

.btn--small, button--small, a .btn--small {
  padding: .25rem .8rem;
}

form br {
  display: none;
}

form h3 {
  color: #cfcfcf;
}

input, textarea, select {
  background: #fff;
  border: 2px solid #92a800;
  border-radius: 20px;
  width: 100%;
  margin-bottom: .5rem;
  padding: 1rem;
  display: block;
}

input:focus, textarea:focus, select:focus {
  background: #fff;
  border-color: #cfcfcf;
  outline: none;
}

input::placeholder, textarea::placeholder, select::placeholder {
  color: #000;
}

select {
  appearance: none;
  background: #fff url("arrow-down.bbc5a43b.svg") calc(100% - 20px) / 25px 25px no-repeat;
  width: 100%;
  position: relative;
}

input[type="submit"] {
  color: #fff;
  cursor: pointer;
  background-color: #92a800;
  border: none;
  border-radius: 10px;
  width: auto;
  margin-top: .8rem;
  margin-bottom: .5rem;
  padding: 1rem 1.5rem;
  display: inline-block;
}

input[type="range"] {
  appearance: none;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
  margin: 1rem 0;
  padding: 1rem 0;
}

input[type="range"]::-webkit-slider-runnable-track {
  background: #000;
  border-radius: 3px;
  height: 4px;
}

input[type="range"]::-moz-range-track {
  background: #000;
  border-radius: 3px;
  height: 4px;
}

input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  cursor: pointer;
  background: #92a800;
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  transition: background .2s;
}

input[type="range"]::-moz-range-thumb {
  appearance: none;
  cursor: pointer;
  background: #92a800;
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  transition: background .2s;
}

input[type="range"]::-webkit-slider-thumb {
  margin-top: -13px;
}

input[type="range"]:hover::-webkit-slider-thumb {
  background: #cfcfcf;
}

input[type="range"]:hover::-moz-range-thumb {
  background: #cfcfcf;
}

input[type="range"]:focus {
  outline: none;
}

.range-input__label {
  color: #cfcfcf;
  font-weight: 200;
}

.range-input__label + input {
  margin-top: 0;
}

.input-group {
  margin: 1.5rem 0;
}

.input-group h4 {
  margin-bottom: 1rem;
}

input[type="checkbox"] {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-right: 1rem;
}

input[type="radio"] {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-right: .2rem;
  display: block;
}

input[type="radio"]:checked {
  background-color: #ff0;
}

.header {
  background: none;
  padding: 1rem 0;
  position: relative;
}

.header.nav-open {
  background: #fff;
}

.header__inner {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media (width >= 769px) {
  .header__logo, .header__meta {
    flex: 0 0 30%;
  }

  .header__nav {
    flex: 0 0 40%;
    justify-content: center;
    display: flex;
  }
}

.header__meta {
  display: none;
}

@media (width >= 769px) {
  .header__meta {
    justify-content: flex-end;
    display: flex;
  }
}

.header__meta-phone-text {
  display: none;
}

@media (width >= 1024px) {
  .header__meta-phone-text {
    display: block;
  }
}

.header__social {
  color: #fff;
  background: #92a800;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  position: relative;
}

.header__social svg {
  fill: #fff;
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.footer {
  color: #000;
  background: #f5f5f5;
  padding: 1rem 0;
}

.footer a {
  color: #000;
}

.footer__inner {
  flex-wrap: wrap;
  gap: 2.5rem;
  display: flex;
}

@media (width >= 769px) {
  .footer__inner {
    gap: 2.5rem;
  }
}

.footer__link {
  color: #fff;
  display: block;
}

.footer__list {
  flex-direction: column;
  gap: .8rem;
  display: flex;
}

@media (width <= 768px) {
  header.nav-open {
    z-index: 100;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
  }

  .nav__toggle {
    cursor: pointer;
    width: 2rem;
  }

  .nav__toggle span {
    background: #000;
    width: 100%;
    height: 1px;
    transition: all .3s ease-in-out;
    display: block;
  }

  .nav__toggle span:nth-child(2) {
    margin: .25rem 0;
  }

  .nav__toggle--active span:first-child {
    transform: rotate(45deg);
  }

  .nav__toggle--active span:nth-child(2) {
    display: none;
  }

  .nav__toggle--active span:nth-child(3) {
    transform: rotate(-45deg);
  }

  .nav__inner {
    display: none;
  }

  .nav__inner--open {
    -webkit-overflow-scrolling: touch;
    z-index: 100;
    background: #fff;
    width: 100vw;
    padding: 1rem;
    display: block;
    position: fixed;
    inset: 65px 0 0;
    overflow: scroll;
  }

  .nav__list .header__meta {
    justify-content: center;
    align-items: center;
    flex-direction: column !important;
    display: flex !important;
  }

  .nav__item {
    text-align: center;
    margin: 2rem 0;
  }

  .nav__link {
    color: #000;
    font-size: 1.2rem;
    text-decoration: none;
  }

  .nav__link--has-submenu {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav__link--has-submenu:after {
    content: "";
    font-family: iconfont;
  }

  .nav__submenu {
    display: none;
  }

  .nav__submenu--open {
    background: #f5f5f5;
    display: block;
    position: absolute;
    inset: 0;
  }

  .nav__submenu-headline {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
    text-decoration: none;
  }

  .nav__submenu-close {
    margin-bottom: 2rem;
    font-size: .8rem;
  }

  .nav__submenu-close:before {
    content: "";
    font-family: iconfont;
  }
}

@media (width >= 769px) {
  .nav__toggle {
    display: none;
  }

  .nav__list {
    display: flex;
  }

  .nav__list--root > .nav__item > .nav__submenu {
    display: none;
  }

  .nav__list--root > .nav__item > .nav__submenu--open {
    display: block;
  }

  .nav__list--level-2 {
    align-items: flex-start;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 2vh 1rem 5vh;
    display: flex;
  }

  .nav__list--level-3 {
    display: block;
  }

  .nav__list .header__meta {
    display: none;
  }

  .nav__item--active {
    font-weight: 700;
    color: #92a800 !important;
  }

  .nav__list--root .nav__item {
    cursor: pointer;
    margin: 0 1rem;
  }

  .nav__list--level-2 .nav__item {
    width: 20%;
    margin: 0 .25rem;
    font-weight: 700;
  }

  .nav__list--level-3 .nav__item {
    width: 100%;
    margin: .25rem 0;
    font-weight: 400;
  }

  .nav__link {
    color: #000;
    text-decoration: none;
  }

  .nav__submenu--open {
    z-index: 100;
    background: #fff;
    border-bottom: 1px solid #000;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }

  .nav__submenu-headline {
    color: #000;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1vh 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none;
    display: block;
  }

  .nav-link--direct-level-2 {
    padding: 0;
    font-size: 1rem;
  }

  .nav__submenu-close, .nav__link--sublink-level-2 {
    display: none;
  }
}

.modal {
  z-index: 200;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: none;
  position: fixed;
  inset: 0;
}

.modal.active {
  display: flex;
}

.modal__background {
  background: #000c;
  position: fixed;
  inset: 0;
}

.modal__window {
  background: #fff;
  width: 100%;
  max-width: 769px;
  height: 100%;
  max-height: 80vh;
  padding: 2rem;
  position: relative;
  overflow: scroll;
}

.modal__close {
  cursor: pointer;
  padding: .8rem;
  position: absolute;
  top: 0;
  right: 0;
}

.slider__container {
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
  gap: 1rem;
  margin: 0 1rem;
  display: flex;
  overflow: auto;
}

@media (width >= 769px) {
  .slider__container {
    margin: 0 1.5rem;
  }
}

.slider__nav {
  justify-content: flex-end;
  margin-top: 2.5rem;
  display: flex;
}

.slider__nav svg {
  stroke: #92a800;
  width: 3rem;
  height: 2rem;
}

.slider__item {
  scroll-snap-align: start;
}

.slider__item--placeholder {
  display: none;
}

@media (width >= 1280px) {
  .slider__item--placeholder {
    margin-left: -24px;
    display: block;
  }
}

.slider__next, .slider__prev {
  opacity: .4;
  cursor: pointer;
  padding: 1rem;
  font-size: 1.5rem;
}

.slider__next.active, .slider__prev.active {
  cursor: pointer;
  opacity: 1;
}

section, .section {
  padding: clamp(2rem, 10vw, 6.5rem) 0;
  position: relative;
}

section--gray, .section--gray {
  background: #f5f5f5;
}

section--white, .section--white {
  background: #fff;
}

section--green, .section--green {
  background: #f3f8ea;
}

.hero {
  padding: 2rem 1rem 0;
  position: relative;
}

@media (width >= 769px) {
  .hero {
    padding: 6.5rem 1rem 0;
  }
}

.hero:after {
  content: "";
  z-index: -1;
  background: #f3f8ea;
  width: 100%;
  height: clamp(50px, 14.3vw, 150px);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hero__inner {
  text-align: center;
  z-index: 1;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.hero__headline h1 {
  margin-bottom: 0;
  font-size: clamp(1.9rem, 6vw, 96px);
}

.hero__content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  display: flex;
  position: relative;
}

@media (width >= 769px) {
  .hero__content {
    gap: 2rem;
  }
}

.hero__image {
  width: 100%;
  max-width: 1024px;
  margin-top: 2.5rem;
}

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

.hero__intro {
  color: #92a800;
  font-size: 1rem;
  line-height: 1.1;
}

@media (width >= 769px) {
  .hero__intro {
    width: 50%;
    font-size: 2rem;
  }

  .stage__intro {
    width: 70%;
  }
}

.stage__image {
  aspect-ratio: 2;
  margin-top: 2rem;
}

.stage__image img {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

@media (width >= 769px) {
  .text-image__inner {
    display: flex;
  }

  .text-image__inner--reverse {
    flex-direction: row-reverse;
  }

  .text-image__inner--column {
    flex-direction: column-reverse;
  }

  .text-image__image {
    flex: 0 0 50%;
  }

  .text-image__image--small-image {
    flex: 0 0 30%;
  }
}

.text-image__image img {
  border-radius: 20px;
}

@media (width >= 769px) {
  .text-image__content {
    flex: auto;
  }

  .text-image__inner--column .text-image__content {
    width: 70%;
    margin: 0 auto;
  }
}

.text-on-image {
  align-items: flex-end;
  min-height: 70dvh;
  display: flex;
  position: relative;
}

.text-on-image__image {
  position: absolute;
  inset: 0;
}

.text-on-image__image .image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.text-on-image__inner {
  width: 100%;
  position: relative;
}

.text-on-image__content {
  justify-content: flex-end;
  display: flex;
}

.text-on-image__content-inner {
  background: #fff;
  border-radius: 0;
  padding: 1rem;
}

@media (width >= 769px) {
  .text-on-image__content-inner {
    width: 33%;
    padding: 2rem;
  }

  .text__inner {
    gap: 5rem;
    display: flex;
  }

  .text__inner--full, .text__inner--large {
    display: block;
  }
}

.text__headline {
  color: #92a800;
}

@media (width >= 769px) {
  .text__headline {
    flex: 0 0 50%;
  }

  .text__inner--full .text__headline {
    flex: 0 0 100%;
  }
}

.text__inner--large .text__content {
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 700;
}

.text__inner--large .text__content strong {
  color: #cfcfcf;
}

.textteaser__list {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

@media (width >= 769px) {
  .textteaser__item {
    width: 33.33%;
    position: relative;
  }

  .textteaser__item:nth-child(2):last-child, .textteaser__item:first-child:last-child {
    width: 50%;
  }
}

.textteaser__item-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  display: flex;
}

@media (width >= 769px) {
  .textteaser__item-inner {
    padding: 0 1.5rem;
  }
}

.textteaser__content {
  margin-bottom: 1.2rem;
}

.iconlist {
  background: #f5f5f5;
  padding-top: 0;
  position: relative;
}

.iconlist__image {
  display: none;
}

@media (width >= 769px) {
  .iconlist__image {
    display: block;
    position: absolute;
    inset: 13rem 0 0;
  }
}

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

.iconlist__content {
  position: relative;
}

.iconlist__content-inner {
  background: #fff;
  border-radius: 0;
  padding: 1rem;
}

@media (width >= 769px) {
  .iconlist__content-inner {
    flex-wrap: wrap;
    gap: 2rem;
    width: 75%;
    padding: 2.5rem;
    display: flex;
  }
}

.iconlist__item {
  margin-bottom: 2.5rem;
}

@media (width >= 769px) {
  .iconlist__item {
    width: calc(50% - 1rem);
    margin-bottom: 0;
  }

  .iconlist__item-inner {
    gap: 1rem;
    display: flex;
  }
}

.iconlist__icon {
  background: #f5f5f5;
  border-radius: 50%;
  flex: 0 0 100px;
  width: 100px;
  height: 100px;
  margin-bottom: 1rem;
  padding: 1rem;
  position: relative;
}

@media (width >= 769px) {
  .iconlist__icon {
    margin-bottom: 0;
  }
}

.iconlist__icon img {
  object-fit: contain;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 15px;
  left: 15px;
}

.iconlist__headline {
  color: #92a800;
}

.gallery__headline {
  margin-bottom: 5rem;
}

.gallery__list {
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
  gap: 1rem;
  margin: 0 1rem;
  display: flex;
  overflow: auto;
}

@media (width >= 769px) {
  .gallery__list {
    gap: 2rem;
    margin: 0 1.5rem;
  }
}

.gallery__list::-webkit-scrollbar {
  display: none;
}

.gallery__item {
  scroll-snap-align: start;
  max-width: 90vw;
  height: 40vw;
}

@media (width >= 769px) {
  .gallery__item {
    width: auto;
    height: 300px;
  }
}

.gallery__item img, .gallery__item video {
  border-radius: 20px;
  width: auto;
  height: 100%;
}

.gallery__video {
  position: relative;
}

.gallery__play {
  background: #92a800;
  border-radius: 50%;
  width: 10rem;
  height: 10rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.gallery__play-icon {
  fill: #fff;
  cursor: pointer;
  width: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-35%, -45%, 0);
}

@media (width >= 769px) {
  .infocards__list {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
  }

  .infocards__item {
    flex: 0 0 33.33%;
    width: 33.33%;
    position: relative;
  }

  .infocards__item:nth-child(2):last-child, .infocards__item:first-child:last-child {
    flex: 0 0 50%;
    width: 50%;
  }
}

.infocards__item-inner {
  border-radius: 0;
  padding: 1.2rem;
}

@media (width >= 769px) {
  .infocards__item-inner {
    padding: 2.5rem;
  }
}

.infocards__link {
  margin-top: 1rem;
}

.quote__inner {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.quote__icon {
  width: 70px;
  margin-bottom: 1rem;
}

.quote__icon img {
  height: auto;
}

@media (width >= 769px) {
  .form__inner {
    display: flex;
  }
}

.form__content {
  margin-bottom: 2rem;
}

@media (width >= 769px) {
  .form__content {
    flex: 0 0 60%;
    margin-bottom: 0;
  }

  .form__form {
    flex: 0 0 40%;
  }
}

.wpcf7-list-item {
  margin: 0 !important;
}

.wpcf7-list-item label {
  display: flex;
}

.wpcf7-form-control-wrap {
  display: block;
}

.wpcf7-response-output {
  background: #f5f5f5;
  border-radius: 0;
  border: none !important;
  padding: 1rem 1.5rem !important;
}

.wpcf7-radio {
  margin-bottom: .8rem;
  display: block;
}

.wpcf7-radio .wpcf7-list-item {
  display: block;
  margin-top: .5rem !important;
}

.wpcf7-radio .wpcf7-list-item input {
  display: none;
}

.wpcf7-radio .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
  background-color: #92a800;
}

.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
  gap: .25rem;
  display: flex;
}

.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:before {
  content: "";
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: .5rem;
  display: inline-block;
}

.wpcf7-acceptance .wpcf7-list-item-label {
  font-size: 10px;
}

.teasercards p {
  margin: 0;
}

.teasercards__content {
  width: 100%;
  margin-bottom: 2.5rem;
  display: flex;
}

@media (width >= 769px) {
  .teasercards__content-inner {
    flex: 0 0 50%;
    width: 50%;
  }
}

.teasercards__title {
  margin-bottom: 2.5rem;
}

@media (width >= 769px) {
  .teasercards__list {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
  }
}

.teasercards__item {
  display: block;
}

@media (width >= 769px) {
  .teasercards__item {
    flex: 0 0 33.33%;
    width: 33.33%;
    position: relative;
  }

  .teasercards__item:nth-child(2):last-child, .teasercards__item:first-child:nth-last-child(2) {
    flex: 0 0 50%;
    width: 50%;
  }
}

.teasercards__item.slider__item {
  flex: 0 0 85%;
  width: 85%;
}

@media (width >= 769px) {
  .teasercards__item.slider__item {
    flex: 0 0 350px;
    width: 350px;
  }
}

.teasercards__item-inner {
  border-radius: 20px;
  height: 100%;
}

.teasercards__image--iconstyle, .teasercards__item-bottom {
  padding: 1.2rem;
}

@media (width >= 769px) {
  .teasercards__image--iconstyle, .teasercards__item-bottom {
    padding: 2rem;
  }
}

.teasercards__item-bottom {
  border-radius: 20px;
}

.teasercards__image {
  aspect-ratio: 16 / 9;
}

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

.teasercards__image--iconstyle {
  box-sizing: content-box;
  width: 100px;
  height: 100px;
  padding-bottom: 0 !important;
}

.teasercards__image--iconstyle img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.teasercards__headline {
  color: #92a800;
}

.serviceteaser__content {
  margin-bottom: 2rem;
}

.serviceteaser__item {
  background: #f5f5f5;
  border-radius: 0;
  flex: 0 0 90%;
  width: 90%;
  position: relative;
}

@media (width >= 540px) {
  .serviceteaser__item {
    flex: 0 0 70%;
    width: 70%;
  }
}

@media (width >= 769px) {
  .serviceteaser__item {
    flex: 0 0 400px;
    max-width: 400px;
  }
}

.serviceteaser__item-inner {
  flex-direction: column;
  gap: 1rem;
  padding: 2.5rem 2rem calc(3.5rem + 50px);
  display: flex;
}

.serviceteaser__icon {
  width: auto;
  height: 100px;
}

.serviceteaser__icon svg {
  fill: #92a800;
  width: auto;
  transition: all .3s ease-in-out;
}

.serviceteaser__item:hover .serviceteaser__icon svg {
  fill: #000;
  transform: scale(1.1);
}

.serviceteaser__headline h3 {
  margin-bottom: 0;
}

.serviceteaser__link {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}

.service__nav {
  margin-bottom: 2.5rem;
}

.service__nav-inner {
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
  align-items: flex-start;
  gap: 2rem;
  width: 100%;
  display: flex;
  overflow: auto;
}

@media (width >= 769px) {
  .service__nav-inner {
    gap: 5rem;
  }
}

.servicenav__item {
  flex-direction: column;
  flex-grow: 0;
  flex-basis: 0;
  justify-content: center;
  gap: .5rem;
  display: flex;
}

@media (width >= 769px) {
  .servicenav__item {
    gap: 1rem;
  }
}

.servicenav__icon {
  justify-content: center;
  display: flex;
}

.servicenav__icon svg {
  fill: #cfcfcf;
  width: auto;
  height: 50px;
}

@media (width >= 769px) {
  .servicenav__icon svg {
    height: 80px;
  }
}

.servicenav__item--active .servicenav__icon svg, .servicenav__icon:hover svg {
  fill: #92a800;
}

.servicenav__title {
  text-align: center;
  color: #cfcfcf;
  font-size: 10px;
}

.servicenav__item--active .servicenav__title {
  color: #92a800;
  font-weight: 700;
}

.infoimage__nav-inner {
  justify-content: center;
  gap: 1rem;
  display: flex;
}

.infoimage__main {
  position: relative;
}

@keyframes heartbeat {
  from {
    transform-origin: center;
    animation-timing-function: ease-out;
    transform: translate3d(-50%, -50%, 0)scale(1);
  }

  10% {
    animation-timing-function: ease-in;
    transform: translate3d(-50%, -50%, 0)scale(.91);
  }

  17% {
    animation-timing-function: ease-out;
    transform: translate3d(-50%, -50%, 0)scale(.98);
  }

  33% {
    animation-timing-function: ease-in;
    transform: translate3d(-50%, -50%, 0)scale(.87);
  }

  45% {
    animation-timing-function: ease-out;
    transform: translate3d(-50%, -50%, 0)scale(1);
  }
}

.infoimage-service__item {
  color: #fff;
  cursor: pointer;
  background: #92a800;
  border-radius: 50%;
  min-width: 30px;
  min-height: 30px;
  padding: 1rem;
  animation: 2.5s ease-in-out infinite both heartbeat;
  position: absolute;
  transform: translate3d(-50%, -50%, 0);
}

@media (width >= 769px) {
  .infoimage-service__item {
    min-width: 60px;
    max-width: 400px;
    min-height: 60px;
    animation: none;
    transform: translate3d(-50%, calc(-50% - 110px), 0);
  }
}

@media (width >= 1024px) {
  .infoimage-service__item {
    min-width: 80px;
    min-height: 80px;
    transform: translate3d(-50%, calc(-50% - 120px), 0);
  }
}

.infoimage-service__item--active {
  z-index: 100;
  border-radius: 20px;
  width: 100%;
  animation: none;
}

@media (width <= 769px) {
  .infoimage-service__item--active {
    width: 100%;
    transform: translate3d(-50%, -50%, 0);
    top: 50% !important;
    left: 50% !important;
  }
}

@media (width >= 769px) {
  .infoimage-service__item--active {
    transform: translate3d(-46px, -156px, 0);
  }
}

@media (width >= 1024px) {
  .infoimage-service__item--active {
    transform: translate3d(-56px, -176px, 0);
  }
}

@media (width >= 769px) {
  .infoimage-service__item--active.infoimage-service__item--left {
    transform-origin: 100% 0;
    transform: translate3d(calc(46px - 100%), -156px, 0);
  }
}

@media (width >= 1024px) {
  .infoimage-service__item--active.infoimage-service__item--left {
    transform: translate3d(calc(56px - 100%), -176px, 0);
  }
}

.infoimage-service__item--inactive:not(.infoimage-service__item--active) {
  opacity: .8;
}

.infoimage-service__item-inner {
  position: relative;
}

@media (width >= 769px) {
  .infoimage-service__item--active.infoimage-service__item--left .infoimage-service__item-inner {
    flex-direction: column;
    align-items: flex-end;
    display: flex;
  }
}

.infoimage-service__item-inner:after {
  content: none;
  background: #92a800;
  width: 4px;
  height: 80px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
}

@media (width >= 769px) {
  .infoimage-service__item-inner:after {
    content: "";
  }
}

.infoimage-service__item--active .infoimage-service__item-inner:after {
  display: none;
}

.infoimage-service__icon {
  width: 60px;
  height: 60px;
  margin-bottom: 1rem;
  display: none;
  position: relative;
}

@media (width >= 769px) {
  .infoimage-service__icon {
    margin-bottom: 0;
    display: block;
  }
}

@media (width >= 1024px) {
  .infoimage-service__icon {
    width: 80px;
    height: 80px;
  }
}

.infoimage-service__item--active .infoimage-service__icon {
  display: block;
}

.infoimage-service__icon svg {
  fill: #fff;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.infoimage-service__content {
  display: none;
}

.infoimage-service__item--active .infoimage-service__content {
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  display: flex;
}

@media (width >= 769px) {
  .infoimage-service__item--active.infoimage-service__item--left .infoimage-service__content {
    text-align: right;
    align-items: flex-end;
  }
}

.infoimage-service__headline {
  margin-bottom: 0;
}

.roomsteaser__item {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 80%;
  padding: 0 1rem;
  display: flex;
}

@media (width >= 769px) {
  .roomsteaser__item {
    width: 45%;
    padding: 0 2rem;
  }
}

.roomteaser__intro {
  text-align: center;
  opacity: 0;
  max-width: 500px;
  transition: all .5s ease-in-out;
  transform: translate3d(0, 50px, 0);
}

.swiper-slide-active .roomteaser__intro {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.roomteaser__excerpt {
  margin-bottom: 1rem;
}

.roomteaser__image {
  max-width: 600px;
  transition: all .5s ease-in-out;
  transform: translate3d(0, -100px, 0);
}

.swiper-slide-active .roomteaser__image {
  transform: translate3d(0, 0, 0);
}

.logos__list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  display: flex;
}

@media (width >= 769px) {
  .logos__list {
    gap: 3rem;
  }
}

.logos__img {
  width: auto;
  max-width: 100%;
  height: 40px;
}

.logos__img img, .logos__img svg {
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: 100%;
}

.testimonials__item {
  background: #f6f6f6;
  border-radius: 0;
  flex: 1 0 100%;
  width: 100%;
  max-width: 350px;
  padding: 1rem;
}

.testimonials__item-inner {
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  padding-bottom: 46px;
  display: flex;
  position: relative;
}

.testimonial__name {
  font-size: 1rem;
  font-weight: 700;
}

.testimonial__company {
  color: #cfcfcf;
}

.testimonials__img {
  width: auto;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.testimonials__img img, .testimonials__img svg {
  object-fit: contain;
  width: auto;
  height: 100%;
}

.media {
  position: relative;
}

.media__item video, .media__item img {
  border-radius: 20px;
  width: 100%;
  height: auto;
}

.media__video {
  border-radius: 20px;
  position: relative;
}

.media__video .is-playing + .media__poster {
  opacity: 0;
  z-index: -100;
  display: none;
}

.media__poster {
  background: #000;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.media__poster img {
  object-fit: cover;
  object-position: center;
  opacity: .5;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.media__play {
  z-index: 100;
  background: #fff;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

@media (width >= 769px) {
  .media__play {
    width: 10rem;
    height: 10rem;
  }
}

.media__play-icon {
  fill: #92a800;
  cursor: pointer;
  width: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-35%, -45%, 0);
}

@media (width >= 769px) {
  .media__play-icon {
    width: 4rem;
  }
}

.media__caption {
  color: #cfcfcf;
  margin-top: 1rem;
  font-size: .8rem;
}

@media (width >= 769px) {
  .media__caption {
    font-size: 1rem;
  }

  .cards__headline {
    text-align: right;
    justify-content: flex-end;
    display: flex;
  }

  .cards__headline .headline {
    width: 50%;
  }
}

.cards__list {
  flex-wrap: wrap;
  justify-content: center;
  gap: .8rem;
  display: flex;
}

@media (width >= 769px) {
  .cards__list {
    gap: 0;
    margin: 0 -.5rem;
  }

  .cards__item {
    width: 33.33%;
    padding: .5rem;
    position: relative;
  }

  .cards__item:nth-child(2):last-child, .cards__item:first-child:last-child {
    width: 50%;
  }
}

.cards__item-inner {
  color: #fff;
  background: #92a800;
  border-radius: 20px;
  flex-direction: column;
  gap: .8rem;
  height: 100%;
  padding: 1rem;
  display: flex;
}

@media (width >= 769px) {
  .cards__item-inner {
    padding: 1.5rem;
  }
}

.cards__title h3, .cards__content p {
  margin: 0;
}

.cards__content p + p {
  margin-top: .8rem;
}

.cards__image {
  width: 100px;
  height: 100px;
}

.cards__image img, .cards__image svg {
  object-fit: contain;
  object-position: left bottom;
  width: 100%;
  height: 100%;
}

.cards__cta {
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
  display: flex;
}

@media (width >= 769px) {
  .cards__cta {
    margin-top: 2.5rem;
  }
}

.contact-card {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

@media (width >= 480px) {
  .contact-card {
    flex: 0 220px;
    max-width: 220px;
  }
}

@media (width >= 769px) {
  .contact-card {
    flex: 0 300px;
    max-width: 300px;
  }
}

.contact-card__image {
  aspect-ratio: 1;
}

.contact-card__image img {
  object-fit: cover;
  object-position: center;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  height: 100%;
}

.contact-card__content {
  background: #fff;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 1.2rem;
}

.section--white .contact-card__content {
  background: #f5f5f5;
}

.contact-card__headline h3 {
  color: #cfcfcf;
  margin: 0;
}

.contact-card__content {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.contact-card__item--job {
  color: #cfcfcf;
  margin-bottom: 8px;
}

.contact-area__inner {
  flex-direction: column;
  gap: 2.5rem;
  display: flex;
}

@media (width >= 769px) {
  .contact-area__inner {
    flex-direction: row;
  }
}

.contact-area__content {
  flex: auto;
}

@media (width >= 769px) {
  .contact-area__content {
    flex: 0 0 calc(50% - 1.25rem);
  }
}

.contact-area__form {
  flex: auto;
}

@media (width >= 769px) {
  .contact-area__form {
    flex: 0 0 calc(50% - 1.25rem);
  }
}

.contact-area__headline {
  color: #92a800;
}

.funnel__step {
  display: none;
}

.funnel__step.active {
  display: block;
}

.funnel__buttons {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  padding: 2.5rem 0;
  display: flex;
}

.funnel__btn {
  cursor: pointer;
}

.funnel__btn--image {
  flex: 0 0 150px;
  min-width: 100px;
}

@media (width >= 769px) {
  .funnel__btn--image {
    flex: 0 0 300px;
  }
}

.funnel__btn-image {
  aspect-ratio: 1;
}

.funnel__btn-image img {
  object-fit: cover;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 100%;
  height: 100%;
}

.funnel__btn-text {
  color: #fff;
  background: #92a800;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: .8rem .5rem;
}

.history__timeline {
  margin-bottom: 1.5rem;
}

.history__timeline-list {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.history__timeline-item {
  cursor: pointer;
  color: #cfcfcf;
  text-align: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 700;
  transition: all .2s ease-in-out;
  display: flex;
}

.history__timeline-item:hover, .history__timeline-item--active {
  color: #000;
}

.history__timeline-item + .history__timeline-item:before {
  content: "";
  border-top: 1px dashed #000;
  width: 32px;
  height: 1px;
  margin: 0 .8rem;
  display: block;
}

.history__item {
  display: none;
}

.history__item--active {
  display: block;
}

.history__item-inner {
  flex-direction: column;
  gap: 2rem;
  display: flex;
}

@media (width >= 769px) {
  .history__item-inner {
    flex-direction: row;
    gap: 5rem;
  }
}

.history__item-headline {
  color: #cfcfcf;
  font-size: 1.5rem;
  font-weight: 700;
}

.history__item-year {
  color: #92a800;
  font-size: 3rem;
  font-weight: 700;
}

@media (width >= 769px) {
  .history__item-year {
    font-size: 4rem;
  }
}

.history__item-image {
  flex: 0 0 100%;
  max-width: 100%;
  height: auto;
}

@media (width >= 769px) {
  .history__item-image {
    flex: 0 0 40%;
    max-width: 40%;
  }
}

.history__item-picture {
  position: relative;
}

.history__item-picture:before {
  content: "";
  background-color: #92a800;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 1rem;
  left: -1rem;
}

.history__item-picture img {
  z-index: 1;
  width: 100%;
  position: relative;
}

.history__nav {
  cursor: pointer;
  gap: 1rem;
  margin-top: 1.5rem;
  font-size: 2rem;
  display: flex;
}

.job__title div {
  color: #92a800;
}

.job__image {
  aspect-ratio: 1;
  width: 100%;
  margin-top: 2.5rem;
}

@media (width >= 769px) {
  .job__image {
    aspect-ratio: 5 / 2;
  }
}

.job__image img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.job__container {
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  display: flex;
}

@media (width >= 769px) {
  .job__container {
    flex-direction: row;
  }
}

.job__section {
  margin-bottom: 2rem;
}

.job__facts {
  color: #fff;
  background: #92a800;
  border-radius: 0;
  flex-direction: column;
  gap: .8rem;
  padding: 2rem 1.5rem;
  display: flex;
}

@media (width >= 769px) {
  .job__facts {
    flex: 0 0 30%;
  }
}

.job__facts h4 {
  margin: 0;
}

.joblisting__list {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.joblisting__item {
  background: #f5f5f5;
  border-radius: 0;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem;
  display: flex;
}

.joblisting__jobname {
  margin-bottom: .5rem;
  font-size: 1.2rem;
  font-weight: 700;
}

.joblisting__item-arrow {
  background: #fff;
  border-radius: 50%;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  position: relative;
}

.joblisting__item-arrow .icon-arrow-right {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.jobs__link {
  position: relative;
}

.jobs__count {
  color: #fff;
  background: #92a800;
  border-radius: 50px;
  padding: 3px 5px;
  font-size: 10px;
  position: absolute;
  top: -6px;
  right: -17px;
}

@media (width >= 769px) {
  .contact-page__inner {
    display: flex;
  }

  .contact-page__info {
    flex: 0 0 50%;
  }
}

.contact-page__info-inner {
  background: #f5f5f5;
  border-radius: 0;
  padding: 1.5rem;
}

@media (width >= 769px) {
  .contact-page__form {
    flex: 0 0 50%;
  }
}

.contact-page__place {
  margin-bottom: 1.5rem;
}

.contact-page__place-item img {
  max-width: 450px;
}

.error-404__topline {
  color: #92a800;
  font-size: clamp(1rem, 3vw, 20px);
  font-weight: 700;
}

.error-404__headline {
  -webkit-text-fill-color: transparent;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  font-size: clamp(8rem, 45vw, 690px);
  font-weight: 900;
  line-height: 1;
  overflow: hidden;
}

.error-404__content {
  text-align: center;
}

.termsfeed-com---palette-dark.termsfeed-com---nb {
  color: #000 !important;
  background-color: #92a800 !important;
  border-top-left-radius: 0 !important;
}

.termsfeed-com---palette-dark .cc-nb-title, .termsfeed-com---palette-dark .cc-nb-text {
  color: #000 !important;
}

.termsfeed-com---palette-dark .cc-nb-okagree, .termsfeed-com---palette-dark .cc-nb-reject {
  color: #fff !important;
  background-color: #000 !important;
  border-radius: 0 !important;
}

.cc-nb-changep {
  border-radius: 0 !important;
}
/*# sourceMappingURL=main.css.map */