:root {
  --body-background: #ffffff;
  --default-font-color: #000000;
  --default-font-size: 16px;
  --default-font-weight: 400;
  --default-font-family: Titillium Web, sans-serif;
  --default-line-height: 1.5em;
  --default-color-white: #ffffff;
  --default-color-black: #000000;
  --hyperlink-visited-color: #00b3f0;
  --hyperlink-color: #00b3f0;
  --hyperlink-hover-color: #000000;
  --title-color: #000000;
  --color-error: #9d1e1e;
  --header-backround: #000000;
  --header-text-color: #ffffff;
  --footer-background: #ffffff;
  --footer-text-color: #000000;
  --main-background: #ffffff url(images/tlo-stutthof.jpg);
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 2em;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  backface-visibility: hidden;
  outline: none;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex !important;
  justify-content: center;
  align-items: center;
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe,
.gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  touch-action: auto;
}

.gslide:not(.current) {
  pointer-events: none;
}

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

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}

.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: grabbing !important;
  transition: none;
}

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
  /* max-width: 160vmin; */
  margin: auto;
}

.gslide-video::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
  margin: auto;
}

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}

.gslide-inline .dragging {
  cursor: grabbing !important;
  transition: none;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: flex;
  width: auto;
}

.zoomed .gslide-media {
  box-shadow: none !important;
}

.desc-top .gslide-media,
.desc-bottom .gslide-media {
  margin: 0 auto;
  flex-direction: column;
}

.gslide-description {
  position: relative;
  flex: 1 0 100%;
}

.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p:last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}

.glightbox-button-hidden {
  display: none;
}

/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}

.gdesc-open .gslide-media {
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  transition: opacity 0.5s ease;
  opacity: 1;
}

.greset {
  transition: all 0.3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  width: 25px;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: #000;
}

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}

.gbtn.focused {
  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
  opacity: 0 !important;
}

/*Skin */
.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
  fill: #fff;
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}

/*CSS Animations*/
.gfadeIn {
  animation: gfadeIn 0.5s ease;
}

.gfadeOut {
  animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
  animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
  animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
  animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
  animation: gslideInRight 0.3s ease;
}

.gzoomIn {
  animation: gzoomIn 0.5s ease;
}

