@charset "utf-8";

.un-steps { font-family: var(--font01, "Source Sans Pro", Arial, Helvetica, sans-serif); font-weight: 400; border: 2px solid rgb(62, 97, 191); margin-bottom: 16px; }

.un-steps__title { color: white; font-size: 18px; line-height: 24px; font-weight: 700; font-family: var(--font01, "Source Sans Pro", Arial, Helvetica, sans-serif); text-align: center; background-color: rgb(62, 97, 191); padding: 10px; }

.un-steps__paragraph { margin-bottom: 16px; padding-left: 10px; padding-right: 10px; }

.un-steps__image-wrapper { margin: 30px 0px 0px; border: 0.5px solid grey; }

.un-steps__image { display: block; height: auto; width: 100%; }

.un-steps__important { font-style: italic; border-left: 8px solid var(--red); padding-left: 1rem; }

.un-steps__link { color: rgb(0, 127, 255); }

.un-steps__link:hover { color: rgb(225, 18, 41); }

.nowrap { white-space: nowrap; }

.imp { border-left: 3px solid red; padding-left: 15px; font-style: italic; }

.feedback { margin-bottom: 20px; padding: 30px 0px 12px; }

.feedback__header { display: flex; align-items: center; padding-bottom: 20px; }

@media (max-width: 660px) {
  .feedback__header { flex-direction: column; align-items: center; text-align: center; padding: 0px 0px 20px; }
}

.feedback__photo { flex-shrink: 0; width: 115px; height: 115px; margin-right: 20px; border-radius: 50%; overflow: hidden; }

.feedback__photo img { width: 100%; height: 100%; margin: 0px; object-fit: cover; object-position: 25% center; }

.feedback .feedback__name { margin: 0px 0px 5px; font-weight: 700; font-size: 25px; }

.feedback .feedback__position { margin: 0px; font-weight: 700; font-size: 16px; color: rgb(120, 120, 120); }

.feedback__body { padding: 16px 0px; }

.feedback__body p { margin: 0px 0px 1rem; font-size: 20px; }

.info__text.important { position: relative; padding: 10px 20px 10px 65px; color: rgb(26, 105, 162); border-radius: 20px; background-color: rgb(209, 222, 247); }

.info__text.important::before { content: "!"; color: rgb(232, 39, 39); position: absolute; top: calc(50%); transform: translateY(-50%); left: 28px; font-size: 70px; line-height: 1; }

.image-caption { font-size: 16px; margin-bottom: 16px; line-height: 20px; }

.day_title { font-size: 25px; font-weight: 700; text-align: center; border: 3px solid rgb(0, 0, 153); font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

@media (max-width: 768px) {
  .swiper-slide2 img { height: 300px; }
}

.link-no-color { color: inherit !important; }

.link-no-color:hover { text-decoration: underline; }

.slideshow-container { position: relative; display: block; max-width: 1000px; margin: 0px auto 60px; }

.slideshow-container img { max-height: 500px; margin: 0px auto; display: block; width: auto; max-width: 100%; object-fit: contain; }

.mySlides { position: relative; display: none; overflow: hidden; background-color: rgba(98, 98, 98, 0.216); touch-action: pan-y; user-select: none; }

.prev, .next { cursor: pointer; position: absolute; top: 50%; z-index: 5; width: auto; margin-top: -22px; padding: 16px; color: rgb(254, 0, 61); font-weight: bold; font-size: 18px; transition: color 0.3s, background-color 0.3s; border: none; border-radius: 0px 3px 3px 0px; background-color: transparent; }

.next { right: 0px; border-radius: 3px 0px 0px 3px; }

.prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); color: rgb(0, 127, 255); }

.slide-number { color: rgb(242, 242, 242); font-weight: 700; font-size: 12px; padding: 8px 12px; position: absolute; top: 0px; z-index: 5; }

.dots-container { position: absolute; top: calc(100% - 25px); left: 0px; right: 0px; z-index: 5; text-align: center; }

.dot { cursor: pointer; height: 15px; width: 15px; margin: 0px 2px; background-color: rgb(187, 187, 187); border-radius: 50%; display: inline-block; transition: background-color 0.6s; }

.dot.active { background-color: rgb(254, 0, 61); }

.dot:hover { background-color: rgb(113, 113, 113); }

.zoom-overlay { display: none; position: fixed; inset: 0px; width: 100vw; height: 100dvh; z-index: 1000; background: rgba(0, 0, 0, 0); overflow: hidden; cursor: zoom-out; opacity: 1; transition: background-color 0.24s; touch-action: none; overscroll-behavior: contain; isolation: isolate; transform: translateZ(0px); backface-visibility: hidden; will-change: opacity; -webkit-tap-highlight-color: transparent; user-select: none; }

.zoom-overlay.is-open { background: rgba(0, 0, 0, 0.85); }

.zoom-image { object-fit: contain; cursor: default; z-index: 1; transition: left 0.26s, top 0.26s, width 0.26s, height 0.26s, opacity 0.2s; -webkit-user-drag: none; user-select: none; transform: translateZ(0px); backface-visibility: hidden; will-change: opacity, transform; transform-style: preserve-3d; }

.zoom-close { position: fixed; top: calc(12px + env(safe-area-inset-top)); right: calc(12px + env(safe-area-inset-right)); bottom: auto; left: auto; display: block; width: 44px; height: 44px; padding: 0px; margin: 0px; border: 0px; background: transparent; color: rgb(255, 255, 255); font-size: 40px; line-height: 44px; text-align: center; font-weight: bold; cursor: pointer; z-index: 2147483647; opacity: 0; pointer-events: none; transition: opacity 0.2s, color 0.3s; transform: translateZ(0px); -webkit-tap-highlight-color: transparent; }

.zoom-overlay.is-open .zoom-close { opacity: 1; pointer-events: auto; }

.zoom-close:hover { color: rgb(225, 18, 41); }

[data-zoomable] { position: relative; display: block; cursor: zoom-in; transform: translateZ(0px); }

[data-zoomable] img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; transform: translateZ(0px); image-rendering: -webkit-optimize-contrast; }

[data-zoomable]::after { content: ""; position: absolute; top: calc(50% - 24px); left: calc(50% - 24px); z-index: 2; width: 48px; height: 48px; color: rgb(225, 18, 41); background-image: url("../img/lupa.svg"); background-repeat: no-repeat; background-size: contain; opacity: 0.5; pointer-events: none; user-select: none; }

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) {
  .zoom-overlay { isolation: isolate; }
  .zoom-image { image-rendering: auto; }
}
}

.fade__img { text-align: center; animation-name: fade; animation-duration: 1.5s; }

@-webkit-keyframes fade { 
  0% { opacity: 0.4; }
  100% { opacity: 1; }
}

@keyframes fade { 
  0% { opacity: 0.4; }
  100% { opacity: 1; }
}