.gzoomOut {
  animation: gzoomOut 0.5s ease;
}
@keyframes lightboxLoader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes gslideInLeft {
  from {
    opacity: 0;
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    transform: translate3d(60%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media {
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner,
  .glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gprev,
  .glightbox-clean .gnext,
  .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gprev:hover,
  .glightbox-clean .gnext:hover,
  .glightbox-clean .gclose:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}
@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  min-width: 100%;
  width: 100%;
  min-height: 100%;
}

body {
  background: var(--body-background);
  color: var(--default-font-color);
  font-size: var(--default-font-size);
  font-weight: var(--default-font-weight);
  font-family: var(--default-font-family);
  line-height: var(--default-line-height);
  min-width: 100%;
  width: 100%;
  min-height: 100%;
  margin: 0;
}

p {
  font-size: 1em;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1em;
}

a {
  color: var(--hyperlink-color);
  font-size: 1em;
  text-decoration: none;
  transition: 300ms;
}
a:hover {
  color: var(--hyperlink-hover-color);
  text-decoration: none;
}
a:focus {
  color: var(--hyperlink-focus-color);
  text-decoration: none;
}
a:focus:hover {
  color: var(--hyperlink-hover-color);
  text-decoration: none;
}
a:visited {
  color: var(--hyperlink-visited-color);
  text-decoration: none;
}
a:visited:hover {
  color: var(--hyperlink-hover-color);
  text-decoration: none;
}
a:active {
  color: var(--hyperlink-active-color);
  text-decoration: none;
}
a:active:hover {
  color: var(--hyperlink-hover-color);
  text-decoration: none;
}

img {
  max-width: 100%;
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.grid .grid__cell-1-1 {
  grid-column: 1/2;
  grid-row: 1/2;
}
.grid .grid__cell-1-2 {
  grid-column: 1/3;
  grid-row: 1/2;
}
.grid .grid__cell-1-3 {
  grid-column: 1/4;
  grid-row: 1/2;
}
.grid .grid__cell-1-4 {
  grid-column: 1/5;
  grid-row: 1/2;
}
.grid .grid__cell-1-5 {
  grid-column: 1/6;
  grid-row: 1/2;
}
.grid .grid__cell-1-6 {
  grid-column: 1/7;
  grid-row: 1/2;
}
.grid .grid__cell-1-7 {
  grid-column: 1/8;
  grid-row: 1/2;
}
.grid .grid__cell-1-8 {
  grid-column: 1/9;
  grid-row: 1/2;
}
.grid .grid__cell-1-9 {
  grid-column: 1/10;
  grid-row: 1/2;
}
.grid .grid__cell-1-10 {
  grid-column: 1/11;
  grid-row: 1/2;
}
.grid .grid__cell-1-11 {
  grid-column: 1/12;
  grid-row: 1/2;
}
.grid .grid__cell-1-12 {
  grid-column: 1/13;
  grid-row: 1/2;
}
.grid .grid__cell--nr-1 {
  grid-row: 2/3;
}
.grid .grid__cell-2-2 {
  grid-column: 2/3;
  grid-row: 1/2;
}
.grid .grid__cell-2-3 {
  grid-column: 2/4;
  grid-row: 1/2;
}
.grid .grid__cell-2-4 {
  grid-column: 2/5;
  grid-row: 1/2;
}
.grid .grid__cell-2-5 {
  grid-column: 2/6;
  grid-row: 1/2;
}
.grid .grid__cell-2-6 {
  grid-column: 2/7;
  grid-row: 1/2;
}
.grid .grid__cell-2-7 {
  grid-column: 2/8;
  grid-row: 1/2;
}
.grid .grid__cell-2-8 {
  grid-column: 2/9;
  grid-row: 1/2;
}
.grid .grid__cell-2-9 {
  grid-column: 2/10;
  grid-row: 1/2;
}
.grid .grid__cell-2-10 {
  grid-column: 2/11;
  grid-row: 1/2;
}
.grid .grid__cell-2-11 {
  grid-column: 2/12;
  grid-row: 1/2;
}
.grid .grid__cell-2-12 {
  grid-column: 2/13;
  grid-row: 1/2;
}
.grid .grid__cell--nr-2 {
  grid-row: 3/4;
}
.grid .grid__cell-3-3 {
  grid-column: 3/4;
  grid-row: 1/2;
}
.grid .grid__cell-3-4 {
  grid-column: 3/5;
  grid-row: 1/2;
}
.grid .grid__cell-3-5 {
  grid-column: 3/6;
  grid-row: 1/2;
}
.grid .grid__cell-3-6 {
  grid-column: 3/7;
  grid-row: 1/2;
}
.grid .grid__cell-3-7 {
  grid-column: 3/8;
  grid-row: 1/2;
}
.grid .grid__cell-3-8 {
  grid-column: 3/9;
  grid-row: 1/2;
}
.grid .grid__cell-3-9 {
  grid-column: 3/10;
  grid-row: 1/2;
}
.grid .grid__cell-3-10 {
  grid-column: 3/11;
  grid-row: 1/2;
}
.grid .grid__cell-3-11 {
  grid-column: 3/12;
  grid-row: 1/2;
}
.grid .grid__cell-3-12 {
  grid-column: 3/13;
  grid-row: 1/2;
}
.grid .grid__cell--nr-3 {
  grid-row: 4/5;
}
.grid .grid__cell-4-4 {
  grid-column: 4/5;
  grid-row: 1/2;
}
.grid .grid__cell-4-5 {
  grid-column: 4/6;
  grid-row: 1/2;
}
.grid .grid__cell-4-6 {
  grid-column: 4/7;
  grid-row: 1/2;
}
.grid .grid__cell-4-7 {
  grid-column: 4/8;
  grid-row: 1/2;
}
.grid .grid__cell-4-8 {
  grid-column: 4/9;
  grid-row: 1/2;
}
.grid .grid__cell-4-9 {
  grid-column: 4/10;
  grid-row: 1/2;
}
.grid .grid__cell-4-10 {
  grid-column: 4/11;
  grid-row: 1/2;
}
.grid .grid__cell-4-11 {
  grid-column: 4/12;
  grid-row: 1/2;
}
.grid .grid__cell-4-12 {
  grid-column: 4/13;
  grid-row: 1/2;
}
.grid .grid__cell--nr-4 {
  grid-row: 5/6;
}
.grid .grid__cell-5-5 {
  grid-column: 5/6;
  grid-row: 1/2;
}
.grid .grid__cell-5-6 {
  grid-column: 5/7;
  grid-row: 1/2;
}
.grid .grid__cell-5-7 {
  grid-column: 5/8;
  grid-row: 1/2;
}
.grid .grid__cell-5-8 {
  grid-column: 5/9;
  grid-row: 1/2;
}
.grid .grid__cell-5-9 {
  grid-column: 5/10;
  grid-row: 1/2;
}
.grid .grid__cell-5-10 {
  grid-column: 5/11;
  grid-row: 1/2;
}
.grid .grid__cell-5-11 {
  grid-column: 5/12;
  grid-row: 1/2;
}
.grid .grid__cell-5-12 {
  grid-column: 5/13;
  grid-row: 1/2;
}
.grid .grid__cell--nr-5 {
  grid-row: 6/7;
}
.grid .grid__cell-6-6 {
  grid-column: 6/7;
  grid-row: 1/2;
}
.grid .grid__cell-6-7 {
  grid-column: 6/8;
  grid-row: 1/2;
}
.grid .grid__cell-6-8 {
  grid-column: 6/9;
  grid-row: 1/2;
}
.grid .grid__cell-6-9 {
  grid-column: 6/10;
  grid-row: 1/2;
}
.grid .grid__cell-6-10 {
  grid-column: 6/11;
  grid-row: 1/2;
}
.grid .grid__cell-6-11 {
  grid-column: 6/12;
  grid-row: 1/2;
}
.grid .grid__cell-6-12 {
  grid-column: 6/13;
  grid-row: 1/2;
}
.grid .grid__cell--nr-6 {
  grid-row: 7/8;
}
.grid .grid__cell-7-7 {
  grid-column: 7/8;
  grid-row: 1/2;
}
.grid .grid__cell-7-8 {
  grid-column: 7/9;
  grid-row: 1/2;
}
.grid .grid__cell-7-9 {
  grid-column: 7/10;
  grid-row: 1/2;
}
.grid .grid__cell-7-10 {
  grid-column: 7/11;
  grid-row: 1/2;
}
.grid .grid__cell-7-11 {
  grid-column: 7/12;
  grid-row: 1/2;
}
.grid .grid__cell-7-12 {
  grid-column: 7/13;
  grid-row: 1/2;
}
.grid .grid__cell--nr-7 {
  grid-row: 8/9;
}
.grid .grid__cell-8-8 {
  grid-column: 8/9;
  grid-row: 1/2;
}
.grid .grid__cell-8-9 {
  grid-column: 8/10;
  grid-row: 1/2;
}
.grid .grid__cell-8-10 {
  grid-column: 8/11;
  grid-row: 1/2;
}
.grid .grid__cell-8-11 {
  grid-column: 8/12;
  grid-row: 1/2;
}
.grid .grid__cell-8-12 {
  grid-column: 8/13;
  grid-row: 1/2;
}
.grid .grid__cell--nr-8 {
  grid-row: 9/10;
}
.grid .grid__cell-9-9 {
  grid-column: 9/10;
  grid-row: 1/2;
}
.grid .grid__cell-9-10 {
  grid-column: 9/11;
  grid-row: 1/2;
}
.grid .grid__cell-9-11 {
  grid-column: 9/12;
  grid-row: 1/2;
}
.grid .grid__cell-9-12 {
  grid-column: 9/13;
  grid-row: 1/2;
}
.grid .grid__cell--nr-9 {
  grid-row: 10/11;
}
.grid .grid__cell-10-10 {
  grid-column: 10/11;
  grid-row: 1/2;
}
.grid .grid__cell-10-11 {
  grid-column: 10/12;
  grid-row: 1/2;
}
.grid .grid__cell-10-12 {
  grid-column: 10/13;
  grid-row: 1/2;
}
.grid .grid__cell--nr-10 {
  grid-row: 11/12;
}
.grid .grid__cell-11-11 {
  grid-column: 11/12;
  grid-row: 1/2;
}
.grid .grid__cell-11-12 {
  grid-column: 11/13;
  grid-row: 1/2;
}
.grid .grid__cell--nr-11 {
  grid-row: 12/13;
}
.grid .grid__cell-12-12 {
  grid-column: 12/13;
  grid-row: 1/2;
}
.grid .grid__cell--nr-12 {
  grid-row: 13/14;
}
.grid .grid__cell--vertical-center {
  align-self: center;
}
.grid .grid__cell--vertical-left {
  justify-self: start;
}
.grid .grid__cell--vertical-right {
  justify-self: end;
}
.grid .grid__cell--horizontal-left {
  text-align: left;
}
.grid .grid__cell--horizontal-center {
  text-align: center;
}
.grid .grid__cell--horizontal-right {
  text-align: right;
}
.grid.grid--space-between {
  align-content: space-between;
}

@media (max-width: 1366px) {
  .grid .grid__cell-xl-1-1 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-1-2 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-1-3 {
    grid-column: 1/4;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-1-4 {
    grid-column: 1/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-1-5 {
    grid-column: 1/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-1-6 {
    grid-column: 1/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-1-7 {
    grid-column: 1/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-1-8 {
    grid-column: 1/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-1-9 {
    grid-column: 1/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-1-10 {
    grid-column: 1/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-1-11 {
    grid-column: 1/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-1-12 {
    grid-column: 1/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-2-2 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-2-3 {
    grid-column: 2/4;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-2-4 {
    grid-column: 2/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-2-5 {
    grid-column: 2/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-2-6 {
    grid-column: 2/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-2-7 {
    grid-column: 2/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-2-8 {
    grid-column: 2/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-2-9 {
    grid-column: 2/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-2-10 {
    grid-column: 2/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-2-11 {
    grid-column: 2/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-2-12 {
    grid-column: 2/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-3-3 {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-3-4 {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-3-5 {
    grid-column: 3/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-3-6 {
    grid-column: 3/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-3-7 {
    grid-column: 3/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-3-8 {
    grid-column: 3/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-3-9 {
    grid-column: 3/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-3-10 {
    grid-column: 3/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-3-11 {
    grid-column: 3/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-3-12 {
    grid-column: 3/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-4-4 {
    grid-column: 4/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-4-5 {
    grid-column: 4/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-4-6 {
    grid-column: 4/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-4-7 {
    grid-column: 4/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-4-8 {
    grid-column: 4/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-4-9 {
    grid-column: 4/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-4-10 {
    grid-column: 4/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-4-11 {
    grid-column: 4/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-4-12 {
    grid-column: 4/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-5-5 {
    grid-column: 5/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-5-6 {
    grid-column: 5/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-5-7 {
    grid-column: 5/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-5-8 {
    grid-column: 5/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-5-9 {
    grid-column: 5/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-5-10 {
    grid-column: 5/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-5-11 {
    grid-column: 5/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-5-12 {
    grid-column: 5/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-6-6 {
    grid-column: 6/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-6-7 {
    grid-column: 6/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-6-8 {
    grid-column: 6/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-6-9 {
    grid-column: 6/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-6-10 {
    grid-column: 6/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-6-11 {
    grid-column: 6/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-6-12 {
    grid-column: 6/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-7-7 {
    grid-column: 7/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-7-8 {
    grid-column: 7/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-7-9 {
    grid-column: 7/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-7-10 {
    grid-column: 7/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-7-11 {
    grid-column: 7/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-7-12 {
    grid-column: 7/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-8-8 {
    grid-column: 8/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-8-9 {
    grid-column: 8/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-8-10 {
    grid-column: 8/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-8-11 {
    grid-column: 8/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-8-12 {
    grid-column: 8/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-9-9 {
    grid-column: 9/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-9-10 {
    grid-column: 9/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-9-11 {
    grid-column: 9/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-9-12 {
    grid-column: 9/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-10-10 {
    grid-column: 10/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-10-11 {
    grid-column: 10/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-10-12 {
    grid-column: 10/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-11-11 {
    grid-column: 11/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-11-12 {
    grid-column: 11/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl-12-12 {
    grid-column: 12/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-xl--nr-1 {
    grid-row: 2/3;
  }
  .grid .grid__cell-xl--nr-2 {
    grid-row: 3/4;
  }
  .grid .grid__cell-xl--nr-3 {
    grid-row: 4/5;
  }
  .grid .grid__cell-xl--nr-4 {
    grid-row: 5/6;
  }
  .grid .grid__cell-xl--nr-5 {
    grid-row: 6/7;
  }
  .grid .grid__cell-xl--nr-6 {
    grid-row: 7/8;
  }
  .grid .grid__cell-xl--nr-7 {
    grid-row: 8/9;
  }
  .grid .grid__cell-xl--nr-8 {
    grid-row: 9/10;
  }
  .grid .grid__cell-xl--nr-9 {
    grid-row: 10/11;
  }
  .grid .grid__cell-xl--nr-10 {
    grid-row: 11/12;
  }
  .grid .grid__cell-xl--nr-11 {
    grid-row: 12/13;
  }
  .grid .grid__cell-xl--nr-12 {
    grid-row: 13/14;
  }
}
@media (max-width: 1200px) {
  .grid .grid__cell-l-1-1 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-1-2 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-1-3 {
    grid-column: 1/4;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-1-4 {
    grid-column: 1/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-1-5 {
    grid-column: 1/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-1-6 {
    grid-column: 1/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-1-7 {
    grid-column: 1/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-1-8 {
    grid-column: 1/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-1-9 {
    grid-column: 1/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-1-10 {
    grid-column: 1/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-1-11 {
    grid-column: 1/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-1-12 {
    grid-column: 1/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-2-2 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-2-3 {
    grid-column: 2/4;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-2-4 {
    grid-column: 2/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-2-5 {
    grid-column: 2/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-2-6 {
    grid-column: 2/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-2-7 {
    grid-column: 2/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-2-8 {
    grid-column: 2/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-2-9 {
    grid-column: 2/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-2-10 {
    grid-column: 2/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-2-11 {
    grid-column: 2/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-2-12 {
    grid-column: 2/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-3-3 {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-3-4 {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-3-5 {
    grid-column: 3/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-3-6 {
    grid-column: 3/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-3-7 {
    grid-column: 3/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-3-8 {
    grid-column: 3/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-3-9 {
    grid-column: 3/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-3-10 {
    grid-column: 3/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-3-11 {
    grid-column: 3/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-3-12 {
    grid-column: 3/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-4-4 {
    grid-column: 4/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-4-5 {
    grid-column: 4/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-4-6 {
    grid-column: 4/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-4-7 {
    grid-column: 4/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-4-8 {
    grid-column: 4/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-4-9 {
    grid-column: 4/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-4-10 {
    grid-column: 4/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-4-11 {
    grid-column: 4/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-4-12 {
    grid-column: 4/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-5-5 {
    grid-column: 5/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-5-6 {
    grid-column: 5/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-5-7 {
    grid-column: 5/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-5-8 {
    grid-column: 5/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-5-9 {
    grid-column: 5/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-5-10 {
    grid-column: 5/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-5-11 {
    grid-column: 5/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-5-12 {
    grid-column: 5/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-6-6 {
    grid-column: 6/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-6-7 {
    grid-column: 6/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-6-8 {
    grid-column: 6/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-6-9 {
    grid-column: 6/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-6-10 {
    grid-column: 6/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-6-11 {
    grid-column: 6/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-6-12 {
    grid-column: 6/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-7-7 {
    grid-column: 7/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-7-8 {
    grid-column: 7/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-7-9 {
    grid-column: 7/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-7-10 {
    grid-column: 7/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-7-11 {
    grid-column: 7/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-7-12 {
    grid-column: 7/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-8-8 {
    grid-column: 8/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-8-9 {
    grid-column: 8/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-8-10 {
    grid-column: 8/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-8-11 {
    grid-column: 8/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-8-12 {
    grid-column: 8/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-9-9 {
    grid-column: 9/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-9-10 {
    grid-column: 9/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-9-11 {
    grid-column: 9/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-9-12 {
    grid-column: 9/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-10-10 {
    grid-column: 10/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-10-11 {
    grid-column: 10/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-10-12 {
    grid-column: 10/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-11-11 {
    grid-column: 11/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-11-12 {
    grid-column: 11/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-l-12-12 {
    grid-column: 12/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-l--nr-1 {
    grid-row: 2/3;
  }
  .grid .grid__cell-l--nr-2 {
    grid-row: 3/4;
  }
  .grid .grid__cell-l--nr-3 {
    grid-row: 4/5;
  }
  .grid .grid__cell-l--nr-4 {
    grid-row: 5/6;
  }
  .grid .grid__cell-l--nr-5 {
    grid-row: 6/7;
  }
  .grid .grid__cell-l--nr-6 {
    grid-row: 7/8;
  }
  .grid .grid__cell-l--nr-7 {
    grid-row: 8/9;
  }
  .grid .grid__cell-l--nr-8 {
    grid-row: 9/10;
  }
  .grid .grid__cell-l--nr-9 {
    grid-row: 10/11;
  }
  .grid .grid__cell-l--nr-10 {
    grid-row: 11/12;
  }
  .grid .grid__cell-l--nr-11 {
    grid-row: 12/13;
  }
  .grid .grid__cell-l--nr-12 {
    grid-row: 13/14;
  }
}
@media (max-width: 1000px) {
  .grid .grid__cell-m-1-1 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-1-2 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-1-3 {
    grid-column: 1/4;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-1-4 {
    grid-column: 1/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-1-5 {
    grid-column: 1/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-1-6 {
    grid-column: 1/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-1-7 {
    grid-column: 1/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-1-8 {
    grid-column: 1/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-1-9 {
    grid-column: 1/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-1-10 {
    grid-column: 1/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-1-11 {
    grid-column: 1/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-1-12 {
    grid-column: 1/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-2-2 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-2-3 {
    grid-column: 2/4;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-2-4 {
    grid-column: 2/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-2-5 {
    grid-column: 2/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-2-6 {
    grid-column: 2/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-2-7 {
    grid-column: 2/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-2-8 {
    grid-column: 2/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-2-9 {
    grid-column: 2/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-2-10 {
    grid-column: 2/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-2-11 {
    grid-column: 2/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-2-12 {
    grid-column: 2/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-3-3 {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-3-4 {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-3-5 {
    grid-column: 3/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-3-6 {
    grid-column: 3/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-3-7 {
    grid-column: 3/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-3-8 {
    grid-column: 3/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-3-9 {
    grid-column: 3/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-3-10 {
    grid-column: 3/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-3-11 {
    grid-column: 3/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-3-12 {
    grid-column: 3/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-4-4 {
    grid-column: 4/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-4-5 {
    grid-column: 4/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-4-6 {
    grid-column: 4/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-4-7 {
    grid-column: 4/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-4-8 {
    grid-column: 4/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-4-9 {
    grid-column: 4/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-4-10 {
    grid-column: 4/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-4-11 {
    grid-column: 4/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-4-12 {
    grid-column: 4/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-5-5 {
    grid-column: 5/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-5-6 {
    grid-column: 5/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-5-7 {
    grid-column: 5/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-5-8 {
    grid-column: 5/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-5-9 {
    grid-column: 5/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-5-10 {
    grid-column: 5/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-5-11 {
    grid-column: 5/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-5-12 {
    grid-column: 5/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-6-6 {
    grid-column: 6/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-6-7 {
    grid-column: 6/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-6-8 {
    grid-column: 6/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-6-9 {
    grid-column: 6/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-6-10 {
    grid-column: 6/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-6-11 {
    grid-column: 6/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-6-12 {
    grid-column: 6/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-7-7 {
    grid-column: 7/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-7-8 {
    grid-column: 7/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-7-9 {
    grid-column: 7/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-7-10 {
    grid-column: 7/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-7-11 {
    grid-column: 7/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-7-12 {
    grid-column: 7/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-8-8 {
    grid-column: 8/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-8-9 {
    grid-column: 8/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-8-10 {
    grid-column: 8/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-8-11 {
    grid-column: 8/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-8-12 {
    grid-column: 8/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-9-9 {
    grid-column: 9/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-9-10 {
    grid-column: 9/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-9-11 {
    grid-column: 9/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-9-12 {
    grid-column: 9/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-10-10 {
    grid-column: 10/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-10-11 {
    grid-column: 10/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-10-12 {
    grid-column: 10/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-11-11 {
    grid-column: 11/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-11-12 {
    grid-column: 11/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-m-12-12 {
    grid-column: 12/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-m--nr-1 {
    grid-row: 2/3;
  }
  .grid .grid__cell-m--nr-2 {
    grid-row: 3/4;
  }
  .grid .grid__cell-m--nr-3 {
    grid-row: 4/5;
  }
  .grid .grid__cell-m--nr-4 {
    grid-row: 5/6;
  }
  .grid .grid__cell-m--nr-5 {
    grid-row: 6/7;
  }
  .grid .grid__cell-m--nr-6 {
    grid-row: 7/8;
  }
  .grid .grid__cell-m--nr-7 {
    grid-row: 8/9;
  }
  .grid .grid__cell-m--nr-8 {
    grid-row: 9/10;
  }
  .grid .grid__cell-m--nr-9 {
    grid-row: 10/11;
  }
  .grid .grid__cell-m--nr-10 {
    grid-row: 11/12;
  }
  .grid .grid__cell-m--nr-11 {
    grid-row: 12/13;
  }
  .grid .grid__cell-m--nr-12 {
    grid-row: 13/14;
  }
}
@media (max-width: 768px) {
  .grid .grid__cell-s-1-1 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-1-2 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-1-3 {
    grid-column: 1/4;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-1-4 {
    grid-column: 1/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-1-5 {
    grid-column: 1/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-1-6 {
    grid-column: 1/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-1-7 {
    grid-column: 1/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-1-8 {
    grid-column: 1/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-1-9 {
    grid-column: 1/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-1-10 {
    grid-column: 1/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-1-11 {
    grid-column: 1/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-1-12 {
    grid-column: 1/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-2-2 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-2-3 {
    grid-column: 2/4;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-2-4 {
    grid-column: 2/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-2-5 {
    grid-column: 2/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-2-6 {
    grid-column: 2/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-2-7 {
    grid-column: 2/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-2-8 {
    grid-column: 2/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-2-9 {
    grid-column: 2/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-2-10 {
    grid-column: 2/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-2-11 {
    grid-column: 2/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-2-12 {
    grid-column: 2/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-3-3 {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-3-4 {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-3-5 {
    grid-column: 3/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-3-6 {
    grid-column: 3/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-3-7 {
    grid-column: 3/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-3-8 {
    grid-column: 3/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-3-9 {
    grid-column: 3/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-3-10 {
    grid-column: 3/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-3-11 {
    grid-column: 3/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-3-12 {
    grid-column: 3/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-4-4 {
    grid-column: 4/5;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-4-5 {
    grid-column: 4/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-4-6 {
    grid-column: 4/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-4-7 {
    grid-column: 4/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-4-8 {
    grid-column: 4/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-4-9 {
    grid-column: 4/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-4-10 {
    grid-column: 4/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-4-11 {
    grid-column: 4/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-4-12 {
    grid-column: 4/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-5-5 {
    grid-column: 5/6;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-5-6 {
    grid-column: 5/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-5-7 {
    grid-column: 5/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-5-8 {
    grid-column: 5/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-5-9 {
    grid-column: 5/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-5-10 {
    grid-column: 5/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-5-11 {
    grid-column: 5/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-5-12 {
    grid-column: 5/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-6-6 {
    grid-column: 6/7;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-6-7 {
    grid-column: 6/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-6-8 {
    grid-column: 6/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-6-9 {
    grid-column: 6/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-6-10 {
    grid-column: 6/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-6-11 {
    grid-column: 6/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-6-12 {
    grid-column: 6/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-7-7 {
    grid-column: 7/8;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-7-8 {
    grid-column: 7/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-7-9 {
    grid-column: 7/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-7-10 {
    grid-column: 7/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-7-11 {
    grid-column: 7/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-7-12 {
    grid-column: 7/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-8-8 {
    grid-column: 8/9;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-8-9 {
    grid-column: 8/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-8-10 {
    grid-column: 8/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-8-11 {
    grid-column: 8/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-8-12 {
    grid-column: 8/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-9-9 {
    grid-column: 9/10;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-9-10 {
    grid-column: 9/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-9-11 {
    grid-column: 9/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-9-12 {
    grid-column: 9/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-10-10 {
    grid-column: 10/11;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-10-11 {
    grid-column: 10/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-10-12 {
    grid-column: 10/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-11-11 {
    grid-column: 11/12;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-11-12 {
    grid-column: 11/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-s-12-12 {
    grid-column: 12/13;
    grid-row: 1/2;
  }
  .grid .grid__cell-s--nr-1 {
    grid-row: 2/3;
  }
  .grid .grid__cell-s--nr-2 {
    grid-row: 3/4;
  }
  .grid .grid__cell-s--nr-3 {
    grid-row: 4/5;
  }
  .grid .grid__cell-s--nr-4 {
    grid-row: 5/6;
  }
  .grid .grid__cell-s--nr-5 {
    grid-row: 6/7;
  }
  .grid .grid__cell-s--nr-6 {
    grid-row: 7/8;
  }
  .grid .grid__cell-s--nr-7 {
    grid-row: 8/9;
  }
  .grid .grid__cell-s--nr-8 {
    grid-row: 9/10;
  }
  .grid .grid__cell-s--nr-9 {
    grid-row: 10/11;
  }
  .grid .grid__cell-s--nr-10 {
    grid-row: 11/12;
  }
  .grid .grid__cell-s--nr-11 {
    grid-row: 12/13;
  }
  .grid .grid__cell-s--nr-12 {
    grid-row: 13/14;
  }
}
@media (max-width: 576px) {
  .grid {
    display: block;
  }
}
.padding {
  padding-top: 55px;
  padding-bottom: 55px;
}
.padding.padding--large {
  padding-top: 220px;
  padding-bottom: 220px;
}
.padding.padding--medium {
  padding-top: 110px;
  padding-bottom: 110px;
}
.padding.padding--small {
  padding-top: 27.5px;
  padding-bottom: 27.5px;
}
.padding.padding--verysmall {
  padding-top: 11px;
  padding-bottom: 11px;
}
.padding.padding--no {
  padding-top: 0px;
  padding-bottom: 0px;
}

.padding-top {
  padding-top: 55px;
}
.padding-top.padding-top--large {
  padding-top: 220px;
}
.padding-top.padding-top--medium {
  padding-top: 110px;
}
.padding-top.padding-top--small {
  padding-top: 27.5px;
}
.padding-top.padding-top--verysmall {
  padding-top: 11px;
}
.padding-top.padding-top--no {
  padding-top: 0px;
}

.padding-bottom {
  padding-bottom: 55px;
}
.padding-bottom.padding-bottom--large {
  padding-bottom: 220px;
}
.padding-bottom.padding-bottom--medium {
  padding-bottom: 110px;
}
.padding-bottom.padding-bottom--small {
  padding-bottom: 27.5px;
}
.padding-bottom.padding-bottom--verysmall {
  padding-bottom: 11px;
}
.padding-bottom.padding-bottom--no {
  padding-bottom: 0px;
}

.padding-sides {
  padding-left: 55px;
  padding-right: 55px;
}
.padding-sides.padding-sides--large {
  padding-left: 220px;
  padding-right: 220px;
}
.padding-sides.padding-sides--medium {
  padding-left: 110px;
  padding-right: 110px;
}
.padding-sides.padding-sides--small {
  padding-left: 27.5px;
  padding-right: 27.5px;
}
.padding-sides.padding-sides--verysmall {
  padding-left: 11px;
  padding-right: 11px;
}
.padding-sides.padding-sides--no {
  padding-left: 0px;
  padding-right: 0px;
}

.padding-left {
  padding-left: 55px;
}
.padding-left.padding-left--large {
  padding-left: 220px;
}
.padding-left.padding-left--medium {
  padding-left: 110px;
}
.padding-left.padding-left--small {
  padding-left: 27.5px;
}
.padding-left.padding-left--verysmall {
  padding-left: 11px;
}
.padding-left.padding-left--no {
  padding-left: 0px;
}

.padding-right {
  padding-right: 55px;
}
.padding-right.padding-right--large {
  padding-right: 220px;
}
.padding-right.padding-right--medium {
  padding-right: 110px;
}
.padding-right.padding-right--small {
  padding-right: 27.5px;
}
.padding-right.padding-right--verysmall {
  padding-right: 11px;
}
.padding-right.padding-right--no {
  padding-right: 0px;
}

@media (max-width: 1366px) {
  .padding.padding--xl {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .padding.padding--xl-large {
    padding-top: 220px;
    padding-bottom: 220px;
  }
  .padding.padding--xl-medium {
    padding-top: 110px;
    padding-bottom: 110px;
  }
  .padding.padding--xl-small {
    padding-top: 27.5px;
    padding-bottom: 27.5px;
  }
  .padding.padding--xl-verysmall {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .padding.padding--xl-no {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .padding-top.padding-top--xl {
    padding-top: 55px;
  }
  .padding-top.padding-top--xl-large {
    padding-top: 220px;
  }
  .padding-top.padding-top--xl-medium {
    padding-top: 110px;
  }
  .padding-top.padding-top--xl-small {
    padding-top: 27.5px;
  }
  .padding-top.padding-top--xl-verysmall {
    padding-top: 11px;
  }
  .padding-top.padding-top--xl-no {
    padding-top: 0px;
  }
  .padding-bottom.padding-bottom--xl {
    padding-bottom: 55px;
  }
  .padding-bottom.padding-bottom--xl-large {
    padding-bottom: 220px;
  }
  .padding-bottom.padding-bottom--xl-medium {
    padding-bottom: 110px;
  }
  .padding-bottom.padding-bottom--xl-small {
    padding-bottom: 27.5px;
  }
  .padding-bottom.padding-bottom--xl-verysmall {
    padding-bottom: 11px;
  }
  .padding-bottom.padding-bottom--xl-no {
    padding-bottom: 0px;
  }
  .padding-sides.padding-sides--xl {
    padding-left: 55px;
    padding-right: 55px;
  }
  .padding-sides.padding-sides--xl-large {
    padding-left: 220px;
    padding-right: 220px;
  }
  .padding-sides.padding-sides--xl-medium {
    padding-left: 110px;
    padding-right: 110px;
  }
  .padding-sides.padding-sides--xl-small {
    padding-left: 27.5px;
    padding-right: 27.5px;
  }
  .padding-sides.padding-sides--xl-verysmall {
    padding-left: 11px;
    padding-right: 11px;
  }
  .padding-sides.padding-sides--xl-no {
    padding-left: 0px;
    padding-right: 0px;
  }
  .padding-left.padding-left--xl {
    padding-left: 55px;
  }
  .padding-left.padding-left--xl-large {
    padding-left: 220px;
  }
  .padding-left.padding-left--xl-medium {
    padding-left: 110px;
  }
  .padding-left.padding-left--xl-small {
    padding-left: 27.5px;
  }
  .padding-left.padding-left--xl-verysmall {
    padding-left: 11px;
  }
  .padding-left.padding-left--xl-no {
    padding-left: 0px;
  }
  .padding-right.padding-right--xl {
    padding-right: 55px;
  }
  .padding-right.padding-right--xl-large {
    padding-right: 220px;
  }
  .padding-right.padding-right--xl-medium {
    padding-right: 110px;
  }
  .padding-right.padding-right--xl-small {
    padding-right: 27.5px;
  }
  .padding-right.padding-right--xl-verysmall {
    padding-right: 11px;
  }
  .padding-right.padding-right--xl-no {
    padding-right: 0px;
  }
}
@media (max-width: 1200px) {
  .padding.padding--l {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding.padding--l-large {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .padding.padding--l-medium {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .padding.padding--l-small {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding.padding--l-verysmall {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .padding.padding--l-no {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .padding-top.padding-top--l {
    padding-top: 40px;
  }
  .padding-top.padding-top--l-large {
    padding-top: 160px;
  }
  .padding-top.padding-top--l-medium {
    padding-top: 80px;
  }
  .padding-top.padding-top--l-small {
    padding-top: 20px;
  }
  .padding-top.padding-top--l-verysmall {
    padding-top: 8px;
  }
  .padding-top.padding-top--l-no {
    padding-top: 0px;
  }
  .padding-bottom.padding-bottom--l {
    padding-bottom: 40px;
  }
  .padding-bottom.padding-bottom--l-large {
    padding-bottom: 160px;
  }
  .padding-bottom.padding-bottom--l-medium {
    padding-bottom: 80px;
  }
  .padding-bottom.padding-bottom--l-small {
    padding-bottom: 20px;
  }
  .padding-bottom.padding-bottom--l-verysmall {
    padding-bottom: 8px;
  }
  .padding-bottom.padding-bottom--l-no {
    padding-bottom: 0px;
  }
  .padding-sides.padding-sides--l {
    padding-left: 40px;
    padding-right: 40px;
  }
  .padding-sides.padding-sides--l-large {
    padding-left: 160px;
    padding-right: 160px;
  }
  .padding-sides.padding-sides--l-medium {
    padding-left: 80px;
    padding-right: 80px;
  }
  .padding-sides.padding-sides--l-small {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-sides.padding-sides--l-verysmall {
    padding-left: 8px;
    padding-right: 8px;
  }
  .padding-sides.padding-sides--l-no {
    padding-left: 0px;
    padding-right: 0px;
  }
  .padding-left.padding-left--l {
    padding-left: 40px;
  }
  .padding-left.padding-left--l-large {
    padding-left: 160px;
  }
  .padding-left.padding-left--l-medium {
    padding-left: 80px;
  }
  .padding-left.padding-left--l-small {
    padding-left: 20px;
  }
  .padding-left.padding-left--l-verysmall {
    padding-left: 8px;
  }
  .padding-left.padding-left--l-no {
    padding-left: 0px;
  }
  .padding-right.padding-right--l {
    padding-right: 40px;
  }
  .padding-right.padding-right--l-large {
    padding-right: 160px;
  }
  .padding-right.padding-right--l-medium {
    padding-right: 80px;
  }
  .padding-right.padding-right--l-small {
    padding-right: 20px;
  }
  .padding-right.padding-right--l-verysmall {
    padding-right: 8px;
  }
  .padding-right.padding-right--l-no {
    padding-right: 0px;
  }
}
@media (max-width: 1000px) {
  .padding.padding--m {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding.padding--m-large {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .padding.padding--m-medium {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding.padding--m-small {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding.padding--m-verysmall {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .padding.padding--m-no {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .padding-top.padding-top--m {
    padding-top: 20px;
  }
  .padding-top.padding-top--m-large {
    padding-top: 80px;
  }
  .padding-top.padding-top--m-medium {
    padding-top: 40px;
  }
  .padding-top.padding-top--m-small {
    padding-top: 10px;
  }
  .padding-top.padding-top--m-verysmall {
    padding-top: 4px;
  }
  .padding-top.padding-top--m-no {
    padding-top: 0px;
  }
  .padding-bottom.padding-bottom--m {
    padding-bottom: 20px;
  }
  .padding-bottom.padding-bottom--m-large {
    padding-bottom: 80px;
  }
  .padding-bottom.padding-bottom--m-medium {
    padding-bottom: 40px;
  }
  .padding-bottom.padding-bottom--m-small {
    padding-bottom: 10px;
  }
  .padding-bottom.padding-bottom--m-verysmall {
    padding-bottom: 4px;
  }
  .padding-bottom.padding-bottom--m-no {
    padding-bottom: 0px;
  }
  .padding-sides.padding-sides--m {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-sides.padding-sides--m-large {
    padding-left: 80px;
    padding-right: 80px;
  }
  .padding-sides.padding-sides--m-medium {
    padding-left: 40px;
    padding-right: 40px;
  }
  .padding-sides.padding-sides--m-small {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-sides.padding-sides--m-verysmall {
    padding-left: 4px;
    padding-right: 4px;
  }
  .padding-sides.padding-sides--m-no {
    padding-left: 0px;
    padding-right: 0px;
  }
  .padding-left.padding-left--m {
    padding-left: 20px;
  }
  .padding-left.padding-left--m-large {
    padding-left: 80px;
  }
  .padding-left.padding-left--m-medium {
    padding-left: 40px;
  }
  .padding-left.padding-left--m-small {
    padding-left: 10px;
  }
  .padding-left.padding-left--m-verysmall {
    padding-left: 4px;
  }
  .padding-left.padding-left--m-no {
    padding-left: 0px;
  }
  .padding-right.padding-right--m {
    padding-right: 20px;
  }
  .padding-right.padding-right--m-large {
    padding-right: 80px;
  }
  .padding-right.padding-right--m-medium {
    padding-right: 40px;
  }
  .padding-right.padding-right--m-small {
    padding-right: 10px;
  }
  .padding-right.padding-right--m-verysmall {
    padding-right: 4px;
  }
  .padding-right.padding-right--m-no {
    padding-right: 0px;
  }
}
@media (max-width: 768px) {
  .padding.padding--s {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding.padding--s-large {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding.padding--s-medium {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding.padding--s-small {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .padding.padding--s-verysmall {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .padding.padding--s-no {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .padding-top.padding-top--s {
    padding-top: 10px;
  }
  .padding-top.padding-top--s-large {
    padding-top: 40px;
  }
  .padding-top.padding-top--s-medium {
    padding-top: 20px;
  }
  .padding-top.padding-top--s-small {
    padding-top: 5px;
  }
  .padding-top.padding-top--s-verysmall {
    padding-top: 2px;
  }
  .padding-top.padding-top--s-no {
    padding-top: 0px;
  }
  .padding-bottom.padding-bottom--s {
    padding-bottom: 10px;
  }
  .padding-bottom.padding-bottom--s-large {
    padding-bottom: 40px;
  }
  .padding-bottom.padding-bottom--s-medium {
    padding-bottom: 20px;
  }
  .padding-bottom.padding-bottom--s-small {
    padding-bottom: 5px;
  }
  .padding-bottom.padding-bottom--s-verysmall {
    padding-bottom: 2px;
  }
  .padding-bottom.padding-bottom--s-no {
    padding-bottom: 0px;
  }
  .padding-sides.padding-sides--s {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-sides.padding-sides--s-large {
    padding-left: 40px;
    padding-right: 40px;
  }
  .padding-sides.padding-sides--s-medium {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-sides.padding-sides--s-small {
    padding-left: 5px;
    padding-right: 5px;
  }
  .padding-sides.padding-sides--s-verysmall {
    padding-left: 2px;
    padding-right: 2px;
  }
  .padding-sides.padding-sides--s-no {
    padding-left: 0px;
    padding-right: 0px;
  }
  .padding-left.padding-left--s {
    padding-left: 10px;
  }
  .padding-left.padding-left--s-large {
    padding-left: 40px;
  }
  .padding-left.padding-left--s-medium {
    padding-left: 20px;
  }
  .padding-left.padding-left--s-small {
    padding-left: 5px;
  }
  .padding-left.padding-left--s-verysmall {
    padding-left: 2px;
  }
  .padding-left.padding-left--s-no {
    padding-left: 0px;
  }
  .padding-right.padding-right--s {
    padding-right: 10px;
  }
  .padding-right.padding-right--s-large {
    padding-right: 40px;
  }
  .padding-right.padding-right--s-medium {
    padding-right: 20px;
  }
  .padding-right.padding-right--s-small {
    padding-right: 5px;
  }
  .padding-right.padding-right--s-verysmall {
    padding-right: 2px;
  }
  .padding-right.padding-right--s-no {
    padding-right: 0px;
  }
}
body {
  background: var(--main-background);
  background-size: cover;
  background-attachment: fixed;
}

#content {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#mask {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.15);
  transform: translate(-100%, 0);
  transition: 0.3s;
}
#mask.toggled {
  transform: translate(0, 0);
}

#mobile-menu {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  height: 100%;
  transform: translate(-100%, 0);
  transition: 0.3s;
  overflow: auto;
  box-sizing: border-box;
}
#mobile-menu.toggled {
  transform: translate(0, 0);
}

.container {
  width: 1410px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1440px) {
  .container {
    width: calc(100% - 2 * 15px);
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }
}
.header {
  background: var(--header-backround);
  color: var(--header-text-color);
  z-index: 100;
}
.header .container {
  display: flex;
}
.header .header__logo {
  max-width: 400px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  padding-right: 30px;
}
.header .header__logo a {
  display: flex;
}
.header .header__menu {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.header .header__menu .header__menu-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #00b3f0;
}
.header .header__social-media {
  margin-left: auto;
  margin-right: 20px;
  padding-left: 10px;
}
.header .header__wai {
  background: var(--footer-background);
  color: var(--default-font-color);
}

.header .navigation {
  display: flex;
  margin: 0;
  list-style: none;
  gap: 25px;
  padding: 0;
}
.header .navigation .navigation__link {
  color: var(--header-text-color);
  padding: 15px 0;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  white-space: nowrap;
  word-break: keep-all;
}
.header .navigation .navigation__link:visited {
  color: var(--header-text-color);
}
.header .navigation .navigation__element {
  position: relative;
}
.header .navigation .navigation__element .navigation.navigation--submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 250px;
  flex-direction: column;
  background: var(--header-backround);
  padding: 10px;
  transform: scaleY(0);
  transition: 300ms;
  transform-origin: top;
  overflow: hidden;
}
.header .navigation .navigation__element .navigation.navigation--submenu .navigation__link {
  padding: 0;
  font-size: 1.1em;
  line-height: 1.2em;
  white-space: break-spaces;
}
.header .navigation .navigation__element.navigation__element--active > .navigation__link {
  position: relative;
}
.header .navigation .navigation__element.navigation__element--active > .navigation__link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  background: #00b3f0;
  width: 100%;
}
.header .navigation .navigation__element:hover .navigation__link, .header .navigation .navigation__element:focus .navigation__link, .header .navigation .navigation__element:focus-within .navigation__link {
  color: #00b3f0;
}
.header .navigation .navigation__element:hover .navigation.navigation--submenu, .header .navigation .navigation__element:focus .navigation.navigation--submenu, .header .navigation .navigation__element:focus-within .navigation.navigation--submenu {
  transform: scaleY(1);
}
.header .navigation .navigation__element:hover .navigation.navigation--submenu .navigation__link, .header .navigation .navigation__element:focus .navigation.navigation--submenu .navigation__link, .header .navigation .navigation__element:focus-within .navigation.navigation--submenu .navigation__link {
  color: var(--header-text-color);
}
.header .navigation .navigation__element:hover .navigation.navigation--submenu .navigation__link:hover, .header .navigation .navigation__element:hover .navigation.navigation--submenu .navigation__link:focus, .header .navigation .navigation__element:focus .navigation.navigation--submenu .navigation__link:hover, .header .navigation .navigation__element:focus .navigation.navigation--submenu .navigation__link:focus, .header .navigation .navigation__element:focus-within .navigation.navigation--submenu .navigation__link:hover, .header .navigation .navigation__element:focus-within .navigation.navigation--submenu .navigation__link:focus {
  color: #00b3f0;
}

.header .search {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
}
.header .search .search__label {
  display: none;
}
.header .search .search__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--header-text-color);
  padding: 5px 10px;
  width: 150px;
  color: var(--header-text-color);
  font-size: 1.1em;
}
.header .search .search__button {
  background: transparent;
  border: 0;
  padding: 0;
  display: flex;
  margin-left: 10px;
}
.header .search .search__button svg {
  width: 20px;
}

.hamburger {
  background: transparent;
  border: 0;
  padding: 5px 10px;
  display: none;
  cursor: pointer;
  transition: 300ms;
  margin-left: auto;
}
.hamburger .line {
  z-index: 150;
  width: 40px;
  height: 5px;
  background-color: var(--header-text-color);
  display: block;
  margin: 8px auto;
  transition: all 0.3s ease-in-out;
}
.hamburger.active .line:nth-of-type(1) {
  transform: translateY(13px) rotate(45deg);
}
.hamburger.active .line:nth-of-type(2) {
  opacity: 0;
}
.hamburger.active .line:nth-of-type(3) {
  transform: translateY(-13px) rotate(-45deg);
}

.wai {
  padding: 10px 0;
}
.wai .container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 50px;
}
.wai .container .wai__label {
  font-weight: bold;
}
.wai .container .wai__font {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.wai .container .wai__font .wai__button {
  padding: 2px 5px;
  border: 1px solid var(--default-font-color);
  color: var(--default-font-color);
}
.wai .container .wai__font .wai__button.wai__button--smaller {
  font-size: 0.8em;
}
.wai .container .wai__font .wai__button.wai__button--bigger {
  font-size: 1.2em;
}
.wai .container .wai__contrast {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.wai .container .wai__contrast .wai__button {
  widtH: 30px;
  display: flex;
  background: #ffffff;
}
.wai .container .wai__contrast .wai__button svg {
  width: 30px;
  height: 30px;
}
.wai .container .wai__contrast .wai__button.wai__button--high {
  background: #ffff00;
}
.wai .container .wai__contrast .wai__button.wai__button--negative {
  background: #000000;
}

.mobile-menu {
  width: 300px;
  max-width: 300px;
  background: var(--footer-background);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.mobile-menu .social-media {
  justify-content: center;
  gap: 15px;
}

.mobile-menu .navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.mobile-menu .navigation .navigation__element {
  position: relative;
}
.mobile-menu .navigation .navigation__element .navigation__link {
  color: var(--default-font-color);
}
.mobile-menu .navigation .navigation__element .navigation__link:hover {
  color: #00b3f0;
}
.mobile-menu .navigation .navigation__element.navigation__element--active > .navigation__link {
  position: relative;
  padding-bottom: 5px;
}
.mobile-menu .navigation .navigation__element.navigation__element--active > .navigation__link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #00b3f0;
  width: 100%;
}
.mobile-menu .navigation .navigation__element .navigation.navigation--submenu {
  padding-left: 30px;
}

.mobile-menu .search {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.mobile-menu .search .search__label {
  display: none;
}
.mobile-menu .search .search__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--default-font-color);
  padding: 5px 10px;
  width: 250px;
  color: var(--default-font-color);
  font-size: 1.1em;
}
.mobile-menu .search .search__button {
  background: transparent;
  border: 0;
  padding: 0;
  display: flex;
  margin-left: 10px;
}
.mobile-menu .search .search__button svg {
  width: 20px;
}

@media screen and (max-width: 1260px) {
  .header .header__social-media {
    margin-left: auto;
    margin-right: 20px;
  }
  .header .header__social-media .social-media__item {
    width: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .header .header__menu {
    display: none;
  }
  .header .hamburger {
    display: block;
  }
}
@media screen and (max-width: 1260px) {
  .header .navigation .navigation__link {
    font-size: 1em;
  }
}
@media screen and (max-width: 450px) {
  .header .wai .wai__label {
    display: none;
  }
}
.social-media {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.social-media .social-media__item {
  width: 25px;
  display: flex;
}
.social-media .social-media__item svg {
  width: 25px;
  height: 25px;
}
.social-media .social-media__item.social-media__item--big {
  width: 38px;
}
.social-media .social-media__item.social-media__item--big svg {
  width: 38px;
  height: 17px;
}

.footer {
  background: var(--footer-background);
  border-top: 1px solid #00b3f0;
  padding: 20px 0;
  margin-top: auto;
}
.footer .footer__contact p:first-of-type {
  margin-top: 0;
}
.footer .footer__columns {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.footer .footer__columns .footer__menu {
  padding-right: 50px;
}
.footer .footer__copyrights {
  font-size: 0.8em;
  line-height: 1.3em;
}
.footer .footer__bip {
  padding-top: 5px;
}
.footer .footer__bip svg {
  width: 65px;
}
.footer .social-media .social-media__item {
  width: 30px;
}

.footer .navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.footer .navigation .navigation__link {
  font-weight: bold;
  color: var(--footer-text-color);
}
.footer .navigation .navigation__link:hover, .footer .navigation .navigation__link:focus {
  color: #00b3f0;
}

@media screen and (max-width: 768px) {
  .footer .footer__columns {
    padding-top: 50px;
  }
}
.title {
  color: var(--default-font-color);
  font-size: 2.5em;
  line-height: 1.3em;
  padding-top: 10px;
  position: relative;
  margin-top: 0;
}
.title:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 250px;
  height: 4px;
  left: 0;
  background: #00b3f0;
}
.title.title--mb-small {
  margin-bottom: 0.5em;
}
.title.title--mb-no {
  margin-bottom: 0;
}
.title.title--no-margin {
  margin: 0;
}
.title.title--no-border:before {
  content: initial;
}
.title.title--medium {
  font-size: 2em;
  line-height: 1.3em;
}
.title.title--small {
  font-size: 1.5em;
  line-height: 1.3em;
}
.title.title--tiny {
  font-size: 1.2em;
  line-height: 1.3em;
}
.title.title--error {
  color: var(--color-error);
}

.news {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}
.news .news__element {
  width: calc(33.3333% - 20px);
  display: flex;
  flex-direction: column;
}
.news .news__element .news__element-image {
  width: 100%;
  height: 300px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news .news__element .news__element-image img {
  transition: 300ms;
  filter: grayscale(100%);
}
.news .news__element .news__element-image .news__element-placeholder {
  width: 100%;
  height: 100%;
  background: #dedede;
}
.news .news__element .news__element-date {
  margin: 10px 0;
  color: var(--default-font-color);
  transition: 300ms;
}
.news .news__element .news__element-title {
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 0;
  color: var(--default-font-color);
  transition: 300ms;
}
.news .news__element:hover .news__element-date, .news .news__element:hover .news__element-title, .news .news__element:focus .news__element-date, .news .news__element:focus .news__element-title {
  color: #00b3f0;
}
.news .news__element:hover .news__element-image img, .news .news__element:focus .news__element-image img {
  filter: grayscale(0);
}

@media screen and (max-width: 1000px) {
  .news .news__element {
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 680px) {
  .news .news__element {
    width: 100%;
  }
}
.post-list {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: flex-start;
  justify-content: flex-start;
}
.post-list:not(:last-of-type) {
  margin-bottom: 30px;
}
.post-list .post-list__element {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
  width: 100%;
}
.post-list .post-list__element .post-list__element-image {
  min-width: 30%;
  max-width: 30%;
  height: 200px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.post-list .post-list__element .post-list__element-image img {
  max-width: 100%;
  height: auto;
  filter: grayscale(100%);
  transition: 300ms;
}
.post-list .post-list__element .post-list__element-image .post-list__element-placeholder {
  width: 100%;
  height: 100%;
  background: #dedede;
}
.post-list .post-list__element .post-list__element-data .post-list__element-title {
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 0 0 15px 0;
  color: var(--default-font-color);
}
.post-list .post-list__element .post-list__element-data .post-list__element-excerpt {
  color: var(--default-font-color);
}
.post-list .post-list__element:hover .post-list__element-image img {
  filter: grayscale(0);
}

@media screen and (max-width: 650px) {
  .post-list .post-list__element {
    flex-direction: column;
  }
  .post-list .post-list__element .post-list__element-image {
    max-width: 100%;
    min-width: 100%;
  }
}
.publications {
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: flex-start;
}
.publications:not(:last-child) {
  margin-bottom: 50px;
}
.publications .publications__element {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
}
.publications .publications__element .publications__element-image {
  min-width: 150px;
  max-width: 150px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.publications .publications__element .publications__element-image .publications__element-placeholder {
  width: 100%;
  height: 250px;
  background: #dedede;
}
.publications .publications__element .publications__element-content .publications__element-title {
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 0 0 15px 0;
  color: var(--default-font-color);
}
.publications .publications__element .publications__element-content .publications__element-excerpt {
  color: var(--default-font-color);
}
@media screen and (max-width: 550px) {
  .publications .publications__element {
    flex-direction: column;
  }
}

.pagination {
  display: flex;
  gap: 10px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 40px 0 0;
}
.pagination .page-numbers {
  color: var(--default-font-color);
  font-size: 1.1em;
  line-height: 1.4em;
}
.pagination .page-numbers.current {
  font-weight: bold;
}

.sidebar {
  position: sticky;
  top: 75px;
  align-self: start;
  padding-right: 20px;
}

@media screen and (max-width: 1000px) {
  .sidebar {
    position: relative;
    top: 0;
    padding: 0;
  }
}
.sidebar .navigation {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.sidebar .navigation .navigation__link {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.5em;
  color: var(--footer-text-color);
}
.sidebar .navigation .navigation__link:hover, .sidebar .navigation .navigation__link:focus {
  color: #00b3f0;
}

.loader {
  width: 75px;
  height: 75px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.loader__error {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: #ffffff;
}

.loader-error {
  position: absolute;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  color: #cc2931;
  border: 1px solid #cc2931;
  padding: 20px;
  background-color: #f2bfc2;
  font-weight: 600;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 50000;
}

.loader-success {
  position: absolute;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  color: #228B22;
  border: 1px solid #228B22;
  padding: 20px;
  background-color: #c2f0c2;
  font-weight: 600;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 50000;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  animation-delay: -1s;
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@media screen and (max-width: 1366px) {
  .loader {
    height: 60px;
    width: 60px;
  }
}
@media screen and (max-width: 800px) {
  .loader {
    height: 40px;
    width: 40px;
  }
}
.publication-lightbox {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}
.publication-lightbox__close-button {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  font-size: 40px;
  color: #ffffff;
  background-color: transparent;
  border: none;
  padding: 30px;
  z-index: 500;
}
.publication-lightbox__close-button .first-line {
  width: 50px;
  height: 5px;
  background-color: #ffffff;
  display: block;
  margin: 8px auto;
  transform: translateY(7px) rotate(45deg);
}
.publication-lightbox__close-button .second-line {
  width: 50px;
  height: 5px;
  background-color: #ffffff;
  display: block;
  margin: 8px auto;
  transform: translateY(-6px) rotate(-45deg);
}
.publication-lightbox__container {
  width: 50%;
  height: auto;
  display: flex;
  background: var(--footer-background);
  padding: 30px;
  max-height: 80vh;
  overflow-y: auto;
  box-sizing: border-box;
}
.publication-lightbox__image-box {
  min-width: 250px;
  height: auto;
  margin-right: 45px;
}
.publication-lightbox__image {
  width: 250px;
  height: auto;
  max-height: 500px;
  display: block;
}
.publication-lightbox__content {
  display: block;
  flex-direction: column;
}
.publication-lightbox__title {
  color: var(--default-font-color);
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: 600;
}
.publication-lightbox__price {
  color: var(--default-font-color);
  font-size: 1.1em;
  line-height: 1.4em;
}
.publication-lightbox__about {
  color: var(--default-font-color);
  font-size: 1em;
  line-height: 1.5em;
  margin: 30px 0;
}
.publication-lightbox__about p {
  margin: 0;
}
.publication-lightbox__description {
  color: var(--default-font-color);
  font-size: 1em;
  line-height: 1.5em;
}
.publication-lightbox__icons {
  display: flex;
  margin-top: 30px;
}
.publication-lightbox__shop {
  margin-right: 30px;
}
.publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__container {
  display: flex;
  flex-direction: column;
}
.publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__image-box {
  width: 50%;
  position: relative;
}
.publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__image {
  width: 100%;
}
.publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__title {
  width: calc(100% - 50px);
  margin-top: 20px;
}
.publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__description {
  width: calc(100% - 50px);
  margin-top: 20px;
  overflow: auto !important;
  max-height: 170px;
  scrollbar-color: #00b3f0 #1d1d1d;
  scrollbar-width: thin;
}
.publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__description::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #1d1d1d;
}
.publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__description::-webkit-scrollbar {
  width: 6px;
  background-color: #1d1d1d;
}
.publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__description::-webkit-scrollbar-thumb {
  background-color: #00b3f0;
}
.publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__content {
  position: absolute;
  top: 50%;
  left: calc(100% - 30px);
  width: calc(100% - 50px);
  margin-top: 20px;
}

@media screen and (max-width: 1440px) {
  .publication-lightbox__container {
    width: 60%;
  }
}
@media screen and (max-width: 1050px) {
  .publication-lightbox__container {
    width: 75%;
  }
}
@media screen and (max-width: 800px) {
  .publication-lightbox {
    height: 100vh;
    overflow: scroll;
  }
  .publication-lightbox__container {
    position: absolute;
    width: 100%;
    padding: 60px 60px;
  }
}
@media screen and (max-width: 700px) {
  .publication-lightbox:not(.publication-lightbox--friends-of-museum) .publication-lightbox__container {
    flex-direction: column;
    align-items: center;
  }
  .publication-lightbox:not(.publication-lightbox--friends-of-museum) .publication-lightbox__image-box {
    margin-right: 0;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .publication-lightbox.publication-lightbox--friends-of-museum {
    width: 100%;
    margin-right: 0;
  }
  .publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__image-box {
    width: 100%;
    margin-right: 0;
  }
  .publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__image {
    width: 200px;
    margin: 0 auto;
  }
  .publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__title {
    width: 100%;
  }
  .publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__description {
    width: 100%;
  }
  .publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__content {
    position: relative;
    left: initial;
    top: initial;
    margin: 30px auto;
    display: block;
    text-align: center;
  }
  .publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__content .publication-lightbox__image {
    width: auto;
    margin: 0 auto;
  }
}
@media screen and (max-width: 500px) {
  .publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__container {
    padding: 30px 30px;
  }
  .publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__image {
    width: auto;
    max-width: 100%;
  }
  .publication-lightbox.publication-lightbox--friends-of-museum .publication-lightbox__content .publication-lightbox__image {
    width: 100%;
  }
}
.timeline-item {
  position: relative;
  height: 15px;
  width: 15px;
  border-radius: 100%;
  background-color: var(--default-font-color);
  border: 5px solid var(--footer-background);
  left: 150px;
}
.timeline-item:not(:last-child) {
  margin-bottom: 95px;
}
.timeline-item:not(:last-child)::after {
  content: "";
  width: 3px;
  height: 100px;
  background-color: var(--default-font-color);
  position: absolute;
  top: 20px;
  left: calc(50% - 2px);
}
.timeline-item:not(.timeline-item--homework) {
  cursor: pointer;
}
.timeline-item:last-child {
  margin-bottom: 30px;
}
.timeline-item .timeline-item__date {
  opacity: 1;
  position: absolute;
  right: 30px;
  text-align: right;
  top: -13px;
  font-size: 2em;
  font-weight: bold;
  color: var(--default-font-color);
  line-height: 1em;
}
.timeline-item .timeline-item__date:hover {
  color: #00b3f0;
}
.timeline-item .timeline-item__dots {
  position: absolute;
  left: 30px;
  display: none;
  width: 40px;
  top: 4px;
  justify-content: space-between;
  align-items: center;
}
.timeline-item .timeline-item__dots .dot {
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background-color: var(--default-font-color);
}
.timeline-item .timeline-item__content {
  display: none;
  position: absolute;
  width: 700px;
  left: 80px;
  top: -182px;
  bottom: initial;
  will-change: inherit;
}
.timeline-item .timeline-item__content .timeline-item__image img {
  max-height: 160px;
  width: auto;
}
.timeline-item .timeline-item__content .timeline-item__title {
  margin: 10px 0;
}
.timeline-item .timeline-item__content .timeline-item__description {
  text-align: justify;
}
.timeline-item .timeline-item__content span {
  will-change: inherit;
}
.timeline-item .timeline-item__image {
  max-width: 100%;
}
.timeline-item .timeline-item__img-container {
  display: block;
  position: relative;
}
.timeline-item .timeline-item__img-container .timeline-item__play-button {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 55px;
  transform: translate(-50%, -50%);
}
.timeline-item:nth-child(-n+2) .timeline-item__content {
  top: -13px;
  bottom: initial;
}
.timeline-item:nth-last-child(-n+2) .timeline-item__content {
  bottom: 0;
  top: initial;
}
.timeline-item .homework-icon {
  widtH: 50px;
  margin-right: 10px;
}

.timeline.timeline--two-sides {
  margin-bottom: 150px;
  margin-top: 180px;
}
.timeline.timeline--two-sides .timeline-item {
  left: 50%;
}
.timeline.timeline--two-sides .timeline-item.timeline-item--right .timeline-item__date {
  left: 20px;
  right: initial;
  top: -9px;
}
.timeline.timeline--two-sides .timeline-item.timeline-item--right .timeline-item__dots {
  right: 20px;
  left: initial;
}
.timeline.timeline--two-sides .timeline-item.timeline-item--right .timeline-item__content {
  right: 75px;
  left: initial;
}
.timeline.timeline--two-sides .timeline-item.timeline-item--left .timeline-item__date {
  right: 20px;
  left: initial;
  top: -9px;
}
.timeline.timeline--two-sides .timeline-item.timeline-item--left .timeline-item__dots {
  left: 20px;
  right: initial;
}
.timeline.timeline--two-sides .timeline-item.timeline-item--left .timeline-item__content {
  left: 75px;
  right: initial;
}
.timeline.timeline--two-sides .timeline-item:not(:last-child) {
  margin-bottom: 160px;
}
.timeline.timeline--two-sides .timeline-item:not(:last-child)::after {
  height: 160px;
  left: calc(50% - 2px);
}
.timeline.timeline--two-sides .timeline-item .timeline-item__content {
  display: block;
  top: 50%;
  transform: translate(0, -50%);
}
.timeline.timeline--two-sides .timeline-item .timeline-item__title {
  color: var(--default-font-color);
  font-size: 1.2em;
  line-height: 1.5em;
  text-transform: initial;
  font-weight: bold;
  margin: 0;
}
.timeline.timeline--two-sides .timeline-item .timeline-item__dots {
  display: flex;
}
.timeline.timeline--two-sides .timeline-item:nth-child(-n+2) .timeline-item__content {
  top: 50%;
  bottom: initial;
}
.timeline.timeline--two-sides .timeline-item:nth-last-child(-n+2) .timeline-item__content {
  bottom: initial;
  top: 50%;
}
.timeline.timeline--two-sides .timeline-item.timeline-item--homework .timeline-item__content {
  display: flex;
  flex-direction: row;
}
.timeline.timeline--two-sides .timeline-item.timeline-item--homework a {
  color: var(--default-font-color);
  display: block;
  text-align: left;
}

@media screen and (max-height: 740px) {
  .timeline-item .timeline-item__content {
    width: 360px;
    top: -181px;
  }
}
@media screen and (max-width: 500px) {
  .timeline .timeline-item {
    left: initial !important;
    height: initial;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 0;
    background-color: transparent;
    border: 0;
  }
  .timeline .timeline-item .timeline-item__date {
    top: initial !important;
    right: initial !important;
    text-align: left;
    position: relative;
    margin-bottom: 30px;
  }
  .timeline .timeline-item .timeline-item__dots {
    display: none !important;
  }
  .timeline .timeline-item .timeline-item__content {
    position: relative;
    left: initial;
    top: initial;
    width: 100% !important;
    display: block !important;
  }
  .timeline .timeline-item .timeline-item__content .timeline-item__image img {
    max-height: 100%;
  }
  .timeline .timeline-item:after {
    display: none !important;
  }
  .timeline .timeline-item:not(:last-child) {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 650px) {
  .timeline.timeline--two-sides {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .timeline.timeline--two-sides .timeline-item {
    background-color: transparent;
    left: 0 !important;
    margin-bottom: 30px !important;
    height: initial !important;
    width: 100% !important;
    right: initial !important;
  }
  .timeline.timeline--two-sides .timeline-item.timeline-item--right, .timeline.timeline--two-sides .timeline-item.timeline-item--left {
    position: relative !important;
    left: initial !important;
    right: initial !important;
    top: initial !important;
    text-align: left !important;
    margin-bottom: 15px !important;
  }
  .timeline.timeline--two-sides .timeline-item .timeline-item__content {
    display: block;
    width: 100% !important;
    top: initial !important;
    right: initial !important;
    left: initial !important;
    position: relative !important;
    transform: translate(0, 0) !important;
  }
  .timeline.timeline--two-sides .timeline-item .timeline-item__dots {
    display: none !important;
  }
  .timeline.timeline--two-sides .timeline-item .timeline-item__date {
    left: initial !important;
    top: initial !important;
    position: relative !important;
    text-align: center !important;
    margin-bottom: 15px !important;
  }
  .timeline.timeline--two-sides .timeline-item:after {
    display: none !important;
  }
}
.form-prayer {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.form-prayer__row {
  margin-bottom: 10px;
}
.form-prayer__row:last-of-type {
  margin-bottom: 0;
}
.form-prayer__label {
  display: none;
  color: #7b7b7a !important;
  font-size: 15px !important;
  margin-right: 5px;
}
.form-prayer__input {
  width: calc(100% - 12px);
  background: var(--footer-background);
  border: 1px solid var(--default-font-color);
  padding: 5px;
  color: var(--default-font-color);
  font-size: 1em;
  line-height: 1.4em;
}
.form-prayer__input.form-prayer__input--textarea {
  min-height: 90px;
}
.form-prayer__button {
  background-color: var(--default-font-color);
  color: var(--footer-background);
  font-size: 1em;
  margin: 10px 0 0 auto;
  padding: 10px 20px;
  outline: 0;
  border: 0;
  font-weight: 600;
  cursor: pointer;
}
.form-prayer__message {
  text-align: center;
  width: 100%;
}
.form-prayer__message.success {
  color: #00b3f0;
}
.form-prayer__message.error {
  color: #d90022;
}

.prayer {
  color: var(--default-font-color);
  margin-top: 15px;
}
.prayer__icon {
  margin: 0 auto;
  display: block;
}

.prayers-list {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}
.prayers-list__item {
  font-size: 1em;
  line-height: 1.5em;
  color: var(--default-font-color);
  margin-bottom: 15px;
}
.prayers-list__item:last-of-type {
  margin-bottom: 0;
}
.prayers-list__item-content {
  text-align: left;
}
.prayers-list__item-author {
  text-align: right;
}

.form {
  position: relative;
  display: flex;
  flex-direction: column;
}
.form .form__item {
  display: flex;
  align-items: center;
}
.form .form__item:not(:last-child) {
  margin-bottom: 10px;
}
.form .form__item.form__item--row {
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .form .form__item {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}
.form .form__label {
  width: 25%;
  font-size: 1em;
  line-height: 1.3em;
}
.form .form__label.form__label--full {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .form .form__label {
    width: 100%;
  }
}
.form .form__input {
  width: calc(75% - 12px);
  background: var(--footer-background);
  border: 1px solid var(--default-font-color);
  padding: 5px;
  color: var(--default-font-color);
  font-size: 1em;
  line-height: 1.4em;
}
.form .form__input.form__input--full {
  width: calc(100% - 12px);
}
@media screen and (max-width: 768px) {
  .form .form__input {
    width: calc(100% - 12px);
  }
}
.form .form__radio-group {
  margin-bottom: 10px;
}
.form .form__button {
  background-color: var(--default-font-color);
  color: var(--footer-background);
  font-size: 1em;
  margin-right: auto;
  padding: 10px 20px;
  outline: 0;
  border: 0;
  font-weight: 600;
  cursor: pointer;
}
.form .form__button.form__button--right {
  align-self: flex-end;
}
.form .form__loader {
  display: none;
  height: 300px;
  width: 100%;
  position: relative;
  background: var(--footer-background);
}
.form .form__loader.form__loader--full {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.form .form__loader .loader-success {
  font-size: 2em;
  line-height: 1.5em;
  color: var(--default-font-color);
}
.form .form__loader .loader-error {
  font-size: 2em;
  line-height: 1.5em;
  color: var(--color-error);
}
.form .form__statements p, .form .form__statements li {
  font-size: 0.9em;
  line-height: 1.5em;
}
.form .form__statements h4 {
  font-size: 1.1em;
  line-height: 1.5em;
}

.former-prisoner:not(:last-child) {
  margin-bottom: 20px;
}

.lesson-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.lesson-list .lesson-list__lesson {
  display: flex;
  flex-direction: column;
}
.lesson-list .lesson-list__lesson .lesson-list__lesson-title {
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 0;
  color: var(--default-font-color);
}
.lesson-list .lesson-list__lesson .lesson-list__lesson-button {
  background-color: var(--default-font-color);
  color: var(--footer-background);
  font-size: 1em;
  margin-right: auto;
  padding: 5px 10px;
  outline: 0;
  border: 0;
}

.content-icons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
}
.content-icons__icon {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  gap: 15px;
  cursor: pointer;
  margin-bottom: 15px;
}
.content-icons__icon span {
  color: var(--default-font-color);
  font-weight: bold;
  font-size: 1em;
  line-height: 1.5em;
}
.content-icons__icon img, .content-icons__icon svg {
  width: 25px;
  min-width: 25px;
}

.publication-box {
  width: 100%;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: calc(33.3333% - 20px);
}
.publication-box__link {
  color: var(--default-font-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.publication-box__image-box {
  height: 250px;
  position: relative;
  margin-bottom: 10px;
}
.publication-box .publication-box__image-placeholder {
  width: 150px;
  height: 100%;
  background: #dedede;
}
.publication-box__image {
  height: 100%;
  width: auto;
  display: block;
  margin: 0 auto;
}
.publication-box__title {
  color: var(--default-font-color);
  font-size: 1em;
  line-height: 1.5em;
  text-align: center;
  font-weight: 600;
  max-width: 280px;
}
.publication-box__author {
  color: var(--default-font-color);
  font-size: 0.8em;
  line-height: 1.5em;
  text-align: center;
  max-width: 280px;
}
.publication-box__price {
  color: #00b3f0;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 600;
}
.publication-box__order {
  color: var(--default-font-color);
  font-size: 1em;
  line-height: 1.5em;
}

@media screen and (max-width: 1428px) {
  .publication-box {
    flex-basis: calc(50% - 15px);
  }
}
@media screen and (max-width: 728px) {
  .publication-box {
    flex-basis: 100%;
  }
}
.input-number {
  width: 45px;
  padding: 0 5px;
  vertical-align: top;
  text-align: center;
  outline: none;
  color: var(--default-font-color);
  background: var(--footer-background);
  font-size: 1em;
  line-height: 1.5em;
}

.input-number,
.input-number__decrement,
.input-number__increment {
  border: 1px solid var(--default-font-color);
  height: 30px;
}

.input-number__decrement,
.input-number__increment {
  display: inline-flex;
  width: 30px;
  font-size: 1em;
  line-height: 1.5em;
  background: var(--footer-background);
  color: var(--default-font-color);
  font-weight: bold;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.input-number__decrement:active,
.input-number__increment:active {
  background: #ddd;
}

.input-number__decrement {
  border-right: none;
}

.input-number__increment {
  border-left: none;
}

@media screen and (max-width: 700px) {
  .cart-item__amount .input-number__decrement, .cart-item__amount .input-number__increment {
    width: 20px;
  }
  .cart-item__amount .input-number {
    width: 30px;
  }
}
.button {
  background-color: var(--default-font-color);
  color: var(--footer-background);
  font-size: 1em;
  margin-top: 20px;
  padding: 10px 20px;
  outline: 0;
  font-weight: 600;
  border: 2px solid var(--default-font-color);
}
.button:visited {
  color: var(--footer-background);
}
.button:hover {
  color: var(--default-font-color);
  background: var(--footer-background);
}
.button.button--center {
  margin-left: auto;
  margin-right: auto;
}

.button-container {
  display: flex;
}

.cart__head {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #7b7b7a;
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: bold;
}
.cart__head-product {
  width: 70%;
}
.cart__head-amount {
  width: 15%;
  text-align: right;
}
.cart__head-price {
  width: 15%;
  text-align: right;
}
.cart__content {
  padding: 10px 0;
}
.cart__summary {
  padding: 10px 0;
  border-top: 1px solid #7b7b7a;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart__summary .button {
  margin-top: 0;
}

@media screen and (max-width: 1200px) {
  .cart__head-product {
    width: 60%;
  }
  .cart__head-amount {
    width: 20%;
  }
  .cart__head-price {
    width: 20%;
  }
}
@media screen and (max-width: 700px) {
  .cart__head-product {
    width: 60%;
  }
  .cart__head-amount {
    width: 20%;
  }
  .cart__head-price {
    width: 20%;
  }
}
@media screen and (max-width: 480px) {
  .cart__head-product {
    width: 55%;
  }
  .cart__head-amount {
    width: 25%;
  }
  .cart__head-price {
    width: 20%;
  }
}
@media screen and (max-width: 380px) {
  .cart__head-product {
    width: 45%;
  }
  .cart__head-amount {
    width: 35%;
  }
  .cart__head-price {
    width: 20%;
  }
}
.cart-item {
  display: flex;
  align-items: center;
}
.cart-item:not(:last-child) {
  margin-bottom: 15px;
}
.cart-item__image-box {
  width: 50px;
  height: auto;
  margin-right: 5px;
}
.cart-item__image {
  width: 100%;
  height: auto;
}
.cart-item__image-placeholder {
  width: 100%;
  height: 80px;
  background: #7b7b7a;
}
.cart-item__title {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 0;
}
.cart-item__author {
  margin-top: 8px;
}
.cart-item__details {
  width: calc(70% - 55px);
}
.cart-item__amount {
  width: 15%;
  text-align: right;
  font-size: 1em;
  color: var(--default-font-color);
}
.cart-item__price {
  width: 15%;
  text-align: right;
  font-size: 1em;
  color: var(--default-font-color);
}

@media screen and (max-width: 1200px) {
  .cart-item__details {
    width: calc(60% - 55px);
  }
  .cart-item__amount {
    width: 20%;
  }
  .cart-item__price {
    width: 20%;
  }
}
@media screen and (max-width: 700px) {
  .cart-item__details {
    width: calc(60% - 55px);
  }
  .cart-item__amount {
    width: 20%;
    text-align: right;
    color: var(--default-font-color);
  }
  .cart-item__price {
    width: 20%;
    text-align: right;
    color: var(--default-font-color);
  }
}
@media screen and (max-width: 480px) {
  .cart-item__image-box {
    display: none;
  }
  .cart-item__details {
    width: 55%;
  }
  .cart-item__amount {
    width: 25%;
  }
  .cart-item__price {
    width: 20%;
  }
}
@media screen and (max-width: 380px) {
  .cart-item__details {
    width: 45%;
  }
  .cart-item__amount {
    width: 35%;
  }
  .cart-item__price {
    width: 20%;
  }
}
.gallery {
  margin: 10px 0;
}
.gallery .splide.gallery__main {
  max-height: 500px;
}
.gallery .splide.gallery__main .splide__track .splide__list .splide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.gallery .splide.gallery__main .splide__track .splide__list .splide__slide .gallery__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px 20px;
  font-size: 1em;
  line-height: 1.3em;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.8);
}
.gallery .splide.gallery__main .splide__track .splide__list .splide__slide img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}
.gallery .splide.gallery__thumbnails {
  margin-top: 10px;
}
.gallery .splide.gallery__thumbnails .splide__track--nav > .splide__list > .splide__slide.is-active {
  border-color: var(--default-font-color);
}

.arrangement-map__image-box {
  width: 100%;
}
.arrangement-map__image {
  max-width: 100%;
  height: auto;
}
.arrangement-map__legend {
  width: 150px;
}
.arrangement-map__legend-image {
  max-width: 100%;
}

img {
  height: auto;
}

hr {
  color: #00b3f0;
}

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

.store-container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.map {
  border-top: 1px solid #00b3f0;
}

blockquote {
  margin-left: 0;
  padding-left: 15px;
  border-lefT: 2px solid #00b3f0;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
blockquote.db-result {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
blockquote.db-result p {
  margin: 0;
}/*# sourceMappingURL=stutthof.css.map */