/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
figcaption,
figure {
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * Add the correct display in IE.
 */
main {
  display: block;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 */
button {
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}
button,
[type=button],
[type=reset],
[type=submit] {
  /**
   * Remove the inner border and padding in Firefox.
   */
  /**
   * Restore the focus styles unset by the previous rule.
   */
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Show the overflow in Edge.
 */
input {
  overflow: visible;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
   * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
   */
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/*
 * Add the correct display in IE 9-.
 */
menu {
  display: block;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
@font-face {
  font-family: "Basis Grotesque Pro";
  font-display: swap;
  src: url(https://dev.sovremennik.ru/packs/media/fonts/BasisGrotesquePro-Regular-17ed7be10df98f92a60d0c1c25ba91f7.eot);
  src: local("Basis Grotesque Pro Regular"), local("BasisGrotesquePro-Regular"), url(https://dev.sovremennik.ru/packs/media/fonts/BasisGrotesquePro-Regular-17ed7be10df98f92a60d0c1c25ba91f7.eot?#iefix) format("embedded-opentype"), url(https://dev.sovremennik.ru/packs/media/fonts/BasisGrotesquePro-Regular-fc5973283fa334f121eab2cc2ba8ecc2.woff2) format("woff2"), url(https://dev.sovremennik.ru/packs/media/fonts/BasisGrotesquePro-Regular-4bdfc6f1af525ad5b0a68e3f5cfc6d8d.woff) format("woff"), url(https://dev.sovremennik.ru/packs/media/fonts/BasisGrotesquePro-Regular-b130f1fba261011d315f062b973e0a4a.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Basis Grotesque Pro";
  font-display: swap;
  src: url(https://dev.sovremennik.ru/packs/media/fonts/BasisGrotesquePro-Medium-5c93f132d06fa096bfcbcdc055ab212e.eot);
  src: local("Basis Grotesque Pro Medium"), local("BasisGrotesquePro-Medium"), url(https://dev.sovremennik.ru/packs/media/fonts/BasisGrotesquePro-Medium-5c93f132d06fa096bfcbcdc055ab212e.eot?#iefix) format("embedded-opentype"), url(https://dev.sovremennik.ru/packs/media/fonts/BasisGrotesquePro-Medium-3a4f1d525cbb8b808873b7cabf23a2c2.woff2) format("woff2"), url(https://dev.sovremennik.ru/packs/media/fonts/BasisGrotesquePro-Medium-1f7543d7a23ccc00f345849f479edb2b.woff) format("woff"), url(https://dev.sovremennik.ru/packs/media/fonts/BasisGrotesquePro-Medium-4e2723bfec21fee1c68fc9b0e571f9d1.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Sovremennik Wide Bold";
  font-display: swap;
  src: url(https://dev.sovremennik.ru/packs/media/fonts/SovremennicWide-Bold-319cff67ae9657d20ffa1904145c7ca5.eot);
  src: local("Sovremennik Wide Bold"), local("SovremennicWide-Bold"), url(https://dev.sovremennik.ru/packs/media/fonts/SovremennicWide-Bold-319cff67ae9657d20ffa1904145c7ca5.eot?#iefix) format("embedded-opentype"), url(https://dev.sovremennik.ru/packs/media/fonts/SovremennicWide-Bold-a8119eb06e37b058816ec3e30d728437.woff2) format("woff2"), url(https://dev.sovremennik.ru/packs/media/fonts/SovremennicWide-Bold-390784e70e3eb3d65390f66ca4615934.woff) format("woff"), url(https://dev.sovremennik.ru/packs/media/fonts/SovremennicWide-Bold-bc467903727e1377598875067f05200b.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
*,
*:before,
*:after {
  box-sizing: border-box;
  outline: none;
  transition: 0.5s ease;
  transition-property: color, border-color, background-color, opacity, transform, -webkit-text-decoration-color;
  transition-property: color, border-color, background-color, opacity, transform, text-decoration-color;
  transition-property: color, border-color, background-color, opacity, transform, text-decoration-color, -webkit-text-decoration-color;
}
html {
  scroll-behavior: smooth;
}
html,
body {
  min-height: 100%;
  min-width: 100%;
  touch-action: pan-x pan-y;
}
mark {
  background: transparent !important;
  font-family: "Sovremennik Wide Bold";
  color: unset !important;
}
html {
  min-height: 100vh;
  font-size: 16px;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-black: #2D2D2B;
  --color-primary-body-text: #484848;
  --color-divider: #CFCBBF;
  --color-primary-background: #EFEBE1;
  --color-hover-links: #B7B4AB;
  --color-footer: #282827;
  --color-header-link: #B5B2AB;
  --color-dark: #313131;
}
html.theme-dark {
  --color-white: #000000;
  --color-black: #ffffff;
  --color-primary-black: #EFEBE1;
  --color-primary-body-text: #CFCBBF;
  --color-divider: #666360;
  --color-primary-background: #242424;
  --color-hover-links: #B7B4AB;
  --color-footer: #282827;
  --color-header-link: #CFCABF;
  --color-dark: #CFCABF;
}
@media screen and (min-width: 1180px) and (max-width: 1365px) {
  html {
    font-size: 1.1713vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  html {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  html {
    font-size: 2.083333vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 5vw;
  }
}
body {
  position: relative;
  font-family: "Basis Grotesque Pro", Arial, sans-serif;
  font-weight: normal;
  color: #313131;
  color: #313131;
  color: var(--color-dark);
  letter-spacing: 0.01em;
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 1024px) {
  body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.body--loaded {
  opacity: 1;
  visibility: visible;
}
img {
  display: block;
  width: 100%;
}
p {
  margin: 0;
  display: block;
}
b,
strong {
  font-weight: 500;
}
button {
  cursor: pointer;
  box-shadow: none;
  border: none;
  padding: 0;
}
input,
button,
textarea {
  border-radius: 0;
  box-shadow: none;
  outline: none;
  font-family: inherit;
  background: none;
  line-height: inherit;
  color: inherit;
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  text-transform: inherit;
}
a {
  color: inherit;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  text-decoration: none;
  transition-duration: 0.2s;
}
a:hover {
  color: #484848;
  color: #484848;
  color: var(--color-primary-body-text);
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
}
h1,
.h1 {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  h1,
.h1 {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  h1,
.h1 {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  h1,
.h1 {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 767px) {
  h1,
.h1 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
h2,
.h2 {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  h2,
.h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  h2,
.h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  h2,
.h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  h2,
.h2 {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
h3,
.h3 {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  h3,
.h3 {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  h3,
.h3 {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  h3,
.h3 {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  h3,
.h3 {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
h4,
.h4 {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  h4,
.h4 {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  h4,
.h4 {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  h4,
.h4 {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  h4,
.h4 {
    font-size: 1rem;
    line-height: 1rem;
  }
}
h5,
.h5 {
  margin: 0;
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  h5,
.h5 {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  h5,
.h5 {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  h5,
.h5 {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }
}
.text-right {
  text-align: right;
}
.container, .contacts-map, .header__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.container--flex-rows {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 1180px) {
  .container, .contacts-map, .header__container {
    width: 101.875rem;
    max-width: calc(100vw - 3.125rem);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .container, .contacts-map, .header__container {
    width: 61.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .container, .contacts-map, .header__container {
    width: 45.5rem;
  }
}
@media screen and (max-width: 767px) {
  .container, .contacts-map, .header__container {
    width: 17.5rem;
  }
}
.hidden {
  display: none !important;
}
@media screen and (min-width: 1180px) {
  .hide--desktop-medium-and-big {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .hide--desktop-small {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hide--tablet {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .hide--mobile {
    display: none !important;
  }
}
[data-scroll-show] {
  opacity: 0 !important;
  transform: translateY(3.125rem) !important;
  transition: opacity 0.4s ease, transform 0.4s ease !important;
}
[data-scroll-show].skip-scroll-show, .skip-scroll-show [data-scroll-show], [data-scroll-show][data-scroll-show=true] {
  opacity: 1 !important;
  transform: translateY(0rem) !important;
}
/* loader */
.loader-circle {
  display: block;
  transform: translateZ(0px);
}
.loader-circle div {
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  background: #313131;
  background: var(--color-dark);
  -webkit-animation: loader-circle 5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
          animation: loader-circle 5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
@-webkit-keyframes loader-circle {
  0%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
            animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(1800deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
            animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    transform: rotateY(3600deg);
  }
}
@keyframes loader-circle {
  0%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
            animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(1800deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
            animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    transform: rotateY(3600deg);
  }
}
.main-hr {
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
}
@media screen and (min-width: 1180px) {
  .main-hr {
    border-bottom: none;
  }
}
@media screen and (max-width: 767px) {
  .main-hr {
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid var(--color-divider);
    margin-bottom: 0.625rem;
  }
}
.main-hr .container, .main-hr .contacts-map, .main-hr .header__container {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  padding: 0.6rem 0;
}
@media screen and (min-width: 1180px) {
  .main-hr .container, .main-hr .contacts-map, .main-hr .header__container {
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid var(--color-divider);
  }
}
@media screen and (max-width: 767px) {
  .main-hr .container, .main-hr .contacts-map, .main-hr .header__container {
    padding: 0.375rem 0;
    font-size: 0.3875rem;
    text-wrap: nowrap;
  }
}
body {
  --grid-gap: 2rem;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  body {
    --grid-gap: 1.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body {
    --grid-gap: 1rem;
  }
}
@media screen and (max-width: 767px) {
  body {
    --grid-gap: 0.625rem;
  }
}
.grid__width-1-1 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-1-1--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-1-1--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-1-1--tablet {
    width: calc((100% + 1rem) * 1 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-1-1--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1 - 0.625rem) !important;
  }
}
.grid__offset-1-1 {
  margin-left: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-1-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-1-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-1-1--tablet {
    margin-left: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-1-1--mobile {
    margin-left: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-right-1-1 {
  margin-right: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-1-1--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-1-1--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-1-1--tablet {
    margin-right: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-1-1--mobile {
    margin-right: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-to-left-1-1 {
  margin-left: calc((100% + var(--grid-gap)) * -1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-1-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-1-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-1-1--tablet {
    margin-left: calc((100% + 1rem) * -1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-1-1--mobile {
    margin-left: calc((100% + 0.625rem) * -1) !important;
  }
}
.grid__width-1-2 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 2 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-1-2--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 2 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-1-2--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 2 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-1-2--tablet {
    width: calc((100% + 1rem) * 2 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-1-2--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 2 - 0.625rem) !important;
  }
}
.grid__offset-1-2 {
  margin-left: calc((100% + var(--grid-gap)) * 2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-1-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-1-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * 2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-1-2--tablet {
    margin-left: calc((100% + 1rem) * 2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-1-2--mobile {
    margin-left: calc((100% + 0.625rem) * 2) !important;
  }
}
.grid__offset-right-1-2 {
  margin-right: calc((100% + var(--grid-gap)) * 2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-1-2--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-1-2--desktop-small {
    margin-right: calc((100% + 1.5rem) * 2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-1-2--tablet {
    margin-right: calc((100% + 1rem) * 2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-1-2--mobile {
    margin-right: calc((100% + 0.625rem) * 2) !important;
  }
}
.grid__offset-to-left-1-2 {
  margin-left: calc((100% + var(--grid-gap)) * -2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-1-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-1-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * -2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-1-2--tablet {
    margin-left: calc((100% + 1rem) * -2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-1-2--mobile {
    margin-left: calc((100% + 0.625rem) * -2) !important;
  }
}
.grid__width-1-3 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 3 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-1-3--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 3 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-1-3--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 3 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-1-3--tablet {
    width: calc((100% + 1rem) * 3 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-1-3--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 3 - 0.625rem) !important;
  }
}
.grid__offset-1-3 {
  margin-left: calc((100% + var(--grid-gap)) * 3);
}
@media screen and (min-width: 1180px) {
  .grid__offset-1-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 3) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-1-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * 3) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-1-3--tablet {
    margin-left: calc((100% + 1rem) * 3) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-1-3--mobile {
    margin-left: calc((100% + 0.625rem) * 3) !important;
  }
}
.grid__offset-right-1-3 {
  margin-right: calc((100% + var(--grid-gap)) * 3);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-1-3--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 3) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-1-3--desktop-small {
    margin-right: calc((100% + 1.5rem) * 3) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-1-3--tablet {
    margin-right: calc((100% + 1rem) * 3) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-1-3--mobile {
    margin-right: calc((100% + 0.625rem) * 3) !important;
  }
}
.grid__offset-to-left-1-3 {
  margin-left: calc((100% + var(--grid-gap)) * -3);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-1-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -3) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-1-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * -3) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-1-3--tablet {
    margin-left: calc((100% + 1rem) * -3) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-1-3--mobile {
    margin-left: calc((100% + 0.625rem) * -3) !important;
  }
}
.grid__width-1-4 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 4 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-1-4--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 4 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-1-4--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 4 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-1-4--tablet {
    width: calc((100% + 1rem) * 4 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-1-4--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 4 - 0.625rem) !important;
  }
}
.grid__offset-1-4 {
  margin-left: calc((100% + var(--grid-gap)) * 4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-1-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-1-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * 4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-1-4--tablet {
    margin-left: calc((100% + 1rem) * 4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-1-4--mobile {
    margin-left: calc((100% + 0.625rem) * 4) !important;
  }
}
.grid__offset-right-1-4 {
  margin-right: calc((100% + var(--grid-gap)) * 4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-1-4--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-1-4--desktop-small {
    margin-right: calc((100% + 1.5rem) * 4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-1-4--tablet {
    margin-right: calc((100% + 1rem) * 4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-1-4--mobile {
    margin-right: calc((100% + 0.625rem) * 4) !important;
  }
}
.grid__offset-to-left-1-4 {
  margin-left: calc((100% + var(--grid-gap)) * -4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-1-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-1-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * -4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-1-4--tablet {
    margin-left: calc((100% + 1rem) * -4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-1-4--mobile {
    margin-left: calc((100% + 0.625rem) * -4) !important;
  }
}
.grid__width-1-5 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-1-5--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-1-5--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-1-5--tablet {
    width: calc((100% + 1rem) * 5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-1-5--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 5 - 0.625rem) !important;
  }
}
.grid__offset-1-5 {
  margin-left: calc((100% + var(--grid-gap)) * 5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-1-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-1-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * 5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-1-5--tablet {
    margin-left: calc((100% + 1rem) * 5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-1-5--mobile {
    margin-left: calc((100% + 0.625rem) * 5) !important;
  }
}
.grid__offset-right-1-5 {
  margin-right: calc((100% + var(--grid-gap)) * 5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-1-5--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-1-5--desktop-small {
    margin-right: calc((100% + 1.5rem) * 5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-1-5--tablet {
    margin-right: calc((100% + 1rem) * 5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-1-5--mobile {
    margin-right: calc((100% + 0.625rem) * 5) !important;
  }
}
.grid__offset-to-left-1-5 {
  margin-left: calc((100% + var(--grid-gap)) * -5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-1-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-1-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * -5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-1-5--tablet {
    margin-left: calc((100% + 1rem) * -5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-1-5--mobile {
    margin-left: calc((100% + 0.625rem) * -5) !important;
  }
}
.grid__width-1-6 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 6 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-1-6--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 6 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-1-6--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 6 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-1-6--tablet {
    width: calc((100% + 1rem) * 6 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-1-6--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 6 - 0.625rem) !important;
  }
}
.grid__offset-1-6 {
  margin-left: calc((100% + var(--grid-gap)) * 6);
}
@media screen and (min-width: 1180px) {
  .grid__offset-1-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 6) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-1-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * 6) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-1-6--tablet {
    margin-left: calc((100% + 1rem) * 6) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-1-6--mobile {
    margin-left: calc((100% + 0.625rem) * 6) !important;
  }
}
.grid__offset-right-1-6 {
  margin-right: calc((100% + var(--grid-gap)) * 6);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-1-6--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 6) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-1-6--desktop-small {
    margin-right: calc((100% + 1.5rem) * 6) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-1-6--tablet {
    margin-right: calc((100% + 1rem) * 6) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-1-6--mobile {
    margin-right: calc((100% + 0.625rem) * 6) !important;
  }
}
.grid__offset-to-left-1-6 {
  margin-left: calc((100% + var(--grid-gap)) * -6);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-1-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -6) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-1-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * -6) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-1-6--tablet {
    margin-left: calc((100% + 1rem) * -6) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-1-6--mobile {
    margin-left: calc((100% + 0.625rem) * -6) !important;
  }
}
.grid__width-1-7 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 7 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-1-7--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 7 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-1-7--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 7 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-1-7--tablet {
    width: calc((100% + 1rem) * 7 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-1-7--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 7 - 0.625rem) !important;
  }
}
.grid__offset-1-7 {
  margin-left: calc((100% + var(--grid-gap)) * 7);
}
@media screen and (min-width: 1180px) {
  .grid__offset-1-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 7) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-1-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * 7) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-1-7--tablet {
    margin-left: calc((100% + 1rem) * 7) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-1-7--mobile {
    margin-left: calc((100% + 0.625rem) * 7) !important;
  }
}
.grid__offset-right-1-7 {
  margin-right: calc((100% + var(--grid-gap)) * 7);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-1-7--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 7) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-1-7--desktop-small {
    margin-right: calc((100% + 1.5rem) * 7) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-1-7--tablet {
    margin-right: calc((100% + 1rem) * 7) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-1-7--mobile {
    margin-right: calc((100% + 0.625rem) * 7) !important;
  }
}
.grid__offset-to-left-1-7 {
  margin-left: calc((100% + var(--grid-gap)) * -7);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-1-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -7) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-1-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * -7) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-1-7--tablet {
    margin-left: calc((100% + 1rem) * -7) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-1-7--mobile {
    margin-left: calc((100% + 0.625rem) * -7) !important;
  }
}
.grid__width-1-8 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 8 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-1-8--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 8 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-1-8--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 8 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-1-8--tablet {
    width: calc((100% + 1rem) * 8 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-1-8--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 8 - 0.625rem) !important;
  }
}
.grid__offset-1-8 {
  margin-left: calc((100% + var(--grid-gap)) * 8);
}
@media screen and (min-width: 1180px) {
  .grid__offset-1-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 8) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-1-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * 8) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-1-8--tablet {
    margin-left: calc((100% + 1rem) * 8) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-1-8--mobile {
    margin-left: calc((100% + 0.625rem) * 8) !important;
  }
}
.grid__offset-right-1-8 {
  margin-right: calc((100% + var(--grid-gap)) * 8);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-1-8--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 8) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-1-8--desktop-small {
    margin-right: calc((100% + 1.5rem) * 8) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-1-8--tablet {
    margin-right: calc((100% + 1rem) * 8) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-1-8--mobile {
    margin-right: calc((100% + 0.625rem) * 8) !important;
  }
}
.grid__offset-to-left-1-8 {
  margin-left: calc((100% + var(--grid-gap)) * -8);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-1-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -8) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-1-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * -8) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-1-8--tablet {
    margin-left: calc((100% + 1rem) * -8) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-1-8--mobile {
    margin-left: calc((100% + 0.625rem) * -8) !important;
  }
}
.grid__width-1-9 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 9 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-1-9--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 9 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-1-9--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 9 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-1-9--tablet {
    width: calc((100% + 1rem) * 9 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-1-9--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 9 - 0.625rem) !important;
  }
}
.grid__offset-1-9 {
  margin-left: calc((100% + var(--grid-gap)) * 9);
}
@media screen and (min-width: 1180px) {
  .grid__offset-1-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 9) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-1-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * 9) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-1-9--tablet {
    margin-left: calc((100% + 1rem) * 9) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-1-9--mobile {
    margin-left: calc((100% + 0.625rem) * 9) !important;
  }
}
.grid__offset-right-1-9 {
  margin-right: calc((100% + var(--grid-gap)) * 9);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-1-9--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 9) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-1-9--desktop-small {
    margin-right: calc((100% + 1.5rem) * 9) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-1-9--tablet {
    margin-right: calc((100% + 1rem) * 9) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-1-9--mobile {
    margin-right: calc((100% + 0.625rem) * 9) !important;
  }
}
.grid__offset-to-left-1-9 {
  margin-left: calc((100% + var(--grid-gap)) * -9);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-1-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -9) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-1-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * -9) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-1-9--tablet {
    margin-left: calc((100% + 1rem) * -9) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-1-9--mobile {
    margin-left: calc((100% + 0.625rem) * -9) !important;
  }
}
.grid__width-1-10 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 10 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-1-10--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 10 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-1-10--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 10 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-1-10--tablet {
    width: calc((100% + 1rem) * 10 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-1-10--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 10 - 0.625rem) !important;
  }
}
.grid__offset-1-10 {
  margin-left: calc((100% + var(--grid-gap)) * 10);
}
@media screen and (min-width: 1180px) {
  .grid__offset-1-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 10) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-1-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * 10) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-1-10--tablet {
    margin-left: calc((100% + 1rem) * 10) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-1-10--mobile {
    margin-left: calc((100% + 0.625rem) * 10) !important;
  }
}
.grid__offset-right-1-10 {
  margin-right: calc((100% + var(--grid-gap)) * 10);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-1-10--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 10) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-1-10--desktop-small {
    margin-right: calc((100% + 1.5rem) * 10) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-1-10--tablet {
    margin-right: calc((100% + 1rem) * 10) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-1-10--mobile {
    margin-right: calc((100% + 0.625rem) * 10) !important;
  }
}
.grid__offset-to-left-1-10 {
  margin-left: calc((100% + var(--grid-gap)) * -10);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-1-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -10) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-1-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * -10) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-1-10--tablet {
    margin-left: calc((100% + 1rem) * -10) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-1-10--mobile {
    margin-left: calc((100% + 0.625rem) * -10) !important;
  }
}
.grid__width-1-11 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 11 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-1-11--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 11 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-1-11--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 11 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-1-11--tablet {
    width: calc((100% + 1rem) * 11 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-1-11--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 11 - 0.625rem) !important;
  }
}
.grid__offset-1-11 {
  margin-left: calc((100% + var(--grid-gap)) * 11);
}
@media screen and (min-width: 1180px) {
  .grid__offset-1-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 11) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-1-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * 11) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-1-11--tablet {
    margin-left: calc((100% + 1rem) * 11) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-1-11--mobile {
    margin-left: calc((100% + 0.625rem) * 11) !important;
  }
}
.grid__offset-right-1-11 {
  margin-right: calc((100% + var(--grid-gap)) * 11);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-1-11--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 11) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-1-11--desktop-small {
    margin-right: calc((100% + 1.5rem) * 11) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-1-11--tablet {
    margin-right: calc((100% + 1rem) * 11) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-1-11--mobile {
    margin-right: calc((100% + 0.625rem) * 11) !important;
  }
}
.grid__offset-to-left-1-11 {
  margin-left: calc((100% + var(--grid-gap)) * -11);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-1-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -11) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-1-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * -11) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-1-11--tablet {
    margin-left: calc((100% + 1rem) * -11) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-1-11--mobile {
    margin-left: calc((100% + 0.625rem) * -11) !important;
  }
}
.grid__width-1-12 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 12 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-1-12--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 12 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-1-12--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 12 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-1-12--tablet {
    width: calc((100% + 1rem) * 12 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-1-12--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 12 - 0.625rem) !important;
  }
}
.grid__offset-1-12 {
  margin-left: calc((100% + var(--grid-gap)) * 12);
}
@media screen and (min-width: 1180px) {
  .grid__offset-1-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 12) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-1-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * 12) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-1-12--tablet {
    margin-left: calc((100% + 1rem) * 12) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-1-12--mobile {
    margin-left: calc((100% + 0.625rem) * 12) !important;
  }
}
.grid__offset-right-1-12 {
  margin-right: calc((100% + var(--grid-gap)) * 12);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-1-12--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 12) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-1-12--desktop-small {
    margin-right: calc((100% + 1.5rem) * 12) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-1-12--tablet {
    margin-right: calc((100% + 1rem) * 12) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-1-12--mobile {
    margin-right: calc((100% + 0.625rem) * 12) !important;
  }
}
.grid__offset-to-left-1-12 {
  margin-left: calc((100% + var(--grid-gap)) * -12);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-1-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -12) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-1-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * -12) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-1-12--tablet {
    margin-left: calc((100% + 1rem) * -12) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-1-12--mobile {
    margin-left: calc((100% + 0.625rem) * -12) !important;
  }
}
.grid__width-2-1 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-2-1--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-2-1--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-2-1--tablet {
    width: calc((100% + 1rem) * 0.5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-2-1--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.5 - 0.625rem) !important;
  }
}
.grid__offset-2-1 {
  margin-left: calc((100% + var(--grid-gap)) * 0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-2-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-2-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-2-1--tablet {
    margin-left: calc((100% + 1rem) * 0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-2-1--mobile {
    margin-left: calc((100% + 0.625rem) * 0.5) !important;
  }
}
.grid__offset-right-2-1 {
  margin-right: calc((100% + var(--grid-gap)) * 0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-2-1--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-2-1--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-2-1--tablet {
    margin-right: calc((100% + 1rem) * 0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-2-1--mobile {
    margin-right: calc((100% + 0.625rem) * 0.5) !important;
  }
}
.grid__offset-to-left-2-1 {
  margin-left: calc((100% + var(--grid-gap)) * -0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-2-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-2-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-2-1--tablet {
    margin-left: calc((100% + 1rem) * -0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-2-1--mobile {
    margin-left: calc((100% + 0.625rem) * -0.5) !important;
  }
}
.grid__width-2-2 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-2-2--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-2-2--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-2-2--tablet {
    width: calc((100% + 1rem) * 1 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-2-2--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1 - 0.625rem) !important;
  }
}
.grid__offset-2-2 {
  margin-left: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-2-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-2-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-2-2--tablet {
    margin-left: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-2-2--mobile {
    margin-left: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-right-2-2 {
  margin-right: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-2-2--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-2-2--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-2-2--tablet {
    margin-right: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-2-2--mobile {
    margin-right: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-to-left-2-2 {
  margin-left: calc((100% + var(--grid-gap)) * -1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-2-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-2-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-2-2--tablet {
    margin-left: calc((100% + 1rem) * -1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-2-2--mobile {
    margin-left: calc((100% + 0.625rem) * -1) !important;
  }
}
.grid__width-2-3 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-2-3--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-2-3--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-2-3--tablet {
    width: calc((100% + 1rem) * 1.5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-2-3--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.5 - 0.625rem) !important;
  }
}
.grid__offset-2-3 {
  margin-left: calc((100% + var(--grid-gap)) * 1.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-2-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-2-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-2-3--tablet {
    margin-left: calc((100% + 1rem) * 1.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-2-3--mobile {
    margin-left: calc((100% + 0.625rem) * 1.5) !important;
  }
}
.grid__offset-right-2-3 {
  margin-right: calc((100% + var(--grid-gap)) * 1.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-2-3--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-2-3--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-2-3--tablet {
    margin-right: calc((100% + 1rem) * 1.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-2-3--mobile {
    margin-right: calc((100% + 0.625rem) * 1.5) !important;
  }
}
.grid__offset-to-left-2-3 {
  margin-left: calc((100% + var(--grid-gap)) * -1.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-2-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-2-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-2-3--tablet {
    margin-left: calc((100% + 1rem) * -1.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-2-3--mobile {
    margin-left: calc((100% + 0.625rem) * -1.5) !important;
  }
}
.grid__width-2-4 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 2 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-2-4--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 2 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-2-4--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 2 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-2-4--tablet {
    width: calc((100% + 1rem) * 2 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-2-4--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 2 - 0.625rem) !important;
  }
}
.grid__offset-2-4 {
  margin-left: calc((100% + var(--grid-gap)) * 2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-2-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-2-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * 2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-2-4--tablet {
    margin-left: calc((100% + 1rem) * 2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-2-4--mobile {
    margin-left: calc((100% + 0.625rem) * 2) !important;
  }
}
.grid__offset-right-2-4 {
  margin-right: calc((100% + var(--grid-gap)) * 2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-2-4--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-2-4--desktop-small {
    margin-right: calc((100% + 1.5rem) * 2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-2-4--tablet {
    margin-right: calc((100% + 1rem) * 2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-2-4--mobile {
    margin-right: calc((100% + 0.625rem) * 2) !important;
  }
}
.grid__offset-to-left-2-4 {
  margin-left: calc((100% + var(--grid-gap)) * -2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-2-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-2-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * -2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-2-4--tablet {
    margin-left: calc((100% + 1rem) * -2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-2-4--mobile {
    margin-left: calc((100% + 0.625rem) * -2) !important;
  }
}
.grid__width-2-5 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 2.5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-2-5--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 2.5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-2-5--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 2.5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-2-5--tablet {
    width: calc((100% + 1rem) * 2.5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-2-5--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 2.5 - 0.625rem) !important;
  }
}
.grid__offset-2-5 {
  margin-left: calc((100% + var(--grid-gap)) * 2.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-2-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 2.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-2-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * 2.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-2-5--tablet {
    margin-left: calc((100% + 1rem) * 2.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-2-5--mobile {
    margin-left: calc((100% + 0.625rem) * 2.5) !important;
  }
}
.grid__offset-right-2-5 {
  margin-right: calc((100% + var(--grid-gap)) * 2.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-2-5--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 2.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-2-5--desktop-small {
    margin-right: calc((100% + 1.5rem) * 2.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-2-5--tablet {
    margin-right: calc((100% + 1rem) * 2.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-2-5--mobile {
    margin-right: calc((100% + 0.625rem) * 2.5) !important;
  }
}
.grid__offset-to-left-2-5 {
  margin-left: calc((100% + var(--grid-gap)) * -2.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-2-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -2.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-2-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * -2.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-2-5--tablet {
    margin-left: calc((100% + 1rem) * -2.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-2-5--mobile {
    margin-left: calc((100% + 0.625rem) * -2.5) !important;
  }
}
.grid__width-2-6 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 3 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-2-6--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 3 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-2-6--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 3 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-2-6--tablet {
    width: calc((100% + 1rem) * 3 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-2-6--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 3 - 0.625rem) !important;
  }
}
.grid__offset-2-6 {
  margin-left: calc((100% + var(--grid-gap)) * 3);
}
@media screen and (min-width: 1180px) {
  .grid__offset-2-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 3) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-2-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * 3) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-2-6--tablet {
    margin-left: calc((100% + 1rem) * 3) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-2-6--mobile {
    margin-left: calc((100% + 0.625rem) * 3) !important;
  }
}
.grid__offset-right-2-6 {
  margin-right: calc((100% + var(--grid-gap)) * 3);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-2-6--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 3) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-2-6--desktop-small {
    margin-right: calc((100% + 1.5rem) * 3) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-2-6--tablet {
    margin-right: calc((100% + 1rem) * 3) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-2-6--mobile {
    margin-right: calc((100% + 0.625rem) * 3) !important;
  }
}
.grid__offset-to-left-2-6 {
  margin-left: calc((100% + var(--grid-gap)) * -3);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-2-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -3) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-2-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * -3) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-2-6--tablet {
    margin-left: calc((100% + 1rem) * -3) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-2-6--mobile {
    margin-left: calc((100% + 0.625rem) * -3) !important;
  }
}
.grid__width-2-7 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 3.5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-2-7--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 3.5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-2-7--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 3.5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-2-7--tablet {
    width: calc((100% + 1rem) * 3.5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-2-7--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 3.5 - 0.625rem) !important;
  }
}
.grid__offset-2-7 {
  margin-left: calc((100% + var(--grid-gap)) * 3.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-2-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 3.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-2-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * 3.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-2-7--tablet {
    margin-left: calc((100% + 1rem) * 3.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-2-7--mobile {
    margin-left: calc((100% + 0.625rem) * 3.5) !important;
  }
}
.grid__offset-right-2-7 {
  margin-right: calc((100% + var(--grid-gap)) * 3.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-2-7--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 3.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-2-7--desktop-small {
    margin-right: calc((100% + 1.5rem) * 3.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-2-7--tablet {
    margin-right: calc((100% + 1rem) * 3.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-2-7--mobile {
    margin-right: calc((100% + 0.625rem) * 3.5) !important;
  }
}
.grid__offset-to-left-2-7 {
  margin-left: calc((100% + var(--grid-gap)) * -3.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-2-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -3.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-2-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * -3.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-2-7--tablet {
    margin-left: calc((100% + 1rem) * -3.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-2-7--mobile {
    margin-left: calc((100% + 0.625rem) * -3.5) !important;
  }
}
.grid__width-2-8 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 4 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-2-8--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 4 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-2-8--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 4 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-2-8--tablet {
    width: calc((100% + 1rem) * 4 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-2-8--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 4 - 0.625rem) !important;
  }
}
.grid__offset-2-8 {
  margin-left: calc((100% + var(--grid-gap)) * 4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-2-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-2-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * 4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-2-8--tablet {
    margin-left: calc((100% + 1rem) * 4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-2-8--mobile {
    margin-left: calc((100% + 0.625rem) * 4) !important;
  }
}
.grid__offset-right-2-8 {
  margin-right: calc((100% + var(--grid-gap)) * 4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-2-8--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-2-8--desktop-small {
    margin-right: calc((100% + 1.5rem) * 4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-2-8--tablet {
    margin-right: calc((100% + 1rem) * 4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-2-8--mobile {
    margin-right: calc((100% + 0.625rem) * 4) !important;
  }
}
.grid__offset-to-left-2-8 {
  margin-left: calc((100% + var(--grid-gap)) * -4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-2-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-2-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * -4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-2-8--tablet {
    margin-left: calc((100% + 1rem) * -4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-2-8--mobile {
    margin-left: calc((100% + 0.625rem) * -4) !important;
  }
}
.grid__width-2-9 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 4.5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-2-9--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 4.5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-2-9--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 4.5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-2-9--tablet {
    width: calc((100% + 1rem) * 4.5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-2-9--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 4.5 - 0.625rem) !important;
  }
}
.grid__offset-2-9 {
  margin-left: calc((100% + var(--grid-gap)) * 4.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-2-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 4.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-2-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * 4.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-2-9--tablet {
    margin-left: calc((100% + 1rem) * 4.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-2-9--mobile {
    margin-left: calc((100% + 0.625rem) * 4.5) !important;
  }
}
.grid__offset-right-2-9 {
  margin-right: calc((100% + var(--grid-gap)) * 4.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-2-9--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 4.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-2-9--desktop-small {
    margin-right: calc((100% + 1.5rem) * 4.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-2-9--tablet {
    margin-right: calc((100% + 1rem) * 4.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-2-9--mobile {
    margin-right: calc((100% + 0.625rem) * 4.5) !important;
  }
}
.grid__offset-to-left-2-9 {
  margin-left: calc((100% + var(--grid-gap)) * -4.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-2-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -4.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-2-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * -4.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-2-9--tablet {
    margin-left: calc((100% + 1rem) * -4.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-2-9--mobile {
    margin-left: calc((100% + 0.625rem) * -4.5) !important;
  }
}
.grid__width-2-10 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-2-10--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-2-10--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-2-10--tablet {
    width: calc((100% + 1rem) * 5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-2-10--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 5 - 0.625rem) !important;
  }
}
.grid__offset-2-10 {
  margin-left: calc((100% + var(--grid-gap)) * 5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-2-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-2-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * 5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-2-10--tablet {
    margin-left: calc((100% + 1rem) * 5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-2-10--mobile {
    margin-left: calc((100% + 0.625rem) * 5) !important;
  }
}
.grid__offset-right-2-10 {
  margin-right: calc((100% + var(--grid-gap)) * 5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-2-10--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-2-10--desktop-small {
    margin-right: calc((100% + 1.5rem) * 5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-2-10--tablet {
    margin-right: calc((100% + 1rem) * 5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-2-10--mobile {
    margin-right: calc((100% + 0.625rem) * 5) !important;
  }
}
.grid__offset-to-left-2-10 {
  margin-left: calc((100% + var(--grid-gap)) * -5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-2-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-2-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * -5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-2-10--tablet {
    margin-left: calc((100% + 1rem) * -5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-2-10--mobile {
    margin-left: calc((100% + 0.625rem) * -5) !important;
  }
}
.grid__width-2-11 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 5.5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-2-11--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 5.5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-2-11--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 5.5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-2-11--tablet {
    width: calc((100% + 1rem) * 5.5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-2-11--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 5.5 - 0.625rem) !important;
  }
}
.grid__offset-2-11 {
  margin-left: calc((100% + var(--grid-gap)) * 5.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-2-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 5.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-2-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * 5.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-2-11--tablet {
    margin-left: calc((100% + 1rem) * 5.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-2-11--mobile {
    margin-left: calc((100% + 0.625rem) * 5.5) !important;
  }
}
.grid__offset-right-2-11 {
  margin-right: calc((100% + var(--grid-gap)) * 5.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-2-11--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 5.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-2-11--desktop-small {
    margin-right: calc((100% + 1.5rem) * 5.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-2-11--tablet {
    margin-right: calc((100% + 1rem) * 5.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-2-11--mobile {
    margin-right: calc((100% + 0.625rem) * 5.5) !important;
  }
}
.grid__offset-to-left-2-11 {
  margin-left: calc((100% + var(--grid-gap)) * -5.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-2-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -5.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-2-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * -5.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-2-11--tablet {
    margin-left: calc((100% + 1rem) * -5.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-2-11--mobile {
    margin-left: calc((100% + 0.625rem) * -5.5) !important;
  }
}
.grid__width-2-12 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 6 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-2-12--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 6 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-2-12--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 6 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-2-12--tablet {
    width: calc((100% + 1rem) * 6 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-2-12--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 6 - 0.625rem) !important;
  }
}
.grid__offset-2-12 {
  margin-left: calc((100% + var(--grid-gap)) * 6);
}
@media screen and (min-width: 1180px) {
  .grid__offset-2-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 6) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-2-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * 6) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-2-12--tablet {
    margin-left: calc((100% + 1rem) * 6) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-2-12--mobile {
    margin-left: calc((100% + 0.625rem) * 6) !important;
  }
}
.grid__offset-right-2-12 {
  margin-right: calc((100% + var(--grid-gap)) * 6);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-2-12--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 6) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-2-12--desktop-small {
    margin-right: calc((100% + 1.5rem) * 6) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-2-12--tablet {
    margin-right: calc((100% + 1rem) * 6) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-2-12--mobile {
    margin-right: calc((100% + 0.625rem) * 6) !important;
  }
}
.grid__offset-to-left-2-12 {
  margin-left: calc((100% + var(--grid-gap)) * -6);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-2-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -6) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-2-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * -6) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-2-12--tablet {
    margin-left: calc((100% + 1rem) * -6) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-2-12--mobile {
    margin-left: calc((100% + 0.625rem) * -6) !important;
  }
}
.grid__width-3-1 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.3333333333 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-3-1--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.3333333333 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-3-1--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.3333333333 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-3-1--tablet {
    width: calc((100% + 1rem) * 0.3333333333 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-3-1--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.3333333333 - 0.625rem) !important;
  }
}
.grid__offset-3-1 {
  margin-left: calc((100% + var(--grid-gap)) * 0.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-3-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-3-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-3-1--tablet {
    margin-left: calc((100% + 1rem) * 0.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-3-1--mobile {
    margin-left: calc((100% + 0.625rem) * 0.3333333333) !important;
  }
}
.grid__offset-right-3-1 {
  margin-right: calc((100% + var(--grid-gap)) * 0.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-3-1--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-3-1--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-3-1--tablet {
    margin-right: calc((100% + 1rem) * 0.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-3-1--mobile {
    margin-right: calc((100% + 0.625rem) * 0.3333333333) !important;
  }
}
.grid__offset-to-left-3-1 {
  margin-left: calc((100% + var(--grid-gap)) * -0.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-3-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-3-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-3-1--tablet {
    margin-left: calc((100% + 1rem) * -0.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-3-1--mobile {
    margin-left: calc((100% + 0.625rem) * -0.3333333333) !important;
  }
}
.grid__width-3-2 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.6666666667 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-3-2--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.6666666667 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-3-2--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.6666666667 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-3-2--tablet {
    width: calc((100% + 1rem) * 0.6666666667 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-3-2--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.6666666667 - 0.625rem) !important;
  }
}
.grid__offset-3-2 {
  margin-left: calc((100% + var(--grid-gap)) * 0.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-3-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-3-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-3-2--tablet {
    margin-left: calc((100% + 1rem) * 0.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-3-2--mobile {
    margin-left: calc((100% + 0.625rem) * 0.6666666667) !important;
  }
}
.grid__offset-right-3-2 {
  margin-right: calc((100% + var(--grid-gap)) * 0.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-3-2--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-3-2--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-3-2--tablet {
    margin-right: calc((100% + 1rem) * 0.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-3-2--mobile {
    margin-right: calc((100% + 0.625rem) * 0.6666666667) !important;
  }
}
.grid__offset-to-left-3-2 {
  margin-left: calc((100% + var(--grid-gap)) * -0.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-3-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-3-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-3-2--tablet {
    margin-left: calc((100% + 1rem) * -0.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-3-2--mobile {
    margin-left: calc((100% + 0.625rem) * -0.6666666667) !important;
  }
}
.grid__width-3-3 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-3-3--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-3-3--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-3-3--tablet {
    width: calc((100% + 1rem) * 1 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-3-3--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1 - 0.625rem) !important;
  }
}
.grid__offset-3-3 {
  margin-left: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-3-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-3-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-3-3--tablet {
    margin-left: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-3-3--mobile {
    margin-left: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-right-3-3 {
  margin-right: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-3-3--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-3-3--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-3-3--tablet {
    margin-right: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-3-3--mobile {
    margin-right: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-to-left-3-3 {
  margin-left: calc((100% + var(--grid-gap)) * -1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-3-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-3-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-3-3--tablet {
    margin-left: calc((100% + 1rem) * -1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-3-3--mobile {
    margin-left: calc((100% + 0.625rem) * -1) !important;
  }
}
.grid__width-3-4 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.3333333333 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-3-4--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.3333333333 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-3-4--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.3333333333 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-3-4--tablet {
    width: calc((100% + 1rem) * 1.3333333333 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-3-4--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.3333333333 - 0.625rem) !important;
  }
}
.grid__offset-3-4 {
  margin-left: calc((100% + var(--grid-gap)) * 1.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-3-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-3-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-3-4--tablet {
    margin-left: calc((100% + 1rem) * 1.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-3-4--mobile {
    margin-left: calc((100% + 0.625rem) * 1.3333333333) !important;
  }
}
.grid__offset-right-3-4 {
  margin-right: calc((100% + var(--grid-gap)) * 1.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-3-4--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-3-4--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-3-4--tablet {
    margin-right: calc((100% + 1rem) * 1.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-3-4--mobile {
    margin-right: calc((100% + 0.625rem) * 1.3333333333) !important;
  }
}
.grid__offset-to-left-3-4 {
  margin-left: calc((100% + var(--grid-gap)) * -1.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-3-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-3-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-3-4--tablet {
    margin-left: calc((100% + 1rem) * -1.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-3-4--mobile {
    margin-left: calc((100% + 0.625rem) * -1.3333333333) !important;
  }
}
.grid__width-3-5 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.6666666667 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-3-5--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.6666666667 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-3-5--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.6666666667 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-3-5--tablet {
    width: calc((100% + 1rem) * 1.6666666667 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-3-5--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.6666666667 - 0.625rem) !important;
  }
}
.grid__offset-3-5 {
  margin-left: calc((100% + var(--grid-gap)) * 1.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-3-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-3-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-3-5--tablet {
    margin-left: calc((100% + 1rem) * 1.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-3-5--mobile {
    margin-left: calc((100% + 0.625rem) * 1.6666666667) !important;
  }
}
.grid__offset-right-3-5 {
  margin-right: calc((100% + var(--grid-gap)) * 1.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-3-5--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-3-5--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-3-5--tablet {
    margin-right: calc((100% + 1rem) * 1.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-3-5--mobile {
    margin-right: calc((100% + 0.625rem) * 1.6666666667) !important;
  }
}
.grid__offset-to-left-3-5 {
  margin-left: calc((100% + var(--grid-gap)) * -1.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-3-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-3-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-3-5--tablet {
    margin-left: calc((100% + 1rem) * -1.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-3-5--mobile {
    margin-left: calc((100% + 0.625rem) * -1.6666666667) !important;
  }
}
.grid__width-3-6 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 2 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-3-6--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 2 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-3-6--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 2 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-3-6--tablet {
    width: calc((100% + 1rem) * 2 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-3-6--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 2 - 0.625rem) !important;
  }
}
.grid__offset-3-6 {
  margin-left: calc((100% + var(--grid-gap)) * 2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-3-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-3-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * 2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-3-6--tablet {
    margin-left: calc((100% + 1rem) * 2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-3-6--mobile {
    margin-left: calc((100% + 0.625rem) * 2) !important;
  }
}
.grid__offset-right-3-6 {
  margin-right: calc((100% + var(--grid-gap)) * 2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-3-6--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-3-6--desktop-small {
    margin-right: calc((100% + 1.5rem) * 2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-3-6--tablet {
    margin-right: calc((100% + 1rem) * 2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-3-6--mobile {
    margin-right: calc((100% + 0.625rem) * 2) !important;
  }
}
.grid__offset-to-left-3-6 {
  margin-left: calc((100% + var(--grid-gap)) * -2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-3-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-3-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * -2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-3-6--tablet {
    margin-left: calc((100% + 1rem) * -2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-3-6--mobile {
    margin-left: calc((100% + 0.625rem) * -2) !important;
  }
}
.grid__width-3-7 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 2.3333333333 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-3-7--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 2.3333333333 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-3-7--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 2.3333333333 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-3-7--tablet {
    width: calc((100% + 1rem) * 2.3333333333 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-3-7--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 2.3333333333 - 0.625rem) !important;
  }
}
.grid__offset-3-7 {
  margin-left: calc((100% + var(--grid-gap)) * 2.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-3-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 2.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-3-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * 2.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-3-7--tablet {
    margin-left: calc((100% + 1rem) * 2.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-3-7--mobile {
    margin-left: calc((100% + 0.625rem) * 2.3333333333) !important;
  }
}
.grid__offset-right-3-7 {
  margin-right: calc((100% + var(--grid-gap)) * 2.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-3-7--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 2.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-3-7--desktop-small {
    margin-right: calc((100% + 1.5rem) * 2.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-3-7--tablet {
    margin-right: calc((100% + 1rem) * 2.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-3-7--mobile {
    margin-right: calc((100% + 0.625rem) * 2.3333333333) !important;
  }
}
.grid__offset-to-left-3-7 {
  margin-left: calc((100% + var(--grid-gap)) * -2.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-3-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -2.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-3-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * -2.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-3-7--tablet {
    margin-left: calc((100% + 1rem) * -2.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-3-7--mobile {
    margin-left: calc((100% + 0.625rem) * -2.3333333333) !important;
  }
}
.grid__width-3-8 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 2.6666666667 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-3-8--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 2.6666666667 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-3-8--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 2.6666666667 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-3-8--tablet {
    width: calc((100% + 1rem) * 2.6666666667 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-3-8--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 2.6666666667 - 0.625rem) !important;
  }
}
.grid__offset-3-8 {
  margin-left: calc((100% + var(--grid-gap)) * 2.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-3-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 2.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-3-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * 2.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-3-8--tablet {
    margin-left: calc((100% + 1rem) * 2.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-3-8--mobile {
    margin-left: calc((100% + 0.625rem) * 2.6666666667) !important;
  }
}
.grid__offset-right-3-8 {
  margin-right: calc((100% + var(--grid-gap)) * 2.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-3-8--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 2.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-3-8--desktop-small {
    margin-right: calc((100% + 1.5rem) * 2.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-3-8--tablet {
    margin-right: calc((100% + 1rem) * 2.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-3-8--mobile {
    margin-right: calc((100% + 0.625rem) * 2.6666666667) !important;
  }
}
.grid__offset-to-left-3-8 {
  margin-left: calc((100% + var(--grid-gap)) * -2.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-3-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -2.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-3-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * -2.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-3-8--tablet {
    margin-left: calc((100% + 1rem) * -2.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-3-8--mobile {
    margin-left: calc((100% + 0.625rem) * -2.6666666667) !important;
  }
}
.grid__width-3-9 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 3 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-3-9--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 3 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-3-9--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 3 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-3-9--tablet {
    width: calc((100% + 1rem) * 3 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-3-9--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 3 - 0.625rem) !important;
  }
}
.grid__offset-3-9 {
  margin-left: calc((100% + var(--grid-gap)) * 3);
}
@media screen and (min-width: 1180px) {
  .grid__offset-3-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 3) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-3-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * 3) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-3-9--tablet {
    margin-left: calc((100% + 1rem) * 3) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-3-9--mobile {
    margin-left: calc((100% + 0.625rem) * 3) !important;
  }
}
.grid__offset-right-3-9 {
  margin-right: calc((100% + var(--grid-gap)) * 3);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-3-9--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 3) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-3-9--desktop-small {
    margin-right: calc((100% + 1.5rem) * 3) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-3-9--tablet {
    margin-right: calc((100% + 1rem) * 3) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-3-9--mobile {
    margin-right: calc((100% + 0.625rem) * 3) !important;
  }
}
.grid__offset-to-left-3-9 {
  margin-left: calc((100% + var(--grid-gap)) * -3);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-3-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -3) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-3-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * -3) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-3-9--tablet {
    margin-left: calc((100% + 1rem) * -3) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-3-9--mobile {
    margin-left: calc((100% + 0.625rem) * -3) !important;
  }
}
.grid__width-3-10 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 3.3333333333 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-3-10--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 3.3333333333 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-3-10--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 3.3333333333 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-3-10--tablet {
    width: calc((100% + 1rem) * 3.3333333333 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-3-10--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 3.3333333333 - 0.625rem) !important;
  }
}
.grid__offset-3-10 {
  margin-left: calc((100% + var(--grid-gap)) * 3.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-3-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 3.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-3-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * 3.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-3-10--tablet {
    margin-left: calc((100% + 1rem) * 3.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-3-10--mobile {
    margin-left: calc((100% + 0.625rem) * 3.3333333333) !important;
  }
}
.grid__offset-right-3-10 {
  margin-right: calc((100% + var(--grid-gap)) * 3.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-3-10--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 3.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-3-10--desktop-small {
    margin-right: calc((100% + 1.5rem) * 3.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-3-10--tablet {
    margin-right: calc((100% + 1rem) * 3.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-3-10--mobile {
    margin-right: calc((100% + 0.625rem) * 3.3333333333) !important;
  }
}
.grid__offset-to-left-3-10 {
  margin-left: calc((100% + var(--grid-gap)) * -3.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-3-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -3.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-3-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * -3.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-3-10--tablet {
    margin-left: calc((100% + 1rem) * -3.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-3-10--mobile {
    margin-left: calc((100% + 0.625rem) * -3.3333333333) !important;
  }
}
.grid__width-3-11 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 3.6666666667 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-3-11--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 3.6666666667 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-3-11--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 3.6666666667 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-3-11--tablet {
    width: calc((100% + 1rem) * 3.6666666667 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-3-11--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 3.6666666667 - 0.625rem) !important;
  }
}
.grid__offset-3-11 {
  margin-left: calc((100% + var(--grid-gap)) * 3.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-3-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 3.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-3-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * 3.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-3-11--tablet {
    margin-left: calc((100% + 1rem) * 3.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-3-11--mobile {
    margin-left: calc((100% + 0.625rem) * 3.6666666667) !important;
  }
}
.grid__offset-right-3-11 {
  margin-right: calc((100% + var(--grid-gap)) * 3.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-3-11--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 3.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-3-11--desktop-small {
    margin-right: calc((100% + 1.5rem) * 3.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-3-11--tablet {
    margin-right: calc((100% + 1rem) * 3.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-3-11--mobile {
    margin-right: calc((100% + 0.625rem) * 3.6666666667) !important;
  }
}
.grid__offset-to-left-3-11 {
  margin-left: calc((100% + var(--grid-gap)) * -3.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-3-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -3.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-3-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * -3.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-3-11--tablet {
    margin-left: calc((100% + 1rem) * -3.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-3-11--mobile {
    margin-left: calc((100% + 0.625rem) * -3.6666666667) !important;
  }
}
.grid__width-3-12 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 4 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-3-12--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 4 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-3-12--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 4 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-3-12--tablet {
    width: calc((100% + 1rem) * 4 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-3-12--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 4 - 0.625rem) !important;
  }
}
.grid__offset-3-12 {
  margin-left: calc((100% + var(--grid-gap)) * 4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-3-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-3-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * 4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-3-12--tablet {
    margin-left: calc((100% + 1rem) * 4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-3-12--mobile {
    margin-left: calc((100% + 0.625rem) * 4) !important;
  }
}
.grid__offset-right-3-12 {
  margin-right: calc((100% + var(--grid-gap)) * 4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-3-12--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-3-12--desktop-small {
    margin-right: calc((100% + 1.5rem) * 4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-3-12--tablet {
    margin-right: calc((100% + 1rem) * 4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-3-12--mobile {
    margin-right: calc((100% + 0.625rem) * 4) !important;
  }
}
.grid__offset-to-left-3-12 {
  margin-left: calc((100% + var(--grid-gap)) * -4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-3-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-3-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * -4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-3-12--tablet {
    margin-left: calc((100% + 1rem) * -4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-3-12--mobile {
    margin-left: calc((100% + 0.625rem) * -4) !important;
  }
}
.grid__width-4-1 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.25 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-4-1--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.25 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-4-1--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.25 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-4-1--tablet {
    width: calc((100% + 1rem) * 0.25 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-4-1--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.25 - 0.625rem) !important;
  }
}
.grid__offset-4-1 {
  margin-left: calc((100% + var(--grid-gap)) * 0.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-4-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-4-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-4-1--tablet {
    margin-left: calc((100% + 1rem) * 0.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-4-1--mobile {
    margin-left: calc((100% + 0.625rem) * 0.25) !important;
  }
}
.grid__offset-right-4-1 {
  margin-right: calc((100% + var(--grid-gap)) * 0.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-4-1--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-4-1--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-4-1--tablet {
    margin-right: calc((100% + 1rem) * 0.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-4-1--mobile {
    margin-right: calc((100% + 0.625rem) * 0.25) !important;
  }
}
.grid__offset-to-left-4-1 {
  margin-left: calc((100% + var(--grid-gap)) * -0.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-4-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-4-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-4-1--tablet {
    margin-left: calc((100% + 1rem) * -0.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-4-1--mobile {
    margin-left: calc((100% + 0.625rem) * -0.25) !important;
  }
}
.grid__width-4-2 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-4-2--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-4-2--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-4-2--tablet {
    width: calc((100% + 1rem) * 0.5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-4-2--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.5 - 0.625rem) !important;
  }
}
.grid__offset-4-2 {
  margin-left: calc((100% + var(--grid-gap)) * 0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-4-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-4-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-4-2--tablet {
    margin-left: calc((100% + 1rem) * 0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-4-2--mobile {
    margin-left: calc((100% + 0.625rem) * 0.5) !important;
  }
}
.grid__offset-right-4-2 {
  margin-right: calc((100% + var(--grid-gap)) * 0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-4-2--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-4-2--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-4-2--tablet {
    margin-right: calc((100% + 1rem) * 0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-4-2--mobile {
    margin-right: calc((100% + 0.625rem) * 0.5) !important;
  }
}
.grid__offset-to-left-4-2 {
  margin-left: calc((100% + var(--grid-gap)) * -0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-4-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-4-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-4-2--tablet {
    margin-left: calc((100% + 1rem) * -0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-4-2--mobile {
    margin-left: calc((100% + 0.625rem) * -0.5) !important;
  }
}
.grid__width-4-3 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.75 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-4-3--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.75 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-4-3--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.75 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-4-3--tablet {
    width: calc((100% + 1rem) * 0.75 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-4-3--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.75 - 0.625rem) !important;
  }
}
.grid__offset-4-3 {
  margin-left: calc((100% + var(--grid-gap)) * 0.75);
}
@media screen and (min-width: 1180px) {
  .grid__offset-4-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.75) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-4-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.75) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-4-3--tablet {
    margin-left: calc((100% + 1rem) * 0.75) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-4-3--mobile {
    margin-left: calc((100% + 0.625rem) * 0.75) !important;
  }
}
.grid__offset-right-4-3 {
  margin-right: calc((100% + var(--grid-gap)) * 0.75);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-4-3--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.75) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-4-3--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.75) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-4-3--tablet {
    margin-right: calc((100% + 1rem) * 0.75) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-4-3--mobile {
    margin-right: calc((100% + 0.625rem) * 0.75) !important;
  }
}
.grid__offset-to-left-4-3 {
  margin-left: calc((100% + var(--grid-gap)) * -0.75);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-4-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.75) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-4-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.75) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-4-3--tablet {
    margin-left: calc((100% + 1rem) * -0.75) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-4-3--mobile {
    margin-left: calc((100% + 0.625rem) * -0.75) !important;
  }
}
.grid__width-4-4 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-4-4--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-4-4--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-4-4--tablet {
    width: calc((100% + 1rem) * 1 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-4-4--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1 - 0.625rem) !important;
  }
}
.grid__offset-4-4 {
  margin-left: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-4-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-4-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-4-4--tablet {
    margin-left: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-4-4--mobile {
    margin-left: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-right-4-4 {
  margin-right: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-4-4--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-4-4--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-4-4--tablet {
    margin-right: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-4-4--mobile {
    margin-right: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-to-left-4-4 {
  margin-left: calc((100% + var(--grid-gap)) * -1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-4-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-4-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-4-4--tablet {
    margin-left: calc((100% + 1rem) * -1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-4-4--mobile {
    margin-left: calc((100% + 0.625rem) * -1) !important;
  }
}
.grid__width-4-5 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.25 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-4-5--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.25 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-4-5--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.25 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-4-5--tablet {
    width: calc((100% + 1rem) * 1.25 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-4-5--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.25 - 0.625rem) !important;
  }
}
.grid__offset-4-5 {
  margin-left: calc((100% + var(--grid-gap)) * 1.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-4-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-4-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-4-5--tablet {
    margin-left: calc((100% + 1rem) * 1.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-4-5--mobile {
    margin-left: calc((100% + 0.625rem) * 1.25) !important;
  }
}
.grid__offset-right-4-5 {
  margin-right: calc((100% + var(--grid-gap)) * 1.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-4-5--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-4-5--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-4-5--tablet {
    margin-right: calc((100% + 1rem) * 1.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-4-5--mobile {
    margin-right: calc((100% + 0.625rem) * 1.25) !important;
  }
}
.grid__offset-to-left-4-5 {
  margin-left: calc((100% + var(--grid-gap)) * -1.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-4-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-4-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-4-5--tablet {
    margin-left: calc((100% + 1rem) * -1.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-4-5--mobile {
    margin-left: calc((100% + 0.625rem) * -1.25) !important;
  }
}
.grid__width-4-6 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-4-6--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-4-6--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-4-6--tablet {
    width: calc((100% + 1rem) * 1.5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-4-6--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.5 - 0.625rem) !important;
  }
}
.grid__offset-4-6 {
  margin-left: calc((100% + var(--grid-gap)) * 1.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-4-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-4-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-4-6--tablet {
    margin-left: calc((100% + 1rem) * 1.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-4-6--mobile {
    margin-left: calc((100% + 0.625rem) * 1.5) !important;
  }
}
.grid__offset-right-4-6 {
  margin-right: calc((100% + var(--grid-gap)) * 1.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-4-6--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-4-6--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-4-6--tablet {
    margin-right: calc((100% + 1rem) * 1.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-4-6--mobile {
    margin-right: calc((100% + 0.625rem) * 1.5) !important;
  }
}
.grid__offset-to-left-4-6 {
  margin-left: calc((100% + var(--grid-gap)) * -1.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-4-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-4-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-4-6--tablet {
    margin-left: calc((100% + 1rem) * -1.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-4-6--mobile {
    margin-left: calc((100% + 0.625rem) * -1.5) !important;
  }
}
.grid__width-4-7 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.75 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-4-7--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.75 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-4-7--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.75 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-4-7--tablet {
    width: calc((100% + 1rem) * 1.75 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-4-7--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.75 - 0.625rem) !important;
  }
}
.grid__offset-4-7 {
  margin-left: calc((100% + var(--grid-gap)) * 1.75);
}
@media screen and (min-width: 1180px) {
  .grid__offset-4-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.75) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-4-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.75) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-4-7--tablet {
    margin-left: calc((100% + 1rem) * 1.75) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-4-7--mobile {
    margin-left: calc((100% + 0.625rem) * 1.75) !important;
  }
}
.grid__offset-right-4-7 {
  margin-right: calc((100% + var(--grid-gap)) * 1.75);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-4-7--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.75) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-4-7--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.75) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-4-7--tablet {
    margin-right: calc((100% + 1rem) * 1.75) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-4-7--mobile {
    margin-right: calc((100% + 0.625rem) * 1.75) !important;
  }
}
.grid__offset-to-left-4-7 {
  margin-left: calc((100% + var(--grid-gap)) * -1.75);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-4-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.75) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-4-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.75) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-4-7--tablet {
    margin-left: calc((100% + 1rem) * -1.75) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-4-7--mobile {
    margin-left: calc((100% + 0.625rem) * -1.75) !important;
  }
}
.grid__width-4-8 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 2 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-4-8--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 2 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-4-8--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 2 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-4-8--tablet {
    width: calc((100% + 1rem) * 2 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-4-8--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 2 - 0.625rem) !important;
  }
}
.grid__offset-4-8 {
  margin-left: calc((100% + var(--grid-gap)) * 2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-4-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-4-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * 2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-4-8--tablet {
    margin-left: calc((100% + 1rem) * 2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-4-8--mobile {
    margin-left: calc((100% + 0.625rem) * 2) !important;
  }
}
.grid__offset-right-4-8 {
  margin-right: calc((100% + var(--grid-gap)) * 2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-4-8--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-4-8--desktop-small {
    margin-right: calc((100% + 1.5rem) * 2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-4-8--tablet {
    margin-right: calc((100% + 1rem) * 2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-4-8--mobile {
    margin-right: calc((100% + 0.625rem) * 2) !important;
  }
}
.grid__offset-to-left-4-8 {
  margin-left: calc((100% + var(--grid-gap)) * -2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-4-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-4-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * -2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-4-8--tablet {
    margin-left: calc((100% + 1rem) * -2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-4-8--mobile {
    margin-left: calc((100% + 0.625rem) * -2) !important;
  }
}
.grid__width-4-9 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 2.25 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-4-9--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 2.25 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-4-9--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 2.25 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-4-9--tablet {
    width: calc((100% + 1rem) * 2.25 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-4-9--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 2.25 - 0.625rem) !important;
  }
}
.grid__offset-4-9 {
  margin-left: calc((100% + var(--grid-gap)) * 2.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-4-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 2.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-4-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * 2.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-4-9--tablet {
    margin-left: calc((100% + 1rem) * 2.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-4-9--mobile {
    margin-left: calc((100% + 0.625rem) * 2.25) !important;
  }
}
.grid__offset-right-4-9 {
  margin-right: calc((100% + var(--grid-gap)) * 2.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-4-9--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 2.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-4-9--desktop-small {
    margin-right: calc((100% + 1.5rem) * 2.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-4-9--tablet {
    margin-right: calc((100% + 1rem) * 2.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-4-9--mobile {
    margin-right: calc((100% + 0.625rem) * 2.25) !important;
  }
}
.grid__offset-to-left-4-9 {
  margin-left: calc((100% + var(--grid-gap)) * -2.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-4-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -2.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-4-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * -2.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-4-9--tablet {
    margin-left: calc((100% + 1rem) * -2.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-4-9--mobile {
    margin-left: calc((100% + 0.625rem) * -2.25) !important;
  }
}
.grid__width-4-10 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 2.5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-4-10--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 2.5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-4-10--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 2.5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-4-10--tablet {
    width: calc((100% + 1rem) * 2.5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-4-10--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 2.5 - 0.625rem) !important;
  }
}
.grid__offset-4-10 {
  margin-left: calc((100% + var(--grid-gap)) * 2.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-4-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 2.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-4-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * 2.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-4-10--tablet {
    margin-left: calc((100% + 1rem) * 2.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-4-10--mobile {
    margin-left: calc((100% + 0.625rem) * 2.5) !important;
  }
}
.grid__offset-right-4-10 {
  margin-right: calc((100% + var(--grid-gap)) * 2.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-4-10--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 2.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-4-10--desktop-small {
    margin-right: calc((100% + 1.5rem) * 2.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-4-10--tablet {
    margin-right: calc((100% + 1rem) * 2.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-4-10--mobile {
    margin-right: calc((100% + 0.625rem) * 2.5) !important;
  }
}
.grid__offset-to-left-4-10 {
  margin-left: calc((100% + var(--grid-gap)) * -2.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-4-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -2.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-4-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * -2.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-4-10--tablet {
    margin-left: calc((100% + 1rem) * -2.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-4-10--mobile {
    margin-left: calc((100% + 0.625rem) * -2.5) !important;
  }
}
.grid__width-4-11 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 2.75 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-4-11--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 2.75 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-4-11--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 2.75 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-4-11--tablet {
    width: calc((100% + 1rem) * 2.75 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-4-11--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 2.75 - 0.625rem) !important;
  }
}
.grid__offset-4-11 {
  margin-left: calc((100% + var(--grid-gap)) * 2.75);
}
@media screen and (min-width: 1180px) {
  .grid__offset-4-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 2.75) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-4-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * 2.75) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-4-11--tablet {
    margin-left: calc((100% + 1rem) * 2.75) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-4-11--mobile {
    margin-left: calc((100% + 0.625rem) * 2.75) !important;
  }
}
.grid__offset-right-4-11 {
  margin-right: calc((100% + var(--grid-gap)) * 2.75);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-4-11--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 2.75) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-4-11--desktop-small {
    margin-right: calc((100% + 1.5rem) * 2.75) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-4-11--tablet {
    margin-right: calc((100% + 1rem) * 2.75) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-4-11--mobile {
    margin-right: calc((100% + 0.625rem) * 2.75) !important;
  }
}
.grid__offset-to-left-4-11 {
  margin-left: calc((100% + var(--grid-gap)) * -2.75);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-4-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -2.75) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-4-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * -2.75) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-4-11--tablet {
    margin-left: calc((100% + 1rem) * -2.75) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-4-11--mobile {
    margin-left: calc((100% + 0.625rem) * -2.75) !important;
  }
}
.grid__width-4-12 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 3 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-4-12--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 3 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-4-12--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 3 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-4-12--tablet {
    width: calc((100% + 1rem) * 3 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-4-12--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 3 - 0.625rem) !important;
  }
}
.grid__offset-4-12 {
  margin-left: calc((100% + var(--grid-gap)) * 3);
}
@media screen and (min-width: 1180px) {
  .grid__offset-4-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 3) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-4-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * 3) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-4-12--tablet {
    margin-left: calc((100% + 1rem) * 3) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-4-12--mobile {
    margin-left: calc((100% + 0.625rem) * 3) !important;
  }
}
.grid__offset-right-4-12 {
  margin-right: calc((100% + var(--grid-gap)) * 3);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-4-12--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 3) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-4-12--desktop-small {
    margin-right: calc((100% + 1.5rem) * 3) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-4-12--tablet {
    margin-right: calc((100% + 1rem) * 3) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-4-12--mobile {
    margin-right: calc((100% + 0.625rem) * 3) !important;
  }
}
.grid__offset-to-left-4-12 {
  margin-left: calc((100% + var(--grid-gap)) * -3);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-4-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -3) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-4-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * -3) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-4-12--tablet {
    margin-left: calc((100% + 1rem) * -3) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-4-12--mobile {
    margin-left: calc((100% + 0.625rem) * -3) !important;
  }
}
.grid__width-5-1 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.2 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-5-1--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.2 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-5-1--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.2 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-5-1--tablet {
    width: calc((100% + 1rem) * 0.2 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-5-1--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.2 - 0.625rem) !important;
  }
}
.grid__offset-5-1 {
  margin-left: calc((100% + var(--grid-gap)) * 0.2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-5-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-5-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-5-1--tablet {
    margin-left: calc((100% + 1rem) * 0.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-5-1--mobile {
    margin-left: calc((100% + 0.625rem) * 0.2) !important;
  }
}
.grid__offset-right-5-1 {
  margin-right: calc((100% + var(--grid-gap)) * 0.2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-5-1--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-5-1--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-5-1--tablet {
    margin-right: calc((100% + 1rem) * 0.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-5-1--mobile {
    margin-right: calc((100% + 0.625rem) * 0.2) !important;
  }
}
.grid__offset-to-left-5-1 {
  margin-left: calc((100% + var(--grid-gap)) * -0.2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-5-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-5-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-5-1--tablet {
    margin-left: calc((100% + 1rem) * -0.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-5-1--mobile {
    margin-left: calc((100% + 0.625rem) * -0.2) !important;
  }
}
.grid__width-5-2 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.4 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-5-2--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.4 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-5-2--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.4 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-5-2--tablet {
    width: calc((100% + 1rem) * 0.4 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-5-2--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.4 - 0.625rem) !important;
  }
}
.grid__offset-5-2 {
  margin-left: calc((100% + var(--grid-gap)) * 0.4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-5-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-5-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-5-2--tablet {
    margin-left: calc((100% + 1rem) * 0.4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-5-2--mobile {
    margin-left: calc((100% + 0.625rem) * 0.4) !important;
  }
}
.grid__offset-right-5-2 {
  margin-right: calc((100% + var(--grid-gap)) * 0.4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-5-2--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-5-2--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-5-2--tablet {
    margin-right: calc((100% + 1rem) * 0.4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-5-2--mobile {
    margin-right: calc((100% + 0.625rem) * 0.4) !important;
  }
}
.grid__offset-to-left-5-2 {
  margin-left: calc((100% + var(--grid-gap)) * -0.4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-5-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-5-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-5-2--tablet {
    margin-left: calc((100% + 1rem) * -0.4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-5-2--mobile {
    margin-left: calc((100% + 0.625rem) * -0.4) !important;
  }
}
.grid__width-5-3 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.6 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-5-3--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.6 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-5-3--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.6 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-5-3--tablet {
    width: calc((100% + 1rem) * 0.6 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-5-3--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.6 - 0.625rem) !important;
  }
}
.grid__offset-5-3 {
  margin-left: calc((100% + var(--grid-gap)) * 0.6);
}
@media screen and (min-width: 1180px) {
  .grid__offset-5-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.6) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-5-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.6) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-5-3--tablet {
    margin-left: calc((100% + 1rem) * 0.6) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-5-3--mobile {
    margin-left: calc((100% + 0.625rem) * 0.6) !important;
  }
}
.grid__offset-right-5-3 {
  margin-right: calc((100% + var(--grid-gap)) * 0.6);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-5-3--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.6) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-5-3--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.6) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-5-3--tablet {
    margin-right: calc((100% + 1rem) * 0.6) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-5-3--mobile {
    margin-right: calc((100% + 0.625rem) * 0.6) !important;
  }
}
.grid__offset-to-left-5-3 {
  margin-left: calc((100% + var(--grid-gap)) * -0.6);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-5-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.6) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-5-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.6) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-5-3--tablet {
    margin-left: calc((100% + 1rem) * -0.6) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-5-3--mobile {
    margin-left: calc((100% + 0.625rem) * -0.6) !important;
  }
}
.grid__width-5-4 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.8 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-5-4--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.8 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-5-4--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.8 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-5-4--tablet {
    width: calc((100% + 1rem) * 0.8 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-5-4--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.8 - 0.625rem) !important;
  }
}
.grid__offset-5-4 {
  margin-left: calc((100% + var(--grid-gap)) * 0.8);
}
@media screen and (min-width: 1180px) {
  .grid__offset-5-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.8) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-5-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.8) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-5-4--tablet {
    margin-left: calc((100% + 1rem) * 0.8) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-5-4--mobile {
    margin-left: calc((100% + 0.625rem) * 0.8) !important;
  }
}
.grid__offset-right-5-4 {
  margin-right: calc((100% + var(--grid-gap)) * 0.8);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-5-4--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.8) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-5-4--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.8) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-5-4--tablet {
    margin-right: calc((100% + 1rem) * 0.8) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-5-4--mobile {
    margin-right: calc((100% + 0.625rem) * 0.8) !important;
  }
}
.grid__offset-to-left-5-4 {
  margin-left: calc((100% + var(--grid-gap)) * -0.8);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-5-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.8) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-5-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.8) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-5-4--tablet {
    margin-left: calc((100% + 1rem) * -0.8) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-5-4--mobile {
    margin-left: calc((100% + 0.625rem) * -0.8) !important;
  }
}
.grid__width-5-5 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-5-5--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-5-5--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-5-5--tablet {
    width: calc((100% + 1rem) * 1 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-5-5--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1 - 0.625rem) !important;
  }
}
.grid__offset-5-5 {
  margin-left: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-5-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-5-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-5-5--tablet {
    margin-left: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-5-5--mobile {
    margin-left: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-right-5-5 {
  margin-right: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-5-5--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-5-5--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-5-5--tablet {
    margin-right: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-5-5--mobile {
    margin-right: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-to-left-5-5 {
  margin-left: calc((100% + var(--grid-gap)) * -1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-5-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-5-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-5-5--tablet {
    margin-left: calc((100% + 1rem) * -1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-5-5--mobile {
    margin-left: calc((100% + 0.625rem) * -1) !important;
  }
}
.grid__width-5-6 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.2 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-5-6--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.2 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-5-6--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.2 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-5-6--tablet {
    width: calc((100% + 1rem) * 1.2 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-5-6--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.2 - 0.625rem) !important;
  }
}
.grid__offset-5-6 {
  margin-left: calc((100% + var(--grid-gap)) * 1.2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-5-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-5-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-5-6--tablet {
    margin-left: calc((100% + 1rem) * 1.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-5-6--mobile {
    margin-left: calc((100% + 0.625rem) * 1.2) !important;
  }
}
.grid__offset-right-5-6 {
  margin-right: calc((100% + var(--grid-gap)) * 1.2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-5-6--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-5-6--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-5-6--tablet {
    margin-right: calc((100% + 1rem) * 1.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-5-6--mobile {
    margin-right: calc((100% + 0.625rem) * 1.2) !important;
  }
}
.grid__offset-to-left-5-6 {
  margin-left: calc((100% + var(--grid-gap)) * -1.2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-5-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-5-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-5-6--tablet {
    margin-left: calc((100% + 1rem) * -1.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-5-6--mobile {
    margin-left: calc((100% + 0.625rem) * -1.2) !important;
  }
}
.grid__width-5-7 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.4 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-5-7--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.4 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-5-7--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.4 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-5-7--tablet {
    width: calc((100% + 1rem) * 1.4 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-5-7--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.4 - 0.625rem) !important;
  }
}
.grid__offset-5-7 {
  margin-left: calc((100% + var(--grid-gap)) * 1.4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-5-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-5-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-5-7--tablet {
    margin-left: calc((100% + 1rem) * 1.4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-5-7--mobile {
    margin-left: calc((100% + 0.625rem) * 1.4) !important;
  }
}
.grid__offset-right-5-7 {
  margin-right: calc((100% + var(--grid-gap)) * 1.4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-5-7--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-5-7--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-5-7--tablet {
    margin-right: calc((100% + 1rem) * 1.4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-5-7--mobile {
    margin-right: calc((100% + 0.625rem) * 1.4) !important;
  }
}
.grid__offset-to-left-5-7 {
  margin-left: calc((100% + var(--grid-gap)) * -1.4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-5-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-5-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-5-7--tablet {
    margin-left: calc((100% + 1rem) * -1.4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-5-7--mobile {
    margin-left: calc((100% + 0.625rem) * -1.4) !important;
  }
}
.grid__width-5-8 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.6 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-5-8--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.6 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-5-8--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.6 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-5-8--tablet {
    width: calc((100% + 1rem) * 1.6 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-5-8--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.6 - 0.625rem) !important;
  }
}
.grid__offset-5-8 {
  margin-left: calc((100% + var(--grid-gap)) * 1.6);
}
@media screen and (min-width: 1180px) {
  .grid__offset-5-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.6) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-5-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.6) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-5-8--tablet {
    margin-left: calc((100% + 1rem) * 1.6) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-5-8--mobile {
    margin-left: calc((100% + 0.625rem) * 1.6) !important;
  }
}
.grid__offset-right-5-8 {
  margin-right: calc((100% + var(--grid-gap)) * 1.6);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-5-8--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.6) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-5-8--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.6) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-5-8--tablet {
    margin-right: calc((100% + 1rem) * 1.6) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-5-8--mobile {
    margin-right: calc((100% + 0.625rem) * 1.6) !important;
  }
}
.grid__offset-to-left-5-8 {
  margin-left: calc((100% + var(--grid-gap)) * -1.6);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-5-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.6) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-5-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.6) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-5-8--tablet {
    margin-left: calc((100% + 1rem) * -1.6) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-5-8--mobile {
    margin-left: calc((100% + 0.625rem) * -1.6) !important;
  }
}
.grid__width-5-9 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.8 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-5-9--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.8 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-5-9--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.8 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-5-9--tablet {
    width: calc((100% + 1rem) * 1.8 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-5-9--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.8 - 0.625rem) !important;
  }
}
.grid__offset-5-9 {
  margin-left: calc((100% + var(--grid-gap)) * 1.8);
}
@media screen and (min-width: 1180px) {
  .grid__offset-5-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.8) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-5-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.8) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-5-9--tablet {
    margin-left: calc((100% + 1rem) * 1.8) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-5-9--mobile {
    margin-left: calc((100% + 0.625rem) * 1.8) !important;
  }
}
.grid__offset-right-5-9 {
  margin-right: calc((100% + var(--grid-gap)) * 1.8);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-5-9--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.8) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-5-9--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.8) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-5-9--tablet {
    margin-right: calc((100% + 1rem) * 1.8) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-5-9--mobile {
    margin-right: calc((100% + 0.625rem) * 1.8) !important;
  }
}
.grid__offset-to-left-5-9 {
  margin-left: calc((100% + var(--grid-gap)) * -1.8);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-5-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.8) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-5-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.8) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-5-9--tablet {
    margin-left: calc((100% + 1rem) * -1.8) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-5-9--mobile {
    margin-left: calc((100% + 0.625rem) * -1.8) !important;
  }
}
.grid__width-5-10 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 2 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-5-10--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 2 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-5-10--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 2 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-5-10--tablet {
    width: calc((100% + 1rem) * 2 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-5-10--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 2 - 0.625rem) !important;
  }
}
.grid__offset-5-10 {
  margin-left: calc((100% + var(--grid-gap)) * 2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-5-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-5-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * 2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-5-10--tablet {
    margin-left: calc((100% + 1rem) * 2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-5-10--mobile {
    margin-left: calc((100% + 0.625rem) * 2) !important;
  }
}
.grid__offset-right-5-10 {
  margin-right: calc((100% + var(--grid-gap)) * 2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-5-10--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-5-10--desktop-small {
    margin-right: calc((100% + 1.5rem) * 2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-5-10--tablet {
    margin-right: calc((100% + 1rem) * 2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-5-10--mobile {
    margin-right: calc((100% + 0.625rem) * 2) !important;
  }
}
.grid__offset-to-left-5-10 {
  margin-left: calc((100% + var(--grid-gap)) * -2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-5-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-5-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * -2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-5-10--tablet {
    margin-left: calc((100% + 1rem) * -2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-5-10--mobile {
    margin-left: calc((100% + 0.625rem) * -2) !important;
  }
}
.grid__width-5-11 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 2.2 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-5-11--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 2.2 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-5-11--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 2.2 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-5-11--tablet {
    width: calc((100% + 1rem) * 2.2 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-5-11--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 2.2 - 0.625rem) !important;
  }
}
.grid__offset-5-11 {
  margin-left: calc((100% + var(--grid-gap)) * 2.2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-5-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 2.2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-5-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * 2.2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-5-11--tablet {
    margin-left: calc((100% + 1rem) * 2.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-5-11--mobile {
    margin-left: calc((100% + 0.625rem) * 2.2) !important;
  }
}
.grid__offset-right-5-11 {
  margin-right: calc((100% + var(--grid-gap)) * 2.2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-5-11--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 2.2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-5-11--desktop-small {
    margin-right: calc((100% + 1.5rem) * 2.2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-5-11--tablet {
    margin-right: calc((100% + 1rem) * 2.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-5-11--mobile {
    margin-right: calc((100% + 0.625rem) * 2.2) !important;
  }
}
.grid__offset-to-left-5-11 {
  margin-left: calc((100% + var(--grid-gap)) * -2.2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-5-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -2.2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-5-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * -2.2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-5-11--tablet {
    margin-left: calc((100% + 1rem) * -2.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-5-11--mobile {
    margin-left: calc((100% + 0.625rem) * -2.2) !important;
  }
}
.grid__width-5-12 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 2.4 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-5-12--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 2.4 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-5-12--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 2.4 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-5-12--tablet {
    width: calc((100% + 1rem) * 2.4 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-5-12--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 2.4 - 0.625rem) !important;
  }
}
.grid__offset-5-12 {
  margin-left: calc((100% + var(--grid-gap)) * 2.4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-5-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 2.4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-5-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * 2.4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-5-12--tablet {
    margin-left: calc((100% + 1rem) * 2.4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-5-12--mobile {
    margin-left: calc((100% + 0.625rem) * 2.4) !important;
  }
}
.grid__offset-right-5-12 {
  margin-right: calc((100% + var(--grid-gap)) * 2.4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-5-12--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 2.4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-5-12--desktop-small {
    margin-right: calc((100% + 1.5rem) * 2.4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-5-12--tablet {
    margin-right: calc((100% + 1rem) * 2.4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-5-12--mobile {
    margin-right: calc((100% + 0.625rem) * 2.4) !important;
  }
}
.grid__offset-to-left-5-12 {
  margin-left: calc((100% + var(--grid-gap)) * -2.4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-5-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -2.4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-5-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * -2.4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-5-12--tablet {
    margin-left: calc((100% + 1rem) * -2.4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-5-12--mobile {
    margin-left: calc((100% + 0.625rem) * -2.4) !important;
  }
}
.grid__width-6-1 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.1666666667 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-6-1--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.1666666667 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-6-1--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.1666666667 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-6-1--tablet {
    width: calc((100% + 1rem) * 0.1666666667 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-6-1--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.1666666667 - 0.625rem) !important;
  }
}
.grid__offset-6-1 {
  margin-left: calc((100% + var(--grid-gap)) * 0.1666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-6-1--desktop-medium-and-big, .poster-item__author-text {
    margin-left: calc((100% + 2rem) * 0.1666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-6-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.1666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-6-1--tablet {
    margin-left: calc((100% + 1rem) * 0.1666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-6-1--mobile {
    margin-left: calc((100% + 0.625rem) * 0.1666666667) !important;
  }
}
.grid__offset-right-6-1 {
  margin-right: calc((100% + var(--grid-gap)) * 0.1666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-6-1--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.1666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-6-1--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.1666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-6-1--tablet {
    margin-right: calc((100% + 1rem) * 0.1666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-6-1--mobile {
    margin-right: calc((100% + 0.625rem) * 0.1666666667) !important;
  }
}
.grid__offset-to-left-6-1 {
  margin-left: calc((100% + var(--grid-gap)) * -0.1666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-6-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.1666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-6-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.1666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-6-1--tablet {
    margin-left: calc((100% + 1rem) * -0.1666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-6-1--mobile {
    margin-left: calc((100% + 0.625rem) * -0.1666666667) !important;
  }
}
.grid__width-6-2 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.3333333333 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-6-2--desktop-medium-and-big, .more-events__date, .news-list-item__img {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.3333333333 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-6-2--desktop-small, .more-events__date {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.3333333333 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-6-2--tablet {
    width: calc((100% + 1rem) * 0.3333333333 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-6-2--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.3333333333 - 0.625rem) !important;
  }
}
.grid__offset-6-2 {
  margin-left: calc((100% + var(--grid-gap)) * 0.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-6-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-6-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-6-2--tablet {
    margin-left: calc((100% + 1rem) * 0.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-6-2--mobile {
    margin-left: calc((100% + 0.625rem) * 0.3333333333) !important;
  }
}
.grid__offset-right-6-2 {
  margin-right: calc((100% + var(--grid-gap)) * 0.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-6-2--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-6-2--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-6-2--tablet {
    margin-right: calc((100% + 1rem) * 0.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-6-2--mobile {
    margin-right: calc((100% + 0.625rem) * 0.3333333333) !important;
  }
}
.grid__offset-to-left-6-2 {
  margin-left: calc((100% + var(--grid-gap)) * -0.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-6-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-6-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-6-2--tablet {
    margin-left: calc((100% + 1rem) * -0.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-6-2--mobile {
    margin-left: calc((100% + 0.625rem) * -0.3333333333) !important;
  }
}
.grid__width-6-3 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-6-3--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-6-3--desktop-small, .news-list-item__img, .news-list-item__date {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-6-3--tablet {
    width: calc((100% + 1rem) * 0.5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-6-3--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.5 - 0.625rem) !important;
  }
}
.grid__offset-6-3 {
  margin-left: calc((100% + var(--grid-gap)) * 0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-6-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-6-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-6-3--tablet {
    margin-left: calc((100% + 1rem) * 0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-6-3--mobile {
    margin-left: calc((100% + 0.625rem) * 0.5) !important;
  }
}
.grid__offset-right-6-3 {
  margin-right: calc((100% + var(--grid-gap)) * 0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-6-3--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-6-3--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-6-3--tablet {
    margin-right: calc((100% + 1rem) * 0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-6-3--mobile {
    margin-right: calc((100% + 0.625rem) * 0.5) !important;
  }
}
.grid__offset-to-left-6-3 {
  margin-left: calc((100% + var(--grid-gap)) * -0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-6-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-6-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-6-3--tablet {
    margin-left: calc((100% + 1rem) * -0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-6-3--mobile {
    margin-left: calc((100% + 0.625rem) * -0.5) !important;
  }
}
.grid__width-6-4 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.6666666667 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-6-4--desktop-medium-and-big, .more-events__right, .news-list-item__date, .news-list-item__title {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.6666666667 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-6-4--desktop-small, .more-events__right {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.6666666667 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-6-4--tablet {
    width: calc((100% + 1rem) * 0.6666666667 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-6-4--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.6666666667 - 0.625rem) !important;
  }
}
.grid__offset-6-4 {
  margin-left: calc((100% + var(--grid-gap)) * 0.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-6-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-6-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-6-4--tablet {
    margin-left: calc((100% + 1rem) * 0.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-6-4--mobile {
    margin-left: calc((100% + 0.625rem) * 0.6666666667) !important;
  }
}
.grid__offset-right-6-4 {
  margin-right: calc((100% + var(--grid-gap)) * 0.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-6-4--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-6-4--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-6-4--tablet {
    margin-right: calc((100% + 1rem) * 0.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-6-4--mobile {
    margin-right: calc((100% + 0.625rem) * 0.6666666667) !important;
  }
}
.grid__offset-to-left-6-4 {
  margin-left: calc((100% + var(--grid-gap)) * -0.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-6-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-6-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-6-4--tablet {
    margin-left: calc((100% + 1rem) * -0.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-6-4--mobile {
    margin-left: calc((100% + 0.625rem) * -0.6666666667) !important;
  }
}
.grid__width-6-5 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.8333333333 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-6-5--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.8333333333 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-6-5--desktop-small, .news-list-item__title {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.8333333333 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-6-5--tablet {
    width: calc((100% + 1rem) * 0.8333333333 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-6-5--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.8333333333 - 0.625rem) !important;
  }
}
.grid__offset-6-5 {
  margin-left: calc((100% + var(--grid-gap)) * 0.8333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-6-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.8333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-6-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.8333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-6-5--tablet {
    margin-left: calc((100% + 1rem) * 0.8333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-6-5--mobile {
    margin-left: calc((100% + 0.625rem) * 0.8333333333) !important;
  }
}
.grid__offset-right-6-5 {
  margin-right: calc((100% + var(--grid-gap)) * 0.8333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-6-5--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.8333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-6-5--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.8333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-6-5--tablet {
    margin-right: calc((100% + 1rem) * 0.8333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-6-5--mobile {
    margin-right: calc((100% + 0.625rem) * 0.8333333333) !important;
  }
}
.grid__offset-to-left-6-5 {
  margin-left: calc((100% + var(--grid-gap)) * -0.8333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-6-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.8333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-6-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.8333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-6-5--tablet {
    margin-left: calc((100% + 1rem) * -0.8333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-6-5--mobile {
    margin-left: calc((100% + 0.625rem) * -0.8333333333) !important;
  }
}
.grid__width-6-6 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-6-6--desktop-medium-and-big, .news-article__content .content-block--title {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-6-6--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-6-6--tablet {
    width: calc((100% + 1rem) * 1 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-6-6--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1 - 0.625rem) !important;
  }
}
.grid__offset-6-6 {
  margin-left: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-6-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-6-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-6-6--tablet {
    margin-left: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-6-6--mobile {
    margin-left: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-right-6-6 {
  margin-right: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-6-6--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-6-6--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-6-6--tablet {
    margin-right: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-6-6--mobile {
    margin-right: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-to-left-6-6 {
  margin-left: calc((100% + var(--grid-gap)) * -1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-6-6--desktop-medium-and-big, .news-article__content .content-block--title {
    margin-left: calc((100% + 2rem) * -1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-6-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-6-6--tablet {
    margin-left: calc((100% + 1rem) * -1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-6-6--mobile {
    margin-left: calc((100% + 0.625rem) * -1) !important;
  }
}
.grid__width-6-7 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.1666666667 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-6-7--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.1666666667 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-6-7--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.1666666667 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-6-7--tablet {
    width: calc((100% + 1rem) * 1.1666666667 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-6-7--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.1666666667 - 0.625rem) !important;
  }
}
.grid__offset-6-7 {
  margin-left: calc((100% + var(--grid-gap)) * 1.1666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-6-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.1666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-6-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.1666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-6-7--tablet {
    margin-left: calc((100% + 1rem) * 1.1666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-6-7--mobile {
    margin-left: calc((100% + 0.625rem) * 1.1666666667) !important;
  }
}
.grid__offset-right-6-7 {
  margin-right: calc((100% + var(--grid-gap)) * 1.1666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-6-7--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.1666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-6-7--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.1666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-6-7--tablet {
    margin-right: calc((100% + 1rem) * 1.1666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-6-7--mobile {
    margin-right: calc((100% + 0.625rem) * 1.1666666667) !important;
  }
}
.grid__offset-to-left-6-7 {
  margin-left: calc((100% + var(--grid-gap)) * -1.1666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-6-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.1666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-6-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.1666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-6-7--tablet {
    margin-left: calc((100% + 1rem) * -1.1666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-6-7--mobile {
    margin-left: calc((100% + 0.625rem) * -1.1666666667) !important;
  }
}
.grid__width-6-8 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.3333333333 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-6-8--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.3333333333 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-6-8--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.3333333333 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-6-8--tablet {
    width: calc((100% + 1rem) * 1.3333333333 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-6-8--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.3333333333 - 0.625rem) !important;
  }
}
.grid__offset-6-8 {
  margin-left: calc((100% + var(--grid-gap)) * 1.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-6-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-6-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-6-8--tablet {
    margin-left: calc((100% + 1rem) * 1.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-6-8--mobile {
    margin-left: calc((100% + 0.625rem) * 1.3333333333) !important;
  }
}
.grid__offset-right-6-8 {
  margin-right: calc((100% + var(--grid-gap)) * 1.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-6-8--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-6-8--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-6-8--tablet {
    margin-right: calc((100% + 1rem) * 1.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-6-8--mobile {
    margin-right: calc((100% + 0.625rem) * 1.3333333333) !important;
  }
}
.grid__offset-to-left-6-8 {
  margin-left: calc((100% + var(--grid-gap)) * -1.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-6-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-6-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-6-8--tablet {
    margin-left: calc((100% + 1rem) * -1.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-6-8--mobile {
    margin-left: calc((100% + 0.625rem) * -1.3333333333) !important;
  }
}
.grid__width-6-9 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-6-9--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-6-9--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-6-9--tablet {
    width: calc((100% + 1rem) * 1.5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-6-9--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.5 - 0.625rem) !important;
  }
}
.grid__offset-6-9 {
  margin-left: calc((100% + var(--grid-gap)) * 1.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-6-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-6-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-6-9--tablet {
    margin-left: calc((100% + 1rem) * 1.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-6-9--mobile {
    margin-left: calc((100% + 0.625rem) * 1.5) !important;
  }
}
.grid__offset-right-6-9 {
  margin-right: calc((100% + var(--grid-gap)) * 1.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-6-9--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-6-9--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-6-9--tablet {
    margin-right: calc((100% + 1rem) * 1.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-6-9--mobile {
    margin-right: calc((100% + 0.625rem) * 1.5) !important;
  }
}
.grid__offset-to-left-6-9 {
  margin-left: calc((100% + var(--grid-gap)) * -1.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-6-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-6-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-6-9--tablet {
    margin-left: calc((100% + 1rem) * -1.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-6-9--mobile {
    margin-left: calc((100% + 0.625rem) * -1.5) !important;
  }
}
.grid__width-6-10 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.6666666667 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-6-10--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.6666666667 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-6-10--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.6666666667 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-6-10--tablet {
    width: calc((100% + 1rem) * 1.6666666667 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-6-10--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.6666666667 - 0.625rem) !important;
  }
}
.grid__offset-6-10 {
  margin-left: calc((100% + var(--grid-gap)) * 1.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-6-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-6-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-6-10--tablet {
    margin-left: calc((100% + 1rem) * 1.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-6-10--mobile {
    margin-left: calc((100% + 0.625rem) * 1.6666666667) !important;
  }
}
.grid__offset-right-6-10 {
  margin-right: calc((100% + var(--grid-gap)) * 1.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-6-10--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-6-10--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-6-10--tablet {
    margin-right: calc((100% + 1rem) * 1.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-6-10--mobile {
    margin-right: calc((100% + 0.625rem) * 1.6666666667) !important;
  }
}
.grid__offset-to-left-6-10 {
  margin-left: calc((100% + var(--grid-gap)) * -1.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-6-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-6-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-6-10--tablet {
    margin-left: calc((100% + 1rem) * -1.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-6-10--mobile {
    margin-left: calc((100% + 0.625rem) * -1.6666666667) !important;
  }
}
.grid__width-6-11 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.8333333333 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-6-11--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.8333333333 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-6-11--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.8333333333 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-6-11--tablet {
    width: calc((100% + 1rem) * 1.8333333333 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-6-11--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.8333333333 - 0.625rem) !important;
  }
}
.grid__offset-6-11 {
  margin-left: calc((100% + var(--grid-gap)) * 1.8333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-6-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.8333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-6-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.8333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-6-11--tablet {
    margin-left: calc((100% + 1rem) * 1.8333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-6-11--mobile {
    margin-left: calc((100% + 0.625rem) * 1.8333333333) !important;
  }
}
.grid__offset-right-6-11 {
  margin-right: calc((100% + var(--grid-gap)) * 1.8333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-6-11--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.8333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-6-11--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.8333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-6-11--tablet {
    margin-right: calc((100% + 1rem) * 1.8333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-6-11--mobile {
    margin-right: calc((100% + 0.625rem) * 1.8333333333) !important;
  }
}
.grid__offset-to-left-6-11 {
  margin-left: calc((100% + var(--grid-gap)) * -1.8333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-6-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.8333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-6-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.8333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-6-11--tablet {
    margin-left: calc((100% + 1rem) * -1.8333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-6-11--mobile {
    margin-left: calc((100% + 0.625rem) * -1.8333333333) !important;
  }
}
.grid__width-6-12 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 2 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-6-12--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 2 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-6-12--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 2 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-6-12--tablet {
    width: calc((100% + 1rem) * 2 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-6-12--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 2 - 0.625rem) !important;
  }
}
.grid__offset-6-12 {
  margin-left: calc((100% + var(--grid-gap)) * 2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-6-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-6-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * 2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-6-12--tablet {
    margin-left: calc((100% + 1rem) * 2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-6-12--mobile {
    margin-left: calc((100% + 0.625rem) * 2) !important;
  }
}
.grid__offset-right-6-12 {
  margin-right: calc((100% + var(--grid-gap)) * 2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-6-12--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-6-12--desktop-small {
    margin-right: calc((100% + 1.5rem) * 2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-6-12--tablet {
    margin-right: calc((100% + 1rem) * 2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-6-12--mobile {
    margin-right: calc((100% + 0.625rem) * 2) !important;
  }
}
.grid__offset-to-left-6-12 {
  margin-left: calc((100% + var(--grid-gap)) * -2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-6-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-6-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * -2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-6-12--tablet {
    margin-left: calc((100% + 1rem) * -2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-6-12--mobile {
    margin-left: calc((100% + 0.625rem) * -2) !important;
  }
}
.grid__width-7-1 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.1428571429 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-7-1--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.1428571429 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-7-1--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.1428571429 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-7-1--tablet {
    width: calc((100% + 1rem) * 0.1428571429 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-7-1--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.1428571429 - 0.625rem) !important;
  }
}
.grid__offset-7-1 {
  margin-left: calc((100% + var(--grid-gap)) * 0.1428571429);
}
@media screen and (min-width: 1180px) {
  .grid__offset-7-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.1428571429) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-7-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.1428571429) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-7-1--tablet {
    margin-left: calc((100% + 1rem) * 0.1428571429) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-7-1--mobile {
    margin-left: calc((100% + 0.625rem) * 0.1428571429) !important;
  }
}
.grid__offset-right-7-1 {
  margin-right: calc((100% + var(--grid-gap)) * 0.1428571429);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-7-1--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.1428571429) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-7-1--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.1428571429) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-7-1--tablet {
    margin-right: calc((100% + 1rem) * 0.1428571429) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-7-1--mobile {
    margin-right: calc((100% + 0.625rem) * 0.1428571429) !important;
  }
}
.grid__offset-to-left-7-1 {
  margin-left: calc((100% + var(--grid-gap)) * -0.1428571429);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-7-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.1428571429) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-7-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.1428571429) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-7-1--tablet {
    margin-left: calc((100% + 1rem) * -0.1428571429) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-7-1--mobile {
    margin-left: calc((100% + 0.625rem) * -0.1428571429) !important;
  }
}
.grid__width-7-2 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.2857142857 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-7-2--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.2857142857 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-7-2--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.2857142857 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-7-2--tablet {
    width: calc((100% + 1rem) * 0.2857142857 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-7-2--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.2857142857 - 0.625rem) !important;
  }
}
.grid__offset-7-2 {
  margin-left: calc((100% + var(--grid-gap)) * 0.2857142857);
}
@media screen and (min-width: 1180px) {
  .grid__offset-7-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.2857142857) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-7-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.2857142857) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-7-2--tablet {
    margin-left: calc((100% + 1rem) * 0.2857142857) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-7-2--mobile {
    margin-left: calc((100% + 0.625rem) * 0.2857142857) !important;
  }
}
.grid__offset-right-7-2 {
  margin-right: calc((100% + var(--grid-gap)) * 0.2857142857);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-7-2--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.2857142857) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-7-2--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.2857142857) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-7-2--tablet {
    margin-right: calc((100% + 1rem) * 0.2857142857) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-7-2--mobile {
    margin-right: calc((100% + 0.625rem) * 0.2857142857) !important;
  }
}
.grid__offset-to-left-7-2 {
  margin-left: calc((100% + var(--grid-gap)) * -0.2857142857);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-7-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.2857142857) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-7-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.2857142857) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-7-2--tablet {
    margin-left: calc((100% + 1rem) * -0.2857142857) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-7-2--mobile {
    margin-left: calc((100% + 0.625rem) * -0.2857142857) !important;
  }
}
.grid__width-7-3 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.4285714286 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-7-3--desktop-medium-and-big, .creators__text {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.4285714286 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-7-3--desktop-small, .creators__text {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.4285714286 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-7-3--tablet {
    width: calc((100% + 1rem) * 0.4285714286 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-7-3--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.4285714286 - 0.625rem) !important;
  }
}
.grid__offset-7-3 {
  margin-left: calc((100% + var(--grid-gap)) * 0.4285714286);
}
@media screen and (min-width: 1180px) {
  .grid__offset-7-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.4285714286) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-7-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.4285714286) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-7-3--tablet {
    margin-left: calc((100% + 1rem) * 0.4285714286) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-7-3--mobile {
    margin-left: calc((100% + 0.625rem) * 0.4285714286) !important;
  }
}
.grid__offset-right-7-3 {
  margin-right: calc((100% + var(--grid-gap)) * 0.4285714286);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-7-3--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.4285714286) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-7-3--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.4285714286) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-7-3--tablet {
    margin-right: calc((100% + 1rem) * 0.4285714286) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-7-3--mobile {
    margin-right: calc((100% + 0.625rem) * 0.4285714286) !important;
  }
}
.grid__offset-to-left-7-3 {
  margin-left: calc((100% + var(--grid-gap)) * -0.4285714286);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-7-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.4285714286) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-7-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.4285714286) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-7-3--tablet {
    margin-left: calc((100% + 1rem) * -0.4285714286) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-7-3--mobile {
    margin-left: calc((100% + 0.625rem) * -0.4285714286) !important;
  }
}
.grid__width-7-4 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.5714285714 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-7-4--desktop-medium-and-big, .creators__title {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.5714285714 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-7-4--desktop-small, .creators__title {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.5714285714 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-7-4--tablet {
    width: calc((100% + 1rem) * 0.5714285714 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-7-4--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.5714285714 - 0.625rem) !important;
  }
}
.grid__offset-7-4 {
  margin-left: calc((100% + var(--grid-gap)) * 0.5714285714);
}
@media screen and (min-width: 1180px) {
  .grid__offset-7-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.5714285714) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-7-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.5714285714) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-7-4--tablet {
    margin-left: calc((100% + 1rem) * 0.5714285714) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-7-4--mobile {
    margin-left: calc((100% + 0.625rem) * 0.5714285714) !important;
  }
}
.grid__offset-right-7-4 {
  margin-right: calc((100% + var(--grid-gap)) * 0.5714285714);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-7-4--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.5714285714) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-7-4--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.5714285714) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-7-4--tablet {
    margin-right: calc((100% + 1rem) * 0.5714285714) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-7-4--mobile {
    margin-right: calc((100% + 0.625rem) * 0.5714285714) !important;
  }
}
.grid__offset-to-left-7-4 {
  margin-left: calc((100% + var(--grid-gap)) * -0.5714285714);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-7-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.5714285714) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-7-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.5714285714) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-7-4--tablet {
    margin-left: calc((100% + 1rem) * -0.5714285714) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-7-4--mobile {
    margin-left: calc((100% + 0.625rem) * -0.5714285714) !important;
  }
}
.grid__width-7-5 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.7142857143 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-7-5--desktop-medium-and-big, .merch__table-title, .event__content .content-block--title, .perfomance__content .content-block--title, .people__table-title {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.7142857143 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-7-5--desktop-small, .merch__table-title, .event__content .content-block--title, .perfomance__content .content-block--title, .people__table-title, .news-article__content .content-block--title {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.7142857143 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-7-5--tablet {
    width: calc((100% + 1rem) * 0.7142857143 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-7-5--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.7142857143 - 0.625rem) !important;
  }
}
.grid__offset-7-5 {
  margin-left: calc((100% + var(--grid-gap)) * 0.7142857143);
}
@media screen and (min-width: 1180px) {
  .grid__offset-7-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.7142857143) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-7-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.7142857143) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-7-5--tablet {
    margin-left: calc((100% + 1rem) * 0.7142857143) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-7-5--mobile {
    margin-left: calc((100% + 0.625rem) * 0.7142857143) !important;
  }
}
.grid__offset-right-7-5 {
  margin-right: calc((100% + var(--grid-gap)) * 0.7142857143);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-7-5--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.7142857143) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-7-5--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.7142857143) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-7-5--tablet {
    margin-right: calc((100% + 1rem) * 0.7142857143) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-7-5--mobile {
    margin-right: calc((100% + 0.625rem) * 0.7142857143) !important;
  }
}
.grid__offset-to-left-7-5 {
  margin-left: calc((100% + var(--grid-gap)) * -0.7142857143);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-7-5--desktop-medium-and-big, .merch__table-title, .event__content .content-block--more-events, .event__content .content-block--more-perfomances, .event__content .content-block--people, .event__content .content-block--slider, .event__content .content-block--title, .perfomance__content .content-block--more-events, .perfomance__content .content-block--more-perfomances, .perfomance__content .content-block--people, .perfomance__content .content-block--slider, .perfomance__content .content-block--title, .people__table-title {
    margin-left: calc((100% + 2rem) * -0.7142857143) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-7-5--desktop-small, .merch__table-title, .event__content .content-block--more-events, .event__content .content-block--more-perfomances, .event__content .content-block--people, .event__content .content-block--slider, .event__content .content-block--title, .perfomance__content .content-block--more-events, .perfomance__content .content-block--more-perfomances, .perfomance__content .content-block--people, .perfomance__content .content-block--slider, .perfomance__content .content-block--title, .people__table-title, .news-article__content .content-block--title {
    margin-left: calc((100% + 1.5rem) * -0.7142857143) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-7-5--tablet {
    margin-left: calc((100% + 1rem) * -0.7142857143) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-7-5--mobile {
    margin-left: calc((100% + 0.625rem) * -0.7142857143) !important;
  }
}
.grid__width-7-6 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.8571428571 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-7-6--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.8571428571 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-7-6--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.8571428571 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-7-6--tablet {
    width: calc((100% + 1rem) * 0.8571428571 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-7-6--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.8571428571 - 0.625rem) !important;
  }
}
.grid__offset-7-6 {
  margin-left: calc((100% + var(--grid-gap)) * 0.8571428571);
}
@media screen and (min-width: 1180px) {
  .grid__offset-7-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.8571428571) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-7-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.8571428571) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-7-6--tablet {
    margin-left: calc((100% + 1rem) * 0.8571428571) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-7-6--mobile {
    margin-left: calc((100% + 0.625rem) * 0.8571428571) !important;
  }
}
.grid__offset-right-7-6 {
  margin-right: calc((100% + var(--grid-gap)) * 0.8571428571);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-7-6--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.8571428571) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-7-6--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.8571428571) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-7-6--tablet {
    margin-right: calc((100% + 1rem) * 0.8571428571) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-7-6--mobile {
    margin-right: calc((100% + 0.625rem) * 0.8571428571) !important;
  }
}
.grid__offset-to-left-7-6 {
  margin-left: calc((100% + var(--grid-gap)) * -0.8571428571);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-7-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.8571428571) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-7-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.8571428571) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-7-6--tablet {
    margin-left: calc((100% + 1rem) * -0.8571428571) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-7-6--mobile {
    margin-left: calc((100% + 0.625rem) * -0.8571428571) !important;
  }
}
.grid__width-7-7 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-7-7--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-7-7--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-7-7--tablet {
    width: calc((100% + 1rem) * 1 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-7-7--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1 - 0.625rem) !important;
  }
}
.grid__offset-7-7 {
  margin-left: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-7-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-7-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-7-7--tablet {
    margin-left: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-7-7--mobile {
    margin-left: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-right-7-7 {
  margin-right: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-7-7--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-7-7--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-7-7--tablet {
    margin-right: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-7-7--mobile {
    margin-right: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-to-left-7-7 {
  margin-left: calc((100% + var(--grid-gap)) * -1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-7-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-7-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-7-7--tablet {
    margin-left: calc((100% + 1rem) * -1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-7-7--mobile {
    margin-left: calc((100% + 0.625rem) * -1) !important;
  }
}
.grid__width-7-8 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.1428571429 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-7-8--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.1428571429 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-7-8--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.1428571429 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-7-8--tablet {
    width: calc((100% + 1rem) * 1.1428571429 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-7-8--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.1428571429 - 0.625rem) !important;
  }
}
.grid__offset-7-8 {
  margin-left: calc((100% + var(--grid-gap)) * 1.1428571429);
}
@media screen and (min-width: 1180px) {
  .grid__offset-7-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.1428571429) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-7-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.1428571429) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-7-8--tablet {
    margin-left: calc((100% + 1rem) * 1.1428571429) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-7-8--mobile {
    margin-left: calc((100% + 0.625rem) * 1.1428571429) !important;
  }
}
.grid__offset-right-7-8 {
  margin-right: calc((100% + var(--grid-gap)) * 1.1428571429);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-7-8--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.1428571429) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-7-8--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.1428571429) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-7-8--tablet {
    margin-right: calc((100% + 1rem) * 1.1428571429) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-7-8--mobile {
    margin-right: calc((100% + 0.625rem) * 1.1428571429) !important;
  }
}
.grid__offset-to-left-7-8 {
  margin-left: calc((100% + var(--grid-gap)) * -1.1428571429);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-7-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.1428571429) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-7-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.1428571429) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-7-8--tablet {
    margin-left: calc((100% + 1rem) * -1.1428571429) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-7-8--mobile {
    margin-left: calc((100% + 0.625rem) * -1.1428571429) !important;
  }
}
.grid__width-7-9 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.2857142857 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-7-9--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.2857142857 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-7-9--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.2857142857 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-7-9--tablet {
    width: calc((100% + 1rem) * 1.2857142857 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-7-9--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.2857142857 - 0.625rem) !important;
  }
}
.grid__offset-7-9 {
  margin-left: calc((100% + var(--grid-gap)) * 1.2857142857);
}
@media screen and (min-width: 1180px) {
  .grid__offset-7-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.2857142857) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-7-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.2857142857) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-7-9--tablet {
    margin-left: calc((100% + 1rem) * 1.2857142857) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-7-9--mobile {
    margin-left: calc((100% + 0.625rem) * 1.2857142857) !important;
  }
}
.grid__offset-right-7-9 {
  margin-right: calc((100% + var(--grid-gap)) * 1.2857142857);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-7-9--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.2857142857) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-7-9--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.2857142857) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-7-9--tablet {
    margin-right: calc((100% + 1rem) * 1.2857142857) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-7-9--mobile {
    margin-right: calc((100% + 0.625rem) * 1.2857142857) !important;
  }
}
.grid__offset-to-left-7-9 {
  margin-left: calc((100% + var(--grid-gap)) * -1.2857142857);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-7-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.2857142857) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-7-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.2857142857) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-7-9--tablet {
    margin-left: calc((100% + 1rem) * -1.2857142857) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-7-9--mobile {
    margin-left: calc((100% + 0.625rem) * -1.2857142857) !important;
  }
}
.grid__width-7-10 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.4285714286 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-7-10--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.4285714286 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-7-10--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.4285714286 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-7-10--tablet {
    width: calc((100% + 1rem) * 1.4285714286 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-7-10--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.4285714286 - 0.625rem) !important;
  }
}
.grid__offset-7-10 {
  margin-left: calc((100% + var(--grid-gap)) * 1.4285714286);
}
@media screen and (min-width: 1180px) {
  .grid__offset-7-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.4285714286) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-7-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.4285714286) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-7-10--tablet {
    margin-left: calc((100% + 1rem) * 1.4285714286) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-7-10--mobile {
    margin-left: calc((100% + 0.625rem) * 1.4285714286) !important;
  }
}
.grid__offset-right-7-10 {
  margin-right: calc((100% + var(--grid-gap)) * 1.4285714286);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-7-10--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.4285714286) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-7-10--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.4285714286) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-7-10--tablet {
    margin-right: calc((100% + 1rem) * 1.4285714286) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-7-10--mobile {
    margin-right: calc((100% + 0.625rem) * 1.4285714286) !important;
  }
}
.grid__offset-to-left-7-10 {
  margin-left: calc((100% + var(--grid-gap)) * -1.4285714286);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-7-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.4285714286) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-7-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.4285714286) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-7-10--tablet {
    margin-left: calc((100% + 1rem) * -1.4285714286) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-7-10--mobile {
    margin-left: calc((100% + 0.625rem) * -1.4285714286) !important;
  }
}
.grid__width-7-11 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.5714285714 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-7-11--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.5714285714 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-7-11--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.5714285714 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-7-11--tablet {
    width: calc((100% + 1rem) * 1.5714285714 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-7-11--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.5714285714 - 0.625rem) !important;
  }
}
.grid__offset-7-11 {
  margin-left: calc((100% + var(--grid-gap)) * 1.5714285714);
}
@media screen and (min-width: 1180px) {
  .grid__offset-7-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.5714285714) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-7-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.5714285714) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-7-11--tablet {
    margin-left: calc((100% + 1rem) * 1.5714285714) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-7-11--mobile {
    margin-left: calc((100% + 0.625rem) * 1.5714285714) !important;
  }
}
.grid__offset-right-7-11 {
  margin-right: calc((100% + var(--grid-gap)) * 1.5714285714);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-7-11--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.5714285714) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-7-11--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.5714285714) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-7-11--tablet {
    margin-right: calc((100% + 1rem) * 1.5714285714) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-7-11--mobile {
    margin-right: calc((100% + 0.625rem) * 1.5714285714) !important;
  }
}
.grid__offset-to-left-7-11 {
  margin-left: calc((100% + var(--grid-gap)) * -1.5714285714);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-7-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.5714285714) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-7-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.5714285714) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-7-11--tablet {
    margin-left: calc((100% + 1rem) * -1.5714285714) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-7-11--mobile {
    margin-left: calc((100% + 0.625rem) * -1.5714285714) !important;
  }
}
.grid__width-7-12 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.7142857143 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-7-12--desktop-medium-and-big, .event__content .content-block--more-events, .event__content .content-block--more-perfomances, .event__content .content-block--people, .event__content .content-block--slider, .perfomance__content .content-block--more-events, .perfomance__content .content-block--more-perfomances, .perfomance__content .content-block--people, .perfomance__content .content-block--slider {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.7142857143 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-7-12--desktop-small, .event__content .content-block--more-events, .event__content .content-block--more-perfomances, .event__content .content-block--people, .event__content .content-block--slider, .perfomance__content .content-block--more-events, .perfomance__content .content-block--more-perfomances, .perfomance__content .content-block--people, .perfomance__content .content-block--slider {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.7142857143 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-7-12--tablet {
    width: calc((100% + 1rem) * 1.7142857143 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-7-12--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.7142857143 - 0.625rem) !important;
  }
}
.grid__offset-7-12 {
  margin-left: calc((100% + var(--grid-gap)) * 1.7142857143);
}
@media screen and (min-width: 1180px) {
  .grid__offset-7-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.7142857143) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-7-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.7142857143) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-7-12--tablet {
    margin-left: calc((100% + 1rem) * 1.7142857143) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-7-12--mobile {
    margin-left: calc((100% + 0.625rem) * 1.7142857143) !important;
  }
}
.grid__offset-right-7-12 {
  margin-right: calc((100% + var(--grid-gap)) * 1.7142857143);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-7-12--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.7142857143) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-7-12--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.7142857143) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-7-12--tablet {
    margin-right: calc((100% + 1rem) * 1.7142857143) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-7-12--mobile {
    margin-right: calc((100% + 0.625rem) * 1.7142857143) !important;
  }
}
.grid__offset-to-left-7-12 {
  margin-left: calc((100% + var(--grid-gap)) * -1.7142857143);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-7-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.7142857143) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-7-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.7142857143) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-7-12--tablet {
    margin-left: calc((100% + 1rem) * -1.7142857143) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-7-12--mobile {
    margin-left: calc((100% + 0.625rem) * -1.7142857143) !important;
  }
}
.grid__width-8-1 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.125 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-8-1--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.125 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-8-1--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.125 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-8-1--tablet {
    width: calc((100% + 1rem) * 0.125 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-8-1--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.125 - 0.625rem) !important;
  }
}
.grid__offset-8-1 {
  margin-left: calc((100% + var(--grid-gap)) * 0.125);
}
@media screen and (min-width: 1180px) {
  .grid__offset-8-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.125) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-8-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.125) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-8-1--tablet {
    margin-left: calc((100% + 1rem) * 0.125) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-8-1--mobile {
    margin-left: calc((100% + 0.625rem) * 0.125) !important;
  }
}
.grid__offset-right-8-1 {
  margin-right: calc((100% + var(--grid-gap)) * 0.125);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-8-1--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.125) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-8-1--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.125) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-8-1--tablet {
    margin-right: calc((100% + 1rem) * 0.125) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-8-1--mobile {
    margin-right: calc((100% + 0.625rem) * 0.125) !important;
  }
}
.grid__offset-to-left-8-1 {
  margin-left: calc((100% + var(--grid-gap)) * -0.125);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-8-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.125) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-8-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.125) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-8-1--tablet {
    margin-left: calc((100% + 1rem) * -0.125) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-8-1--mobile {
    margin-left: calc((100% + 0.625rem) * -0.125) !important;
  }
}
.grid__width-8-2 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.25 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-8-2--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.25 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-8-2--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.25 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-8-2--tablet {
    width: calc((100% + 1rem) * 0.25 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-8-2--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.25 - 0.625rem) !important;
  }
}
.grid__offset-8-2 {
  margin-left: calc((100% + var(--grid-gap)) * 0.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-8-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-8-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-8-2--tablet {
    margin-left: calc((100% + 1rem) * 0.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-8-2--mobile {
    margin-left: calc((100% + 0.625rem) * 0.25) !important;
  }
}
.grid__offset-right-8-2 {
  margin-right: calc((100% + var(--grid-gap)) * 0.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-8-2--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-8-2--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-8-2--tablet {
    margin-right: calc((100% + 1rem) * 0.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-8-2--mobile {
    margin-right: calc((100% + 0.625rem) * 0.25) !important;
  }
}
.grid__offset-to-left-8-2 {
  margin-left: calc((100% + var(--grid-gap)) * -0.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-8-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-8-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-8-2--tablet {
    margin-left: calc((100% + 1rem) * -0.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-8-2--mobile {
    margin-left: calc((100% + 0.625rem) * -0.25) !important;
  }
}
.grid__width-8-3 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.375 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-8-3--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.375 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-8-3--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.375 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-8-3--tablet {
    width: calc((100% + 1rem) * 0.375 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-8-3--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.375 - 0.625rem) !important;
  }
}
.grid__offset-8-3 {
  margin-left: calc((100% + var(--grid-gap)) * 0.375);
}
@media screen and (min-width: 1180px) {
  .grid__offset-8-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.375) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-8-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.375) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-8-3--tablet {
    margin-left: calc((100% + 1rem) * 0.375) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-8-3--mobile {
    margin-left: calc((100% + 0.625rem) * 0.375) !important;
  }
}
.grid__offset-right-8-3 {
  margin-right: calc((100% + var(--grid-gap)) * 0.375);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-8-3--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.375) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-8-3--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.375) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-8-3--tablet {
    margin-right: calc((100% + 1rem) * 0.375) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-8-3--mobile {
    margin-right: calc((100% + 0.625rem) * 0.375) !important;
  }
}
.grid__offset-to-left-8-3 {
  margin-left: calc((100% + var(--grid-gap)) * -0.375);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-8-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.375) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-8-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.375) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-8-3--tablet {
    margin-left: calc((100% + 1rem) * -0.375) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-8-3--mobile {
    margin-left: calc((100% + 0.625rem) * -0.375) !important;
  }
}
.grid__width-8-4 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-8-4--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-8-4--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-8-4--tablet {
    width: calc((100% + 1rem) * 0.5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-8-4--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.5 - 0.625rem) !important;
  }
}
.grid__offset-8-4 {
  margin-left: calc((100% + var(--grid-gap)) * 0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-8-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-8-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-8-4--tablet {
    margin-left: calc((100% + 1rem) * 0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-8-4--mobile {
    margin-left: calc((100% + 0.625rem) * 0.5) !important;
  }
}
.grid__offset-right-8-4 {
  margin-right: calc((100% + var(--grid-gap)) * 0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-8-4--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-8-4--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-8-4--tablet {
    margin-right: calc((100% + 1rem) * 0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-8-4--mobile {
    margin-right: calc((100% + 0.625rem) * 0.5) !important;
  }
}
.grid__offset-to-left-8-4 {
  margin-left: calc((100% + var(--grid-gap)) * -0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-8-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-8-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-8-4--tablet {
    margin-left: calc((100% + 1rem) * -0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-8-4--mobile {
    margin-left: calc((100% + 0.625rem) * -0.5) !important;
  }
}
.grid__width-8-5 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.625 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-8-5--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.625 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-8-5--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.625 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-8-5--tablet {
    width: calc((100% + 1rem) * 0.625 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-8-5--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.625 - 0.625rem) !important;
  }
}
.grid__offset-8-5 {
  margin-left: calc((100% + var(--grid-gap)) * 0.625);
}
@media screen and (min-width: 1180px) {
  .grid__offset-8-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.625) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-8-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.625) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-8-5--tablet {
    margin-left: calc((100% + 1rem) * 0.625) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-8-5--mobile {
    margin-left: calc((100% + 0.625rem) * 0.625) !important;
  }
}
.grid__offset-right-8-5 {
  margin-right: calc((100% + var(--grid-gap)) * 0.625);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-8-5--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.625) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-8-5--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.625) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-8-5--tablet {
    margin-right: calc((100% + 1rem) * 0.625) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-8-5--mobile {
    margin-right: calc((100% + 0.625rem) * 0.625) !important;
  }
}
.grid__offset-to-left-8-5 {
  margin-left: calc((100% + var(--grid-gap)) * -0.625);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-8-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.625) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-8-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.625) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-8-5--tablet {
    margin-left: calc((100% + 1rem) * -0.625) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-8-5--mobile {
    margin-left: calc((100% + 0.625rem) * -0.625) !important;
  }
}
.grid__width-8-6 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.75 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-8-6--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.75 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-8-6--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.75 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-8-6--tablet {
    width: calc((100% + 1rem) * 0.75 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-8-6--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.75 - 0.625rem) !important;
  }
}
.grid__offset-8-6 {
  margin-left: calc((100% + var(--grid-gap)) * 0.75);
}
@media screen and (min-width: 1180px) {
  .grid__offset-8-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.75) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-8-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.75) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-8-6--tablet {
    margin-left: calc((100% + 1rem) * 0.75) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-8-6--mobile {
    margin-left: calc((100% + 0.625rem) * 0.75) !important;
  }
}
.grid__offset-right-8-6 {
  margin-right: calc((100% + var(--grid-gap)) * 0.75);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-8-6--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.75) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-8-6--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.75) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-8-6--tablet {
    margin-right: calc((100% + 1rem) * 0.75) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-8-6--mobile {
    margin-right: calc((100% + 0.625rem) * 0.75) !important;
  }
}
.grid__offset-to-left-8-6 {
  margin-left: calc((100% + var(--grid-gap)) * -0.75);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-8-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.75) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-8-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.75) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-8-6--tablet {
    margin-left: calc((100% + 1rem) * -0.75) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-8-6--mobile {
    margin-left: calc((100% + 0.625rem) * -0.75) !important;
  }
}
.grid__width-8-7 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.875 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-8-7--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.875 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-8-7--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.875 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-8-7--tablet {
    width: calc((100% + 1rem) * 0.875 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-8-7--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.875 - 0.625rem) !important;
  }
}
.grid__offset-8-7 {
  margin-left: calc((100% + var(--grid-gap)) * 0.875);
}
@media screen and (min-width: 1180px) {
  .grid__offset-8-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.875) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-8-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.875) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-8-7--tablet {
    margin-left: calc((100% + 1rem) * 0.875) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-8-7--mobile {
    margin-left: calc((100% + 0.625rem) * 0.875) !important;
  }
}
.grid__offset-right-8-7 {
  margin-right: calc((100% + var(--grid-gap)) * 0.875);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-8-7--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.875) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-8-7--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.875) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-8-7--tablet {
    margin-right: calc((100% + 1rem) * 0.875) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-8-7--mobile {
    margin-right: calc((100% + 0.625rem) * 0.875) !important;
  }
}
.grid__offset-to-left-8-7 {
  margin-left: calc((100% + var(--grid-gap)) * -0.875);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-8-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.875) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-8-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.875) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-8-7--tablet {
    margin-left: calc((100% + 1rem) * -0.875) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-8-7--mobile {
    margin-left: calc((100% + 0.625rem) * -0.875) !important;
  }
}
.grid__width-8-8 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-8-8--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-8-8--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-8-8--tablet {
    width: calc((100% + 1rem) * 1 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-8-8--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1 - 0.625rem) !important;
  }
}
.grid__offset-8-8 {
  margin-left: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-8-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-8-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-8-8--tablet {
    margin-left: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-8-8--mobile {
    margin-left: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-right-8-8 {
  margin-right: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-8-8--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-8-8--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-8-8--tablet {
    margin-right: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-8-8--mobile {
    margin-right: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-to-left-8-8 {
  margin-left: calc((100% + var(--grid-gap)) * -1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-8-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-8-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-8-8--tablet {
    margin-left: calc((100% + 1rem) * -1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-8-8--mobile {
    margin-left: calc((100% + 0.625rem) * -1) !important;
  }
}
.grid__width-8-9 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.125 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-8-9--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.125 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-8-9--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.125 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-8-9--tablet {
    width: calc((100% + 1rem) * 1.125 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-8-9--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.125 - 0.625rem) !important;
  }
}
.grid__offset-8-9 {
  margin-left: calc((100% + var(--grid-gap)) * 1.125);
}
@media screen and (min-width: 1180px) {
  .grid__offset-8-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.125) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-8-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.125) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-8-9--tablet {
    margin-left: calc((100% + 1rem) * 1.125) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-8-9--mobile {
    margin-left: calc((100% + 0.625rem) * 1.125) !important;
  }
}
.grid__offset-right-8-9 {
  margin-right: calc((100% + var(--grid-gap)) * 1.125);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-8-9--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.125) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-8-9--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.125) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-8-9--tablet {
    margin-right: calc((100% + 1rem) * 1.125) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-8-9--mobile {
    margin-right: calc((100% + 0.625rem) * 1.125) !important;
  }
}
.grid__offset-to-left-8-9 {
  margin-left: calc((100% + var(--grid-gap)) * -1.125);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-8-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.125) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-8-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.125) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-8-9--tablet {
    margin-left: calc((100% + 1rem) * -1.125) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-8-9--mobile {
    margin-left: calc((100% + 0.625rem) * -1.125) !important;
  }
}
.grid__width-8-10 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.25 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-8-10--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.25 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-8-10--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.25 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-8-10--tablet {
    width: calc((100% + 1rem) * 1.25 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-8-10--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.25 - 0.625rem) !important;
  }
}
.grid__offset-8-10 {
  margin-left: calc((100% + var(--grid-gap)) * 1.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-8-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-8-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-8-10--tablet {
    margin-left: calc((100% + 1rem) * 1.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-8-10--mobile {
    margin-left: calc((100% + 0.625rem) * 1.25) !important;
  }
}
.grid__offset-right-8-10 {
  margin-right: calc((100% + var(--grid-gap)) * 1.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-8-10--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-8-10--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-8-10--tablet {
    margin-right: calc((100% + 1rem) * 1.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-8-10--mobile {
    margin-right: calc((100% + 0.625rem) * 1.25) !important;
  }
}
.grid__offset-to-left-8-10 {
  margin-left: calc((100% + var(--grid-gap)) * -1.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-8-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-8-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-8-10--tablet {
    margin-left: calc((100% + 1rem) * -1.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-8-10--mobile {
    margin-left: calc((100% + 0.625rem) * -1.25) !important;
  }
}
.grid__width-8-11 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.375 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-8-11--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.375 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-8-11--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.375 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-8-11--tablet {
    width: calc((100% + 1rem) * 1.375 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-8-11--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.375 - 0.625rem) !important;
  }
}
.grid__offset-8-11 {
  margin-left: calc((100% + var(--grid-gap)) * 1.375);
}
@media screen and (min-width: 1180px) {
  .grid__offset-8-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.375) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-8-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.375) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-8-11--tablet {
    margin-left: calc((100% + 1rem) * 1.375) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-8-11--mobile {
    margin-left: calc((100% + 0.625rem) * 1.375) !important;
  }
}
.grid__offset-right-8-11 {
  margin-right: calc((100% + var(--grid-gap)) * 1.375);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-8-11--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.375) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-8-11--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.375) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-8-11--tablet {
    margin-right: calc((100% + 1rem) * 1.375) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-8-11--mobile {
    margin-right: calc((100% + 0.625rem) * 1.375) !important;
  }
}
.grid__offset-to-left-8-11 {
  margin-left: calc((100% + var(--grid-gap)) * -1.375);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-8-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.375) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-8-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.375) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-8-11--tablet {
    margin-left: calc((100% + 1rem) * -1.375) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-8-11--mobile {
    margin-left: calc((100% + 0.625rem) * -1.375) !important;
  }
}
.grid__width-8-12 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-8-12--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-8-12--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-8-12--tablet {
    width: calc((100% + 1rem) * 1.5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-8-12--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.5 - 0.625rem) !important;
  }
}
.grid__offset-8-12 {
  margin-left: calc((100% + var(--grid-gap)) * 1.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-8-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-8-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-8-12--tablet {
    margin-left: calc((100% + 1rem) * 1.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-8-12--mobile {
    margin-left: calc((100% + 0.625rem) * 1.5) !important;
  }
}
.grid__offset-right-8-12 {
  margin-right: calc((100% + var(--grid-gap)) * 1.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-8-12--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-8-12--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-8-12--tablet {
    margin-right: calc((100% + 1rem) * 1.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-8-12--mobile {
    margin-right: calc((100% + 0.625rem) * 1.5) !important;
  }
}
.grid__offset-to-left-8-12 {
  margin-left: calc((100% + var(--grid-gap)) * -1.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-8-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-8-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-8-12--tablet {
    margin-left: calc((100% + 1rem) * -1.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-8-12--mobile {
    margin-left: calc((100% + 0.625rem) * -1.5) !important;
  }
}
.grid__width-9-1 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.1111111111 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-9-1--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.1111111111 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-9-1--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.1111111111 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-9-1--tablet {
    width: calc((100% + 1rem) * 0.1111111111 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-9-1--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.1111111111 - 0.625rem) !important;
  }
}
.grid__offset-9-1 {
  margin-left: calc((100% + var(--grid-gap)) * 0.1111111111);
}
@media screen and (min-width: 1180px) {
  .grid__offset-9-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.1111111111) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-9-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.1111111111) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-9-1--tablet {
    margin-left: calc((100% + 1rem) * 0.1111111111) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-9-1--mobile {
    margin-left: calc((100% + 0.625rem) * 0.1111111111) !important;
  }
}
.grid__offset-right-9-1 {
  margin-right: calc((100% + var(--grid-gap)) * 0.1111111111);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-9-1--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.1111111111) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-9-1--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.1111111111) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-9-1--tablet {
    margin-right: calc((100% + 1rem) * 0.1111111111) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-9-1--mobile {
    margin-right: calc((100% + 0.625rem) * 0.1111111111) !important;
  }
}
.grid__offset-to-left-9-1 {
  margin-left: calc((100% + var(--grid-gap)) * -0.1111111111);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-9-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.1111111111) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-9-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.1111111111) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-9-1--tablet {
    margin-left: calc((100% + 1rem) * -0.1111111111) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-9-1--mobile {
    margin-left: calc((100% + 0.625rem) * -0.1111111111) !important;
  }
}
.grid__width-9-2 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.2222222222 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-9-2--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.2222222222 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-9-2--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.2222222222 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-9-2--tablet {
    width: calc((100% + 1rem) * 0.2222222222 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-9-2--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.2222222222 - 0.625rem) !important;
  }
}
.grid__offset-9-2 {
  margin-left: calc((100% + var(--grid-gap)) * 0.2222222222);
}
@media screen and (min-width: 1180px) {
  .grid__offset-9-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.2222222222) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-9-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.2222222222) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-9-2--tablet {
    margin-left: calc((100% + 1rem) * 0.2222222222) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-9-2--mobile {
    margin-left: calc((100% + 0.625rem) * 0.2222222222) !important;
  }
}
.grid__offset-right-9-2 {
  margin-right: calc((100% + var(--grid-gap)) * 0.2222222222);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-9-2--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.2222222222) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-9-2--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.2222222222) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-9-2--tablet {
    margin-right: calc((100% + 1rem) * 0.2222222222) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-9-2--mobile {
    margin-right: calc((100% + 0.625rem) * 0.2222222222) !important;
  }
}
.grid__offset-to-left-9-2 {
  margin-left: calc((100% + var(--grid-gap)) * -0.2222222222);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-9-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.2222222222) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-9-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.2222222222) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-9-2--tablet {
    margin-left: calc((100% + 1rem) * -0.2222222222) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-9-2--mobile {
    margin-left: calc((100% + 0.625rem) * -0.2222222222) !important;
  }
}
.grid__width-9-3 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.3333333333 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-9-3--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.3333333333 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-9-3--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.3333333333 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-9-3--tablet {
    width: calc((100% + 1rem) * 0.3333333333 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-9-3--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.3333333333 - 0.625rem) !important;
  }
}
.grid__offset-9-3 {
  margin-left: calc((100% + var(--grid-gap)) * 0.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-9-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-9-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-9-3--tablet {
    margin-left: calc((100% + 1rem) * 0.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-9-3--mobile {
    margin-left: calc((100% + 0.625rem) * 0.3333333333) !important;
  }
}
.grid__offset-right-9-3 {
  margin-right: calc((100% + var(--grid-gap)) * 0.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-9-3--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-9-3--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-9-3--tablet {
    margin-right: calc((100% + 1rem) * 0.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-9-3--mobile {
    margin-right: calc((100% + 0.625rem) * 0.3333333333) !important;
  }
}
.grid__offset-to-left-9-3 {
  margin-left: calc((100% + var(--grid-gap)) * -0.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-9-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-9-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-9-3--tablet {
    margin-left: calc((100% + 1rem) * -0.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-9-3--mobile {
    margin-left: calc((100% + 0.625rem) * -0.3333333333) !important;
  }
}
.grid__width-9-4 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.4444444444 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-9-4--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.4444444444 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-9-4--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.4444444444 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-9-4--tablet {
    width: calc((100% + 1rem) * 0.4444444444 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-9-4--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.4444444444 - 0.625rem) !important;
  }
}
.grid__offset-9-4 {
  margin-left: calc((100% + var(--grid-gap)) * 0.4444444444);
}
@media screen and (min-width: 1180px) {
  .grid__offset-9-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.4444444444) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-9-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.4444444444) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-9-4--tablet {
    margin-left: calc((100% + 1rem) * 0.4444444444) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-9-4--mobile {
    margin-left: calc((100% + 0.625rem) * 0.4444444444) !important;
  }
}
.grid__offset-right-9-4 {
  margin-right: calc((100% + var(--grid-gap)) * 0.4444444444);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-9-4--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.4444444444) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-9-4--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.4444444444) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-9-4--tablet {
    margin-right: calc((100% + 1rem) * 0.4444444444) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-9-4--mobile {
    margin-right: calc((100% + 0.625rem) * 0.4444444444) !important;
  }
}
.grid__offset-to-left-9-4 {
  margin-left: calc((100% + var(--grid-gap)) * -0.4444444444);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-9-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.4444444444) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-9-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.4444444444) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-9-4--tablet {
    margin-left: calc((100% + 1rem) * -0.4444444444) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-9-4--mobile {
    margin-left: calc((100% + 0.625rem) * -0.4444444444) !important;
  }
}
.grid__width-9-5 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.5555555556 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-9-5--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.5555555556 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-9-5--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.5555555556 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-9-5--tablet {
    width: calc((100% + 1rem) * 0.5555555556 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-9-5--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.5555555556 - 0.625rem) !important;
  }
}
.grid__offset-9-5 {
  margin-left: calc((100% + var(--grid-gap)) * 0.5555555556);
}
@media screen and (min-width: 1180px) {
  .grid__offset-9-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.5555555556) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-9-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.5555555556) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-9-5--tablet {
    margin-left: calc((100% + 1rem) * 0.5555555556) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-9-5--mobile {
    margin-left: calc((100% + 0.625rem) * 0.5555555556) !important;
  }
}
.grid__offset-right-9-5 {
  margin-right: calc((100% + var(--grid-gap)) * 0.5555555556);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-9-5--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.5555555556) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-9-5--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.5555555556) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-9-5--tablet {
    margin-right: calc((100% + 1rem) * 0.5555555556) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-9-5--mobile {
    margin-right: calc((100% + 0.625rem) * 0.5555555556) !important;
  }
}
.grid__offset-to-left-9-5 {
  margin-left: calc((100% + var(--grid-gap)) * -0.5555555556);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-9-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.5555555556) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-9-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.5555555556) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-9-5--tablet {
    margin-left: calc((100% + 1rem) * -0.5555555556) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-9-5--mobile {
    margin-left: calc((100% + 0.625rem) * -0.5555555556) !important;
  }
}
.grid__width-9-6 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.6666666667 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-9-6--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.6666666667 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-9-6--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.6666666667 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-9-6--tablet {
    width: calc((100% + 1rem) * 0.6666666667 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-9-6--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.6666666667 - 0.625rem) !important;
  }
}
.grid__offset-9-6 {
  margin-left: calc((100% + var(--grid-gap)) * 0.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-9-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-9-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-9-6--tablet {
    margin-left: calc((100% + 1rem) * 0.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-9-6--mobile {
    margin-left: calc((100% + 0.625rem) * 0.6666666667) !important;
  }
}
.grid__offset-right-9-6 {
  margin-right: calc((100% + var(--grid-gap)) * 0.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-9-6--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-9-6--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-9-6--tablet {
    margin-right: calc((100% + 1rem) * 0.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-9-6--mobile {
    margin-right: calc((100% + 0.625rem) * 0.6666666667) !important;
  }
}
.grid__offset-to-left-9-6 {
  margin-left: calc((100% + var(--grid-gap)) * -0.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-9-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-9-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-9-6--tablet {
    margin-left: calc((100% + 1rem) * -0.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-9-6--mobile {
    margin-left: calc((100% + 0.625rem) * -0.6666666667) !important;
  }
}
.grid__width-9-7 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.7777777778 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-9-7--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.7777777778 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-9-7--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.7777777778 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-9-7--tablet {
    width: calc((100% + 1rem) * 0.7777777778 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-9-7--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.7777777778 - 0.625rem) !important;
  }
}
.grid__offset-9-7 {
  margin-left: calc((100% + var(--grid-gap)) * 0.7777777778);
}
@media screen and (min-width: 1180px) {
  .grid__offset-9-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.7777777778) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-9-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.7777777778) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-9-7--tablet {
    margin-left: calc((100% + 1rem) * 0.7777777778) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-9-7--mobile {
    margin-left: calc((100% + 0.625rem) * 0.7777777778) !important;
  }
}
.grid__offset-right-9-7 {
  margin-right: calc((100% + var(--grid-gap)) * 0.7777777778);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-9-7--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.7777777778) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-9-7--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.7777777778) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-9-7--tablet {
    margin-right: calc((100% + 1rem) * 0.7777777778) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-9-7--mobile {
    margin-right: calc((100% + 0.625rem) * 0.7777777778) !important;
  }
}
.grid__offset-to-left-9-7 {
  margin-left: calc((100% + var(--grid-gap)) * -0.7777777778);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-9-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.7777777778) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-9-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.7777777778) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-9-7--tablet {
    margin-left: calc((100% + 1rem) * -0.7777777778) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-9-7--mobile {
    margin-left: calc((100% + 0.625rem) * -0.7777777778) !important;
  }
}
.grid__width-9-8 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.8888888889 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-9-8--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.8888888889 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-9-8--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.8888888889 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-9-8--tablet {
    width: calc((100% + 1rem) * 0.8888888889 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-9-8--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.8888888889 - 0.625rem) !important;
  }
}
.grid__offset-9-8 {
  margin-left: calc((100% + var(--grid-gap)) * 0.8888888889);
}
@media screen and (min-width: 1180px) {
  .grid__offset-9-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.8888888889) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-9-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.8888888889) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-9-8--tablet {
    margin-left: calc((100% + 1rem) * 0.8888888889) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-9-8--mobile {
    margin-left: calc((100% + 0.625rem) * 0.8888888889) !important;
  }
}
.grid__offset-right-9-8 {
  margin-right: calc((100% + var(--grid-gap)) * 0.8888888889);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-9-8--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.8888888889) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-9-8--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.8888888889) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-9-8--tablet {
    margin-right: calc((100% + 1rem) * 0.8888888889) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-9-8--mobile {
    margin-right: calc((100% + 0.625rem) * 0.8888888889) !important;
  }
}
.grid__offset-to-left-9-8 {
  margin-left: calc((100% + var(--grid-gap)) * -0.8888888889);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-9-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.8888888889) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-9-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.8888888889) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-9-8--tablet {
    margin-left: calc((100% + 1rem) * -0.8888888889) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-9-8--mobile {
    margin-left: calc((100% + 0.625rem) * -0.8888888889) !important;
  }
}
.grid__width-9-9 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-9-9--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-9-9--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-9-9--tablet {
    width: calc((100% + 1rem) * 1 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-9-9--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1 - 0.625rem) !important;
  }
}
.grid__offset-9-9 {
  margin-left: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-9-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-9-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-9-9--tablet {
    margin-left: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-9-9--mobile {
    margin-left: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-right-9-9 {
  margin-right: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-9-9--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-9-9--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-9-9--tablet {
    margin-right: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-9-9--mobile {
    margin-right: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-to-left-9-9 {
  margin-left: calc((100% + var(--grid-gap)) * -1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-9-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-9-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-9-9--tablet {
    margin-left: calc((100% + 1rem) * -1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-9-9--mobile {
    margin-left: calc((100% + 0.625rem) * -1) !important;
  }
}
.grid__width-9-10 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.1111111111 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-9-10--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.1111111111 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-9-10--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.1111111111 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-9-10--tablet {
    width: calc((100% + 1rem) * 1.1111111111 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-9-10--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.1111111111 - 0.625rem) !important;
  }
}
.grid__offset-9-10 {
  margin-left: calc((100% + var(--grid-gap)) * 1.1111111111);
}
@media screen and (min-width: 1180px) {
  .grid__offset-9-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.1111111111) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-9-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.1111111111) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-9-10--tablet {
    margin-left: calc((100% + 1rem) * 1.1111111111) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-9-10--mobile {
    margin-left: calc((100% + 0.625rem) * 1.1111111111) !important;
  }
}
.grid__offset-right-9-10 {
  margin-right: calc((100% + var(--grid-gap)) * 1.1111111111);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-9-10--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.1111111111) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-9-10--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.1111111111) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-9-10--tablet {
    margin-right: calc((100% + 1rem) * 1.1111111111) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-9-10--mobile {
    margin-right: calc((100% + 0.625rem) * 1.1111111111) !important;
  }
}
.grid__offset-to-left-9-10 {
  margin-left: calc((100% + var(--grid-gap)) * -1.1111111111);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-9-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.1111111111) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-9-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.1111111111) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-9-10--tablet {
    margin-left: calc((100% + 1rem) * -1.1111111111) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-9-10--mobile {
    margin-left: calc((100% + 0.625rem) * -1.1111111111) !important;
  }
}
.grid__width-9-11 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.2222222222 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-9-11--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.2222222222 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-9-11--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.2222222222 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-9-11--tablet {
    width: calc((100% + 1rem) * 1.2222222222 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-9-11--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.2222222222 - 0.625rem) !important;
  }
}
.grid__offset-9-11 {
  margin-left: calc((100% + var(--grid-gap)) * 1.2222222222);
}
@media screen and (min-width: 1180px) {
  .grid__offset-9-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.2222222222) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-9-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.2222222222) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-9-11--tablet {
    margin-left: calc((100% + 1rem) * 1.2222222222) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-9-11--mobile {
    margin-left: calc((100% + 0.625rem) * 1.2222222222) !important;
  }
}
.grid__offset-right-9-11 {
  margin-right: calc((100% + var(--grid-gap)) * 1.2222222222);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-9-11--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.2222222222) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-9-11--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.2222222222) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-9-11--tablet {
    margin-right: calc((100% + 1rem) * 1.2222222222) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-9-11--mobile {
    margin-right: calc((100% + 0.625rem) * 1.2222222222) !important;
  }
}
.grid__offset-to-left-9-11 {
  margin-left: calc((100% + var(--grid-gap)) * -1.2222222222);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-9-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.2222222222) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-9-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.2222222222) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-9-11--tablet {
    margin-left: calc((100% + 1rem) * -1.2222222222) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-9-11--mobile {
    margin-left: calc((100% + 0.625rem) * -1.2222222222) !important;
  }
}
.grid__width-9-12 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.3333333333 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-9-12--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.3333333333 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-9-12--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.3333333333 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-9-12--tablet {
    width: calc((100% + 1rem) * 1.3333333333 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-9-12--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.3333333333 - 0.625rem) !important;
  }
}
.grid__offset-9-12 {
  margin-left: calc((100% + var(--grid-gap)) * 1.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-9-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-9-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-9-12--tablet {
    margin-left: calc((100% + 1rem) * 1.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-9-12--mobile {
    margin-left: calc((100% + 0.625rem) * 1.3333333333) !important;
  }
}
.grid__offset-right-9-12 {
  margin-right: calc((100% + var(--grid-gap)) * 1.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-9-12--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-9-12--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-9-12--tablet {
    margin-right: calc((100% + 1rem) * 1.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-9-12--mobile {
    margin-right: calc((100% + 0.625rem) * 1.3333333333) !important;
  }
}
.grid__offset-to-left-9-12 {
  margin-left: calc((100% + var(--grid-gap)) * -1.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-9-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-9-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-9-12--tablet {
    margin-left: calc((100% + 1rem) * -1.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-9-12--mobile {
    margin-left: calc((100% + 0.625rem) * -1.3333333333) !important;
  }
}
.grid__width-10-1 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.1 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-10-1--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.1 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-10-1--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.1 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-10-1--tablet {
    width: calc((100% + 1rem) * 0.1 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-10-1--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.1 - 0.625rem) !important;
  }
}
.grid__offset-10-1 {
  margin-left: calc((100% + var(--grid-gap)) * 0.1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-10-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-10-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-10-1--tablet {
    margin-left: calc((100% + 1rem) * 0.1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-10-1--mobile {
    margin-left: calc((100% + 0.625rem) * 0.1) !important;
  }
}
.grid__offset-right-10-1 {
  margin-right: calc((100% + var(--grid-gap)) * 0.1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-10-1--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-10-1--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-10-1--tablet {
    margin-right: calc((100% + 1rem) * 0.1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-10-1--mobile {
    margin-right: calc((100% + 0.625rem) * 0.1) !important;
  }
}
.grid__offset-to-left-10-1 {
  margin-left: calc((100% + var(--grid-gap)) * -0.1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-10-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-10-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-10-1--tablet {
    margin-left: calc((100% + 1rem) * -0.1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-10-1--mobile {
    margin-left: calc((100% + 0.625rem) * -0.1) !important;
  }
}
.grid__width-10-2 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.2 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-10-2--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.2 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-10-2--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.2 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-10-2--tablet {
    width: calc((100% + 1rem) * 0.2 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-10-2--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.2 - 0.625rem) !important;
  }
}
.grid__offset-10-2 {
  margin-left: calc((100% + var(--grid-gap)) * 0.2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-10-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-10-2--desktop-small, .poster-item__author-text {
    margin-left: calc((100% + 1.5rem) * 0.2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-10-2--tablet {
    margin-left: calc((100% + 1rem) * 0.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-10-2--mobile {
    margin-left: calc((100% + 0.625rem) * 0.2) !important;
  }
}
.grid__offset-right-10-2 {
  margin-right: calc((100% + var(--grid-gap)) * 0.2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-10-2--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-10-2--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-10-2--tablet {
    margin-right: calc((100% + 1rem) * 0.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-10-2--mobile {
    margin-right: calc((100% + 0.625rem) * 0.2) !important;
  }
}
.grid__offset-to-left-10-2 {
  margin-left: calc((100% + var(--grid-gap)) * -0.2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-10-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-10-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-10-2--tablet {
    margin-left: calc((100% + 1rem) * -0.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-10-2--mobile {
    margin-left: calc((100% + 0.625rem) * -0.2) !important;
  }
}
.grid__width-10-3 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.3 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-10-3--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.3 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-10-3--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.3 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-10-3--tablet {
    width: calc((100% + 1rem) * 0.3 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-10-3--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.3 - 0.625rem) !important;
  }
}
.grid__offset-10-3 {
  margin-left: calc((100% + var(--grid-gap)) * 0.3);
}
@media screen and (min-width: 1180px) {
  .grid__offset-10-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.3) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-10-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.3) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-10-3--tablet {
    margin-left: calc((100% + 1rem) * 0.3) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-10-3--mobile {
    margin-left: calc((100% + 0.625rem) * 0.3) !important;
  }
}
.grid__offset-right-10-3 {
  margin-right: calc((100% + var(--grid-gap)) * 0.3);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-10-3--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.3) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-10-3--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.3) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-10-3--tablet {
    margin-right: calc((100% + 1rem) * 0.3) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-10-3--mobile {
    margin-right: calc((100% + 0.625rem) * 0.3) !important;
  }
}
.grid__offset-to-left-10-3 {
  margin-left: calc((100% + var(--grid-gap)) * -0.3);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-10-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.3) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-10-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.3) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-10-3--tablet {
    margin-left: calc((100% + 1rem) * -0.3) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-10-3--mobile {
    margin-left: calc((100% + 0.625rem) * -0.3) !important;
  }
}
.grid__width-10-4 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.4 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-10-4--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.4 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-10-4--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.4 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-10-4--tablet {
    width: calc((100% + 1rem) * 0.4 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-10-4--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.4 - 0.625rem) !important;
  }
}
.grid__offset-10-4 {
  margin-left: calc((100% + var(--grid-gap)) * 0.4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-10-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-10-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-10-4--tablet {
    margin-left: calc((100% + 1rem) * 0.4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-10-4--mobile {
    margin-left: calc((100% + 0.625rem) * 0.4) !important;
  }
}
.grid__offset-right-10-4 {
  margin-right: calc((100% + var(--grid-gap)) * 0.4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-10-4--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-10-4--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-10-4--tablet {
    margin-right: calc((100% + 1rem) * 0.4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-10-4--mobile {
    margin-right: calc((100% + 0.625rem) * 0.4) !important;
  }
}
.grid__offset-to-left-10-4 {
  margin-left: calc((100% + var(--grid-gap)) * -0.4);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-10-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.4) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-10-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.4) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-10-4--tablet {
    margin-left: calc((100% + 1rem) * -0.4) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-10-4--mobile {
    margin-left: calc((100% + 0.625rem) * -0.4) !important;
  }
}
.grid__width-10-5 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-10-5--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-10-5--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-10-5--tablet {
    width: calc((100% + 1rem) * 0.5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-10-5--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.5 - 0.625rem) !important;
  }
}
.grid__offset-10-5 {
  margin-left: calc((100% + var(--grid-gap)) * 0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-10-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-10-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-10-5--tablet {
    margin-left: calc((100% + 1rem) * 0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-10-5--mobile {
    margin-left: calc((100% + 0.625rem) * 0.5) !important;
  }
}
.grid__offset-right-10-5 {
  margin-right: calc((100% + var(--grid-gap)) * 0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-10-5--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-10-5--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-10-5--tablet {
    margin-right: calc((100% + 1rem) * 0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-10-5--mobile {
    margin-right: calc((100% + 0.625rem) * 0.5) !important;
  }
}
.grid__offset-to-left-10-5 {
  margin-left: calc((100% + var(--grid-gap)) * -0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-10-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-10-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-10-5--tablet {
    margin-left: calc((100% + 1rem) * -0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-10-5--mobile {
    margin-left: calc((100% + 0.625rem) * -0.5) !important;
  }
}
.grid__width-10-6 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.6 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-10-6--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.6 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-10-6--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.6 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-10-6--tablet {
    width: calc((100% + 1rem) * 0.6 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-10-6--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.6 - 0.625rem) !important;
  }
}
.grid__offset-10-6 {
  margin-left: calc((100% + var(--grid-gap)) * 0.6);
}
@media screen and (min-width: 1180px) {
  .grid__offset-10-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.6) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-10-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.6) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-10-6--tablet {
    margin-left: calc((100% + 1rem) * 0.6) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-10-6--mobile {
    margin-left: calc((100% + 0.625rem) * 0.6) !important;
  }
}
.grid__offset-right-10-6 {
  margin-right: calc((100% + var(--grid-gap)) * 0.6);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-10-6--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.6) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-10-6--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.6) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-10-6--tablet {
    margin-right: calc((100% + 1rem) * 0.6) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-10-6--mobile {
    margin-right: calc((100% + 0.625rem) * 0.6) !important;
  }
}
.grid__offset-to-left-10-6 {
  margin-left: calc((100% + var(--grid-gap)) * -0.6);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-10-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.6) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-10-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.6) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-10-6--tablet {
    margin-left: calc((100% + 1rem) * -0.6) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-10-6--mobile {
    margin-left: calc((100% + 0.625rem) * -0.6) !important;
  }
}
.grid__width-10-7 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.7 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-10-7--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.7 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-10-7--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.7 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-10-7--tablet {
    width: calc((100% + 1rem) * 0.7 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-10-7--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.7 - 0.625rem) !important;
  }
}
.grid__offset-10-7 {
  margin-left: calc((100% + var(--grid-gap)) * 0.7);
}
@media screen and (min-width: 1180px) {
  .grid__offset-10-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.7) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-10-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.7) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-10-7--tablet {
    margin-left: calc((100% + 1rem) * 0.7) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-10-7--mobile {
    margin-left: calc((100% + 0.625rem) * 0.7) !important;
  }
}
.grid__offset-right-10-7 {
  margin-right: calc((100% + var(--grid-gap)) * 0.7);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-10-7--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.7) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-10-7--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.7) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-10-7--tablet {
    margin-right: calc((100% + 1rem) * 0.7) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-10-7--mobile {
    margin-right: calc((100% + 0.625rem) * 0.7) !important;
  }
}
.grid__offset-to-left-10-7 {
  margin-left: calc((100% + var(--grid-gap)) * -0.7);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-10-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.7) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-10-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.7) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-10-7--tablet {
    margin-left: calc((100% + 1rem) * -0.7) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-10-7--mobile {
    margin-left: calc((100% + 0.625rem) * -0.7) !important;
  }
}
.grid__width-10-8 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.8 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-10-8--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.8 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-10-8--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.8 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-10-8--tablet {
    width: calc((100% + 1rem) * 0.8 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-10-8--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.8 - 0.625rem) !important;
  }
}
.grid__offset-10-8 {
  margin-left: calc((100% + var(--grid-gap)) * 0.8);
}
@media screen and (min-width: 1180px) {
  .grid__offset-10-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.8) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-10-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.8) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-10-8--tablet {
    margin-left: calc((100% + 1rem) * 0.8) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-10-8--mobile {
    margin-left: calc((100% + 0.625rem) * 0.8) !important;
  }
}
.grid__offset-right-10-8 {
  margin-right: calc((100% + var(--grid-gap)) * 0.8);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-10-8--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.8) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-10-8--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.8) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-10-8--tablet {
    margin-right: calc((100% + 1rem) * 0.8) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-10-8--mobile {
    margin-right: calc((100% + 0.625rem) * 0.8) !important;
  }
}
.grid__offset-to-left-10-8 {
  margin-left: calc((100% + var(--grid-gap)) * -0.8);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-10-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.8) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-10-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.8) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-10-8--tablet {
    margin-left: calc((100% + 1rem) * -0.8) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-10-8--mobile {
    margin-left: calc((100% + 0.625rem) * -0.8) !important;
  }
}
.grid__width-10-9 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.9 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-10-9--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.9 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-10-9--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.9 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-10-9--tablet {
    width: calc((100% + 1rem) * 0.9 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-10-9--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.9 - 0.625rem) !important;
  }
}
.grid__offset-10-9 {
  margin-left: calc((100% + var(--grid-gap)) * 0.9);
}
@media screen and (min-width: 1180px) {
  .grid__offset-10-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.9) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-10-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.9) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-10-9--tablet {
    margin-left: calc((100% + 1rem) * 0.9) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-10-9--mobile {
    margin-left: calc((100% + 0.625rem) * 0.9) !important;
  }
}
.grid__offset-right-10-9 {
  margin-right: calc((100% + var(--grid-gap)) * 0.9);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-10-9--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.9) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-10-9--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.9) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-10-9--tablet {
    margin-right: calc((100% + 1rem) * 0.9) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-10-9--mobile {
    margin-right: calc((100% + 0.625rem) * 0.9) !important;
  }
}
.grid__offset-to-left-10-9 {
  margin-left: calc((100% + var(--grid-gap)) * -0.9);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-10-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.9) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-10-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.9) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-10-9--tablet {
    margin-left: calc((100% + 1rem) * -0.9) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-10-9--mobile {
    margin-left: calc((100% + 0.625rem) * -0.9) !important;
  }
}
.grid__width-10-10 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-10-10--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-10-10--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-10-10--tablet {
    width: calc((100% + 1rem) * 1 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-10-10--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1 - 0.625rem) !important;
  }
}
.grid__offset-10-10 {
  margin-left: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-10-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-10-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-10-10--tablet {
    margin-left: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-10-10--mobile {
    margin-left: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-right-10-10 {
  margin-right: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-10-10--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-10-10--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-10-10--tablet {
    margin-right: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-10-10--mobile {
    margin-right: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-to-left-10-10 {
  margin-left: calc((100% + var(--grid-gap)) * -1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-10-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-10-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-10-10--tablet {
    margin-left: calc((100% + 1rem) * -1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-10-10--mobile {
    margin-left: calc((100% + 0.625rem) * -1) !important;
  }
}
.grid__width-10-11 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.1 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-10-11--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.1 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-10-11--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.1 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-10-11--tablet {
    width: calc((100% + 1rem) * 1.1 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-10-11--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.1 - 0.625rem) !important;
  }
}
.grid__offset-10-11 {
  margin-left: calc((100% + var(--grid-gap)) * 1.1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-10-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-10-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-10-11--tablet {
    margin-left: calc((100% + 1rem) * 1.1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-10-11--mobile {
    margin-left: calc((100% + 0.625rem) * 1.1) !important;
  }
}
.grid__offset-right-10-11 {
  margin-right: calc((100% + var(--grid-gap)) * 1.1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-10-11--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-10-11--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-10-11--tablet {
    margin-right: calc((100% + 1rem) * 1.1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-10-11--mobile {
    margin-right: calc((100% + 0.625rem) * 1.1) !important;
  }
}
.grid__offset-to-left-10-11 {
  margin-left: calc((100% + var(--grid-gap)) * -1.1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-10-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-10-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-10-11--tablet {
    margin-left: calc((100% + 1rem) * -1.1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-10-11--mobile {
    margin-left: calc((100% + 0.625rem) * -1.1) !important;
  }
}
.grid__width-10-12 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.2 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-10-12--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.2 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-10-12--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.2 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-10-12--tablet {
    width: calc((100% + 1rem) * 1.2 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-10-12--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.2 - 0.625rem) !important;
  }
}
.grid__offset-10-12 {
  margin-left: calc((100% + var(--grid-gap)) * 1.2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-10-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-10-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-10-12--tablet {
    margin-left: calc((100% + 1rem) * 1.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-10-12--mobile {
    margin-left: calc((100% + 0.625rem) * 1.2) !important;
  }
}
.grid__offset-right-10-12 {
  margin-right: calc((100% + var(--grid-gap)) * 1.2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-10-12--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-10-12--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-10-12--tablet {
    margin-right: calc((100% + 1rem) * 1.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-10-12--mobile {
    margin-right: calc((100% + 0.625rem) * 1.2) !important;
  }
}
.grid__offset-to-left-10-12 {
  margin-left: calc((100% + var(--grid-gap)) * -1.2);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-10-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.2) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-10-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-10-12--tablet {
    margin-left: calc((100% + 1rem) * -1.2) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-10-12--mobile {
    margin-left: calc((100% + 0.625rem) * -1.2) !important;
  }
}
.grid__width-11-1 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.0909090909 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-11-1--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.0909090909 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-11-1--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.0909090909 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-11-1--tablet {
    width: calc((100% + 1rem) * 0.0909090909 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-11-1--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.0909090909 - 0.625rem) !important;
  }
}
.grid__offset-11-1 {
  margin-left: calc((100% + var(--grid-gap)) * 0.0909090909);
}
@media screen and (min-width: 1180px) {
  .grid__offset-11-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.0909090909) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-11-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.0909090909) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-11-1--tablet {
    margin-left: calc((100% + 1rem) * 0.0909090909) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-11-1--mobile {
    margin-left: calc((100% + 0.625rem) * 0.0909090909) !important;
  }
}
.grid__offset-right-11-1 {
  margin-right: calc((100% + var(--grid-gap)) * 0.0909090909);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-11-1--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.0909090909) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-11-1--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.0909090909) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-11-1--tablet {
    margin-right: calc((100% + 1rem) * 0.0909090909) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-11-1--mobile {
    margin-right: calc((100% + 0.625rem) * 0.0909090909) !important;
  }
}
.grid__offset-to-left-11-1 {
  margin-left: calc((100% + var(--grid-gap)) * -0.0909090909);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-11-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.0909090909) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-11-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.0909090909) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-11-1--tablet {
    margin-left: calc((100% + 1rem) * -0.0909090909) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-11-1--mobile {
    margin-left: calc((100% + 0.625rem) * -0.0909090909) !important;
  }
}
.grid__width-11-2 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.1818181818 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-11-2--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.1818181818 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-11-2--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.1818181818 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-11-2--tablet {
    width: calc((100% + 1rem) * 0.1818181818 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-11-2--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.1818181818 - 0.625rem) !important;
  }
}
.grid__offset-11-2 {
  margin-left: calc((100% + var(--grid-gap)) * 0.1818181818);
}
@media screen and (min-width: 1180px) {
  .grid__offset-11-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.1818181818) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-11-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.1818181818) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-11-2--tablet {
    margin-left: calc((100% + 1rem) * 0.1818181818) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-11-2--mobile {
    margin-left: calc((100% + 0.625rem) * 0.1818181818) !important;
  }
}
.grid__offset-right-11-2 {
  margin-right: calc((100% + var(--grid-gap)) * 0.1818181818);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-11-2--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.1818181818) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-11-2--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.1818181818) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-11-2--tablet {
    margin-right: calc((100% + 1rem) * 0.1818181818) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-11-2--mobile {
    margin-right: calc((100% + 0.625rem) * 0.1818181818) !important;
  }
}
.grid__offset-to-left-11-2 {
  margin-left: calc((100% + var(--grid-gap)) * -0.1818181818);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-11-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.1818181818) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-11-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.1818181818) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-11-2--tablet {
    margin-left: calc((100% + 1rem) * -0.1818181818) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-11-2--mobile {
    margin-left: calc((100% + 0.625rem) * -0.1818181818) !important;
  }
}
.grid__width-11-3 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.2727272727 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-11-3--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.2727272727 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-11-3--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.2727272727 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-11-3--tablet {
    width: calc((100% + 1rem) * 0.2727272727 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-11-3--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.2727272727 - 0.625rem) !important;
  }
}
.grid__offset-11-3 {
  margin-left: calc((100% + var(--grid-gap)) * 0.2727272727);
}
@media screen and (min-width: 1180px) {
  .grid__offset-11-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.2727272727) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-11-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.2727272727) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-11-3--tablet {
    margin-left: calc((100% + 1rem) * 0.2727272727) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-11-3--mobile {
    margin-left: calc((100% + 0.625rem) * 0.2727272727) !important;
  }
}
.grid__offset-right-11-3 {
  margin-right: calc((100% + var(--grid-gap)) * 0.2727272727);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-11-3--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.2727272727) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-11-3--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.2727272727) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-11-3--tablet {
    margin-right: calc((100% + 1rem) * 0.2727272727) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-11-3--mobile {
    margin-right: calc((100% + 0.625rem) * 0.2727272727) !important;
  }
}
.grid__offset-to-left-11-3 {
  margin-left: calc((100% + var(--grid-gap)) * -0.2727272727);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-11-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.2727272727) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-11-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.2727272727) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-11-3--tablet {
    margin-left: calc((100% + 1rem) * -0.2727272727) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-11-3--mobile {
    margin-left: calc((100% + 0.625rem) * -0.2727272727) !important;
  }
}
.grid__width-11-4 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.3636363636 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-11-4--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.3636363636 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-11-4--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.3636363636 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-11-4--tablet {
    width: calc((100% + 1rem) * 0.3636363636 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-11-4--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.3636363636 - 0.625rem) !important;
  }
}
.grid__offset-11-4 {
  margin-left: calc((100% + var(--grid-gap)) * 0.3636363636);
}
@media screen and (min-width: 1180px) {
  .grid__offset-11-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.3636363636) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-11-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.3636363636) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-11-4--tablet {
    margin-left: calc((100% + 1rem) * 0.3636363636) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-11-4--mobile {
    margin-left: calc((100% + 0.625rem) * 0.3636363636) !important;
  }
}
.grid__offset-right-11-4 {
  margin-right: calc((100% + var(--grid-gap)) * 0.3636363636);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-11-4--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.3636363636) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-11-4--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.3636363636) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-11-4--tablet {
    margin-right: calc((100% + 1rem) * 0.3636363636) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-11-4--mobile {
    margin-right: calc((100% + 0.625rem) * 0.3636363636) !important;
  }
}
.grid__offset-to-left-11-4 {
  margin-left: calc((100% + var(--grid-gap)) * -0.3636363636);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-11-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.3636363636) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-11-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.3636363636) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-11-4--tablet {
    margin-left: calc((100% + 1rem) * -0.3636363636) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-11-4--mobile {
    margin-left: calc((100% + 0.625rem) * -0.3636363636) !important;
  }
}
.grid__width-11-5 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.4545454545 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-11-5--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.4545454545 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-11-5--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.4545454545 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-11-5--tablet {
    width: calc((100% + 1rem) * 0.4545454545 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-11-5--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.4545454545 - 0.625rem) !important;
  }
}
.grid__offset-11-5 {
  margin-left: calc((100% + var(--grid-gap)) * 0.4545454545);
}
@media screen and (min-width: 1180px) {
  .grid__offset-11-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.4545454545) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-11-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.4545454545) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-11-5--tablet {
    margin-left: calc((100% + 1rem) * 0.4545454545) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-11-5--mobile {
    margin-left: calc((100% + 0.625rem) * 0.4545454545) !important;
  }
}
.grid__offset-right-11-5 {
  margin-right: calc((100% + var(--grid-gap)) * 0.4545454545);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-11-5--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.4545454545) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-11-5--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.4545454545) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-11-5--tablet {
    margin-right: calc((100% + 1rem) * 0.4545454545) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-11-5--mobile {
    margin-right: calc((100% + 0.625rem) * 0.4545454545) !important;
  }
}
.grid__offset-to-left-11-5 {
  margin-left: calc((100% + var(--grid-gap)) * -0.4545454545);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-11-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.4545454545) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-11-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.4545454545) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-11-5--tablet {
    margin-left: calc((100% + 1rem) * -0.4545454545) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-11-5--mobile {
    margin-left: calc((100% + 0.625rem) * -0.4545454545) !important;
  }
}
.grid__width-11-6 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.5454545455 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-11-6--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.5454545455 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-11-6--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.5454545455 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-11-6--tablet {
    width: calc((100% + 1rem) * 0.5454545455 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-11-6--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.5454545455 - 0.625rem) !important;
  }
}
.grid__offset-11-6 {
  margin-left: calc((100% + var(--grid-gap)) * 0.5454545455);
}
@media screen and (min-width: 1180px) {
  .grid__offset-11-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.5454545455) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-11-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.5454545455) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-11-6--tablet {
    margin-left: calc((100% + 1rem) * 0.5454545455) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-11-6--mobile {
    margin-left: calc((100% + 0.625rem) * 0.5454545455) !important;
  }
}
.grid__offset-right-11-6 {
  margin-right: calc((100% + var(--grid-gap)) * 0.5454545455);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-11-6--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.5454545455) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-11-6--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.5454545455) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-11-6--tablet {
    margin-right: calc((100% + 1rem) * 0.5454545455) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-11-6--mobile {
    margin-right: calc((100% + 0.625rem) * 0.5454545455) !important;
  }
}
.grid__offset-to-left-11-6 {
  margin-left: calc((100% + var(--grid-gap)) * -0.5454545455);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-11-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.5454545455) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-11-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.5454545455) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-11-6--tablet {
    margin-left: calc((100% + 1rem) * -0.5454545455) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-11-6--mobile {
    margin-left: calc((100% + 0.625rem) * -0.5454545455) !important;
  }
}
.grid__width-11-7 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.6363636364 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-11-7--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.6363636364 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-11-7--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.6363636364 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-11-7--tablet {
    width: calc((100% + 1rem) * 0.6363636364 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-11-7--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.6363636364 - 0.625rem) !important;
  }
}
.grid__offset-11-7 {
  margin-left: calc((100% + var(--grid-gap)) * 0.6363636364);
}
@media screen and (min-width: 1180px) {
  .grid__offset-11-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.6363636364) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-11-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.6363636364) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-11-7--tablet {
    margin-left: calc((100% + 1rem) * 0.6363636364) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-11-7--mobile {
    margin-left: calc((100% + 0.625rem) * 0.6363636364) !important;
  }
}
.grid__offset-right-11-7 {
  margin-right: calc((100% + var(--grid-gap)) * 0.6363636364);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-11-7--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.6363636364) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-11-7--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.6363636364) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-11-7--tablet {
    margin-right: calc((100% + 1rem) * 0.6363636364) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-11-7--mobile {
    margin-right: calc((100% + 0.625rem) * 0.6363636364) !important;
  }
}
.grid__offset-to-left-11-7 {
  margin-left: calc((100% + var(--grid-gap)) * -0.6363636364);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-11-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.6363636364) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-11-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.6363636364) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-11-7--tablet {
    margin-left: calc((100% + 1rem) * -0.6363636364) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-11-7--mobile {
    margin-left: calc((100% + 0.625rem) * -0.6363636364) !important;
  }
}
.grid__width-11-8 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.7272727273 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-11-8--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.7272727273 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-11-8--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.7272727273 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-11-8--tablet {
    width: calc((100% + 1rem) * 0.7272727273 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-11-8--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.7272727273 - 0.625rem) !important;
  }
}
.grid__offset-11-8 {
  margin-left: calc((100% + var(--grid-gap)) * 0.7272727273);
}
@media screen and (min-width: 1180px) {
  .grid__offset-11-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.7272727273) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-11-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.7272727273) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-11-8--tablet {
    margin-left: calc((100% + 1rem) * 0.7272727273) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-11-8--mobile {
    margin-left: calc((100% + 0.625rem) * 0.7272727273) !important;
  }
}
.grid__offset-right-11-8 {
  margin-right: calc((100% + var(--grid-gap)) * 0.7272727273);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-11-8--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.7272727273) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-11-8--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.7272727273) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-11-8--tablet {
    margin-right: calc((100% + 1rem) * 0.7272727273) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-11-8--mobile {
    margin-right: calc((100% + 0.625rem) * 0.7272727273) !important;
  }
}
.grid__offset-to-left-11-8 {
  margin-left: calc((100% + var(--grid-gap)) * -0.7272727273);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-11-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.7272727273) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-11-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.7272727273) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-11-8--tablet {
    margin-left: calc((100% + 1rem) * -0.7272727273) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-11-8--mobile {
    margin-left: calc((100% + 0.625rem) * -0.7272727273) !important;
  }
}
.grid__width-11-9 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.8181818182 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-11-9--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.8181818182 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-11-9--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.8181818182 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-11-9--tablet {
    width: calc((100% + 1rem) * 0.8181818182 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-11-9--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.8181818182 - 0.625rem) !important;
  }
}
.grid__offset-11-9 {
  margin-left: calc((100% + var(--grid-gap)) * 0.8181818182);
}
@media screen and (min-width: 1180px) {
  .grid__offset-11-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.8181818182) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-11-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.8181818182) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-11-9--tablet {
    margin-left: calc((100% + 1rem) * 0.8181818182) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-11-9--mobile {
    margin-left: calc((100% + 0.625rem) * 0.8181818182) !important;
  }
}
.grid__offset-right-11-9 {
  margin-right: calc((100% + var(--grid-gap)) * 0.8181818182);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-11-9--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.8181818182) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-11-9--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.8181818182) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-11-9--tablet {
    margin-right: calc((100% + 1rem) * 0.8181818182) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-11-9--mobile {
    margin-right: calc((100% + 0.625rem) * 0.8181818182) !important;
  }
}
.grid__offset-to-left-11-9 {
  margin-left: calc((100% + var(--grid-gap)) * -0.8181818182);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-11-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.8181818182) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-11-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.8181818182) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-11-9--tablet {
    margin-left: calc((100% + 1rem) * -0.8181818182) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-11-9--mobile {
    margin-left: calc((100% + 0.625rem) * -0.8181818182) !important;
  }
}
.grid__width-11-10 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.9090909091 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-11-10--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.9090909091 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-11-10--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.9090909091 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-11-10--tablet {
    width: calc((100% + 1rem) * 0.9090909091 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-11-10--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.9090909091 - 0.625rem) !important;
  }
}
.grid__offset-11-10 {
  margin-left: calc((100% + var(--grid-gap)) * 0.9090909091);
}
@media screen and (min-width: 1180px) {
  .grid__offset-11-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.9090909091) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-11-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.9090909091) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-11-10--tablet {
    margin-left: calc((100% + 1rem) * 0.9090909091) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-11-10--mobile {
    margin-left: calc((100% + 0.625rem) * 0.9090909091) !important;
  }
}
.grid__offset-right-11-10 {
  margin-right: calc((100% + var(--grid-gap)) * 0.9090909091);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-11-10--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.9090909091) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-11-10--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.9090909091) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-11-10--tablet {
    margin-right: calc((100% + 1rem) * 0.9090909091) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-11-10--mobile {
    margin-right: calc((100% + 0.625rem) * 0.9090909091) !important;
  }
}
.grid__offset-to-left-11-10 {
  margin-left: calc((100% + var(--grid-gap)) * -0.9090909091);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-11-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.9090909091) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-11-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.9090909091) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-11-10--tablet {
    margin-left: calc((100% + 1rem) * -0.9090909091) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-11-10--mobile {
    margin-left: calc((100% + 0.625rem) * -0.9090909091) !important;
  }
}
.grid__width-11-11 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-11-11--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-11-11--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-11-11--tablet {
    width: calc((100% + 1rem) * 1 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-11-11--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1 - 0.625rem) !important;
  }
}
.grid__offset-11-11 {
  margin-left: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-11-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-11-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-11-11--tablet {
    margin-left: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-11-11--mobile {
    margin-left: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-right-11-11 {
  margin-right: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-11-11--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-11-11--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-11-11--tablet {
    margin-right: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-11-11--mobile {
    margin-right: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-to-left-11-11 {
  margin-left: calc((100% + var(--grid-gap)) * -1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-11-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-11-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-11-11--tablet {
    margin-left: calc((100% + 1rem) * -1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-11-11--mobile {
    margin-left: calc((100% + 0.625rem) * -1) !important;
  }
}
.grid__width-11-12 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1.0909090909 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-11-12--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1.0909090909 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-11-12--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1.0909090909 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-11-12--tablet {
    width: calc((100% + 1rem) * 1.0909090909 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-11-12--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1.0909090909 - 0.625rem) !important;
  }
}
.grid__offset-11-12 {
  margin-left: calc((100% + var(--grid-gap)) * 1.0909090909);
}
@media screen and (min-width: 1180px) {
  .grid__offset-11-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1.0909090909) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-11-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1.0909090909) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-11-12--tablet {
    margin-left: calc((100% + 1rem) * 1.0909090909) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-11-12--mobile {
    margin-left: calc((100% + 0.625rem) * 1.0909090909) !important;
  }
}
.grid__offset-right-11-12 {
  margin-right: calc((100% + var(--grid-gap)) * 1.0909090909);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-11-12--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1.0909090909) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-11-12--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1.0909090909) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-11-12--tablet {
    margin-right: calc((100% + 1rem) * 1.0909090909) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-11-12--mobile {
    margin-right: calc((100% + 0.625rem) * 1.0909090909) !important;
  }
}
.grid__offset-to-left-11-12 {
  margin-left: calc((100% + var(--grid-gap)) * -1.0909090909);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-11-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1.0909090909) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-11-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1.0909090909) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-11-12--tablet {
    margin-left: calc((100% + 1rem) * -1.0909090909) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-11-12--mobile {
    margin-left: calc((100% + 0.625rem) * -1.0909090909) !important;
  }
}
.grid__width-12-1 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.0833333333 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-12-1--desktop-medium-and-big, .order-body__item-column:nth-child(4), .order-body__item-column:nth-child(3), .order-body__item-column:nth-child(1) {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.0833333333 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-12-1--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.0833333333 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-12-1--tablet {
    width: calc((100% + 1rem) * 0.0833333333 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-12-1--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.0833333333 - 0.625rem) !important;
  }
}
.grid__offset-12-1 {
  margin-left: calc((100% + var(--grid-gap)) * 0.0833333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-12-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.0833333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-12-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.0833333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-12-1--tablet {
    margin-left: calc((100% + 1rem) * 0.0833333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-12-1--mobile {
    margin-left: calc((100% + 0.625rem) * 0.0833333333) !important;
  }
}
.grid__offset-right-12-1 {
  margin-right: calc((100% + var(--grid-gap)) * 0.0833333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-12-1--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.0833333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-12-1--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.0833333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-12-1--tablet {
    margin-right: calc((100% + 1rem) * 0.0833333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-12-1--mobile {
    margin-right: calc((100% + 0.625rem) * 0.0833333333) !important;
  }
}
.grid__offset-to-left-12-1 {
  margin-left: calc((100% + var(--grid-gap)) * -0.0833333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-12-1--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.0833333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-12-1--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.0833333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-12-1--tablet {
    margin-left: calc((100% + 1rem) * -0.0833333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-12-1--mobile {
    margin-left: calc((100% + 0.625rem) * -0.0833333333) !important;
  }
}
.grid__width-12-2 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.1666666667 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-12-2--desktop-medium-and-big, .order-body__item-column:nth-child(2), .main-event__author-column {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.1666666667 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-12-2--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.1666666667 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-12-2--tablet {
    width: calc((100% + 1rem) * 0.1666666667 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-12-2--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.1666666667 - 0.625rem) !important;
  }
}
.grid__offset-12-2 {
  margin-left: calc((100% + var(--grid-gap)) * 0.1666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-12-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.1666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-12-2--desktop-small, .poster-item__img {
    margin-left: calc((100% + 1.5rem) * 0.1666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-12-2--tablet {
    margin-left: calc((100% + 1rem) * 0.1666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-12-2--mobile {
    margin-left: calc((100% + 0.625rem) * 0.1666666667) !important;
  }
}
.grid__offset-right-12-2 {
  margin-right: calc((100% + var(--grid-gap)) * 0.1666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-12-2--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.1666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-12-2--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.1666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-12-2--tablet {
    margin-right: calc((100% + 1rem) * 0.1666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-12-2--mobile {
    margin-right: calc((100% + 0.625rem) * 0.1666666667) !important;
  }
}
.grid__offset-to-left-12-2 {
  margin-left: calc((100% + var(--grid-gap)) * -0.1666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-12-2--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.1666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-12-2--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.1666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-12-2--tablet {
    margin-left: calc((100% + 1rem) * -0.1666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-12-2--mobile {
    margin-left: calc((100% + 0.625rem) * -0.1666666667) !important;
  }
}
.grid__width-12-3 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.25 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-12-3--desktop-medium-and-big, .poster-item__img, .footer__contacts {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.25 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-12-3--desktop-small, .poster-item__img, .main-event__author-column, .footer__contacts {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.25 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-12-3--tablet {
    width: calc((100% + 1rem) * 0.25 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-12-3--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.25 - 0.625rem) !important;
  }
}
.grid__offset-12-3 {
  margin-left: calc((100% + var(--grid-gap)) * 0.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-12-3--desktop-medium-and-big, .poster-item__img {
    margin-left: calc((100% + 2rem) * 0.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-12-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-12-3--tablet {
    margin-left: calc((100% + 1rem) * 0.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-12-3--mobile {
    margin-left: calc((100% + 0.625rem) * 0.25) !important;
  }
}
.grid__offset-right-12-3 {
  margin-right: calc((100% + var(--grid-gap)) * 0.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-12-3--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-12-3--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-12-3--tablet {
    margin-right: calc((100% + 1rem) * 0.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-12-3--mobile {
    margin-right: calc((100% + 0.625rem) * 0.25) !important;
  }
}
.grid__offset-to-left-12-3 {
  margin-left: calc((100% + var(--grid-gap)) * -0.25);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-12-3--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.25) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-12-3--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.25) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-12-3--tablet {
    margin-left: calc((100% + 1rem) * -0.25) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-12-3--mobile {
    margin-left: calc((100% + 0.625rem) * -0.25) !important;
  }
}
.grid__width-12-4 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.3333333333 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-12-4--desktop-medium-and-big, .order-body__btns, .event__date, .special-event__info {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.3333333333 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-12-4--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.3333333333 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-12-4--tablet, .event__register, .poster-item__left, .main-event__author-column, .section-nav__title {
    width: calc((100% + 1rem) * 0.3333333333 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-12-4--mobile, .news-list-item__date {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.3333333333 - 0.625rem) !important;
  }
}
.grid__offset-12-4 {
  margin-left: calc((100% + var(--grid-gap)) * 0.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-12-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-12-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-12-4--tablet, .poster-item__addinfo {
    margin-left: calc((100% + 1rem) * 0.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-12-4--mobile {
    margin-left: calc((100% + 0.625rem) * 0.3333333333) !important;
  }
}
.grid__offset-right-12-4 {
  margin-right: calc((100% + var(--grid-gap)) * 0.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-12-4--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-12-4--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-12-4--tablet {
    margin-right: calc((100% + 1rem) * 0.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-12-4--mobile {
    margin-right: calc((100% + 0.625rem) * 0.3333333333) !important;
  }
}
.grid__offset-to-left-12-4 {
  margin-left: calc((100% + var(--grid-gap)) * -0.3333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-12-4--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.3333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-12-4--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.3333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-12-4--tablet {
    margin-left: calc((100% + 1rem) * -0.3333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-12-4--mobile {
    margin-left: calc((100% + 0.625rem) * -0.3333333333) !important;
  }
}
.grid__width-12-5 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.4166666667 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-12-5--desktop-medium-and-big, .text-page .content-block.position-left .text_page__wraper, .space__item:nth-child(6n+5), .space__item:nth-child(6n+2), .footer__subscribe-form, .header__subscribe-form {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.4166666667 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-12-5--desktop-small, .text-page .content-block.position-left .text_page__wraper, .event__date, .contacts-page__title, .space__item:nth-child(6n+5), .space__item:nth-child(6n+2), .special-event__info, .poster-item__tags, .poster-item__left, .section-nav__title, .footer__subscribe-form, .header__subscribe-form {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.4166666667 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-12-5--tablet, .creators__text, .news-list-item__img {
    width: calc((100% + 1rem) * 0.4166666667 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-12-5--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.4166666667 - 0.625rem) !important;
  }
}
.grid__offset-12-5 {
  margin-left: calc((100% + var(--grid-gap)) * 0.4166666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-12-5--desktop-medium-and-big, .merch__table, .event__content, .perfomance__content, .people__table, .content-block--intro__description {
    margin-left: calc((100% + 2rem) * 0.4166666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-12-5--desktop-small, .merch__table, .event__content, .perfomance__content, .people__table, .news-article__content, .poster-item__addinfo, .content-block--intro__description {
    margin-left: calc((100% + 1.5rem) * 0.4166666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-12-5--tablet {
    margin-left: calc((100% + 1rem) * 0.4166666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-12-5--mobile {
    margin-left: calc((100% + 0.625rem) * 0.4166666667) !important;
  }
}
.grid__offset-right-12-5 {
  margin-right: calc((100% + var(--grid-gap)) * 0.4166666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-12-5--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.4166666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-12-5--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.4166666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-12-5--tablet {
    margin-right: calc((100% + 1rem) * 0.4166666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-12-5--mobile {
    margin-right: calc((100% + 0.625rem) * 0.4166666667) !important;
  }
}
.grid__offset-to-left-12-5 {
  margin-left: calc((100% + var(--grid-gap)) * -0.4166666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-12-5--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.4166666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-12-5--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.4166666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-12-5--tablet {
    margin-left: calc((100% + 1rem) * -0.4166666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-12-5--mobile {
    margin-left: calc((100% + 0.625rem) * -0.4166666667) !important;
  }
}
.grid__width-12-6 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.5 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-12-6--desktop-medium-and-big, .events__items .more-events__item, .repertoire__column, .more-events .more-events__item, .more-perfomances .more-perfomances__item, .contacts-page__info, .contacts-page__title, .space__item:nth-child(6n+4), .special-event__swiper, .special-event__title, .poster-item__right, .poster-item__left, .news-list-item, .section-nav__nav, .section-nav__title, .footer__subscribe-title, .header__subscribe-title {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.5 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-12-6--desktop-small, .events__items .more-events__item, .repertoire__column, .more-events .more-events__item, .more-perfomances .more-perfomances__item, .space__item:nth-child(6n+4), .special-event__swiper, .special-event__title, .news-list-item, .footer__subscribe-title, .header__subscribe-title {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.5 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-12-6--tablet, .merch__item, .people__item, .news-list-item__title {
    width: calc((100% + 1rem) * 0.5 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-12-6--mobile, .merch__item, .order-body__btn, .event__date, .creators__text, .creators__title, .people__item, .main-event__info-categories, .main-event__author-list {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.5 - 0.625rem) !important;
  }
}
.grid__offset-12-6 {
  margin-left: calc((100% + var(--grid-gap)) * 0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-12-6--desktop-medium-and-big, .news-article__content, .poster-item__addinfo, .poster-item__infos {
    margin-left: calc((100% + 2rem) * 0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-12-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-12-6--tablet {
    margin-left: calc((100% + 1rem) * 0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-12-6--mobile {
    margin-left: calc((100% + 0.625rem) * 0.5) !important;
  }
}
.grid__offset-right-12-6 {
  margin-right: calc((100% + var(--grid-gap)) * 0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-12-6--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-12-6--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-12-6--tablet {
    margin-right: calc((100% + 1rem) * 0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-12-6--mobile {
    margin-right: calc((100% + 0.625rem) * 0.5) !important;
  }
}
.grid__offset-to-left-12-6 {
  margin-left: calc((100% + var(--grid-gap)) * -0.5);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-12-6--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-12-6--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-12-6--tablet {
    margin-left: calc((100% + 1rem) * -0.5) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-12-6--mobile {
    margin-left: calc((100% + 0.625rem) * -0.5) !important;
  }
}
.grid__width-12-7 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.5833333333 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-12-7--desktop-medium-and-big, .text-page .content-block.position-right .text_page__wraper, .order-body__item-column:nth-child(5), .history .content-block.position-right .history__wraper, .history .content-block.position-right .text_page__wraper {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.5833333333 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-12-7--desktop-small, .text-page .content-block.position-right .text_page__wraper, .event__title, .contacts-page__info, .history .content-block.position-right .history__wraper, .history .content-block.position-right .text_page__wraper, .poster-item__right, .section-nav__nav {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.5833333333 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-12-7--tablet, .creators__title, .special-event__info, .news-list-item__date {
    width: calc((100% + 1rem) * 0.5833333333 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-12-7--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.5833333333 - 0.625rem) !important;
  }
}
.grid__offset-12-7 {
  margin-left: calc((100% + var(--grid-gap)) * 0.5833333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-12-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.5833333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-12-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.5833333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-12-7--tablet {
    margin-left: calc((100% + 1rem) * 0.5833333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-12-7--mobile {
    margin-left: calc((100% + 0.625rem) * 0.5833333333) !important;
  }
}
.grid__offset-right-12-7 {
  margin-right: calc((100% + var(--grid-gap)) * 0.5833333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-12-7--desktop-medium-and-big, .content-block--intro__title {
    margin-right: calc((100% + 2rem) * 0.5833333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-12-7--desktop-small, .content-block--intro__title {
    margin-right: calc((100% + 1.5rem) * 0.5833333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-12-7--tablet {
    margin-right: calc((100% + 1rem) * 0.5833333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-12-7--mobile {
    margin-right: calc((100% + 0.625rem) * 0.5833333333) !important;
  }
}
.grid__offset-to-left-12-7 {
  margin-left: calc((100% + var(--grid-gap)) * -0.5833333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-12-7--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.5833333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-12-7--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.5833333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-12-7--tablet {
    margin-left: calc((100% + 1rem) * -0.5833333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-12-7--mobile {
    margin-left: calc((100% + 0.625rem) * -0.5833333333) !important;
  }
}
.grid__width-12-8 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.6666666667 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-12-8--desktop-medium-and-big, .event__title, .history .content-block.position-left .history__wraper, .history .content-block.position-left .text_page__wraper, .footer__menu {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.6666666667 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-12-8--desktop-small, .history .content-block.position-left .history__wraper, .history .content-block.position-left .text_page__wraper, .space__item:nth-child(6n+3), .footer__menu {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.6666666667 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-12-8--tablet, .event__tags, .poster-item__right, .section-nav__nav {
    width: calc((100% + 1rem) * 0.6666666667 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-12-8--mobile, .news-list-item__img {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.6666666667 - 0.625rem) !important;
  }
}
.grid__offset-12-8 {
  margin-left: calc((100% + var(--grid-gap)) * 0.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-12-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-12-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-12-8--tablet {
    margin-left: calc((100% + 1rem) * 0.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-12-8--mobile {
    margin-left: calc((100% + 0.625rem) * 0.6666666667) !important;
  }
}
.grid__offset-right-12-8 {
  margin-right: calc((100% + var(--grid-gap)) * 0.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-12-8--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-12-8--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-12-8--tablet {
    margin-right: calc((100% + 1rem) * 0.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-12-8--mobile {
    margin-right: calc((100% + 0.625rem) * 0.6666666667) !important;
  }
}
.grid__offset-to-left-12-8 {
  margin-left: calc((100% + var(--grid-gap)) * -0.6666666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-12-8--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.6666666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-12-8--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.6666666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-12-8--tablet {
    margin-left: calc((100% + 1rem) * -0.6666666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-12-8--mobile {
    margin-left: calc((100% + 0.625rem) * -0.6666666667) !important;
  }
}
.grid__width-12-9 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.75 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-12-9--desktop-medium-and-big, .space__item:nth-child(6n+3) {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.75 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-12-9--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.75 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-12-9--tablet, .space__item:nth-child(6n+5), .space__item:nth-child(6n+2) {
    width: calc((100% + 1rem) * 0.75 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-12-9--mobile, .space__item:nth-child(6n+5), .space__item:nth-child(6n+2) {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.75 - 0.625rem) !important;
  }
}
.grid__offset-12-9 {
  margin-left: calc((100% + var(--grid-gap)) * 0.75);
}
@media screen and (min-width: 1180px) {
  .grid__offset-12-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.75) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-12-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.75) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-12-9--tablet {
    margin-left: calc((100% + 1rem) * 0.75) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-12-9--mobile {
    margin-left: calc((100% + 0.625rem) * 0.75) !important;
  }
}
.grid__offset-right-12-9 {
  margin-right: calc((100% + var(--grid-gap)) * 0.75);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-12-9--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.75) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-12-9--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.75) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-12-9--tablet {
    margin-right: calc((100% + 1rem) * 0.75) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-12-9--mobile {
    margin-right: calc((100% + 0.625rem) * 0.75) !important;
  }
}
.grid__offset-to-left-12-9 {
  margin-left: calc((100% + var(--grid-gap)) * -0.75);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-12-9--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.75) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-12-9--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.75) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-12-9--tablet {
    margin-left: calc((100% + 1rem) * -0.75) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-12-9--mobile {
    margin-left: calc((100% + 0.625rem) * -0.75) !important;
  }
}
.grid__width-12-10 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.8333333333 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-12-10--desktop-medium-and-big, .footer__nav-list {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.8333333333 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-12-10--desktop-small, .footer__nav-list {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.8333333333 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-12-10--tablet, .text-page .content-block.position-right .text_page__wraper, .text-page .content-block.position-left .text_page__wraper, .history .content-block.position-right .history__wraper, .history .content-block.position-right .text_page__wraper, .history .content-block.position-left .history__wraper, .history .content-block.position-left .text_page__wraper, .special-event__title {
    width: calc((100% + 1rem) * 0.8333333333 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-12-10--mobile {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.8333333333 - 0.625rem) !important;
  }
}
.grid__offset-12-10 {
  margin-left: calc((100% + var(--grid-gap)) * 0.8333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-12-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.8333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-12-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.8333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-12-10--tablet {
    margin-left: calc((100% + 1rem) * 0.8333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-12-10--mobile {
    margin-left: calc((100% + 0.625rem) * 0.8333333333) !important;
  }
}
.grid__offset-right-12-10 {
  margin-right: calc((100% + var(--grid-gap)) * 0.8333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-12-10--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.8333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-12-10--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.8333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-12-10--tablet {
    margin-right: calc((100% + 1rem) * 0.8333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-12-10--mobile {
    margin-right: calc((100% + 0.625rem) * 0.8333333333) !important;
  }
}
.grid__offset-to-left-12-10 {
  margin-left: calc((100% + var(--grid-gap)) * -0.8333333333);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-12-10--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.8333333333) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-12-10--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.8333333333) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-12-10--tablet {
    margin-left: calc((100% + 1rem) * -0.8333333333) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-12-10--mobile {
    margin-left: calc((100% + 0.625rem) * -0.8333333333) !important;
  }
}
.grid__width-12-11 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 0.9166666667 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-12-11--desktop-medium-and-big {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 0.9166666667 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-12-11--desktop-small {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 0.9166666667 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-12-11--tablet {
    width: calc((100% + 1rem) * 0.9166666667 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-12-11--mobile, .special-event__title {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 0.9166666667 - 0.625rem) !important;
  }
}
.grid__offset-12-11 {
  margin-left: calc((100% + var(--grid-gap)) * 0.9166666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-12-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 0.9166666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-12-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * 0.9166666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-12-11--tablet {
    margin-left: calc((100% + 1rem) * 0.9166666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-12-11--mobile {
    margin-left: calc((100% + 0.625rem) * 0.9166666667) !important;
  }
}
.grid__offset-right-12-11 {
  margin-right: calc((100% + var(--grid-gap)) * 0.9166666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-12-11--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 0.9166666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-12-11--desktop-small {
    margin-right: calc((100% + 1.5rem) * 0.9166666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-12-11--tablet {
    margin-right: calc((100% + 1rem) * 0.9166666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-12-11--mobile {
    margin-right: calc((100% + 0.625rem) * 0.9166666667) !important;
  }
}
.grid__offset-to-left-12-11 {
  margin-left: calc((100% + var(--grid-gap)) * -0.9166666667);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-12-11--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -0.9166666667) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-12-11--desktop-small {
    margin-left: calc((100% + 1.5rem) * -0.9166666667) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-12-11--tablet {
    margin-left: calc((100% + 1rem) * -0.9166666667) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-12-11--mobile {
    margin-left: calc((100% + 0.625rem) * -0.9166666667) !important;
  }
}
.grid__width-12-12 {
  flex: 0 0 auto;
  width: calc((100% + var(--grid-gap)) * 1 - var(--grid-gap));
}
@media screen and (min-width: 1180px) {
  .grid__width-12-12--desktop-medium-and-big, .text-page .content-block.position-center, .history .content-block.position-center, .news-list-item--list {
    flex: 0 0 auto;
    width: calc((100% + 2rem) * 1 - 2rem) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__width-12-12--desktop-small, .text-page .content-block.position-center, .history .content-block.position-center, .news-list-item--list {
    flex: 0 0 auto;
    width: calc((100% + 1.5rem) * 1 - 1.5rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__width-12-12--tablet, .text-page .content-block.position-center, .event__date, .history .content-block.position-center {
    width: calc((100% + 1rem) * 1 - 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__width-12-12--mobile, .event__register, .event__tags, .event__title, .main-event__author-column, .news-list-item__title {
    flex: 0 0 auto;
    width: calc((100% + 0.625rem) * 1 - 0.625rem) !important;
  }
}
.grid__offset-12-12 {
  margin-left: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-12-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-12-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-12-12--tablet {
    margin-left: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-12-12--mobile {
    margin-left: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-right-12-12 {
  margin-right: calc((100% + var(--grid-gap)) * 1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-right-12-12--desktop-medium-and-big {
    margin-right: calc((100% + 2rem) * 1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-right-12-12--desktop-small {
    margin-right: calc((100% + 1.5rem) * 1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-right-12-12--tablet {
    margin-right: calc((100% + 1rem) * 1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-right-12-12--mobile {
    margin-right: calc((100% + 0.625rem) * 1) !important;
  }
}
.grid__offset-to-left-12-12 {
  margin-left: calc((100% + var(--grid-gap)) * -1);
}
@media screen and (min-width: 1180px) {
  .grid__offset-to-left-12-12--desktop-medium-and-big {
    margin-left: calc((100% + 2rem) * -1) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .grid__offset-to-left-12-12--desktop-small {
    margin-left: calc((100% + 1.5rem) * -1) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid__offset-to-left-12-12--tablet {
    margin-left: calc((100% + 1rem) * -1) !important;
  }
}
@media screen and (max-width: 767px) {
  .grid__offset-to-left-12-12--mobile {
    margin-left: calc((100% + 0.625rem) * -1) !important;
  }
}
.department {
  display: none;
  position: relative;
  z-index: 2;
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  transition: margin-top 0.2s ease-in-out;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
}
@media screen and (min-width: 1024px) {
  .department {
    margin-top: -6.3125rem;
  }
}
@media screen and (min-width: 1180px) {
  .department {
    border-bottom: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .department {
    margin-top: -5.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .department {
    margin-top: -3.1875rem;
  }
}
.department__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .department__container {
    height: 6.25rem;
  }
}
@media screen and (min-width: 1180px) {
  .department__container {
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid var(--color-divider);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .department__container {
    height: 5.75rem;
  }
}
@media screen and (max-width: 767px) {
  .department__container {
    height: 3.125rem;
  }
}
.department__logo {
  text-decoration: none;
  display: block;
}
@media screen and (min-width: 1024px) {
  .department__logo {
    height: 4rem;
    width: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .department__logo {
    height: 3.625rem;
    width: 9.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .department__logo {
    height: 2.25rem;
    width: 5.625rem;
  }
}
.department__close {
  display: block;
  background: url(https://dev.sovremennik.ru/packs/media/images/close-71015756baf0e5b93a73e39cb8370001.svg) no-repeat center/contain;
  margin-left: 1rem;
}
@media screen and (min-width: 1024px) {
  .department__close {
    width: 2.875rem;
    height: 2.875rem;
    background-size: 1.25rem auto;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .department__close {
    margin-right: -0.8125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .department__close {
    width: 2.125rem;
    height: 2.125rem;
    margin-right: -0.4375rem;
    background-size: 1.25rem auto;
  }
}
@media screen and (max-width: 767px) {
  .department__close {
    width: 2rem;
    height: 2rem;
    background-size: 1.125rem auto;
    margin-right: -0.375rem;
  }
}
.department__space {
  flex-grow: 5;
}
.header--with-department .department {
  display: block;
}
.header--with-department .header__mobile-menu {
  transition: margin-top 0.2s ease-in-out;
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .header--with-department.header--top .header__fixed-wrap .department {
    margin-top: -3.125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header--with-department.header--top .header__fixed-wrap .department {
    margin-top: -3.1875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header--with-department.header--top .header__fixed-wrap .department {
    margin-top: -2.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .header--with-department.header--top .header__fixed-wrap .department {
    margin-top: -1.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header--with-department.header--top .header__fixed-wrap .header__mobile-menu {
    margin-top: 3.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header--with-department.header--top .header__fixed-wrap .header__mobile-menu {
    margin-top: 2.875rem;
  }
}
@media screen and (max-width: 767px) {
  .header--with-department.header--top .header__fixed-wrap .header__mobile-menu {
    margin-top: 1.5625rem;
  }
}
@media screen and (max-width: 1023px) {
  .body--search.body--header-top .header--with-department.header--top .header__fixed-wrap .department {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .body--search.body--header-top .header--with-department.header--top .header__fixed-wrap .header__mobile-menu {
    margin-top: 0;
  }
}
@media screen and (min-width: 1180px) {
  .body--search.body--header-top .header--with-department.header--top .header__fixed-wrap .search {
    margin-top: 3.125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .body--search.body--header-top .header--with-department.header--top .header__fixed-wrap .search {
    margin-top: 3.1875rem;
  }
}
.mosbilet__logo {
  text-decoration: none;
  margin-left: 2rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/partners/mosbilet-e26752476cea7a41117cf6c62c6c40dc.svg) no-repeat center/100% auto;
  display: block;
}
@media screen and (min-width: 1024px) {
  .mosbilet__logo {
    height: 4rem;
    width: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .mosbilet__logo {
    height: 3.625rem;
    width: 9.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .mosbilet__logo {
    height: 2.25rem;
    width: 5.625rem;
  }
}
.culture__logo {
  text-decoration: none;
  margin-left: 2rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/partners/culture2025-953d97df526f4fb3cf5871967509ed7f.svg) no-repeat center/100% auto;
  display: block;
}
@media screen and (min-width: 1024px) {
  .culture__logo {
    height: 4rem;
    width: 8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .culture__logo {
    height: 3.625rem;
    width: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .culture__logo {
    height: 2.25rem;
    width: 5rem;
  }
}
.header {
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
}
.header:after {
  content: "";
  display: block;
  width: 100%;
}
.header #specialButton {
  width: 3em;
}
.header #specialButton:focus {
  border: solid 2px !important;
}
@media screen and (min-width: 1180px) {
  .header {
    margin-bottom: 4rem;
  }
  .header--with-submenu {
    margin-bottom: 8.125rem;
  }
  .header--with-department {
    margin-bottom: 10.25rem;
  }
  .header--with-department.header--with-submenu {
    margin-bottom: 14.375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header {
    position: relative;
    z-index: 3;
    margin-bottom: 4rem;
  }
  .header--with-submenu {
    margin-bottom: 8rem;
  }
  .header--with-department {
    margin-bottom: 10.25rem;
  }
  .header--with-department.header--with-submenu {
    margin-bottom: 14.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header {
    position: relative;
    z-index: 3;
    margin-bottom: 5.75rem;
  }
  .header--with-submenu {
    margin-bottom: 11.375rem;
  }
  .header--with-department {
    margin-bottom: 11.5rem;
  }
  .header--with-department.header--with-submenu {
    margin-bottom: 17.125rem;
  }
}
@media screen and (max-width: 767px) {
  .header {
    position: relative;
    z-index: 3;
    margin-bottom: 3rem;
  }
  .header--with-submenu {
    margin-bottom: 6rem;
  }
  .header--with-department {
    margin-bottom: 6.125rem;
  }
  .header--with-department.header--with-submenu {
    margin-bottom: 9.125rem;
  }
}
.body--search .header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.header__overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}
@media screen and (min-width: 1180px) {
  .header__overlay {
    display: none !important;
  }
}
.header--show ~ .header__overlay {
  display: block;
}
.header__fixed-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  transform: translateY(0%);
  transition: transform 0.4s ease-in-out;
  will-change: transform;
}
.header--top .header__fixed-wrap {
  transform: translateY(100%);
}
.header--down .header__fixed-wrap {
  transform: translateY(100%);
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header--show .header__fixed-wrap {
    transform: translateY(100%);
  }
}
@media screen and (max-width: 1023px) {
  .header--show .header__fixed-wrap {
    transform: translateY(100%);
  }
}
.page--header-fixed .header__fixed-wrap {
  position: fixed;
  z-index: 3;
  margin-bottom: -100000px;
}
@media screen and (min-width: 1180px) {
  .page--header-fixed .header__fixed-wrap {
    top: -4rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .page--header-fixed .header__fixed-wrap {
    top: -4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .page--header-fixed .header__fixed-wrap {
    top: -5.75rem;
  }
}
@media screen and (max-width: 767px) {
  .page--header-fixed .header__fixed-wrap {
    top: -3rem;
  }
}
.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
}
@media screen and (min-width: 1180px) {
  .header__container {
    position: relative;
    z-index: 2;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__container {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    height: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__container {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    height: 5.75rem;
  }
}
@media screen and (max-width: 767px) {
  .header__container {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    height: 3rem;
  }
}
.theme-dark .header svg {
  fill: #2D2D2B;
  fill: var(--color-primary-black);
}
.header__logo {
  position: relative;
  z-index: 2;
  text-decoration: none;
  display: flex;
  margin-right: auto;
  height: 100%;
}
.header__logo svg {
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header--show .header__logo {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .header--show .header__logo {
    display: none;
  }
}
.header__logo:hover {
  opacity: 0.85;
}
@media screen and (min-width: 1180px) {
  .header__logo {
    width: 17rem;
    height: 2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__logo {
    width: 17rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__logo {
    width: 17rem;
  }
}
@media screen and (max-width: 767px) {
  .header__logo {
    width: 8.5rem;
  }
}
.header__mobile-logo {
  position: absolute;
  left: 1.25rem;
  top: 0;
  z-index: 2;
  text-decoration: none;
  margin-right: auto;
  display: none;
}
@media screen and (min-width: 1180px) {
  .header__mobile-logo {
    display: none !important;
  }
}
.header--show .header__mobile-logo {
  display: block;
}
.header__mobile-logo:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: no-repeat center left/contain;
}
.header__mobile-logo:hover {
  opacity: 0.85;
}
.header__mobile-logo:after {
  display: block;
  background-image: url(https://dev.sovremennik.ru/packs/media/images/home-04e875c2ad44a6f5338437f3c3329ee5.svg);
}
.theme-dark .header__mobile-logo:after {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/home-alternate-e2594c249c2d2ace5a4ad2c0dc093730.svg);
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__mobile-logo {
    width: 3.75rem;
    height: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__mobile-logo {
    width: 3.75rem;
    height: 5.75rem;
  }
}
@media screen and (max-width: 767px) {
  .header__mobile-logo {
    width: 2.25rem;
    height: 3rem;
  }
}
.header__menu-toggle {
  position: relative;
  background: url(https://dev.sovremennik.ru/packs/media/images/burger-e846f037705241e69f24bb5dffd77216.svg) no-repeat center/contain;
}
.theme-dark .header__menu-toggle {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/burger-alternate-99083e1019b10b018338ac684264278f.svg);
}
.header__menu-toggle:before {
  content: "";
  pointer-events: none;
  position: absolute;
  height: auto;
  width: auto;
  top: 0.0625rem;
  left: 0.0625rem;
  right: 0.0625rem;
  bottom: 0.0625rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/close-71015756baf0e5b93a73e39cb8370001.svg) no-repeat center/contain;
  opacity: 0;
}
.theme-dark .header__menu-toggle:before {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/close-alternate-972f086b63b0def0740978d43780bd16.svg);
}
@media screen and (min-width: 1180px) {
  .header__menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__menu-toggle {
    position: absolute;
    top: 1.375rem;
    right: 1.3125rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__menu-toggle {
    position: absolute;
    top: 2.1875rem;
    right: 1.3125rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .header__menu-toggle {
    position: absolute;
    top: 0.875rem;
    right: 1.3125rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}
.header--show .header__menu-toggle {
  background: none;
}
.header--show .header__menu-toggle:before {
  opacity: 1;
}
.body--search .header__menu-toggle {
  display: none;
}
@media screen and (min-width: 1180px) {
  .header__mobile-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__mobile-menu {
    overflow-y: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    max-height: 100vh;
    background: #EFEBE1;
    background: #EFEBE1;
    background: var(--color-primary-background);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 4rem;
  }
  .header--show .header__mobile-menu {
    padding-bottom: 1.625rem;
    padding-top: 5.25rem;
  }
  .header__mobile-menu:before {
    content: "";
    position: absolute;
    top: 3.9375rem;
    left: 0;
    width: 100%;
    border-top: 1px solid #CFCBBF;
    border-top: 1px solid #CFCBBF;
    border-top: 1px solid var(--color-divider);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__mobile-menu {
    overflow-y: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    max-height: 100vh;
    background: #EFEBE1;
    background: #EFEBE1;
    background: var(--color-primary-background);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 5.75rem;
  }
  .header--show .header__mobile-menu {
    padding-bottom: 3.5rem;
    padding-top: 7.75rem;
  }
  .header__mobile-menu:before {
    content: "";
    position: absolute;
    top: 5.6875rem;
    left: 0;
    width: 100%;
    border-top: 1px solid #CFCBBF;
    border-top: 1px solid #CFCBBF;
    border-top: 1px solid var(--color-divider);
  }
}
@media screen and (max-width: 767px) {
  .header__mobile-menu {
    overflow-y: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    background: #EFEBE1;
    background: #EFEBE1;
    background: var(--color-primary-background);
    padding-left: 1.3125rem;
    padding-right: 1.3125rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 3rem;
  }
  .header--show .header__mobile-menu {
    padding-bottom: 0;
    padding-top: 4rem;
    height: 100vh;
  }
  .header--show .header__mobile-menu:after {
    content: "";
    display: block;
    width: 100%;
  }
  .header--show .header__mobile-menu:after {
    height: 4rem;
  }
  .header__mobile-menu:before {
    content: "";
    position: absolute;
    top: 2.9375rem;
    left: 0;
    width: 100%;
    border-top: 1px solid #CFCBBF;
    border-top: 1px solid #CFCBBF;
    border-top: 1px solid var(--color-divider);
  }
}
@media screen and (min-width: 1024px) {
  .body--search .header__mobile-menu .menu {
    visibility: hidden;
  }
}
@media screen and (min-width: 1180px) {
  .header__mobile-menu .menu {
    display: flex;
    margin-right: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__mobile-menu .menu {
    display: none;
    margin-bottom: 1.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__mobile-menu .menu {
    display: none;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .header__mobile-menu .menu {
    display: none;
    margin-bottom: 1.125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header--show .header__mobile-menu .menu {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header--show .header__mobile-menu .menu {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .header--show .header__mobile-menu .menu {
    display: block;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__mobile-menu .menu__group {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__mobile-menu .menu__group {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .header__mobile-menu .menu__group {
    margin-bottom: 0.75rem;
  }
}
.header__mobile-menu .menu__group-title {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
  text-wrap: nowrap;
}
@media screen and (min-width: 1180px) {
  .header__mobile-menu .menu__group-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__mobile-menu .menu__group-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__mobile-menu .menu__group-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .header__mobile-menu .menu__group-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1180px) {
  .header__mobile-menu .menu__group-title {
    position: relative;
    display: block;
    padding: 1.5625rem 0.75rem;
    margin-bottom: -1px;
  }
  .header__mobile-menu .menu__group-title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0.75rem;
    right: 0.75rem;
    border-bottom: 0.125rem solid transparent;
  }
  .header__mobile-menu .menu__group-title:hover:before, .header__mobile-menu .menu__group-title:focus:before, .header__mobile-menu .menu__group-title.active:before {
    border-color: #2D2D2B;
    border-color: #2D2D2B;
    border-color: var(--color-primary-black);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__mobile-menu .menu__group-title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__mobile-menu .menu__group-title {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .header__mobile-menu .menu__group-title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
.header__mobile-menu .menu__list {
  list-style: none;
  margin: 0;
}
@media screen and (min-width: 1180px) {
  .header__mobile-menu .menu__list {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__mobile-menu .menu__list {
    padding: 0;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    display: none;
  }
  .header__mobile-menu .menu__list--open {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__mobile-menu .menu__list {
    padding: 0;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    display: none;
  }
  .header__mobile-menu .menu__list--open {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .header__mobile-menu .menu__list {
    padding: 0;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    display: none;
  }
  .header__mobile-menu .menu__list--open {
    display: block;
  }
}
@media screen and (min-width: 1180px) {
  .header__mobile-menu .menu__item {
    margin-right: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__mobile-menu .menu__item {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__mobile-menu .menu__item {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .header__mobile-menu .menu__item {
    margin-bottom: 0.75rem;
  }
}
.header__mobile-menu .menu__link {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
}
@media screen and (min-width: 1180px) {
  .header__mobile-menu .menu__link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__mobile-menu .menu__link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__mobile-menu .menu__link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .header__mobile-menu .menu__link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1180px) {
  .header__mobile-menu .menu__link {
    color: #B5B2AB;
    color: #B5B2AB;
    color: var(--color-header-link);
  }
  .header__mobile-menu .menu__link:hover, .header__mobile-menu .menu__link.active {
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__mobile-menu .menu__link {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__mobile-menu .menu__link {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .header__mobile-menu .menu__link {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .header__submenu-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1023px) {
  .header__submenu-container {
    width: 100%;
  }
}
.header__submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
}
@media screen and (max-width: 1179px) {
  .body--search .header__submenu, .header--show .header__submenu {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .header__submenu {
    display: none;
  }
  .header--with-submenu .header__submenu {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .body--search .header__submenu .menu {
    visibility: hidden;
  }
}
.header__submenu .menu__group-title {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
  display: none;
}
@media screen and (min-width: 1180px) {
  .header__submenu .menu__group-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__submenu .menu__group-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__submenu .menu__group-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .header__submenu .menu__group-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.header__submenu .menu__list {
  list-style: none;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .header__submenu .menu__list {
    background-color: #EFEBE1;
    background-color: #EFEBE1;
    background-color: var(--color-primary-background);
    width: 100%;
    display: flex;
    display: none;
    justify-content: flex-start;
  }
  .header__submenu .menu__list.active {
    display: flex;
  }
}
@media screen and (min-width: 1180px) {
  .header__submenu .menu__list {
    padding: 1.125rem 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__submenu .menu__list {
    padding: 1.5625rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .header__submenu .menu__list {
    padding: 0;
    margin: 0;
    display: none;
  }
  .header__submenu .menu__list.active {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 1180px) {
  .header__submenu .menu__item {
    margin-right: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__submenu .menu__item {
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .header__submenu .menu__item {
    order: 2;
    width: 100%;
    display: none;
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid var(--color-divider);
  }
  .header__submenu .menu__item.active {
    order: 1;
    display: block;
  }
}
.header__submenu .menu__link {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
}
@media screen and (min-width: 1180px) {
  .header__submenu .menu__link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__submenu .menu__link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__submenu .menu__link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .header__submenu .menu__link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .header__submenu .menu__link {
    display: block;
    color: #B5B2AB;
    color: #B5B2AB;
    color: var(--color-header-link);
  }
  .header__submenu .menu__link:hover, .header__submenu .menu__link.active {
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
  }
}
@media screen and (max-width: 1023px) {
  .header__submenu .menu__link {
    display: block;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
  }
  .header__submenu .menu__link.active {
    padding-right: 1.875rem;
  }
  .header__submenu .menu__link.active:after {
    background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-down-02b5d8da4e3c53e8246125cde0f76c1f.svg) no-repeat center/contain;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition-duration: 0.2s;
  }
  .theme-dark .header__submenu .menu__link.active:after {
    background-image: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-down-alternate-c0717e0132438a829fa04ec002936d92.svg);
  }
  .open .header__submenu .menu__link {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__submenu .menu__link {
    font-size: 1.625rem;
    line-height: 1.625rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    width: 45.5rem;
  }
  .header__submenu .menu__link:after {
    width: 1.125rem;
    height: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  .header__submenu .menu__link {
    font-size: 0.875rem;
    line-height: 0.875rem;
    padding-top: 1.0625rem;
    padding-bottom: 1.0625rem;
    width: 17.5rem;
  }
  .header__submenu .menu__link:after {
    width: 1.1875rem;
    height: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .header__submenu.open .menu__item {
    display: block;
    opacity: 0;
    -webkit-animation: fadein 0.5s ease forwards;
            animation: fadein 0.5s ease forwards;
  }
  .header__submenu.open .menu__link:after {
    transform: rotate(180deg);
  }
}
.header__tickets {
  font-family: "Basis Grotesque Pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  display: inline-block;
  text-decoration: none !important;
  text-align: center;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  background-color: transparent;
  transition: inherit;
  padding: 0.75rem 0.9375rem 0.625rem;
}
.header__tickets--alternate, .header__tickets:hover {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.header__tickets--alternate:hover {
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
.header__tickets--alternate.disabled, .header__tickets--alternate:disabled, .header__tickets--alternate[disabled] {
  color: #EFEBE1;
  background-color: #B7B4AB;
  border-color: #B7B4AB;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .body--search .header__tickets {
    visibility: hidden;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__tickets {
    display: none;
    margin-top: 0.75rem;
  }
  .header--show .header__tickets {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__tickets {
    display: none;
    margin-top: 1.5rem;
  }
  .header--show .header__tickets {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .header__tickets {
    display: none;
    margin-top: 0.75rem;
  }
  .header--show .header__tickets {
    display: inline-block;
  }
}
@media screen and (min-width: 1180px) {
  .header__search-btn {
    margin-left: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__search-btn {
    position: absolute;
    top: 1.25rem;
    right: 3.625rem;
    display: none;
  }
  .header--show .header__search-btn {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__search-btn {
    position: absolute;
    top: 2.125rem;
    right: 3.625rem;
    display: none;
  }
  .header--show .header__search-btn {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .header__search-btn {
    position: absolute;
    top: 0.75rem;
    right: 3.625rem;
    display: none;
  }
  .header--show .header__search-btn {
    display: block;
  }
}
.header__search-btn--open {
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-search-130d031d78fb1bfe06bae6c2bbb7f960.svg) no-repeat center/100% auto;
  height: 1.5rem;
  width: 1.5rem;
  display: block;
}
.theme-dark .header__search-btn--open {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/icon-search-alternate-4e0c51cb51e3046158b3e3ecf64778ab.svg);
}
.body--search .header__search-btn--open {
  display: none;
}
.header__search-btn--close {
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-close-search-b81aeb39cb5bc8bf73127379c65c4a4b.svg) no-repeat center/116% auto;
  height: 1.5rem;
  width: 1.5rem;
  display: none;
}
.theme-dark .header__search-btn--close {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/icon-close-search-alternate-e4fa4155cb35b47d60e85e800b3f590d.svg);
}
.body--search .header__search-btn--close {
  display: block;
}
.header--show .header__search-btn--close {
  display: none !important;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__search-btn--close {
    right: 1.3125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__search-btn--close {
    right: 1.3125rem;
  }
}
@media screen and (max-width: 767px) {
  .header__search-btn--close {
    right: 1.3125rem;
  }
}
@media screen and (min-width: 1180px) {
  .header__contacts {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__contacts {
    margin-top: 1.125rem;
    margin-bottom: 1rem;
    display: none;
  }
  .header--show .header__contacts {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__contacts {
    margin-top: 2rem;
    margin-bottom: 3rem;
    display: none;
  }
  .header--show .header__contacts {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .header__contacts {
    margin-top: 1.125rem;
    margin-bottom: 1rem;
    display: none;
  }
  .header--show .header__contacts {
    display: block;
  }
}
.header__contacts .contacts__items {
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
}
.header__contacts .contacts__item {
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__contacts .contacts__item {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__contacts .contacts__item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .header__contacts .contacts__item {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
.header__contacts .contacts__title {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
}
@media screen and (min-width: 1180px) {
  .header__contacts .contacts__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__contacts .contacts__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__contacts .contacts__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .header__contacts .contacts__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__contacts .contacts__title {
    margin-bottom: 0.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__contacts .contacts__title {
    font-size: 1.625rem;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .header__contacts .contacts__title {
    margin-bottom: 0.625rem;
  }
}
.header__contacts .contacts__text {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  .header__contacts .contacts__text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__contacts .contacts__text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__contacts .contacts__text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .header__contacts .contacts__text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__contacts .contacts__text {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
.header__social {
  display: none;
}
.header--show .header__social {
  display: block;
}
@media screen and (min-width: 1180px) {
  .header__social {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__social .social {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__social .social {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__social .social__link {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__social .social__link {
    width: 5rem;
    height: 5rem;
    margin-right: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .header__social .social__link {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.header__social .social__link--fb {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/social/fb-dark-bd9c3f7b1bc84c1cc28ee2ef46463fb8.svg);
}
.theme-dark .header__social .social__link--fb {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/social/fb-71a20646b9fa26a6b5311f584e21cd84.svg);
}
.header__social .social__link--vk {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/social/vk-dark-6b423b0515f38bb3b5022933f0ba80c1.svg);
}
.theme-dark .header__social .social__link--vk {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/social/vk-ce32245f1f1f3c91757858f97b76620c.svg);
}
.header__social .social__link--in {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/social/in-dark-8cd68feb9af97e79809942cfb1140d05.svg);
}
.theme-dark .header__social .social__link--in {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/social/in-11ac89f7367de04df4e009d15f58d925.svg);
}
.header__social .social__link--yt {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/social/yt-dark-4d13b04874a62659dc8be4549a735238.svg);
}
.theme-dark .header__social .social__link--yt {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/social/yt-4e7fd0e5cc93d5977e4399bd18ebecbb.svg);
}
.header__subscribe {
  opacity: 0.4;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}
@media screen and (max-width: 1023px) {
  .header__subscribe {
    order: 1;
    display: block;
  }
}
.header__subscribe:hover {
  opacity: 1;
}
.header__subscribe-title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: normal;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__subscribe-title {
    padding-right: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__subscribe-title {
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__subscribe-title {
    margin-bottom: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .header__subscribe-title {
    font-size: 0.6rem;
    margin-bottom: 0.625rem;
  }
}
.header__subscribe-form {
  position: relative;
}
.header__subscribe-form .footer__subscribe-input, .header__subscribe-form .footer__subscribe-info, .header__subscribe-form .header__subscribe-info,
.header__subscribe-form .footer__subscribe-info.success {
  font-size: 0.875rem;
  padding: 0.5rem;
  color: #313131;
  color: var(--color-dark);
  min-height: unset;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .header__subscribe-form .footer__subscribe-input, .header__subscribe-form .footer__subscribe-info, .header__subscribe-form .header__subscribe-info,
.header__subscribe-form .footer__subscribe-info.success {
    font-size: 0.6rem;
  }
}
.header__subscribe-form .footer__subscribe-info.success {
  margin-top: 0.375rem;
}
.header__subscribe-form .footer__subscribe-btn,
.header__subscribe-form .footer__subscribe-btn.ok {
  font-size: 0.875rem;
  top: calc(50% - 0.9375rem);
  right: 0.25rem;
  height: 1.875rem;
  width: 1.875rem;
  background-size: 1.25rem auto;
}
@media screen and (max-width: 767px) {
  .header__subscribe-form .footer__subscribe-btn,
.header__subscribe-form .footer__subscribe-btn.ok {
    font-size: 0.5rem;
    top: calc(50% - 0.46875rem);
    height: 0.9375rem;
    width: 0.9375rem;
    background-size: 0.625rem auto;
  }
}
.header__subscribe-form .simple_form.new_subscription {
  position: relative;
  margin: auto;
}
.header__subscribe-info {
  font-size: 0.875rem;
  line-height: 1.2;
}
.header__subscribe-info.success {
  text-transform: uppercase;
}
@media screen and (min-width: 1180px) {
  .header__subscribe-info.success {
    min-height: 3.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__subscribe-info.success {
    min-height: 3.125rem;
    padding-right: 3.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__subscribe-info.success {
    min-height: 6.8125rem;
    padding-right: 5.625rem;
  }
}
@media screen and (max-width: 767px) {
  .header__subscribe-info.success {
    min-height: 3.125rem;
    padding-right: 2.5rem;
  }
}
.header__subscribe-btn {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  background: #CFCBBF url(https://dev.sovremennik.ru/packs/media/images/arrow-right-87a94936fdd993b5f5da41460fbb6408.svg) no-repeat center;
  border-radius: 50%;
}
@media screen and (min-width: 1180px) {
  .header__subscribe-btn {
    height: 2.875rem;
    width: 2.875rem;
    background-size: 1.375rem auto;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__subscribe-btn {
    height: 2.125rem;
    width: 2.125rem;
    background-size: 1.0625rem auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__subscribe-btn {
    height: 4.5rem;
    width: 4.5rem;
    background-size: 2.3125rem auto;
  }
}
@media screen and (max-width: 767px) {
  .header__subscribe-btn {
    height: 2rem;
    width: 2rem;
    background-size: 1rem auto;
  }
}
.header__subscribe-btn.ok {
  background: #CFCBBF;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #484848;
  text-transform: uppercase;
  padding-top: 0.1%;
  font-family: inherit;
}
@media screen and (min-width: 1180px) {
  .header__subscribe-btn.ok {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__subscribe-btn.ok {
    font-size: 0.875rem;
    padding-top: 0.5%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__subscribe-btn.ok {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .header__subscribe-btn.ok {
    font-size: 0.875rem;
  }
}
.header__subscribe-error {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #B93D3E;
  width: 100%;
  position: absolute;
  bottom: 100%;
  left: 0;
  line-height: 1;
}
@media screen and (min-width: 1180px) {
  .header__subscribe-error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__subscribe-error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__subscribe-error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .header__subscribe-error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1180px) {
  .header__subscribe-error {
    margin-bottom: 0.375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__subscribe-error {
    margin-bottom: -0.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__subscribe-error {
    margin-bottom: 0.625rem;
  }
}
@media screen and (max-width: 767px) {
  .header__subscribe-error {
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.search {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  display: none;
}
.body--search .search {
  display: block;
}
@media screen and (min-width: 1180px) {
  .search {
    top: 4rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .search {
    top: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .search {
    top: 5.75rem;
  }
}
@media screen and (max-width: 767px) {
  .search {
    top: 3rem;
  }
}
.search__container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  opacity: 0;
  -webkit-animation: fadein 0.5s ease forwards;
          animation: fadein 0.5s ease forwards;
}
@media screen and (min-width: 1180px) {
  .search__container {
    height: calc(100vh - 4rem);
    padding-top: 2.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .search__container {
    height: calc(100vh - 4rem);
    padding-top: 2.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .search__container {
    height: calc(100vh - 5.75rem);
    padding-top: 2.25rem;
  }
}
@media screen and (max-width: 767px) {
  .search__container {
    height: calc(100vh - 3rem);
    padding-top: 0.875rem;
  }
}
.search__input {
  display: block;
  text-transform: uppercase;
  width: 100%;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.02em;
  border: none;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.search__input::-webkit-input-placeholder {
  color: #2D2D2B;
}
.search__input::-moz-placeholder {
  color: #2D2D2B;
}
.search__input:-ms-input-placeholder {
  color: #2D2D2B;
}
.search__input:-moz-placeholder {
  color: #2D2D2B;
}
.search__input::-webkit-input-placeholder {
  color: #2D2D2B;
  color: var(--color-primary-black);
}
.search__input::-moz-placeholder {
  color: #2D2D2B;
  color: var(--color-primary-black);
}
.search__input:-ms-input-placeholder {
  color: #2D2D2B;
  color: var(--color-primary-black);
}
.search__input:-moz-placeholder {
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  .search__input {
    font-size: 4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .search__input {
    font-size: 4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .search__input {
    font-size: 4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .search__input {
    font-size: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.search__clear {
  display: none;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-clear-bcab2b653ec489acf36262d55b205d24.svg) no-repeat center/116% auto;
  height: 3.75rem;
  width: 3.75rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
.theme-dark .search__clear {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/icon-clear-bcab2b653ec489acf36262d55b205d24.svg);
}
.search__form {
  position: relative;
  margin-bottom: 1.0625rem;
}
.search__result-list {
  overflow: auto;
}
.search__result-item {
  display: flex;
  margin-bottom: 1.75rem;
  opacity: 0;
  -webkit-animation: fadein 0.5s ease forwards;
          animation: fadein 0.5s ease forwards;
}
.search__result-img {
  flex: 0 0 auto;
  width: 5rem;
}
@media screen and (min-width: 768px) {
  .search__result-img {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .search__result-img {
    margin-right: 1.25rem;
  }
}
.search__result-img img {
  display: block;
  width: 100%;
}
.search__result-info {
  flex: 1 1 auto;
}
@media screen and (min-width: 768px) {
  .search__result-name {
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
    margin-bottom: 0.25rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 1180px) {
  .search__result-name {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1179px) {
  .search__result-name {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
  .search__result-name {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .search__result-name {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .search__result-name {
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
    margin-bottom: 0.25rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 1180px) {
  .search__result-name {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 1024px) and (max-width: 1179px) {
  .search__result-name {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1023px) {
  .search__result-name {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .search__result-name {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
.search__result-desc {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
}
@media screen and (min-width: 1180px) {
  .search__result-desc {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .search__result-desc {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .search__result-desc {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .search__result-desc {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.search__result-text {
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  margin-top: 0.75rem;
}
@media screen and (min-width: 1024px) {
  .search__result-text {
    max-width: 49.375rem;
  }
}
@media screen and (max-width: 767px) {
  .search__result-text {
    margin-top: 0.375rem;
  }
}
.search__result-text span {
  color: #000000;
  color: #000000;
  color: var(--color-black);
}
.search__result-price {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
}
@media screen and (min-width: 1180px) {
  .search__result-price {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .search__result-price {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .search__result-price {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .search__result-price {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.search__no-results {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
}
@media screen and (min-width: 1180px) {
  .search__no-results {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .search__no-results {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .search__no-results {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .search__no-results {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.footer {
  position: relative;
  z-index: 4;
  background-color: #282827;
  color: #B7B4AB;
}
@media screen and (min-width: 1180px) {
  .footer {
    padding-top: 3.5rem;
    padding-bottom: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer {
    padding-top: 2.625rem;
    padding-bottom: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer {
    padding-top: 4rem;
    padding-bottom: 3.5625rem;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    padding-top: 1.6875rem;
    padding-bottom: 1.25rem;
  }
}
.footer__space {
  width: 100%;
  margin-top: auto;
  margin-bottom: 3.125rem;
}
.footer__container {
  display: flex;
}
@media screen and (min-width: 1180px) {
  .footer__container {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__container {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__container {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .footer__container {
    flex-direction: column;
  }
}
.footer__subscribe {
  position: relative;
}
@media screen and (min-width: 1180px) {
  .footer__subscribe {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2.9375rem;
    margin-bottom: 2.9375rem;
    border-bottom: 1px solid #484848;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__subscribe {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 1.5rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #484848;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__subscribe {
    order: 1;
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__subscribe {
    order: 1;
    margin-bottom: 3.5rem;
  }
}
.footer__subscribe-title {
  text-transform: uppercase;
  font-weight: 500;
}
@media screen and (min-width: 1180px) {
  .footer__subscribe-title {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__subscribe-title {
    padding-right: 1.25rem;
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__subscribe-title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
    margin-bottom: 3.5rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__subscribe-title {
    font-size: 1.625rem;
    line-height: 1.625rem;
    margin-bottom: 3.4375rem;
  }
}
.footer__subscribe-form {
  position: relative;
}
.footer__subscribe-input, .footer__subscribe-info, .header__subscribe-info {
  color: #CFCBBF;
  background-color: transparent;
  box-shadow: none;
  border: none;
  display: block;
  border-bottom: 1px solid #CFCBBF;
  font-weight: 500;
  width: 100%;
}
.footer__subscribe-input::-webkit-input-placeholder, .footer__subscribe-info::-webkit-input-placeholder, .header__subscribe-info::-webkit-input-placeholder {
  color: #CFCBBF;
}
.footer__subscribe-input::-moz-placeholder, .footer__subscribe-info::-moz-placeholder, .header__subscribe-info::-moz-placeholder {
  color: #CFCBBF;
}
.footer__subscribe-input:-ms-input-placeholder, .footer__subscribe-info:-ms-input-placeholder, .header__subscribe-info:-ms-input-placeholder {
  color: #CFCBBF;
}
.footer__subscribe-input:-moz-placeholder, .footer__subscribe-info:-moz-placeholder, .header__subscribe-info:-moz-placeholder {
  color: #CFCBBF;
}
@media screen and (min-width: 1180px) {
  .footer__subscribe-input, .footer__subscribe-info, .header__subscribe-info {
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding: 0.5rem 0 1.3125rem 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__subscribe-input, .footer__subscribe-info, .header__subscribe-info {
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding: 0.8125rem 0 0.625rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__subscribe-input, .footer__subscribe-info, .header__subscribe-info {
    font-size: 2.5rem;
    line-height: 2.5rem;
    padding: 1.125rem 0 2.375rem 0;
  }
}
@media screen and (max-width: 767px) {
  .footer__subscribe-input, .footer__subscribe-info, .header__subscribe-info {
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding: 0.25rem 0 1.1875rem 0;
  }
}
.footer__subscribe-input:-webkit-autofill, .footer__subscribe-info:-webkit-autofill, .header__subscribe-info:-webkit-autofill, .footer__subscribe-input:-webkit-autofill:hover, .footer__subscribe-input:-webkit-autofill:focus, .footer__subscribe-input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 18.75rem #282827 inset !important;
  -webkit-text-fill-color: #CFCBBF !important;
}
.footer__subscribe-info.success {
  text-transform: uppercase;
}
@media screen and (min-width: 1180px) {
  .footer__subscribe-info.success {
    font-size: 1rem;
    line-height: 1.2;
    min-height: 3.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__subscribe-info.success {
    font-size: 1rem;
    line-height: 1.2;
    min-height: 3.125rem;
    padding-right: 3.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__subscribe-info.success {
    font-size: 2rem;
    line-height: 1.2;
    min-height: 6.8125rem;
    padding-right: 5.625rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__subscribe-info.success {
    font-size: 1rem;
    line-height: 1.2;
    min-height: 3.125rem;
    padding-right: 2.5rem;
  }
}
.footer__subscribe-btn {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  background: #CFCBBF url(https://dev.sovremennik.ru/packs/media/images/arrow-right-87a94936fdd993b5f5da41460fbb6408.svg) no-repeat center;
  border-radius: 50%;
}
@media screen and (min-width: 1180px) {
  .footer__subscribe-btn {
    top: -0.75rem;
    height: 2.875rem;
    width: 2.875rem;
    background-size: 1.375rem auto;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__subscribe-btn {
    height: 2.125rem;
    width: 2.125rem;
    background-size: 1.0625rem auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__subscribe-btn {
    height: 4.5rem;
    width: 4.5rem;
    background-size: 2.3125rem auto;
  }
}
@media screen and (max-width: 767px) {
  .footer__subscribe-btn {
    height: 2rem;
    width: 2rem;
    background-size: 1rem auto;
  }
}
.footer__subscribe-btn.ok {
  background: #CFCBBF;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #484848;
  text-transform: uppercase;
  padding-top: 0.1%;
  font-family: inherit;
}
@media screen and (min-width: 1180px) {
  .footer__subscribe-btn.ok {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__subscribe-btn.ok {
    font-size: 1rem;
    padding-top: 0.5%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__subscribe-btn.ok {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__subscribe-btn.ok {
    font-size: 0.875rem;
  }
}
.footer__subscribe-error {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #B93D3E;
  width: 100%;
  position: absolute;
  bottom: 100%;
  left: 0;
  line-height: 1;
}
@media screen and (min-width: 1180px) {
  .footer__subscribe-error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__subscribe-error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__subscribe-error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__subscribe-error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1180px) {
  .footer__subscribe-error {
    margin-bottom: 0.375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__subscribe-error {
    margin-bottom: -0.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__subscribe-error {
    margin-bottom: 0.625rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__subscribe-error {
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
  }
}
.footer__main-link {
  flex: 0 0 auto;
}
@media screen and (min-width: 1180px) {
  .footer__main-link {
    width: 2.8125rem;
    margin-top: 0.5625rem;
    margin-left: 0.1875rem;
    margin-right: 2.1875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__main-link {
    width: 3.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .footer__main-link {
    display: none;
  }
}
.footer__main-link img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__menu {
    order: 2;
  }
}
@media screen and (max-width: 767px) {
  .footer__menu {
    order: 2;
  }
}
@media screen and (min-width: 1180px) {
  .footer__menu .menu {
    display: flex;
    justify-content: flex-start;
    position: relative;
  }
  .footer__menu .menu:before, .footer__menu .menu:after {
    content: "";
  }
  .footer__menu .menu:before {
    margin-left: -1rem;
  }
  .footer__menu .menu:after {
    margin-right: -1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__menu .menu {
    display: flex;
    justify-content: flex-start;
  }
  .footer__menu .menu:before, .footer__menu .menu:after {
    content: "";
  }
  .footer__menu .menu:before {
    margin-left: -0.75rem;
  }
  .footer__menu .menu:after {
    margin-right: -0.75rem;
  }
}
@media screen and (min-width: 1180px) {
  .footer__menu .menu__group {
    padding-left: 1rem;
    padding-right: 1rem;
    flex: 0 1 auto;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__menu .menu__group {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 1 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__menu .menu__group {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__menu .menu__group {
    margin-bottom: 1.625rem;
  }
}
.footer__menu .menu__group-title {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #484848;
  text-decoration: none;
  display: block;
}
@media screen and (min-width: 1180px) {
  .footer__menu .menu__group-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__menu .menu__group-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__menu .menu__group-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__menu .menu__group-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1180px) {
  .footer__menu .menu__group-title {
    margin-bottom: 1.125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__menu .menu__group-title {
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__menu .menu__group-title {
    font-size: 1.625rem;
    line-height: 1.625rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__menu .menu__group-title {
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-bottom: 1rem;
  }
}
.footer__menu .menu__list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 1180px) {
  .footer__menu .menu__item {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__menu .menu__item {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__menu .menu__item {
    margin-bottom: 1.5625rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__menu .menu__item {
    margin-bottom: 0.5rem;
  }
}
.footer__menu .menu__link {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  color: #B7B4AB;
  text-decoration: none;
}
@media screen and (min-width: 1180px) {
  .footer__menu .menu__link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__menu .menu__link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__menu .menu__link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__menu .menu__link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.footer__menu .menu__link:hover {
  color: #EFEBE1;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__menu .menu__link {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__menu .menu__link {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__menu .menu__link {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__contacts {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .footer__contacts {
    order: 4;
    margin-bottom: 1.3125rem;
  }
}
@media screen and (min-width: 1180px) {
  .footer__contacts .contacts__items {
    margin-bottom: 1.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__contacts .contacts__items {
    float: right;
    margin-bottom: 1.0625rem;
  }
}
@media screen and (max-width: 1023px) {
  .footer__contacts .contacts__items {
    display: none;
  }
}
@media screen and (min-width: 1180px) {
  .footer__contacts .contacts__item {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__contacts .contacts__item {
    margin-bottom: 1rem;
    float: left;
    clear: both;
  }
}
.footer__contacts .contacts__title {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #484848;
}
@media screen and (min-width: 1180px) {
  .footer__contacts .contacts__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__contacts .contacts__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__contacts .contacts__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__contacts .contacts__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1180px) {
  .footer__contacts .contacts__title {
    margin-bottom: 0.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__contacts .contacts__title {
    margin-bottom: 0.375rem;
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .footer__contacts .contacts__title {
    display: none;
  }
}
.footer__contacts .contacts__text {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #B7B4AB;
  text-decoration: none;
}
@media screen and (min-width: 1180px) {
  .footer__contacts .contacts__text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__contacts .contacts__text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__contacts .contacts__text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__contacts .contacts__text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.footer__contacts .contacts__text a[href], .footer__contacts .contacts__text[href]:hover {
  color: #EFEBE1;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__contacts .contacts__text {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
@media screen and (min-width: 1180px) {
  .footer__contacts-social {
    width: 14.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__contacts-social {
    width: 10.125rem;
    margin-left: auto;
    clear: both;
  }
}
@media screen and (min-width: 1180px) {
  .footer__contacts-social .social__link {
    height: 2.5rem;
    width: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__contacts-social .social__link {
    height: 1.75rem;
    width: 1.75rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__contacts-social .social__link {
    height: 2.5rem;
    width: 2.5rem;
  }
}
.footer__contacts-social .social__link--fb {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/social/fb-71a20646b9fa26a6b5311f584e21cd84.svg);
}
.footer__contacts-social .social__link--vk {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/social/vk-ce32245f1f1f3c91757858f97b76620c.svg);
}
.footer__contacts-social .social__link--in {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/social/in-11ac89f7367de04df4e009d15f58d925.svg);
}
.footer__contacts-social .social__link--tg {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/social/tg-6e2a24474191eff76d5da9ad7b88ebea.svg);
}
.footer__contacts-social .social__link--yt {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/social/yt-4e7fd0e5cc93d5977e4399bd18ebecbb.svg);
}
.footer__contacts-social .social__link--rt {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/social/rt-cea3c298335bd94b63e8c91801bc4586.svg);
}
@media screen and (min-width: 1180px) {
  .footer__partners {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__partners {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    position: relative;
    flex-wrap: wrap;
    padding-right: 9.375rem;
    margin-top: -1.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__partners {
    order: 5;
    border-top: 1px solid #625F5C;
    padding-top: 5rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .footer__partners {
    order: 5;
    border-top: 1px solid #625F5C;
    padding-top: 1.125rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.footer__partners-title {
  margin-top: 1.25rem;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #484848;
  white-space: normal;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1180px) {
  .footer__partners-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__partners-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__partners-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__partners-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1180px) {
  .footer__partners-title {
    max-width: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__partners-title {
    margin-bottom: 2.5rem;
    max-width: 1.25rem;
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .footer__partners-title {
    margin-top: unset;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__partners-title {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__partners-title {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
.footer__partners-group {
  display: flex;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  margin-bottom: auto;
  position: relative;
  grid-gap: 1rem;
  gap: 1rem;
  max-width: 100%;
  justify-content: flex-start;
}
.footer__partners-group::after {
  content: "";
  display: block;
  flex: 1 0 auto;
}
@media screen and (min-width: 1180px) {
  .footer__partners-group {
    margin-right: 1.875rem;
    padding-top: 5.125rem;
    height: 7.8125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__partners-group {
    margin-right: 2.0625rem;
    padding-top: 5.125rem;
    height: 7.8125rem;
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__partners-group {
    flex-wrap: wrap;
    grid-gap: 2rem;
    gap: 2rem;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .footer__partners-group {
    flex-wrap: wrap;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    width: 100%;
  }
}
.footer__partners-link {
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .footer__partners-link {
    height: 3.125rem;
  }
}
.footer__partners-link img {
  display: block;
  width: auto;
  height: 100%;
  max-height: 100%;
}
@media screen and (max-width: 767px) {
  .footer__partners-link img {
    max-width: 100%;
  }
}
.footer__partners-special {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1180px) {
  .footer__partners-special {
    margin-bottom: -0.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__partners-special {
    margin-bottom: -0.625rem;
  }
}
@media screen and (max-width: 1023px) {
  .footer__partners-special {
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__partners-special {
    border-top: 1px solid #625F5C;
    padding-top: 3rem;
    width: 100%;
    margin-top: 4.5rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__partners-special {
    display: unset;
    border-top: 1px solid #625F5C;
    border-bottom: 1px solid #625F5C;
    padding-top: 0.625rem;
    padding-bottom: 0.5rem;
    width: 100%;
    margin-top: 2.125rem;
  }
}
.footer__partners-special img,
.footer__partners-special svg {
  display: block;
  max-width: 90%;
  width: auto;
  height: 4rem;
}
.footer__partners-special .rating {
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__partners-special .rating {
    margin-left: 0.1875rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__partners-special .rating {
    margin-left: 0.08125rem;
  }
}
.footer__nav {
  border-top: 1px solid #625F5C;
}
@media screen and (min-width: 1180px) {
  .footer__nav {
    width: 100%;
    margin-top: 2.125rem;
    padding-top: 1.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__nav {
    width: 100%;
    margin-top: 1.8125rem;
    padding-top: 1.1875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__nav {
    order: 3;
    margin-top: 1rem;
    padding-top: 5rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__nav {
    order: 3;
    margin-top: 0.375rem;
    padding-top: 2rem;
    margin-bottom: 1rem;
  }
}
.footer__nav-list {
  display: flex;
}
@media screen and (min-width: 1180px) {
  .footer__nav-list {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__nav-list {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__nav-list {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .footer__nav-list {
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer__nav-item {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #B7B4AB;
  text-decoration: none;
}
@media screen and (min-width: 1180px) {
  .footer__nav-item {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__nav-item {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__nav-item {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__nav-item {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.footer__nav-item:hover {
  color: #EFEBE1;
}
@media screen and (min-width: 1180px) {
  .footer__nav-item {
    margin-right: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__nav-item {
    margin-right: 0.75rem;
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__nav-item {
    margin-bottom: 2.5rem;
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__nav-item {
    margin-bottom: 1rem;
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
.footer__copy {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #484848;
}
@media screen and (min-width: 1180px) {
  .footer__copy {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__copy {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__copy {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__copy {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1180px) {
  .footer__copy {
    margin-left: auto;
    margin-top: -0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__copy {
    margin-left: auto;
    margin-top: -0.625rem;
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__copy {
    order: 7;
    font-size: 1.625rem;
    line-height: 1.625rem;
    margin-top: 3.25rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__copy {
    order: 7;
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-top: 1.0625rem;
  }
}
.footer__design {
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-start;
}
@media screen and (min-width: 1180px) {
  .footer__design {
    border-top: 1px solid #625F5C;
    margin-top: 1.625rem;
    padding-top: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__design {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__design {
    margin-top: 2.9375rem;
    order: 6;
  }
}
@media screen and (max-width: 767px) {
  .footer__design {
    margin-top: 1.1875rem;
    order: 6;
  }
}
.footer__design-link {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #484848;
}
@media screen and (min-width: 1180px) {
  .footer__design-link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__design-link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__design-link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__design-link {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .footer__design-link {
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__design-link {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__design-link {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
.swiper-container--fraction .swiper-controls {
  position: relative;
  margin-top: 1rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .swiper-container--fraction .swiper-controls {
    margin-top: 0.125rem;
  }
}
.swiper-container--fraction .swiper-controls .swiper-button-prev {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-prev-c4ca38bd6f3dd696f6e3172878f5c082.svg) no-repeat center/contain;
  margin-left: auto;
}
.swiper-container--fraction .swiper-controls .swiper-button-prev.swiper-button-disabled, .swiper-container--fraction .swiper-controls .swiper-button-prev--disabled {
  opacity: 0.3;
}
.swiper-container--fraction .swiper-controls .swiper-button-prev:hover {
  transform: translateX(-0.3125rem);
}
.swiper-container--fraction .swiper-controls .swiper-button-prev:active {
  transform: translateX(-0.625rem);
}
.swiper-container--fraction .swiper-controls .swiper-button-next {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-next-ac94a7336b29249eac41e1ade8e1d251.svg) no-repeat center/contain;
  margin-right: auto;
}
.swiper-container--fraction .swiper-controls .swiper-button-next.swiper-button-disabled, .swiper-container--fraction .swiper-controls .swiper-button-next--disabled {
  opacity: 0.3;
}
.swiper-container--fraction .swiper-controls .swiper-button-next:hover {
  transform: translateX(0.3125rem);
}
.swiper-container--fraction .swiper-controls .swiper-button-next:active {
  transform: translateX(0.625rem);
}
.swiper-container--fraction .swiper-controls .swiper-button-prev,
.swiper-container--fraction .swiper-controls .swiper-button-next {
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .swiper-container--fraction .swiper-controls .swiper-button-prev,
.swiper-container--fraction .swiper-controls .swiper-button-next {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.swiper-container--fraction .swiper-controls .swiper-pagination {
  position: relative;
  bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 5rem;
}
@media screen and (max-width: 767px) {
  .swiper-container--fraction .swiper-controls .swiper-pagination {
    font-size: 0.75rem;
    line-height: 1.875rem;
    width: 3.625rem;
    padding-left: 0;
    padding-right: 0;
  }
}
.swiper-container .swiper-slide {
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.swiper-container .swiper-slide iframe {
  height: 100% !important;
  max-width: 90vw;
}
.swiper-container .swiper-slide img {
  pointer-events: none;
}
.swiper-container .gallery-title {
  opacity: 1;
  transition: opacity 0.3s;
  position: inherit;
  width: 100%;
  padding: 0.25rem 0.5rem;
  background: rgba(239, 235, 225, 0.98);
}
@media screen and (max-width: 767px) {
  .swiper-container .gallery-title {
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
}
.social {
  display: flex;
  justify-content: space-between;
}
.social__link {
  text-decoration: none;
  display: block;
  flex: 0 0 auto;
  background: no-repeat center/contain;
}
@media screen and (min-width: 1180px) {
  .content-block {
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .content-block {
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .content-block {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .content-block {
    margin-bottom: 2.5rem;
  }
}
.content-block--title {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  .content-block--title {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .content-block--title {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .content-block--title {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .content-block--title {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
.content-block--text {
  font-weight: 400;
}
.content-block--text h1,
.content-block--text .h1,
.content-block--text h2,
.content-block--text .h2,
.content-block--text h3,
.content-block--text .h3,
.content-block--text h4,
.content-block--text .h4,
.content-block--text h5,
.content-block--text .h5,
.content-block--text h6,
.content-block--text .h6 {
  margin-bottom: 0.5454em;
}
@media screen and (min-width: 1024px) {
  .content-block--text p {
    margin-bottom: 1.4em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .content-block--text p {
    margin-bottom: 1.2727em;
  }
}
@media screen and (max-width: 767px) {
  .content-block--text p {
    margin-bottom: 1.25em;
  }
}
.content-block--text b,
.content-block--text strong {
  font-weight: 500;
}
.content-block--text a {
  text-decoration: underline;
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
}
.content-block--text a:hover {
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
}
.content-block--text .text-btn {
  font-family: "Basis Grotesque Pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  display: inline-block;
  text-decoration: none !important;
  text-align: center;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  background-color: transparent;
  transition: inherit;
  padding: 0.75rem 0.9375rem 0.625rem;
}
.content-block--text .text-btn--alternate, .content-block--text .text-btn:hover {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.content-block--text .text-btn--alternate:hover {
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
.content-block--text .text-btn--alternate.disabled, .content-block--text .text-btn--alternate:disabled, .content-block--text .text-btn--alternate[disabled] {
  color: #EFEBE1;
  background-color: #B7B4AB;
  border-color: #B7B4AB;
  pointer-events: none;
}
.content-block--files {
  display: flex;
  flex-direction: column;
}
.content-block--files a:link {
  flex: 0 0 auto;
}
.content-block--files a:link .filename {
  transition: 0.5s ease;
  transition-property: color;
  text-decoration: underline;
}
.content-block--files a:link:hover .filename {
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
}
.content-block--files a:link .subtitle {
  font-size: 0.8em;
  line-height: 1;
  opacity: 0.9;
}
.content-block--files a:link .subtitle:before {
  content: " ";
}
.content-block--video {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.content-block--video:before {
  content: "";
  display: block;
  padding-bottom: 52.785145%;
}
.content-block--video iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.content-block--map h1,
.content-block--map .h1,
.content-block--map h2,
.content-block--map .h2,
.content-block--map h3,
.content-block--map .h3,
.content-block--map h4,
.content-block--map .h4,
.content-block--map h5,
.content-block--map .h5,
.content-block--map h6,
.content-block--map .h6 {
  margin-bottom: 0.9em;
}
.content-block--map .map-holder {
  height: 400px;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  margin-bottom: 2.5rem;
}
.content-block--map .map-holder > ymaps {
  mix-blend-mode: multiply;
}
@media screen and (max-width: 767px) {
  .content-block--map .map-holder {
    margin-bottom: 1.25rem;
  }
}
.content-block--gallery .swiper-slide {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  width: auto;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.content-block--gallery .swiper-slide img {
  height: 100%;
  width: auto;
}
@media screen and (min-width: 1180px) {
  .content-block--gallery .swiper-slide {
    height: 28.125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .content-block--gallery .swiper-slide {
    height: 21.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .content-block--gallery .swiper-slide {
    height: 19.375rem;
  }
}
@media screen and (max-width: 767px) {
  .content-block--gallery .swiper-slide {
    height: 8.75rem;
  }
}
.content-block--gallery .swiper-pagination {
  display: none;
}
.content-block--gallery .swiper-container .gallery-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.content-block--intro__title {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  margin-bottom: 1rem;
}
@media screen and (min-width: 1180px) {
  .content-block--intro__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .content-block--intro__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .content-block--intro__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .content-block--intro__title {
    font-size: 1rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .content-block--intro__title {
    position: absolute;
    line-height: 1.75rem;
  }
}
.content-block--intro__description {
  margin-bottom: 5.75rem;
}
.content-block--intro__description a {
  text-decoration: underline;
  -webkit-text-decoration: underline;
}
.content-block--history_text {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 1180px) {
  .content-block--history_text {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .content-block--history_text {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .content-block--history_text {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .content-block--history_text {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 1180px) {
  .content-block--history_text {
    margin-bottom: 3.8125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .content-block--history_text {
    margin-bottom: 2.5rem;
  }
}
.content-block--history_image, .content-block--text_page_image {
  display: flex;
  justify-content: space-between;
  flex-wrap: no-wrap;
}
@media screen and (max-width: 1023px) {
  .content-block--history_image, .content-block--text_page_image {
    flex-wrap: wrap;
  }
}
.content-block--history_image.full-width, .content-block--text_page_image.full-width {
  display: block !important;
}
@media screen and (min-width: 1180px) {
  .content-block--history_image, .content-block--text_page_image {
    margin-bottom: 3.8125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .content-block--history_image, .content-block--text_page_image {
    margin-bottom: 2.5rem;
  }
}
.content-block--history_image.position-full .history__wraper,
.content-block--history_image.position-full .text_page_wrapper, .content-block--text_page_image.position-full .history__wraper,
.content-block--text_page_image.position-full .text_page_wrapper {
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .content-block--history_image.position-full, .content-block--text_page_image.position-full {
    margin-top: 7.625rem;
    margin-bottom: 7.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .content-block--history_image.position-full, .content-block--text_page_image.position-full {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
.content-block--history_image.position-left .history__wraper.content-block,
.content-block--history_image.position-left .text_page__wraper.content-block, .content-block--history_image.position-right .history__wraper.content-block,
.content-block--history_image.position-right .text_page__wraper.content-block, .content-block--text_page_image.position-left .history__wraper.content-block,
.content-block--text_page_image.position-left .text_page__wraper.content-block, .content-block--text_page_image.position-right .history__wraper.content-block,
.content-block--text_page_image.position-right .text_page__wraper.content-block {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.content-block--history_image.position-left .history__wraper.content-block:before,
.content-block--history_image.position-left .text_page__wraper.content-block:before, .content-block--history_image.position-right .history__wraper.content-block:before,
.content-block--history_image.position-right .text_page__wraper.content-block:before, .content-block--text_page_image.position-left .history__wraper.content-block:before,
.content-block--text_page_image.position-left .text_page__wraper.content-block:before, .content-block--text_page_image.position-right .history__wraper.content-block:before,
.content-block--text_page_image.position-right .text_page__wraper.content-block:before {
  content: "";
  display: block;
  padding-bottom: 63.066666%;
}
.content-block--history_image.position-left .history__wraper.content-block img,
.content-block--history_image.position-left .text_page__wraper.content-block img, .content-block--history_image.position-right .history__wraper.content-block img,
.content-block--history_image.position-right .text_page__wraper.content-block img, .content-block--text_page_image.position-left .history__wraper.content-block img,
.content-block--text_page_image.position-left .text_page__wraper.content-block img, .content-block--text_page_image.position-right .history__wraper.content-block img,
.content-block--text_page_image.position-right .text_page__wraper.content-block img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-block.no-margin {
  margin-bottom: 0.5rem !important;
}
.content-block.no-top-margin {
  margin-top: 0.5rem !important;
}
@media screen and (min-width: 1180px) {
  .section-nav {
    margin-bottom: 1rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .section-nav {
    margin-top: 2.25rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .section-nav {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .section-nav {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.section-nav__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-nav__all {
  font-family: "Basis Grotesque Pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  display: block;
  text-align: center;
  max-width: 15.625rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1180px) {
  .section-nav__all {
    margin-top: 4rem;
    margin-bottom: 7.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .section-nav__all {
    margin-top: 3.5rem;
    margin-bottom: 5.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .section-nav__all {
    margin-top: 3.5rem;
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .section-nav__all {
    margin-top: 2.5rem;
    margin-bottom: 3.8125rem;
  }
}
.section-nav__all:hover {
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
}
.section-nav__title {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  .section-nav__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .section-nav__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .section-nav__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .section-nav__title {
    font-size: 1rem;
    line-height: 1rem;
  }
}
.section-nav__title:before {
  content: "";
  display: inline-block;
  line-height: 1;
  background: url(https://dev.sovremennik.ru/packs/media/images/round-left-b1f54388e6971705a17c49796ea14fb6.svg) no-repeat center/contain;
}
@media screen and (min-width: 1180px) {
  .section-nav__title:before {
    height: 0.875rem;
    width: 0.4375rem;
    margin-right: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .section-nav__title:before {
    height: 0.875rem;
    width: 0.4375rem;
    margin-right: 0.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .section-nav__title:before {
    height: 0.875rem;
    width: 0.4375rem;
    margin-right: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  .section-nav__title:before {
    height: 0.75rem;
    width: 0.375rem;
    margin-right: 0.5rem;
  }
}
.section-nav__title[href]:hover {
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
}
.section-nav__title[href]:hover:before {
  opacity: 0.2;
}
.section-nav__nav {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  display: flex;
  justify-content: flex-start;
}
@media screen and (min-width: 1180px) {
  .section-nav__nav {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .section-nav__nav {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .section-nav__nav {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .section-nav__nav {
    font-size: 1rem;
    line-height: 1rem;
  }
}
.section-nav__nav:after {
  content: "";
  display: inline-block;
  line-height: 1;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
  transform: translateY(-1px);
  background: url(https://dev.sovremennik.ru/packs/media/images/round-right-ab78d1e5786434c6edc21088753f6da2.svg) no-repeat center/contain;
}
@media screen and (min-width: 1180px) {
  .section-nav__nav:after {
    height: 0.875rem;
    width: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .section-nav__nav:after {
    height: 0.875rem;
    width: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .section-nav__nav:after {
    height: 0.875rem;
    width: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .section-nav__nav:after {
    height: 0.75rem;
    width: 0.75rem;
  }
}
.section-nav__text {
  margin: auto 0.75rem;
}
@media screen and (max-width: 767px) {
  .section-nav__text {
    display: none;
  }
}
.section-nav__btn {
  opacity: 1;
}
.section-nav__btn--prev {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-prev-c4ca38bd6f3dd696f6e3172878f5c082.svg) no-repeat center/contain;
}
.section-nav__btn--prev.swiper-button-disabled, .section-nav__btn--prev--disabled {
  opacity: 0.3;
}
.section-nav__btn--prev:hover {
  transform: translateX(-0.3125rem);
}
.section-nav__btn--prev:active {
  transform: translateX(-0.625rem);
}
.section-nav__btn--next {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-next-ac94a7336b29249eac41e1ade8e1d251.svg) no-repeat center/contain;
}
.section-nav__btn--next.swiper-button-disabled, .section-nav__btn--next--disabled {
  opacity: 0.3;
}
.section-nav__btn--next:hover {
  transform: translateX(0.3125rem);
}
.section-nav__btn--next:active {
  transform: translateX(0.625rem);
}
.section-nav__btn:hover {
  opacity: 0.2;
}
.section-nav__btn:disabled {
  opacity: 0.2;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .section-nav__btn {
    display: none;
  }
}
.news-list-item {
  flex: 0 1 auto;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
  margin-bottom: -1px;
}
.news-list-item:hover {
  border-top-color: #2D2D2B;
  border-top-color: #2D2D2B;
  border-top-color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  .news-list-item {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    min-height: 20rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .news-list-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .news-list-item {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .news-list-item {
    width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.news-list-item__title {
  display: block;
}
@media screen and (min-width: 768px) {
  .news-list-item__title {
    margin: 0;
    font-weight: 500;
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
  }
}
@media screen and (min-width: 768px) and (min-width: 1180px) {
  .news-list-item__title {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1179px) {
  .news-list-item__title {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
  .news-list-item__title {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 1180px) {
  .news-list-item__title {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .news-list-item__title {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .news-list-item__title {
    margin: 0;
    font-weight: 500;
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 1180px) {
  .news-list-item__title {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 1024px) and (max-width: 1179px) {
  .news-list-item__title {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1023px) {
  .news-list-item__title {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .news-list-item__title {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.news-list-item__date {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
  margin-top: auto;
  margin-right: auto;
}
@media screen and (min-width: 1180px) {
  .news-list-item__date {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .news-list-item__date {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .news-list-item__date {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .news-list-item__date {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.news-list-item__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  margin-top: auto;
  margin-left: auto;
}
.news-list-item__img:before {
  content: "";
  display: block;
  padding-bottom: 62.5%;
}
.news-list-item__img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-list-item__slides {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .news-list-item__slides {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .news-list-item__slides {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .news-list-item__slides {
    flex-wrap: wrap;
    width: calc(100% + 1.25rem);
    justify-content: center;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
}
.news-list-item__slide {
  text-decoration: none;
  display: block;
  flex: 0 0 auto;
}
@media screen and (min-width: 768px) {
  .news-list-item__slide {
    max-width: 13.1039531vw;
  }
}
@media screen and (max-width: 767px) {
  .news-list-item__slide {
    max-width: 50%;
    padding: 0.625rem;
  }
}
.news-list-item__slide img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-event {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (min-width: 1180px) {
  .main-event {
    margin-bottom: 7.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .main-event {
    margin-bottom: 1.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-event {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event {
    margin-bottom: 5rem;
  }
}
@media screen and (min-width: 1180px) {
  .main-event__container {
    padding-top: 1.5rem;
    padding-bottom: 3.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .main-event__container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-event__container {
    padding-top: 2.75rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event__container {
    padding-top: 1.375rem;
  }
}
.main-event__title {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  width: 100%;
  display: block;
}
@media screen and (min-width: 1180px) {
  .main-event__title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .main-event__title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-event__title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 767px) {
  .main-event__title {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 1180px) {
  .main-event__title {
    margin-right: 50%;
    width: 50%;
    padding-right: calc(var(--grid-gap) / 2);
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .main-event__title {
    width: 40rem;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-event__title {
    width: 40rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event__title {
    margin-bottom: 1rem;
  }
}
.main-event__likegenre {
  margin: 0;
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  margin: -1.3125rem 0 1rem 0;
}
@media screen and (min-width: 1180px) {
  .main-event__likegenre {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .main-event__likegenre {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-event__likegenre {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event__likegenre {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .main-event__likegenre {
    margin-top: -0.6rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event__likegenre {
    font-size: 0.5rem;
    margin-top: -1rem;
    margin-bottom: 1rem;
    line-height: 0.625rem;
  }
}
.main-event__author-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex: 1 0 auto;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .main-event__author-list {
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-event__author-list {
    margin-bottom: 7.0625rem;
  }
}
.main-event__author-column {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .main-event__author-column {
    margin-right: var(--grid-gap);
  }
}
@media screen and (max-width: 767px) {
  .main-event__author-column {
    margin-bottom: 0.75rem;
  }
}
.main-event__author-type {
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 768px) {
  .main-event__author-type {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event__author-type {
    font-size: 0.5rem;
    line-height: 0.5rem;
  }
}
.main-event__author-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .main-event__author-text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event__author-text {
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-bottom: 0.25rem;
  }
}
.main-event__author-text span,
.main-event__author-text a {
  flex: 0 0 auto;
}
.main-event__author-text span + span,
.main-event__author-text a + a {
  margin-top: 0.25rem;
}
.main-event__details {
  display: grid;
  grid-template-areas: "desc photo" "addinfo photo" "info photo";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto 1fr;
  grid-column-gap: var(--grid-gap);
  flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .main-event__details {
    grid-template-columns: 40% auto;
  }
}
@media screen and (max-width: 767px) {
  .main-event__details {
    flex-direction: column;
    display: flex;
  }
}
.main-event__info {
  grid-area: info;
  text-align: right;
}
@media screen and (min-width: 1024px) {
  .main-event__info {
    margin-top: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-event__info {
    margin-bottom: 0.6875rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event__info {
    min-height: 4rem;
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
.main-event__info-categories {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  grid-gap: 0.625rem;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .main-event__info-categories {
    order: 1;
    margin-left: auto;
  }
}
.main-event__info-category {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  vertical-align: top;
  border-radius: 2.5rem;
  padding: 0.375rem 0.75rem 0.25rem;
  text-decoration: none;
  transition: inherit;
}
@media screen and (min-width: 1180px) {
  .main-event__info-category {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .main-event__info-category {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-event__info-category {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event__info-category {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event__info-category {
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
}
.main-event__info-category[href]:hover {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.main-event__info-category.status-canceled, .main-event__info-category.status-rescheduled, .main-event__info-category.status-replaced {
  color: #FF6566;
  border-color: #FF6566;
  background-color: transparent;
}
.main-event__info-category[href]:hover.status-canceled, .main-event__info-category[href]:hover.status-replaced, .main-event__info-category[href]:hover.status-rescheduled {
  background-color: #FF6566;
  color: #fff !important;
}
@media screen and (min-width: 768px) {
  .main-event__info-category + .main-event__info-category {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-event__info-category {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event__info-category {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .main-event__info-categories + .main-event__info-date {
    margin-top: 1rem;
  }
}
.main-event__info-date {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  .main-event__info-date {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .main-event__info-date {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-event__info-date {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 767px) {
  .main-event__info-date {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event__info-date--date {
    order: 3;
  }
}
@media screen and (max-width: 767px) {
  .main-event__info-date--time {
    order: 2;
  }
}
.main-event__description {
  margin-right: 30%;
  grid-area: desc;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media screen and (max-width: 767px) {
  .main-event__description {
    display: none;
  }
}
.main-event__image {
  grid-area: photo;
  display: block;
  text-decoration: none;
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.main-event__image:before {
  content: "";
  display: block;
  padding-bottom: 62.5%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-event__image:before {
    padding-bottom: 56.25%;
  }
}
@media screen and (max-width: 767px) {
  .main-event__image:before {
    padding-bottom: 56.25%;
  }
}
.main-event__image img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1180px) {
  .main-event__slide {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 38.75rem;
    height: 45.3879941vw !important;
    max-height: 48rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .main-event__slide {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 45.3879941vw !important;
  }
}
.main-event .swiper-container {
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .main-event .swiper-wrapper {
    height: auto;
  }
}
.main-event .swiper-wrapper:before, .main-event .swiper-wrapper:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  transition: transform 0.5s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .main-event .swiper-wrapper:before, .main-event .swiper-wrapper:after {
    height: 3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-event .swiper-wrapper:before, .main-event .swiper-wrapper:after {
    height: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event .swiper-wrapper:before, .main-event .swiper-wrapper:after {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .main-event .swiper-wrapper:before {
    right: 100%;
    transform: translateX(100%);
    background: url(https://dev.sovremennik.ru/packs/media/images/round-left-b1f54388e6971705a17c49796ea14fb6.svg) no-repeat center left/contain;
  }
}
@media screen and (min-width: 1024px) {
  .main-event .swiper-wrapper:before {
    bottom: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-event .swiper-wrapper:before {
    top: -2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event .swiper-wrapper:before {
    display: block;
    height: 2rem;
    bottom: 10.75rem;
    background: url(https://dev.sovremennik.ru/packs/media/images/home-04e875c2ad44a6f5338437f3c3329ee5.svg) no-repeat center left/auto 2rem;
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  .main-event .swiper-wrapper:after {
    top: 0;
    left: 100%;
    transform: translateX(-100%);
    background: url(https://dev.sovremennik.ru/packs/media/images/round-right-ab78d1e5786434c6edc21088753f6da2.svg) no-repeat center right/contain;
  }
}
@media screen and (min-width: 768px) {
  .main-event .swiper-wrapper--move:before {
    transform: translateX(150%);
  }
}
@media screen and (max-width: 767px) {
  .main-event .swiper-wrapper--move:before {
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  .main-event .swiper-wrapper--move:after {
    transform: translateX(-150%);
  }
}
.main-event .swiper-wrapper--move ~ .swiper-controls {
  opacity: 0;
}
.main-event .swiper-controls {
  transition: opacity 0.5s ease;
}
@media screen and (min-width: 1024px) {
  .main-event .swiper-controls {
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 1180px) {
  .main-event .swiper-controls {
    bottom: 67%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .main-event .swiper-controls {
    bottom: 72%;
  }
}
.main-event .swiper-button-prev {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-prev-c4ca38bd6f3dd696f6e3172878f5c082.svg) no-repeat center/contain;
  -webkit-animation: woo-prev 2s ease infinite 1s;
          animation: woo-prev 2s ease infinite 1s;
}
.main-event .swiper-button-prev.swiper-button-disabled, .main-event .swiper-button-prev--disabled {
  opacity: 0.3;
}
.main-event .swiper-button-prev:hover {
  transform: translateX(-0.3125rem);
}
.main-event .swiper-button-prev:active {
  transform: translateX(-0.625rem);
}
.main-event .swiper-button-next {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-next-ac94a7336b29249eac41e1ade8e1d251.svg) no-repeat center/contain;
  -webkit-animation: woo-next 2s ease infinite 1s;
          animation: woo-next 2s ease infinite 1s;
}
.main-event .swiper-button-next.swiper-button-disabled, .main-event .swiper-button-next--disabled {
  opacity: 0.3;
}
.main-event .swiper-button-next:hover {
  transform: translateX(0.3125rem);
}
.main-event .swiper-button-next:active {
  transform: translateX(0.625rem);
}
@media screen and (min-width: 1024px) {
  .main-event .swiper-button-next {
    margin-left: 0.375rem;
  }
}
.main-event .swiper-controls:hover .swiper-button-prev,
.main-event .swiper-controls:hover .swiper-button-next {
  -webkit-animation: none;
          animation: none;
}
.main-event .swiper-button-prev,
.main-event .swiper-button-next {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin-top: auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 1023px) {
  .main-event .swiper-button-prev,
.main-event .swiper-button-next {
    display: none;
  }
}
.main-event .swiper-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  bottom: auto !important;
  flex: 0 0 auto;
}
@media screen and (min-width: 768px) {
  .main-event .swiper-pagination {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event .swiper-pagination {
    margin-top: 1rem;
  }
}
.main-event .swiper-pagination .swiper-pagination-bullet {
  background-color: #CFCBBF;
  background-color: #CFCBBF;
  background-color: var(--color-divider);
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .main-event .swiper-pagination .swiper-pagination-bullet {
    height: 1rem;
    width: 1rem;
    margin-left: 0.3125rem;
    margin-right: 0.3125rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event .swiper-pagination .swiper-pagination-bullet {
    height: 0.5rem;
    width: 0.5rem;
    margin-left: 0.1875rem;
    margin-right: 0.1875rem;
  }
}
.main-event .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
}
@media screen and (min-width: 768px) {
  .main-event .swiper-pagination {
    display: none;
  }
}
.main-event .swiper-slide {
  transition-duration: 0.3s !important;
  opacity: 0 !important;
}
.main-event .swiper-container-initialized .swiper-slide-active {
  transition-delay: 0.7s !important;
  opacity: 1 !important;
}
.main-event__addinfo {
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  border-radius: 2.5rem;
  padding: 0.375rem 1.5625rem 0.375rem;
  line-height: 120%;
  grid-area: addinfo;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1rem;
  max-width: 85%;
}
@media screen and (max-width: 1179px) {
  .main-event__addinfo {
    max-width: unset;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  .main-event__addinfo {
    margin-top: -0.75rem;
    margin-bottom: 1rem;
  }
}
@-webkit-keyframes woo-prev {
  0%, 20%, 80%, 100% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-20%);
  }
}
@keyframes woo-prev {
  0%, 20%, 80%, 100% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-20%);
  }
}
@-webkit-keyframes woo-next {
  0%, 20%, 80%, 100% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(20%);
  }
}
@keyframes woo-next {
  0%, 20%, 80%, 100% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(20%);
  }
}
.poster-item:last-child .poster-item__container {
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
}
.poster-item:hover .poster-item__container {
  border-top-color: #2D2D2B;
  border-top-color: #2D2D2B;
  border-top-color: var(--color-primary-black);
}
.poster-item__container {
  position: relative;
  z-index: 1;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 1180px) {
  .poster-item__container {
    padding-top: 1.5rem;
    padding-bottom: 0.75rem;
    min-height: 18.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__container {
    padding-top: 1.375rem;
    padding-bottom: 0.5rem;
    min-height: 17.6875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__container {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__container {
    padding-top: 1rem;
    padding-bottom: 0.5625rem;
  }
}
.poster-item__left {
  display: flex;
  justify-content: flex-start;
}
@media screen and (min-width: 1180px) {
  .poster-item__left {
    order: 1;
  }
}
@media screen and (max-width: 1023px) {
  .poster-item__left {
    margin-bottom: auto;
    flex-wrap: wrap;
    order: 2;
    width: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .poster-item__right {
    margin-left: auto;
  }
}
@media screen and (min-width: 1180px) {
  .poster-item__right {
    order: 2;
  }
}
@media screen and (max-width: 1023px) {
  .poster-item__right {
    order: 2;
    width: 12.5rem;
  }
}
.poster-item__infos {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .poster-item__infos {
    margin-left: auto;
  }
}
@media screen and (min-width: 1024px) {
  .poster-item__infos {
    margin-top: auto;
  }
}
@media screen and (min-width: 1180px) {
  .poster-item__infos {
    order: 3;
    margin-bottom: 0.5625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__infos {
    margin-bottom: 0.5625rem;
    margin-right: auto;
    margin-left: var(--grid-gap);
  }
}
@media screen and (max-width: 1023px) {
  .poster-item__infos {
    padding-bottom: 0.4375rem;
    margin-top: 1.25rem;
    margin-bottom: 0rem;
    margin-right: auto;
    order: 2;
    flex-wrap: wrap;
    width: 60%;
    align-items: flex-end;
  }
}
.poster-item__tags {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 1024px) {
  .poster-item__tags {
    margin-top: auto;
  }
}
@media screen and (min-width: 1180px) {
  .poster-item__tags {
    order: 4;
    margin-bottom: 0.4375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__tags {
    margin-bottom: 0.4375rem;
  }
}
@media screen and (max-width: 1023px) {
  .poster-item__tags {
    margin-left: auto;
    margin-top: 0.75rem;
    order: 2;
    width: 100%;
  }
}
.poster-item__tag {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  vertical-align: top;
  border-radius: 2.5rem;
  padding: 0.375rem 0.75rem 0.25rem;
  text-decoration: none;
  transition: inherit;
  margin-right: auto;
}
@media screen and (min-width: 1180px) {
  .poster-item__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__tag {
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
}
.poster-item__tag[href]:hover {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.poster-item__tag.status-canceled, .poster-item__tag.status-rescheduled, .poster-item__tag.status-replaced {
  color: #FF6566;
  border-color: #FF6566;
  background-color: transparent;
}
.poster-item__tag[href]:hover.status-canceled, .poster-item__tag[href]:hover.status-replaced, .poster-item__tag[href]:hover.status-rescheduled {
  background-color: #FF6566;
  color: #fff !important;
}
.poster-item__ticket-btn {
  font-family: "Basis Grotesque Pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  border: 1px solid #000000;
  border: 1px solid #000000;
  border: 1px solid var(--color-black);
  padding: 0.75rem 0.9375rem 0.625rem;
  text-transform: uppercase;
  transition: 0.5s ease;
  transition-property: background-color, color;
  cursor: pointer;
  margin-left: auto;
  margin-top: auto;
}
.poster-item__ticket-btn[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.poster-item__ticket-btn--pushkin {
  display: flex;
  align-items: center;
  transition-duration: 0.2s;
}
.poster-item__ticket-btn--pushkin:after {
  content: "";
  display: block;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-pushkin-fill-dark-2300d5b45c1e7047a56eca1e41469fc0.svg) no-repeat center/100% auto;
}
@media screen and (min-width: 1024px) {
  .poster-item__ticket-btn--pushkin:after {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.5rem;
    margin-top: -0.125rem;
    margin-bottom: -0.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__ticket-btn--pushkin:after {
    width: 1.125rem;
    height: 1.125rem;
    margin-left: 0.4375rem;
    margin-top: -0.0625rem;
    margin-bottom: -0.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__ticket-btn--pushkin:after {
    height: 0.75rem;
    width: 0.75rem;
    margin-left: 0.1875rem;
    margin-top: -0.0625rem;
    margin-bottom: -0.0625rem;
    transform: translateY(-5%);
  }
}
.poster-item__ticket-btn--pushkin:hover:after {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/icon-pushkin-fill-light-637af813088b7ba563de01f80cc71dcf.svg);
}
.poster-item__ticket-btn--dynamic-pricing {
  display: flex;
  align-items: center;
  transition-duration: 0.2s;
}
.poster-item__ticket-btn--dynamic-pricing:before {
  content: "";
  display: block;
  order: 5;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-dynamic-pricing-dark-ad4bf9bf1baea2f3b07b823902cd8638.svg) no-repeat center/100% auto;
}
@media screen and (min-width: 1024px) {
  .poster-item__ticket-btn--dynamic-pricing:before {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.5rem;
    margin-top: -0.125rem;
    margin-bottom: -0.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__ticket-btn--dynamic-pricing:before {
    width: 1.125rem;
    height: 1.125rem;
    margin-left: 0.4375rem;
    margin-top: -0.0625rem;
    margin-bottom: -0.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__ticket-btn--dynamic-pricing:before {
    height: 0.75rem;
    width: 0.75rem;
    margin-left: 0.1875rem;
    margin-top: -0.0625rem;
    margin-bottom: -0.0625rem;
    transform: translateY(-5%);
  }
}
.poster-item__ticket-btn--dynamic-pricing:hover:before {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/icon-dynamic-pricing-light-f7962448861f9fd8c35635efc5abc5b3.svg);
}
@media screen and (max-width: 767px) {
  .poster-item__ticket-btn {
    font-size: 0.625rem;
    line-height: 1;
    padding: 0.5rem 0.5625rem 0.375rem;
  }
}
.poster-item__ticket-btn:hover {
  background-color: #000000;
  background-color: #000000;
  background-color: var(--color-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
@media screen and (min-width: 1180px) {
  .poster-item__ticket-btn {
    order: 5;
  }
}
@media screen and (max-width: 1023px) {
  .poster-item__ticket-btn {
    margin-bottom: 0rem;
    order: 2;
  }
}
.poster-item__date {
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and (min-width: 1180px) {
  .poster-item__date {
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
    margin-right: 0.75rem;
  }
}
@media screen and (min-width: 1180px) and (min-width: 1180px) {
  .poster-item__date {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 1180px) and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__date {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 1180px) and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__date {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 1180px) and (max-width: 767px) {
  .poster-item__date {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__date {
    font-size: 2.25rem;
    line-height: 2.25rem;
    margin-right: 0.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__date {
    font-size: 2.25rem;
    line-height: 2.25rem;
    margin-right: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__date {
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin-right: 0.25rem;
  }
}
.poster-item__day {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: auto;
  line-height: 1.4;
}
@media screen and (min-width: 1180px) {
  .poster-item__day {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__day {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__day {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__day {
    font-size: 0.625rem;
  }
}
.poster-item__title {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  display: block;
}
@media screen and (min-width: 1180px) {
  .poster-item__title {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__title {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__title {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1180px) {
  .poster-item__title {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__title {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__title {
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__title {
    margin-bottom: 0;
  }
}
.poster-item__likegenre {
  margin: 0;
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  margin: -0.2rem 0 1rem 0;
}
@media screen and (min-width: 1180px) {
  .poster-item__likegenre {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__likegenre {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__likegenre {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__likegenre {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__likegenre {
    margin-top: -0.6rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__likegenre {
    font-size: 0.5rem;
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 0.625rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__authors {
    margin-top: 0.75rem;
  }
}
.poster-item__author-item + .poster-item__author-item {
  margin-top: 0.25rem;
}
.poster-item__author-item:after {
  content: "";
  clear: both;
}
.poster-item__author-title {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
  float: left;
}
@media screen and (min-width: 1180px) {
  .poster-item__author-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__author-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__author-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__author-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .poster-item__author-title {
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__author-title {
    padding-top: 0.0625rem;
    line-height: 1.1875rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__author-title {
    font-size: 0.625rem;
    line-height: 0.75rem;
    padding-top: 0.0625rem;
  }
}
.poster-item__author-text {
  margin: 0;
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  .poster-item__author-text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__author-text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__author-text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__author-text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__author-text {
    margin-left: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__author-text {
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-left: 4.625rem;
  }
}
.poster-item__author-text span,
.poster-item__author-text a {
  vertical-align: top;
}
.poster-item__description {
  margin: 0;
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  margin-top: 0.5rem;
}
@media screen and (min-width: 1180px) {
  .poster-item__description {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__description {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__description {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__description {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__description {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
.poster-item__info {
  margin: 0;
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  margin-top: auto;
  margin-bottom: auto;
}
@media screen and (min-width: 1180px) {
  .poster-item__info {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__info {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__info {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__info {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .poster-item__info {
    margin-right: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__info {
    margin-right: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__info {
    margin-right: 1rem;
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
.poster-item__info--time:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 1rem;
  width: 1rem;
  margin-top: -0.3125rem;
  margin-bottom: -0.3125rem;
  margin-right: 0.375rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-time-e89159e363b485e0019f28aa0bcea154.svg) no-repeat center/contain;
  transform: translateY(-0.1em);
}
@media screen and (max-width: 767px) {
  .poster-item__info--time:before {
    height: 0.8125rem;
    width: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__info--time:after {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__info--time {
    width: 100%;
    margin-bottom: 0.625rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__info--location {
    max-width: calc(66% - 1rem);
  }
}
@media screen and (max-width: 767px) {
  .poster-item__info--age {
    width: 33.3%;
    text-align: center;
    margin: unset;
  }
}
.poster-item__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.poster-item__img:before {
  content: "";
  display: block;
  padding-bottom: 64.28571%;
}
.poster-item__img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .poster-item__img {
    position: absolute;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s ease;
    transition-property: opacity, visibility, transform;
  }
  .poster-item:hover .poster-item__img, .poster-item__img--hover {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 1180px) {
  .poster-item__img {
    top: 1.5rem;
    max-height: calc(100% - 3rem);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-item__img {
    top: 1.375rem;
    max-height: calc(100% - 2.75rem);
  }
}
@media screen and (max-width: 1023px) {
  .poster-item__img {
    width: 100%;
    order: 1;
    margin-bottom: 1rem;
  }
}
.poster-item__addinfo {
  order: 3;
  flex-grow: 1;
  font-size: 0.8125rem;
}
@media screen and (max-width: 1023px) {
  .poster-item__addinfo {
    margin-top: 0.625rem;
    order: 2;
  }
}
.poster-item__addinfo-content {
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  border-radius: 2.5rem;
  padding: 0.375rem 1.5625rem 0.375rem;
  line-height: 120%;
  margin-top: 1.25rem;
  min-width: 50%;
  max-width: 65%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-item__addinfo-content {
    max-width: 85%;
  }
}
@media screen and (max-width: 767px) {
  .poster-item__addinfo-content {
    max-width: unset;
  }
}
.ticker {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media screen and (min-width: 1180px) {
  .ticker {
    margin-bottom: 7.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .ticker {
    margin-bottom: 5.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticker {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .ticker {
    margin-bottom: 5rem;
  }
}
.ticker__row {
  font-weight: 500;
  text-transform: uppercase;
  display: flex;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
.ticker__row--visible {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .ticker__row:nth-child(n+8) {
    display: none;
  }
}
@media screen and (min-width: 1180px) {
  .ticker__row {
    font-size: 5.625rem;
    line-height: 5.625rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .ticker__row {
    font-size: 4.5rem;
    line-height: 4.5rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticker__row {
    font-size: 5rem;
    line-height: 5rem;
    margin-bottom: 0.4375rem;
  }
}
@media screen and (max-width: 767px) {
  .ticker__row {
    font-size: 2.75rem;
    line-height: 3rem;
    margin-bottom: 0.0625rem;
  }
}
.ticker__item {
  display: flex;
  justify-content: space-around;
  position: relative;
  white-space: nowrap;
}
.ticker:not([data-scroll-show]) .ticker__item {
  -webkit-animation: ticker 60s linear infinite;
          animation: ticker 60s linear infinite;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.ticker.ticker--play .ticker__item {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.ticker__item--holder {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: none;
          animation: none;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.ticker__item--main, .ticker__item--round {
  flex: 0 0 auto;
  justify-content: flex-start;
}
.ticker__row:nth-child(even) .ticker__item {
  animation-direction: reverse;
}
.ticker__row:nth-child(n+1) .ticker__item {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.ticker__row:nth-child(n+2) .ticker__item {
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
.ticker__row:nth-child(n+3) .ticker__item {
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}
.ticker__row:nth-child(n+4) .ticker__item {
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
}
.ticker__cell {
  display: flex;
}
.ticker__cell:after {
  content: "";
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  background: url(https://dev.sovremennik.ru/packs/media/images/round-right-ab78d1e5786434c6edc21088753f6da2.svg) no-repeat center/contain;
}
@media screen and (min-width: 1180px) {
  .ticker__cell:after {
    height: 4.25rem;
    width: 4.25rem;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 0.3125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .ticker__cell:after {
    height: 3.4375rem;
    width: 3.4375rem;
    margin-left: 1.875rem;
    margin-right: 1.875rem;
    margin-top: 0.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticker__cell:after {
    height: 3.75rem;
    width: 3.75rem;
    margin-left: 1.875rem;
    margin-right: 1.875rem;
    margin-top: 0.25rem;
  }
}
@media screen and (max-width: 767px) {
  .ticker__cell:after {
    height: 2.375rem;
    width: 2.375rem;
    margin-left: 0.875rem;
    margin-right: 0.875rem;
    margin-top: 0.125rem;
  }
}
.ticker__cell:nth-child(even):after {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/round-left-b1f54388e6971705a17c49796ea14fb6.svg);
}
@media screen and (min-width: 1180px) {
  .ticker__cell:nth-child(even):after {
    margin-left: 0.8125rem;
    margin-right: 0.8125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .ticker__cell:nth-child(even):after {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticker__cell:nth-child(even):after {
    margin-left: 0.8125rem;
    margin-right: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .ticker__cell:nth-child(even):after {
    margin-left: 0.875rem;
    margin-right: 0.875rem;
  }
}
@-webkit-keyframes ticker {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.special-event {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.special-event__container {
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
}
@media screen and (min-width: 1024px) {
  .special-event__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1180px) {
  .special-event__container {
    padding-top: 2rem;
    margin-bottom: 3.4375rem;
    min-height: 38.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .special-event__container {
    padding-top: 2.5rem;
    margin-bottom: 3.4375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .special-event__container {
    padding-top: 4rem;
    margin-bottom: 6.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .special-event__container {
    margin-top: 0.5rem;
    padding-top: 1.5rem;
    margin-bottom: 1rem;
  }
}
.special-event__title {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  display: block;
}
@media screen and (min-width: 1180px) {
  .special-event__title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .special-event__title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .special-event__title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 767px) {
  .special-event__title {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .special-event__title {
    margin-right: 50%;
  }
}
@media screen and (min-width: 1180px) {
  .special-event__title {
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .special-event__title {
    margin-bottom: 1.5625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .special-event__title {
    margin-bottom: 5.75rem;
  }
}
@media screen and (max-width: 767px) {
  .special-event__title {
    margin-bottom: 4.25rem;
  }
}
.special-event__info {
  margin-right: auto;
  margin-top: auto;
}
.special-event__text {
  margin: 0;
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  .special-event__text {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .special-event__text {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .special-event__text {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .special-event__text {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  .special-event__text {
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.special-event__more {
  font-family: "Basis Grotesque Pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  display: inline-block;
  margin-right: auto;
}
@media screen and (min-width: 1180px) {
  .special-event__more {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .special-event__more {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .special-event__more {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .special-event__more {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.special-event__swiper .swiper-container, .special-event__swiper-container {
  overflow: visible;
}
.special-event__swiper .swiper-wrapper, .special-event__swiper-wrapper {
  pointer-events: none;
}
.special-event__swiper .swiper-slide, .special-event__swiper-slide {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  width: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease;
  transition-property: opacity, visibility;
  pointer-events: none;
}
.special-event__swiper .swiper-slide img, .special-event__swiper-slide img {
  height: 100%;
  width: auto;
}
.special-event__swiper .swiper-slide.swiper-slide-active, .special-event__swiper-slide.swiper-slide-active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}
@media screen and (min-width: 1024px) {
  .special-event__swiper .swiper-controls, .special-event__swiper-buttons {
    position: absolute;
    bottom: 100%;
    right: 0;
    display: flex;
    justify-content: space-between;
    width: 3.375rem;
    margin-bottom: 1rem;
  }
}
.special-event__swiper .swiper-button-prev, .special-event__swiper-prev {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-prev-c4ca38bd6f3dd696f6e3172878f5c082.svg) no-repeat center/contain;
  position: relative;
  left: 0;
  margin-top: 0;
}
.special-event__swiper .swiper-button-prev.swiper-button-disabled, .special-event__swiper .swiper-button-prev--disabled, .special-event__swiper-prev.swiper-button-disabled, .special-event__swiper-prev--disabled {
  opacity: 0.3;
}
.special-event__swiper .swiper-button-prev:hover, .special-event__swiper-prev:hover {
  transform: translateX(-0.3125rem);
}
.special-event__swiper .swiper-button-prev:active, .special-event__swiper-prev:active {
  transform: translateX(-0.625rem);
}
.special-event__swiper .swiper-button-next, .special-event__swiper-next {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-next-ac94a7336b29249eac41e1ade8e1d251.svg) no-repeat center/contain;
  position: relative;
  right: 0;
  margin-top: 0;
}
.special-event__swiper .swiper-button-next.swiper-button-disabled, .special-event__swiper .swiper-button-next--disabled, .special-event__swiper-next.swiper-button-disabled, .special-event__swiper-next--disabled {
  opacity: 0.3;
}
.special-event__swiper .swiper-button-next:hover, .special-event__swiper-next:hover {
  transform: translateX(0.3125rem);
}
.special-event__swiper .swiper-button-next:active, .special-event__swiper-next:active {
  transform: translateX(0.625rem);
}
@media screen and (max-width: 1023px) {
  .special-event__swiper .swiper-button-prev, .special-event__swiper-prev,
.special-event__swiper .swiper-button-next, .special-event__swiper-next {
    display: none;
  }
}
.special-event__swiper .swiper-pagination, .special-event__swiper-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  bottom: auto !important;
}
@media screen and (min-width: 768px) {
  .special-event__swiper .swiper-pagination, .special-event__swiper-pagination {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .special-event__swiper .swiper-pagination, .special-event__swiper-pagination {
    margin-top: 1rem;
  }
}
.special-event__swiper .swiper-pagination .swiper-pagination-bullet, .special-event__swiper-pagination .swiper-pagination-bullet {
  background-color: #CFCBBF;
  background-color: #CFCBBF;
  background-color: var(--color-divider);
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .special-event__swiper .swiper-pagination .swiper-pagination-bullet, .special-event__swiper-pagination .swiper-pagination-bullet {
    height: 1rem;
    width: 1rem;
    margin-left: 0.3125rem;
    margin-right: 0.3125rem;
  }
}
@media screen and (max-width: 767px) {
  .special-event__swiper .swiper-pagination .swiper-pagination-bullet, .special-event__swiper-pagination .swiper-pagination-bullet {
    height: 0.5rem;
    width: 0.5rem;
    margin-left: 0.1875rem;
    margin-right: 0.1875rem;
  }
}
.special-event__swiper .swiper-pagination .swiper-pagination-bullet-active, .special-event__swiper-pagination .swiper-pagination-bullet-active {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
}
@media screen and (min-width: 768px) {
  .special-event__swiper .swiper-pagination, .special-event__swiper-pagination {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .special-event__swiper-pagination {
    display: flex;
  }
}
@media screen and (min-width: 1180px) {
  .news-article__container {
    padding-top: 1.3125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .news-article__container {
    padding-top: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .news-article__container {
    padding-top: 1.0625rem;
  }
}
.news-article + .news-article .news-article__container {
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
}
@media screen and (min-width: 1180px) {
  .news-article + .news-article .news-article__container {
    padding-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .news-article + .news-article .news-article__container {
    padding-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .news-article + .news-article .news-article__container {
    padding-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
}
@media screen and (max-width: 767px) {
  .news-article + .news-article .news-article__container {
    padding-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
}
.news-article__info {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 1px;
}
@media screen and (min-width: 1180px) {
  .news-article__info {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .news-article__info {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .news-article__info {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .news-article__info {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1180px) {
  .news-article__info {
    margin-top: -0.875rem;
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .news-article__info {
    margin-top: -0.875rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .news-article__info {
    margin-bottom: 1.0625rem;
  }
}
.news-article__type {
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
  margin-right: 0.5rem;
}
.news-article__content .content-block--title {
  float: left;
  clear: both;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .news-article__content .content-block--title {
    position: -webkit-sticky;
    position: sticky;
  }
}
@media screen and (min-width: 1180px) {
  .news-article__content .content-block--title {
    font-size: 2.5rem;
    line-height: 2.5rem;
    top: 9.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .news-article__content .content-block--title {
    top: 9.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .news-article__content .content-block--title {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .news-article__content .content-block--title {
    margin-bottom: 1.5rem;
  }
}
.space__container {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__container {
    padding-top: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .space__container {
    padding-top: 0.75rem;
  }
}
.space__item {
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .space__item:nth-child(6n+1) {
    margin-bottom: 9.3125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .space__item:nth-child(6n+1) {
    margin-bottom: 8.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__item:nth-child(6n+1) {
    margin-bottom: 7.6875rem;
  }
}
@media screen and (max-width: 767px) {
  .space__item:nth-child(6n+1) {
    margin-bottom: 5rem;
  }
}
.space__item:nth-child(6n+2) {
  margin-left: auto;
}
@media screen and (min-width: 1180px) {
  .space__item:nth-child(6n+2) {
    margin-bottom: 8rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .space__item:nth-child(6n+2) {
    margin-bottom: 8.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__item:nth-child(6n+2) {
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .space__item:nth-child(6n+2) {
    margin-bottom: 5rem;
  }
}
.space__item:nth-child(6n+3) {
  margin-right: auto;
}
@media screen and (min-width: 1180px) {
  .space__item:nth-child(6n+3) {
    margin-bottom: 6.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .space__item:nth-child(6n+3) {
    margin-bottom: 8.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__item:nth-child(6n+3) {
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .space__item:nth-child(6n+3) {
    margin-bottom: 5rem;
  }
}
@media screen and (min-width: 1024px) {
  .space__item:nth-child(6n+4) {
    margin-left: auto;
  }
}
@media screen and (min-width: 1180px) {
  .space__item:nth-child(6n+4) {
    margin-bottom: 2.6875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .space__item:nth-child(6n+4) {
    margin-bottom: 8.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__item:nth-child(6n+4) {
    margin-right: auto;
    margin-bottom: 12.5rem;
  }
}
@media screen and (max-width: 767px) {
  .space__item:nth-child(6n+4) {
    margin-bottom: 5rem;
  }
}
@media screen and (min-width: 1024px) {
  .space__item:nth-child(6n+5) {
    margin-right: auto;
  }
}
@media screen and (min-width: 1180px) {
  .space__item:nth-child(6n+5) {
    margin-bottom: 5.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .space__item:nth-child(6n+5) {
    margin-bottom: 8.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__item:nth-child(6n+5) {
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .space__item:nth-child(6n+5) {
    margin-bottom: 5rem;
    margin-left: auto;
  }
}
@media screen and (min-width: 1180px) {
  .space__item:nth-child(6n+6) {
    margin-bottom: 5.0625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .space__item:nth-child(6n+6) {
    margin-bottom: 8.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__item:nth-child(6n+6) {
    margin-bottom: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .space__item:nth-child(6n+6) {
    margin-bottom: 5rem;
  }
}
.space__item:nth-child(6n+1) .space__item-img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.space__item:nth-child(6n+1) .space__item-img:before {
  content: "";
  display: block;
  padding-bottom: 50%;
}
.space__item:nth-child(6n+1) .space__item-img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.space__item:nth-child(6n+2) .space__item-img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.space__item:nth-child(6n+2) .space__item-img:before {
  content: "";
  display: block;
  padding-bottom: 136%;
}
.space__item:nth-child(6n+2) .space__item-img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.space__item:nth-child(6n+3) .space__item-img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.space__item:nth-child(6n+3) .space__item-img:before {
  content: "";
  display: block;
  padding-bottom: 60%;
}
.space__item:nth-child(6n+3) .space__item-img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.space__item:nth-child(6n+4) .space__item-img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.space__item:nth-child(6n+4) .space__item-img:before {
  content: "";
  display: block;
  padding-bottom: 60%;
}
.space__item:nth-child(6n+4) .space__item-img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.space__item:nth-child(6n+5) .space__item-img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.space__item:nth-child(6n+5) .space__item-img:before {
  content: "";
  display: block;
  padding-bottom: 138%;
}
.space__item:nth-child(6n+5) .space__item-img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.space__item:nth-child(6n+6) .space__item-img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.space__item:nth-child(6n+6) .space__item-img:before {
  content: "";
  display: block;
  padding-bottom: 60%;
}
.space__item:nth-child(6n+6) .space__item-img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.space__item:nth-child(1) {
  order: 1;
}
.space__item:nth-child(2) {
  order: 2;
}
.space__item:nth-child(3) {
  order: 3;
}
.space__item:nth-child(4) {
  order: 4;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__item:nth-child(4) {
    order: 5;
  }
}
.space__item:nth-child(5) {
  order: 5;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__item:nth-child(5) {
    order: 4;
  }
}
.space__item:nth-child(6) {
  order: 6;
}
.space__item:nth-child(7) {
  order: 7;
}
.space__item:nth-child(8) {
  order: 8;
}
.space__item:nth-child(9) {
  order: 9;
}
.space__item:nth-child(10) {
  order: 10;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__item:nth-child(10) {
    order: 11;
  }
}
.space__item:nth-child(11) {
  order: 11;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__item:nth-child(11) {
    order: 10;
  }
}
.space__item:nth-child(12) {
  order: 12;
}
.space__item:nth-child(13) {
  order: 13;
}
.space__item:nth-child(14) {
  order: 14;
}
.space__item:nth-child(15) {
  order: 15;
}
.space__item:nth-child(16) {
  order: 16;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__item:nth-child(16) {
    order: 17;
  }
}
.space__item:nth-child(17) {
  order: 17;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__item:nth-child(17) {
    order: 16;
  }
}
.space__item:nth-child(18) {
  order: 18;
}
.space__item:nth-child(19) {
  order: 19;
}
.space__item:nth-child(20) {
  order: 20;
}
.space__item:nth-child(21) {
  order: 21;
}
.space__item:nth-child(22) {
  order: 22;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__item:nth-child(22) {
    order: 23;
  }
}
.space__item:nth-child(23) {
  order: 23;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__item:nth-child(23) {
    order: 22;
  }
}
.space__item:nth-child(24) {
  order: 24;
}
.space__item:nth-child(n+25) {
  order: 25;
}
@media screen and (min-width: 1024px) {
  .space__item:last-child {
    margin-bottom: 0;
  }
}
.space__item-text {
  color: #313131;
  color: #313131;
  color: var(--color-dark);
}
@media screen and (min-width: 1024px) {
  .space__item-text {
    margin-top: 0.4375rem;
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .space__item-text {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .space__item-text {
    margin-top: 0.5rem;
  }
}
@media screen and (min-width: 1180px) {
  .read-also {
    margin-top: 5rem;
    margin-bottom: 1.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .read-also {
    margin-top: 2.5rem;
    margin-bottom: 1.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .read-also {
    display: none;
  }
}
.read-also__container {
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
}
@media screen and (min-width: 1180px) {
  .read-also__container {
    padding-top: 1.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .read-also__container {
    padding-top: 2.5rem;
  }
}
.read-also__title {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 0.875rem;
  text-transform: uppercase;
  color: #9D9D93;
}
@media screen and (min-width: 1180px) {
  .read-also__title {
    margin-bottom: 7.8125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .read-also__title {
    margin-bottom: 8.75rem;
  }
}
.read-also__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.read-also__link {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  display: block;
  flex: 0 1 auto;
  margin-right: auto;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  .read-also__link {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .read-also__link {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .read-also__link {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 767px) {
  .read-also__link {
    font-size: 2rem;
    line-height: 2rem;
  }
}
.read-also__link:hover {
  color: #484848;
  color: #484848;
  color: var(--color-primary-body-text);
}
.read-also__link + .read-also__link {
  margin-top: 0.5rem;
}
.people__container {
  position: relative;
}
.people__filter-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
@media screen and (min-width: 1180px) {
  .people__filter-wrap--sorted {
    min-height: 62.5rem;
  }
  .people__filter-wrap:not(.people__filter-wrap--sorted) .people__items {
    margin-left: calc(0rem - var(--grid-gap));
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people__filter-wrap--sorted {
    min-height: 78.125rem;
  }
  .people__filter-wrap:not(.people__filter-wrap--sorted) .people__items {
    margin-left: calc(0rem - var(--grid-gap));
  }
}
.people__filter {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .people__filter {
    display: none;
  }
}
.people__filter-toggle {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  right: 0;
  z-index: 3;
  text-transform: uppercase;
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-align: center;
  width: 1.875rem;
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  margin-left: auto;
  margin-right: 0;
  margin-top: -9.375rem;
  display: block;
}
@media screen and (min-width: 1180px) {
  .people__filter-toggle {
    font-size: 0.875rem;
    line-height: 1.75rem;
    margin-bottom: 1.125rem;
    top: 4.8125rem;
    transform: translateY(0rem);
    transition: transform 0.4s ease-in-out;
  }
  .body--header-up .people__filter-toggle {
    transform: translateY(-4.0625rem);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people__filter-toggle {
    font-size: 0.75rem;
    line-height: 1.75rem;
    margin-bottom: 1.625rem;
    top: 5.125rem;
    transform: translateY(0rem);
    transition: transform 0.4s ease-in-out;
  }
  .body--header-up .people__filter-toggle {
    transform: translateY(-4.0625rem);
  }
}
.people__filter-options {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  width: 1.875rem;
  visibility: hidden;
}
@media screen and (min-width: 1180px) {
  .people__filter-options {
    position: -webkit-sticky;
    position: sticky;
    top: 7.5rem;
    right: 0;
    bottom: auto;
    transition: top 0.4s ease-in-out, transform 0.4s ease;
  }
  .header.header--up ~ .people .people__filter-options {
    top: 3rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people__filter-options {
    position: -webkit-sticky;
    position: sticky;
    top: 8.125rem;
    right: 0;
    bottom: auto;
    transition: top 0.4s ease-in-out, transform 0.4s ease;
  }
  .header.header--up ~ .people .people__filter-options {
    top: 4rem;
  }
}
.people__filter-wrap--sorted .people__filter-options {
  visibility: visible;
  -webkit-animation: show-1 0.2s ease-in-out forwards;
          animation: show-1 0.2s ease-in-out forwards;
}
.people__filter-option {
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-align: center;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
@media screen and (min-width: 1180px) {
  .people__filter-option + .people__filter-option {
    margin-top: 0.375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people__filter-option + .people__filter-option {
    margin-top: 1rem;
  }
}
.people__filter-option.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.people__filter-option.disabled:hover {
  text-decoration: none;
}
.people__filter-title {
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  font-size: 4.5rem;
  line-height: 4.5rem;
  letter-spacing: -0.02em;
  margin-bottom: 1.5rem;
  width: 100%;
  display: none;
}
@media screen and (min-width: 1024px) {
  .people__filter-wrap--sorted .people__filter-title {
    display: block;
  }
}
.people__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (min-width: 1180px) {
  .people.people__filter-wrap .people__items {
    margin-top: -0.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .people__items {
    justify-content: space-between;
    padding-top: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .people__items {
    justify-content: space-between;
    padding-top: 1rem;
  }
}
@media screen and (min-width: 1180px) {
  .people__items .people__item {
    width: calc(25% - var(--grid-gap));
  }
}
.people__item {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  -webkit-animation: show-2 0.5s ease;
          animation: show-2 0.5s ease;
}
@media screen and (min-width: 1180px) {
  .people__item {
    width: 19rem;
    margin-bottom: 3.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people__item {
    width: 19.5rem;
    margin-bottom: 2.6875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .people__item {
    margin-bottom: 2.6875rem;
  }
}
@media screen and (max-width: 767px) {
  .people__item {
    margin-bottom: 3rem;
  }
}
.people__filter-wrap--sorted .people__item {
  -webkit-animation: show-1 0.2s ease-in-out forwards;
          animation: show-1 0.2s ease-in-out forwards;
}
@media screen and (min-width: 1180px) {
  .people__filter-wrap--sorted .people__item {
    margin-right: 0.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people__filter-wrap--sorted .people__item {
    width: 24.75rem;
    margin-right: var(--grid-gap);
  }
}
@media screen and (min-width: 1180px) {
  .people__filter-wrap:not(.people__filter-wrap--sorted) .people__item {
    margin-left: var(--grid-gap);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people__filter-wrap:not(.people__filter-wrap--sorted) .people__item {
    margin-left: var(--grid-gap);
  }
}
.people__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  z-index: 1;
}
.people__img:before {
  content: "";
  display: block;
  padding-bottom: 144.73684%;
}
.people__img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.people__img:before {
  z-index: 2;
  position: relative;
  background-color: #EFEBE1;
  background: #EFEBE1;
  background: var(--color-primary-background);
  mix-blend-mode: multiply;
}
.people__img img {
  z-index: 1;
  filter: grayscale(1);
}
.people__name {
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  .people__name {
    font-size: 1.25rem;
    line-height: 2rem;
    margin-top: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people__name {
    font-size: 1.25rem;
    line-height: 1.375rem;
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .people__name {
    font-size: 1.25rem;
    line-height: 1.375rem;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .people__name {
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-top: 0.5rem;
  }
}
.people__role {
  font-weight: 500;
  color: #484848;
  color: #484848;
  color: var(--color-primary-body-text);
}
@media screen and (min-width: 1180px) {
  .people__role {
    margin-top: 0.125rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people__role {
    margin-top: 0.125rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .people__role {
    margin-top: 0.125rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .people__role {
    font-size: 0.625rem;
    line-height: 0.625rem;
    margin-top: 0.375rem;
  }
}
.people__item:hover .people__name {
  color: #484848;
  color: #484848;
  color: var(--color-primary-body-text);
}
@media screen and (min-width: 1180px) {
  .people__items + .people__table {
    margin-top: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people__items + .people__table {
    margin-top: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .people__items + .people__table {
    margin-top: 3.125rem;
  }
}
@media screen and (max-width: 767px) {
  .people__items + .people__table {
    margin-top: 1.875rem;
  }
}
.people__table {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1180px) {
  .people__table {
    margin-bottom: 6.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people__table {
    margin-bottom: 6.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .people__table {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .people__table {
    margin-bottom: 3.125rem;
  }
}
.people__table-title {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  grid-template-columns: auto;
  grid-row-gap: 1em;
}
@media screen and (min-width: 1180px) {
  .people__table-title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people__table-title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .people__table-title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .people__table-title {
    font-size: 1rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .people__table-title {
    line-height: 1.75rem;
    float: left;
    clear: both;
  }
}
@media screen and (min-width: 1180px) {
  .people__table-title {
    margin-bottom: 1.9375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people__table-title {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .people__table-title {
    margin-bottom: 2.5rem;
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .people__table-title {
    margin-bottom: 1.5rem;
  }
}
.people__table-title .text {
  margin-right: 1.6875rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .people__table-title .text {
    margin-right: 3.125rem;
  }
}
.people__table-title-nav {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: -0.5em;
}
@media screen and (min-width: 1024px) {
  .people__table-title-nav {
    padding-top: 0.125rem;
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .people__table-title-nav {
    padding-top: 0.125rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .people__table-title-nav {
    font-size: 0.75rem;
    width: 100%;
  }
}
.people__table-title-nav a {
  margin-right: 1.375rem;
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
  margin-top: 0.5em;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .people__table-title-nav a {
    margin-right: 2.75rem;
  }
}
.people__table-title-nav a.active {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@-webkit-keyframes show-1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show-1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes show-2 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show-2 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.profile {
  margin-left: auto;
  height: 100%;
  width: 50.625rem;
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  box-shadow: 0rem 0.25rem 3.125rem rgba(0, 0, 0, 0.2);
  max-width: 100%;
  opacity: 0;
  transform: translateX(100%);
}
.modal--show .profile {
  -webkit-animation: showProfile 0.3s ease-in-out 0.3s forwards;
          animation: showProfile 0.3s ease-in-out 0.3s forwards;
}
.profile__close {
  position: absolute;
  z-index: 3;
  top: 1.6875rem;
  right: 1.5rem;
  height: 2.875rem;
  width: 2.875rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/close-big-800497450767957bf6155a16545e135c.svg) no-repeat center/contain;
  opacity: 0;
  transform: translateX(1.25rem);
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .profile__close {
    top: 1.25rem;
    right: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .profile__close {
    top: 1.6875rem;
    right: 0.75rem;
    width: 2.125rem;
    height: 2.125rem;
  }
}
@media screen and (max-width: 767px) {
  .profile__close {
    top: 0.5rem;
    right: 0.875rem;
    width: 2rem;
    height: 2rem;
  }
}
.modal--show .profile__close {
  -webkit-animation: showProfile 0.3s ease-in-out 0.3s forwards;
          animation: showProfile 0.3s ease-in-out 0.3s forwards;
}
.profile__scroll-body {
  position: relative;
  height: auto;
  overflow: auto;
  max-height: 100vh;
  padding: 0rem 1.875rem 1.875rem;
  touch-action: pan-x pan-y;
}
@media screen and (min-width: 1024px) {
  .profile__scroll-body {
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .profile__scroll-body {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .profile__scroll-body {
    padding-left: 1.3125rem;
    padding-right: 1.3125rem;
  }
}
@media screen and (min-width: 1024px) {
  .profile__content {
    max-width: 46.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .profile__content {
    padding-top: 5.375rem;
  }
}
.profile__head {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .profile__head {
    position: relative;
    padding-top: 0;
    width: 18.75rem;
    float: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .profile__head {
    position: relative;
    padding-top: 5.8125rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .profile__head {
    position: relative;
    padding-top: 2.6875rem;
    padding-bottom: 1.125rem;
  }
}
.profile__name {
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 2.5rem;
  padding-right: 4.125rem;
  margin-right: auto;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .profile__name {
    font-size: 4rem;
    line-height: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .profile__name {
    font-size: 4rem;
    line-height: 4rem;
    width: 1px;
  }
}
@media screen and (max-width: 767px) {
  .profile__name {
    font-size: 1rem;
    line-height: 1rem;
    padding-right: 0.625rem;
  }
}
.profile__type {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 0.875rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin-right: auto;
  margin-top: 0.9375rem;
  width: 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .profile__type {
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-top: 0.6875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .profile__type {
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-top: 0.6875rem;
  }
}
@media screen and (max-width: 767px) {
  .profile__type {
    font-size: 0.5rem;
    line-height: 0.5rem;
    letter-spacing: 0.01em;
    margin-top: 0.4375rem;
  }
}
.profile__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  margin-bottom: 2.9375rem;
}
.profile__img:before {
  content: "";
  display: block;
  padding-bottom: 143.2%;
}
@media screen and (min-width: 1180px) {
  .profile__img:before {
    padding-bottom: 143.2%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .profile__img:before {
    padding-bottom: 149.5169%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .profile__img:before {
    padding-bottom: 149.5169%;
  }
}
@media screen and (max-width: 767px) {
  .profile__img:before {
    padding-bottom: 120.50359%;
  }
}
.profile__img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .profile__img {
    margin-left: auto;
    width: 25.875rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .profile__img {
    margin-left: auto;
    width: 25.875rem;
    margin-bottom: 3.75rem;
  }
}
@media screen and (max-width: 767px) {
  .profile__img {
    margin-bottom: 2.5rem;
  }
}
.profile__content-blocks {
  clear: both;
  position: relative;
  z-index: 1;
}
.profile .content-block--text {
  font-size: 1.5rem;
  line-height: 1.875rem;
}
@media screen and (max-width: 767px) {
  .profile .content-block--text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.profile .content-block--title {
  color: #000000;
  color: #000000;
  color: var(--color-black);
  font-weight: 500;
  font-size: 1.5625rem;
  line-height: 159%;
  margin: 0 0 1.1875rem;
}
.profile .content-block--role-list {
  margin-bottom: 5.125rem;
}
@media screen and (max-width: 767px) {
  .profile .content-block--role-list {
    margin-top: 7.25rem;
    margin-bottom: 7.25rem;
  }
}
@-webkit-keyframes showProfile {
  from {
    opacity: 0;
    transform: translateX(1.25rem);
  }
  to {
    opacity: 1;
    transform: translateX(0rem);
  }
}
@keyframes showProfile {
  from {
    opacity: 0;
    transform: translateX(1.25rem);
  }
  to {
    opacity: 1;
    transform: translateX(0rem);
  }
}
.role-list {
  position: relative;
  margin-top: 4.375rem;
  margin-bottom: 5rem;
}
.role-list__title {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .role-list__title {
    font-size: 1rem;
    line-height: 1rem;
    margin-bottom: 1.5625rem;
  }
}
.role-list__list {
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
}
.role-list__item {
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
  display: flex;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .role-list__item {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.role-list__item:hover {
  border-top-color: #2D2D2B;
  border-top-color: #2D2D2B;
  border-top-color: var(--color-primary-black);
}
@media screen and (max-width: 767px) {
  .role-list__item {
    flex-wrap: wrap;
  }
}
.role-list__item-column {
  flex: 0 0 auto;
  padding-right: 1.5rem;
  font-size: 1.25rem;
  line-height: 159%;
}
@media screen and (max-width: 767px) {
  .role-list__item-column {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.role-list__item-column:first-child {
  flex: 1 0 auto;
  font-weight: 500;
  width: 15.125rem;
}
@media screen and (max-width: 767px) {
  .role-list__item-column:first-child {
    width: 100%;
    padding-right: 0;
    margin-bottom: 0.6875rem;
  }
}
.role-list__item-column:last-child {
  width: 3.75rem;
  margin-left: auto;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .role-list__item-column:last-child {
    text-align: right;
  }
}
.role-list__item-column:nth-child(2):not(:last-child) {
  flex: 1 1 auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .role-list__item-column:nth-child(2):not(:last-child) {
    width: calc(100% - 3.75rem);
  }
}
.role-list__item-column--name {
  text-transform: uppercase;
}
.role-list__item-column--name a:hover {
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
}
.role-list__show-all {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2.75rem;
  margin: 0 auto;
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
}
.role-list__show-all:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 1rem;
  width: 1rem;
  margin-right: 0.375rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-plus-781cb0f303813e78bafd5b9169eb8ffe.svg) no-repeat center/contain;
  transform: translateY(-1px);
}
@media screen and (max-width: 767px) {
  .role-list__show-all:before {
    height: 0.8125rem;
    width: 0.8125rem;
    margin-top: -1px;
  }
}
.role-list__show-all:before {
  margin-right: 0.375rem;
  height: 0.875rem;
  width: 0.875rem;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.history__preview {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 3.625rem;
}
.history__preview:before {
  content: "";
  display: block;
  padding-bottom: 52.4677296%;
}
.history__preview img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.history__content {
  margin-bottom: 9rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .history .content-block {
    margin-bottom: 3.75rem;
  }
}
@media screen and (max-width: 767px) {
  .history .content-block {
    margin-bottom: 1.875rem;
  }
}
.history .content-block .history__decorator {
  display: block;
  height: 2.125rem;
  flex: 0 0 auto;
  width: 30%;
}
.history .content-block .history__wraper {
  flex: 1 1 auto;
}
.history .content-block.decoration-none .history__decorator {
  background-image: none !important;
}
@media screen and (max-width: 1023px) {
  .history .content-block.decoration-none .history__decorator {
    display: none;
  }
}
.history .content-block.decoration-top .history__decorator {
  margin-bottom: auto;
}
.history .content-block.decoration-bottom .history__decorator {
  margin-top: auto;
}
.history .content-block.position-right .history__decorator {
  background: url(https://dev.sovremennik.ru/packs/media/images/round-left-b1f54388e6971705a17c49796ea14fb6.svg) no-repeat center left/contain;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .history .content-block.position-right .history__decorator {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .history .content-block.position-right .history__decorator {
    margin-bottom: 1.25rem;
  }
}
.history .content-block.position-left .history__decorator {
  content: "";
  background: url(https://dev.sovremennik.ru/packs/media/images/round-right-ab78d1e5786434c6edc21088753f6da2.svg) no-repeat center right/contain;
  margin-left: auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .history .content-block.position-left {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .history .content-block.position-left {
    margin-top: 1.25rem;
  }
}
.people-list {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 4.375rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .people-list {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .people-list {
    margin-top: 1rem;
  }
}
.people-list__container {
  display: flex;
  flex-wrap: wrap;
}
.people-list__title {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  margin-bottom: 2.375rem;
}
@media screen and (min-width: 1180px) {
  .people-list__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people-list__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .people-list__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .people-list__title {
    font-size: 1rem;
    line-height: 1rem;
  }
}
.people-list__list {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  min-width: 100%;
}
@media screen and (min-width: 1024px) {
  .people-list__list {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1180px) {
  .people-list__list {
    margin-left: calc(0rem - var(--grid-gap));
    width: calc(100% + var(--grid-gap));
    margin-bottom: -3.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people-list__list {
    margin-left: calc(0rem - var(--grid-gap));
    width: calc(100% + var(--grid-gap));
    margin-bottom: -2.6875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .people-list__list {
    justify-content: space-between;
    margin-bottom: -2.6875rem;
  }
}
@media screen and (max-width: 767px) {
  .people-list__list {
    justify-content: space-between;
    margin-bottom: -3rem;
  }
}
@media screen and (min-width: 1180px) {
  .people-list__list .people__item {
    margin-left: var(--grid-gap);
    width: calc(25% - var(--grid-gap));
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people-list__list .people__item {
    margin-left: var(--grid-gap);
    width: calc(25% - var(--grid-gap));
  }
}
.people-list__all {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.875rem;
}
@media screen and (min-width: 1180px) {
  .people-list__all {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .people-list__all {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .people-list__all {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .people-list__all {
    font-size: 1rem;
    line-height: 1rem;
  }
}
.error-page {
  margin-top: auto;
  margin-bottom: auto;
}
.error-page__container {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .error-page__container {
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .error-page__container {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }
}
.error-page__title {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 1180px) {
  .error-page__title {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .error-page__title {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .error-page__title {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .error-page__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
.error-page__link {
  font-family: "Basis Grotesque Pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
}
.error-page__link:hover {
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
}
.error-page {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(https://dev.sovremennik.ru/packs/media/images/background-error-19e767c8e2c49df9533d1b489964ff63.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .error-page {
    height: calc(100vh - 4rem);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .error-page {
    height: calc(100vh - 5.75rem);
  }
}
@media screen and (max-width: 767px) {
  .error-page {
    height: calc(100vh - 3rem);
  }
}
@media screen and (min-width: 1024px) {
  .header--with-submenu ~ .error-page {
    height: calc(100vh - 7.125rem);
    margin-top: -1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header--with-submenu ~ .error-page {
    height: calc(100vh - 11.375rem);
  }
}
@media screen and (max-width: 767px) {
  .header--with-submenu ~ .error-page {
    height: calc(100vh - 6rem);
  }
}
.email-page {
  margin-top: auto;
  margin-bottom: auto;
}
.email-page__container {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .email-page__container {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }
}
.email-page__title {
  margin-bottom: 3.125rem;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .email-page__title {
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .email-page__title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .email-page__title {
    font-size: 1.25rem;
  }
}
.email-page__link {
  font-family: "Basis Grotesque Pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  display: inline-block;
  text-decoration: none !important;
  text-align: center;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  background-color: transparent;
  transition: inherit;
  padding: 0.75rem 0.9375rem 0.625rem;
}
.email-page__link--alternate, .email-page__link:hover {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.email-page__link--alternate:hover {
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
.email-page__link--alternate.disabled, .email-page__link--alternate:disabled, .email-page__link--alternate[disabled] {
  color: #EFEBE1;
  background-color: #B7B4AB;
  border-color: #B7B4AB;
  pointer-events: none;
}
.email-page ~ .footer__space {
  display: none;
}
.email-page {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(https://dev.sovremennik.ru/packs/media/images/background-email-9bc10fbbfdca7729c5333c553abcf963.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .email-page {
    height: calc(100vh - 4rem);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .email-page {
    height: calc(100vh - 5.75rem);
  }
}
@media screen and (max-width: 767px) {
  .email-page {
    height: calc(100vh - 3rem);
  }
}
@media screen and (min-width: 1024px) {
  .header--with-submenu ~ .email-page {
    height: calc(100vh - 7.125rem);
    margin-top: -1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header--with-submenu ~ .email-page {
    height: calc(100vh - 11.375rem);
  }
}
@media screen and (max-width: 767px) {
  .header--with-submenu ~ .email-page {
    height: calc(100vh - 6rem);
  }
}
.contacts-page__modal-wrap {
  position: absolute;
}
.contacts-page {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .contacts-page {
    margin-bottom: 6.25rem;
    min-height: 35.9375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .contacts-page {
    margin-bottom: 9.375rem;
  }
}
.contacts-page__item {
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
}
@media screen and (min-width: 1024px) {
  .contacts-page__item {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .contacts-page__item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .contacts-page__item {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .contacts-page__title {
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1180px) {
  .contacts-page__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1179px) {
  .contacts-page__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (min-width: 768px) and (max-width: 1023px) {
  .contacts-page__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 767px) {
  .contacts-page__title {
    font-size: 1rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .contacts-page__title {
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
    color: #B7B4AB;
    color: #B7B4AB;
    color: var(--color-hover-links);
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 1180px) {
  .contacts-page__title {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) and (max-width: 1179px) {
  .contacts-page__title {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  .contacts-page__title {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
  .contacts-page__title {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .contacts-page__title {
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 1180px) {
  .contacts-page__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 1024px) and (max-width: 1179px) {
  .contacts-page__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1023px) {
  .contacts-page__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .contacts-page__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .contacts-page__info {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #313131;
    color: #313131;
    color: var(--color-dark);
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .contacts-page__info {
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 1180px) {
  .contacts-page__info {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) and (max-width: 1179px) {
  .contacts-page__info {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  .contacts-page__info {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
  .contacts-page__info {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .contacts-page__info {
    font-size: 0.9375rem;
    line-height: 0.9375rem;
    color: #484848;
    color: #484848;
    color: var(--color-primary-body-text);
  }
}
.contacts-page__map {
  position: relative;
  padding-left: 1.75rem;
  flex: 0 0 auto;
  margin-right: 0;
  margin-left: 1.75rem;
  font-weight: 500;
  font-size: 1rem;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (max-width: 1023px) {
  .contacts-page__map {
    display: none;
  }
}
.contacts-page__map:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.9375rem;
  height: 1.625rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-marker-f682ff72fc31aa09a65121f7cdc94037.svg) no-repeat center/contain;
}
.perfomance {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (min-width: 1180px) {
  .perfomance {
    padding-top: 1.4375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .perfomance {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance {
    padding-top: 2.75rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance {
    padding-top: 1rem;
  }
}
.perfomance__title {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  .perfomance__title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .perfomance__title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__title {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 1180px) {
  .perfomance__title {
    margin-bottom: 5.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .perfomance__title {
    margin-bottom: 5.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__title {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__title {
    margin-bottom: 1rem;
  }
}
.perfomance__likegenre {
  margin: 0;
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  margin: -5.5rem 0 4.5rem 0;
}
@media screen and (min-width: 1180px) {
  .perfomance__likegenre {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .perfomance__likegenre {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__likegenre {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__likegenre {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .perfomance__likegenre {
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__likegenre {
    margin: -1rem 0 2rem 0;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__likegenre {
    font-size: 0.5rem;
    margin: -1rem 0 1rem 0;
    line-height: 0.625rem;
  }
}
@media screen and (min-width: 1024px) {
  .perfomance__info {
    display: flex;
    flex-wrap: wrap;
  }
}
.perfomance__authors {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  flex: 0 1 auto;
  justify-content: flex-start;
}
@media screen and (min-width: 1024px) {
  .perfomance__authors {
    margin-bottom: -1.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__authors {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__authors {
    margin-bottom: 4.25rem;
  }
}
.perfomance__author-column {
  flex: 0 1 auto;
}
@media screen and (min-width: 1180px) {
  .perfomance__author-column {
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
    min-width: 12.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .perfomance__author-column {
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
    min-width: 12.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__author-column {
    margin-right: 1rem;
    margin-bottom: 1rem;
    min-width: 14.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__author-column {
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    min-width: 6.875rem;
  }
}
.perfomance__author-type {
  color: #9D9D93;
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .perfomance__author-type {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1180px) {
  .perfomance__author-type {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .perfomance__author-type {
    margin-bottom: 0.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .perfomance__author-type {
    margin-bottom: 0.25rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__author-type {
    font-size: 0.5rem;
    line-height: 0.5rem;
  }
}
.perfomance__author-text {
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .perfomance__author-text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__author-text {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .perfomance__author-text span + span,
.perfomance__author-text a + a {
    margin-top: 0.1875rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__author-text span + span,
.perfomance__author-text a + a {
    margin-top: 0.25rem;
  }
}
.perfomance__specs {
  display: flex;
  margin-top: auto;
  margin-left: auto;
}
.perfomance__specs-cell {
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .perfomance__specs-cell {
    font-size: 1rem;
    line-height: 107.3%;
    margin-left: 1.375rem;
  }
}
@media screen and (max-width: 1023px) {
  .perfomance__specs-cell:last-child {
    margin-left: auto;
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__specs-cell {
    font-size: 1rem;
    line-height: 1.25rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__specs-cell {
    font-size: 0.75rem;
    line-height: 0.75rem;
    padding-right: 0.6875rem;
  }
}
.perfomance__image {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 4.1875rem;
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.perfomance__image:before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.perfomance__image img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1180px) {
  .perfomance__image {
    margin-top: 1.125rem;
    margin-bottom: 4.1875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .perfomance__image {
    margin-top: 1rem;
    margin-bottom: 4.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__image {
    margin-top: 1rem;
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__image {
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
  }
}
.perfomance__image:before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.perfomance__image img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1180px) {
  .perfomance__content .content-block:not(.content-block--title) {
    margin-bottom: 7.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .perfomance__content .content-block:not(.content-block--title) {
    margin-bottom: 6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__content .content-block:not(.content-block--title) {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__content .content-block:not(.content-block--title) {
    margin-bottom: 5rem;
  }
}
.perfomance__content .content-block--title {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  grid-template-columns: auto;
  grid-row-gap: 1em;
}
@media screen and (min-width: 1180px) {
  .perfomance__content .content-block--title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .perfomance__content .content-block--title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__content .content-block--title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__content .content-block--title {
    font-size: 1rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .perfomance__content .content-block--title {
    line-height: 1.75rem;
    float: left;
    clear: both;
  }
}
@media screen and (min-width: 1180px) {
  .perfomance__content .content-block--title {
    margin-bottom: 1.9375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .perfomance__content .content-block--title {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__content .content-block--title {
    margin-bottom: 2.5rem;
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__content .content-block--title {
    margin-bottom: 1.5rem;
  }
}
.perfomance__content .content-block--title .text {
  margin-right: 1.6875rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__content .content-block--title .text {
    margin-right: 3.125rem;
  }
}
.perfomance__content .content-block--title-nav {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: -0.5em;
}
@media screen and (min-width: 1024px) {
  .perfomance__content .content-block--title-nav {
    padding-top: 0.125rem;
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__content .content-block--title-nav {
    padding-top: 0.125rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__content .content-block--title-nav {
    font-size: 0.75rem;
    width: 100%;
  }
}
.perfomance__content .content-block--title-nav a {
  margin-right: 1.375rem;
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
  margin-top: 0.5em;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__content .content-block--title-nav a {
    margin-right: 2.75rem;
  }
}
.perfomance__content .content-block--title-nav a.active {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
.perfomance__content .content-block--text {
  color: #313131;
  color: #313131;
  color: var(--color-dark);
}
.perfomance__content .content-block--text.border {
  border: solid #313131 1px;
  border: solid var(--color-dark) 1px;
  padding: 1rem;
  margin-bottom: 1.4em;
}
.perfomance__content .content-block--text.border p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .perfomance__content .content-block--text {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__content .content-block--text {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__content .content-block--text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.perfomance__content .content-block--slider {
  clear: both;
}
.perfomance__content .content-block--slider .swiper-container, .perfomance__content .content-block--slider-container {
  overflow: visible;
}
.perfomance__content .content-block--slider .swiper-wrapper, .perfomance__content .content-block--slider-wrapper {
  pointer-events: none;
}
.perfomance__content .content-block--slider .swiper-slide, .perfomance__content .content-block--slider-slide {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  width: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease;
  transition-property: opacity, visibility;
  pointer-events: none;
}
.perfomance__content .content-block--slider .swiper-slide img, .perfomance__content .content-block--slider-slide img {
  height: 100%;
  width: auto;
}
.perfomance__content .content-block--slider .swiper-slide.swiper-slide-active, .perfomance__content .content-block--slider-slide.swiper-slide-active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}
@media screen and (min-width: 1024px) {
  .perfomance__content .content-block--slider .swiper-controls, .perfomance__content .content-block--slider-buttons {
    position: absolute;
    bottom: 100%;
    right: 0;
    display: flex;
    justify-content: space-between;
    width: 3.375rem;
    margin-bottom: 1rem;
  }
}
.perfomance__content .content-block--slider .swiper-button-prev, .perfomance__content .content-block--slider-prev {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-prev-c4ca38bd6f3dd696f6e3172878f5c082.svg) no-repeat center/contain;
  position: relative;
  left: 0;
  margin-top: 0;
}
.perfomance__content .content-block--slider .swiper-button-prev.swiper-button-disabled, .perfomance__content .content-block--slider .swiper-button-prev--disabled, .perfomance__content .content-block--slider-prev.swiper-button-disabled, .perfomance__content .content-block--slider-prev--disabled {
  opacity: 0.3;
}
.perfomance__content .content-block--slider .swiper-button-prev:hover, .perfomance__content .content-block--slider-prev:hover {
  transform: translateX(-0.3125rem);
}
.perfomance__content .content-block--slider .swiper-button-prev:active, .perfomance__content .content-block--slider-prev:active {
  transform: translateX(-0.625rem);
}
.perfomance__content .content-block--slider .swiper-button-next, .perfomance__content .content-block--slider-next {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-next-ac94a7336b29249eac41e1ade8e1d251.svg) no-repeat center/contain;
  position: relative;
  right: 0;
  margin-top: 0;
}
.perfomance__content .content-block--slider .swiper-button-next.swiper-button-disabled, .perfomance__content .content-block--slider .swiper-button-next--disabled, .perfomance__content .content-block--slider-next.swiper-button-disabled, .perfomance__content .content-block--slider-next--disabled {
  opacity: 0.3;
}
.perfomance__content .content-block--slider .swiper-button-next:hover, .perfomance__content .content-block--slider-next:hover {
  transform: translateX(0.3125rem);
}
.perfomance__content .content-block--slider .swiper-button-next:active, .perfomance__content .content-block--slider-next:active {
  transform: translateX(0.625rem);
}
@media screen and (max-width: 1023px) {
  .perfomance__content .content-block--slider .swiper-button-prev, .perfomance__content .content-block--slider-prev,
.perfomance__content .content-block--slider .swiper-button-next, .perfomance__content .content-block--slider-next {
    display: none;
  }
}
.perfomance__content .content-block--slider .swiper-pagination, .perfomance__content .content-block--slider-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  bottom: auto !important;
}
@media screen and (min-width: 768px) {
  .perfomance__content .content-block--slider .swiper-pagination, .perfomance__content .content-block--slider-pagination {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__content .content-block--slider .swiper-pagination, .perfomance__content .content-block--slider-pagination {
    margin-top: 1rem;
  }
}
.perfomance__content .content-block--slider .swiper-pagination .swiper-pagination-bullet, .perfomance__content .content-block--slider-pagination .swiper-pagination-bullet {
  background-color: #CFCBBF;
  background-color: #CFCBBF;
  background-color: var(--color-divider);
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .perfomance__content .content-block--slider .swiper-pagination .swiper-pagination-bullet, .perfomance__content .content-block--slider-pagination .swiper-pagination-bullet {
    height: 1rem;
    width: 1rem;
    margin-left: 0.3125rem;
    margin-right: 0.3125rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__content .content-block--slider .swiper-pagination .swiper-pagination-bullet, .perfomance__content .content-block--slider-pagination .swiper-pagination-bullet {
    height: 0.5rem;
    width: 0.5rem;
    margin-left: 0.1875rem;
    margin-right: 0.1875rem;
  }
}
.perfomance__content .content-block--slider .swiper-pagination .swiper-pagination-bullet-active, .perfomance__content .content-block--slider-pagination .swiper-pagination-bullet-active {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
}
@media screen and (min-width: 768px) {
  .perfomance__content .content-block--slider .swiper-pagination, .perfomance__content .content-block--slider-pagination {
    display: none;
  }
}
.perfomance__content .content-block--slider .swiper-slide {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
@media screen and (min-width: 1180px) {
  .perfomance__content .content-block--slider .swiper-slide {
    height: 36.5625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .perfomance__content .content-block--slider .swiper-slide {
    height: 27.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .perfomance__content .content-block--slider .swiper-slide {
    height: 25rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__content .content-block--slider .swiper-slide {
    height: 10rem;
  }
}
@media screen and (min-width: 1180px) {
  .perfomance__content .content-block--slider .swiper-controls {
    margin-bottom: 2.0625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .perfomance__content .content-block--slider .swiper-controls {
    margin-bottom: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .perfomance__content .content-block--slider .swiper-controls {
    display: none;
  }
}
.perfomance__content .content-block--video:before {
  padding-bottom: 69.148936%;
}
.perfomance__content .content-block--people {
  clear: both;
}
.perfomance__content .content-block--more-perfomances {
  clear: both;
}
.perfomance__content .content-block--more-events {
  clear: both;
}
.schedule-list {
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
}
.schedule-list__item {
  display: flex;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
  font-weight: 500;
  align-items: baseline;
}
.schedule-list__item:hover {
  border-top-color: #2D2D2B;
  border-top-color: #2D2D2B;
  border-top-color: var(--color-primary-black);
}
@media screen and (min-width: 1024px) {
  .schedule-list__item {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
    font-size: 1rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .schedule-list__item {
    padding-top: 1.9375rem;
    padding-bottom: 1.9375rem;
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .schedule-list__item {
    padding-top: 1.125rem;
    padding-bottom: 1rem;
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
.schedule-list__date {
  letter-spacing: normal;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .schedule-list__date {
    width: 5.8125rem;
    padding-left: 0.625rem;
    margin-right: 0.3125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .schedule-list__date {
    width: 6.625rem;
    margin-right: 0rem;
  }
}
@media screen and (max-width: 767px) {
  .schedule-list__date {
    width: 4.25rem;
    margin-right: 0rem;
  }
}
.schedule-list__time-list {
  flex: 1 1 auto;
}
@media screen and (min-width: 1024px) {
  .schedule-list__time-list {
    margin-top: -1.375rem;
    margin-bottom: -1.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .schedule-list__time-list {
    margin-top: -1.9375rem;
    margin-bottom: -1.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .schedule-list__time-list {
    margin-top: -1.125rem;
    margin-bottom: -1rem;
  }
}
.schedule-list__time-list--dynamic-pricing {
  display: flex;
  align-items: center;
  transition-duration: 0.2s;
}
.schedule-list__time-list--dynamic-pricing:before {
  opacity: 0.3;
  content: "";
  display: block;
  order: 0;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-dynamic-pricing-dark-ad4bf9bf1baea2f3b07b823902cd8638.svg) no-repeat center/100% auto;
  width: 0.9375rem;
  height: 0.9375rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: -0.25rem;
}
.schedule-list__time-list--dynamic-pricing:hover:before {
  opacity: 1;
}
.schedule-list__time-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .schedule-list__time-list-item {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .schedule-list__time-list-item {
    padding-top: 1.9375rem;
    padding-bottom: 1.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .schedule-list__time-list-item {
    padding-top: 1.125rem;
    padding-bottom: 1rem;
    flex-wrap: wrap;
  }
}
.schedule-list__time-list-item + .schedule-list__time-list-item {
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
}
.schedule-list__time {
  margin-right: auto;
  flex: 0 0 auto;
}
.schedule-list__time:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 1rem;
  width: 1rem;
  margin-top: -0.3125rem;
  margin-bottom: -0.3125rem;
  margin-right: 0.375rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-time-e89159e363b485e0019f28aa0bcea154.svg) no-repeat center/contain;
  transform: translateY(-0.1em);
}
@media screen and (max-width: 767px) {
  .schedule-list__time:before {
    height: 0.8125rem;
    width: 0.8125rem;
  }
}
@media screen and (min-width: 1024px) {
  .schedule-list__time {
    margin-right: 1.5625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .schedule-list__time {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .schedule-list__time {
    margin-right: 1rem;
  }
}
.schedule-list__tags {
  display: flex;
  align-items: baseline;
}
.schedule-list__tag {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  vertical-align: top;
  border-radius: 2.5rem;
  padding: 0.375rem 0.75rem 0.25rem;
  text-decoration: none;
  transition: inherit;
  margin-right: auto;
}
@media screen and (min-width: 1180px) {
  .schedule-list__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .schedule-list__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .schedule-list__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .schedule-list__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .schedule-list__tag {
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
}
.schedule-list__tag[href]:hover {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.schedule-list__tag.status-canceled, .schedule-list__tag.status-rescheduled, .schedule-list__tag.status-replaced {
  color: #FF6566;
  border-color: #FF6566;
  background-color: transparent;
}
.schedule-list__tag[href]:hover.status-canceled, .schedule-list__tag[href]:hover.status-replaced, .schedule-list__tag[href]:hover.status-rescheduled {
  background-color: #FF6566;
  color: #fff !important;
}
.schedule-list__text {
  flex: 0 1 auto;
  margin-left: auto;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
}
.schedule-list__ticket {
  font-family: "Basis Grotesque Pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  text-decoration: none;
  position: relative;
  display: block;
  padding: 0.25rem 0.25rem 0.25rem 1.75rem;
  text-decoration: none;
  line-height: 1.25rem;
  margin-left: auto;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  white-space: nowrap;
}
.schedule-list__ticket:after, .schedule-list__ticket:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0.2em;
  display: block;
  width: 1.25rem;
  background: no-repeat 50% 50%/100% auto;
}
.schedule-list__ticket:before {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/ticket-e9e9835562a6b16b110d5794874c75e3.svg);
}
.schedule-list__ticket:after {
  opacity: 0;
  background-image: url(https://dev.sovremennik.ru/packs/media/images/ticket-dark-9c03546ccd005e0ce148ddecbd7b367c.svg);
}
.schedule-list__ticket:hover:before {
  opacity: 0;
}
.schedule-list__ticket:hover:after {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .schedule-list__ticket {
    margin-top: -0.125rem;
    margin-bottom: -0.125rem;
  }
}
@media screen and (max-width: 767px) {
  .schedule-list__ticket {
    font-size: 0.75rem;
    line-height: 0.75rem;
    padding-left: 1.25rem;
  }
  .schedule-list__ticket:after, .schedule-list__ticket:before {
    width: 0.9375rem;
  }
}
.schedule-list__addinfo {
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  border-radius: 2.5rem;
  padding: 0.375rem 1.5625rem 0.375rem;
  line-height: 120%;
  font-size: 0.625rem;
  margin-right: 1.875rem;
}
@media screen and (max-width: 1179px) {
  .schedule-list__addinfo {
    font-size: 0.5rem;
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767px) {
  .schedule-list__addinfo {
    order: 4;
    margin: 0.5rem auto;
  }
}
.schedule-list__all {
  display: inline-block;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.25rem;
}
.schedule-list__all:hover {
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
}
.creators {
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
}
.creators__item {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
}
.creators__item:hover {
  border-top-color: #2D2D2B;
  border-top-color: #2D2D2B;
  border-top-color: var(--color-primary-black);
}
@media screen and (min-width: 1024px) {
  .creators__item {
    font-size: 1.25rem;
    line-height: 159%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .creators__item {
    font-size: 1.25rem;
    line-height: 1.375rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .creators__item {
    font-size: 0.75rem;
    line-height: 0.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.creators__title {
  font-weight: 500;
}
.creators__title a {
  border-bottom: solid #2D2D2B 1px;
}
.publications {
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
}
.publications__item {
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
}
.publications__item:hover {
  border-top-color: #2D2D2B;
  border-top-color: #2D2D2B;
  border-top-color: var(--color-primary-black);
}
@media screen and (min-width: 1024px) {
  .publications__item {
    padding-top: 1.625rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .publications__item {
    padding-top: 2rem;
    padding-bottom: 1.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .publications__item {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.publications__text {
  width: 100%;
  display: block;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .publications__text {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 2.6875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .publications__text {
    font-size: 2rem;
    line-height: 2.25rem;
    margin-bottom: 11.875rem;
  }
}
@media screen and (max-width: 767px) {
  .publications__text {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 5rem;
  }
}
.publications__date, .publications__source {
  flex: 0 1 auto;
}
@media screen and (min-width: 1024px) {
  .publications__date, .publications__source {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .publications__date, .publications__source {
    font-size: 1.625rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .publications__date, .publications__source {
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
}
.publications__date {
  margin-right: auto;
}
.publications__source {
  margin-left: auto;
}
.partners {
  display: grid;
}
@media screen and (min-width: 1180px) {
  .partners {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 9rem;
    grid-row-gap: 5.6875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .partners {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 5.0625rem;
    grid-row-gap: 5.6875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .partners {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .partners {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 0.625rem;
    grid-row-gap: 3.5rem;
  }
}
.partners__item {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.partners__item:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.partners__item img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.partners__item img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 1024px) {
  .more-perfomances {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .more-perfomances .more-perfomances__item:nth-child(n+3) {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .more-perfomances .more-perfomances__item + .more-perfomances__item {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .more-perfomances .more-perfomances__item + .more-perfomances__item {
    margin-top: 3.5rem;
  }
}
.more-perfomances__item {
  display: block;
}
@media screen and (max-width: 767px) {
  .repertoire__column .more-perfomances__item:last-child {
    margin-bottom: 0;
  }
}
.more-perfomances__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.more-perfomances__img:before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
@media screen and (max-width: 767px) {
  .more-perfomances__img:before {
    padding-bottom: 64.28571%;
  }
}
.more-perfomances__img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1180px) {
  .more-perfomances__img {
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .more-perfomances__img {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .more-perfomances__img {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .more-perfomances__img {
    margin-bottom: 1rem;
  }
}
.more-perfomances__title {
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and (min-width: 1180px) {
  .more-perfomances__title {
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .more-perfomances__title {
    font-size: 1.625rem;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .more-perfomances__title {
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .more-perfomances__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin-bottom: 0.25rem;
  }
}
.more-perfomances__author {
  text-transform: uppercase;
}
.more-perfomances__author, .more-perfomances__description {
  letter-spacing: 0.03em;
  font-weight: 500;
}
@media screen and (min-width: 1180px) {
  .more-perfomances__author, .more-perfomances__description {
    font-size: 0.875rem;
    line-height: 0.875rem;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .more-perfomances__author, .more-perfomances__description {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .more-perfomances__author, .more-perfomances__description {
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin-bottom: 0.1875rem;
  }
}
@media screen and (max-width: 767px) {
  .more-perfomances__author, .more-perfomances__description {
    font-size: 0.625rem;
    line-height: 0.625rem;
    margin-bottom: 0.1875rem;
  }
}
@media screen and (min-width: 1024px) {
  .more-events {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .more-events .more-events__item:nth-child(n+3) {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .more-events .more-events__item + .more-events__item {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .more-events .more-events__item + .more-events__item {
    margin-top: 3.5rem;
  }
}
.more-events__item {
  display: block;
}
.more-events__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.more-events__img:before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.more-events__img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1180px) {
  .more-events__img {
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .more-events__img {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .more-events__img {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .more-events__img {
    margin-bottom: 0.5rem;
  }
}
.more-events__info {
  display: flex;
  justify-content: space-between;
}
.more-events__date {
  font-weight: 500;
}
@media screen and (min-width: 1180px) {
  .more-events__date {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .more-events__date {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .more-events__date {
    font-size: 2.25rem;
    line-height: 2.25rem;
    flex: 1 1 auto;
  }
}
@media screen and (max-width: 767px) {
  .more-events__date {
    font-size: 1.1875rem;
    line-height: 1.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .more-events__right {
    width: 33.75rem;
    flex: 1 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .more-events__right {
    width: 12.25rem;
  }
}
.more-events__title {
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and (min-width: 1180px) {
  .more-events__title {
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .more-events__title {
    font-size: 1.625rem;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .more-events__title {
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .more-events__title {
    font-size: 1.1875rem;
    line-height: 1.25rem;
    margin-bottom: 0.25rem;
  }
}
@media screen and (min-width: 1180px) {
  .more-events__tags {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .more-events__tags {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .more-events__tags {
    margin-top: 1.1875rem;
  }
}
@media screen and (max-width: 767px) {
  .more-events__tags {
    margin-top: 0.5rem;
  }
}
.more-events__tag {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  vertical-align: top;
  border-radius: 2.5rem;
  padding: 0.375rem 0.75rem 0.25rem;
  text-decoration: none;
  transition: inherit;
}
@media screen and (min-width: 1180px) {
  .more-events__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .more-events__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .more-events__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .more-events__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .more-events__tag {
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
}
.more-events__tag[href]:hover {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.more-events__tag.status-canceled, .more-events__tag.status-rescheduled, .more-events__tag.status-replaced {
  color: #FF6566;
  border-color: #FF6566;
  background-color: transparent;
}
.more-events__tag[href]:hover.status-canceled, .more-events__tag[href]:hover.status-replaced, .more-events__tag[href]:hover.status-rescheduled {
  background-color: #FF6566;
  color: #fff !important;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .repertoire {
    padding-top: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .repertoire {
    padding-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .repertoire {
    padding-top: 1rem;
  }
}
.repertoire__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 1180px) {
  .repertoire__column--names {
    margin-top: -0.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .repertoire__column--names {
    margin-top: -1.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .repertoire__column--names {
    display: none;
  }
}
.repertoire__sticky-inner {
  position: -webkit-sticky;
  position: sticky;
  overflow: hidden;
}
@media screen and (min-width: 1180px) {
  .repertoire__sticky-inner {
    top: 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .repertoire__sticky-inner {
    top: 0;
  }
}
@media screen and (min-width: 1180px) {
  .page--header-fixed .repertoire__sticky-inner {
    top: 8rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .page--header-fixed .repertoire__sticky-inner {
    top: 8.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .page--header-fixed .repertoire__sticky-inner {
    top: 5.75rem;
  }
}
@media screen and (max-width: 767px) {
  .page--header-fixed .repertoire__sticky-inner {
    top: 3rem;
  }
}
.repertoire__scroll-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: auto;
  max-height: 100vh;
  margin-right: -1.875rem;
  padding-right: 1.875rem;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 1180px) {
  .repertoire__scroll-inner {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .repertoire__scroll-inner {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media screen and (min-width: 1180px) {
  .page--header-fixed .repertoire__scroll-inner {
    max-height: calc(100vh - 8rem);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .page--header-fixed .repertoire__scroll-inner {
    max-height: calc(100vh - 8.375rem);
  }
}
.repertoire__scroll-inner .perfomance__addinfo {
  margin: 0;
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  color: inherit;
  transition: inherit;
}
@media screen and (min-width: 1180px) {
  .repertoire__scroll-inner .perfomance__addinfo {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .repertoire__scroll-inner .perfomance__addinfo {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .repertoire__scroll-inner .perfomance__addinfo {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .repertoire__scroll-inner .perfomance__addinfo {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.repertoire__link {
  text-transform: uppercase;
  font-weight: 500;
}
@media screen and (min-width: 1180px) {
  .repertoire__link {
    font-size: 1.5rem;
    line-height: 1.625rem;
    margin-bottom: 0.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .repertoire__link {
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.repertoire .more-perfomances__item:last-child {
  margin-bottom: 22.5rem;
}
@media screen and (min-width: 1180px) {
  .repertoire .more-perfomances__item {
    margin-bottom: 2.375rem;
  }
  .repertoire .more-perfomances__item:last-child {
    margin-bottom: 25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .repertoire .more-perfomances__item {
    margin-bottom: 2rem;
  }
  .repertoire .more-perfomances__item:last-child {
    margin-bottom: 28.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .repertoire .more-perfomances__item {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .repertoire .more-perfomances__item {
    margin-bottom: 3.5rem;
  }
}
.repertoire__scroll-inner--hover .repertoire__link, .repertoire__scroll-inner:hover .repertoire__link {
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
}
.repertoire__scroll-inner--hover .repertoire__link--hover, .repertoire__scroll-inner:hover .repertoire__link:hover {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
.repertoire__column--cards--hover .more-perfomances__item, .repertoire__column--cards:hover .more-perfomances__item {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
.repertoire__column--cards--hover .more-perfomances__item--hover, .repertoire__column--cards:hover .more-perfomances__item:hover {
  opacity: 0.9;
  color: #484848;
  color: #484848;
  color: var(--color-primary-body-text);
}
@media screen and (min-width: 1024px) {
  .action--repertoire .header__fixed-wrap {
    transform: translateY(100%);
  }
}
.event {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (min-width: 1180px) {
  .event {
    padding-top: 1.4375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .event {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event {
    padding-top: 2.75rem;
  }
}
@media screen and (max-width: 767px) {
  .event {
    padding-top: 1rem;
  }
}
.event__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 1180px) {
  .event__title {
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
    margin-bottom: 1.9375rem;
  }
}
@media screen and (min-width: 1180px) and (min-width: 1180px) {
  .event__title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 1180px) and (min-width: 1024px) and (max-width: 1179px) {
  .event__title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 1180px) and (min-width: 768px) and (max-width: 1023px) {
  .event__title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 1180px) and (max-width: 767px) {
  .event__title {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .event__title {
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
    margin-bottom: 2.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) and (min-width: 1180px) {
  .event__title {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) and (min-width: 1024px) and (max-width: 1179px) {
  .event__title {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) and (min-width: 768px) and (max-width: 1023px) {
  .event__title {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) and (max-width: 767px) {
  .event__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .event__title {
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
  }
}
@media screen and (max-width: 1023px) and (min-width: 1180px) {
  .event__title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 1023px) and (min-width: 1024px) and (max-width: 1179px) {
  .event__title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  .event__title {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .event__title {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__title {
    order: 2;
    margin-bottom: 1.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .event__title {
    margin-bottom: 0.5rem;
    order: 2;
  }
}
.event__date {
  text-align: right;
}
@media screen and (min-width: 1024px) {
  .event__date {
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
    margin-bottom: 1.9375rem;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1180px) {
  .event__date {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1179px) {
  .event__date {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 1024px) and (min-width: 768px) and (max-width: 1023px) {
  .event__date {
    font-size: 4rem;
    line-height: 3.75rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 1024px) and (max-width: 767px) {
  .event__date {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .event__date {
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #2D2D2B;
    color: #2D2D2B;
    color: var(--color-primary-black);
    text-align: left;
  }
}
@media screen and (max-width: 1023px) and (min-width: 1180px) {
  .event__date {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 1023px) and (min-width: 1024px) and (max-width: 1179px) {
  .event__date {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  .event__date {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .event__date {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__date {
    order: 1;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .event__date {
    order: 1;
    margin-bottom: 1rem;
  }
}
.event__tags {
  flex: 1 1 auto;
  margin-top: auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__tags {
    order: 3;
  }
}
@media screen and (max-width: 767px) {
  .event__tags {
    order: 3;
  }
}
.event__tag {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  vertical-align: top;
  border-radius: 2.5rem;
  padding: 0.375rem 0.75rem 0.25rem;
  text-decoration: none;
  transition: inherit;
  margin-top: 0.25rem;
}
@media screen and (min-width: 1180px) {
  .event__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .event__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .event__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .event__tag {
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
}
.event__tag[href]:hover {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.event__tag.status-canceled, .event__tag.status-rescheduled, .event__tag.status-replaced {
  color: #FF6566;
  border-color: #FF6566;
  background-color: transparent;
}
.event__tag[href]:hover.status-canceled, .event__tag[href]:hover.status-replaced, .event__tag[href]:hover.status-rescheduled {
  background-color: #FF6566;
  color: #fff !important;
}
.event__register {
  text-align: right;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__register {
    margin-top: auto;
    order: 4;
  }
}
@media screen and (max-width: 767px) {
  .event__register {
    order: 4;
    margin-top: 1rem;
    text-align: left;
  }
}
.event__register-btn {
  font-family: "Basis Grotesque Pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  display: inline-block;
  text-decoration: none !important;
  text-align: center;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  background-color: transparent;
  transition: inherit;
  padding: 0.75rem 0.9375rem 0.625rem;
  cursor: pointer;
}
.event__register-btn--alternate, .event__register-btn:hover {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.event__register-btn--alternate:hover {
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
.event__register-btn--alternate.disabled, .event__register-btn--alternate:disabled, .event__register-btn--alternate[disabled] {
  color: #EFEBE1;
  background-color: #B7B4AB;
  border-color: #B7B4AB;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .event__register-btn {
    width: 100%;
  }
}
.event__register-counter {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #B7B4AB;
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 1180px) {
  .event__register-counter {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .event__register-counter {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__register-counter {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .event__register-counter {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .event__register-counter {
    margin-top: -1.375rem;
  }
}
@media screen and (max-width: 767px) {
  .event__register-counter {
    margin-bottom: 0.5rem;
  }
}
.event__register-counter b {
  margin: 0;
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  color: #000000;
}
@media screen and (min-width: 1180px) {
  .event__register-counter b {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .event__register-counter b {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__register-counter b {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .event__register-counter b {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.event__image {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 4.1875rem;
}
.event__image:before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.event__image img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1180px) {
  .event__image {
    margin-top: 1.125rem;
    margin-bottom: 4.1875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .event__image {
    margin-top: 1rem;
    margin-bottom: 4.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__image {
    margin-top: 1rem;
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .event__image {
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .event__image {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 1180px) {
  .event__content .content-block:not(.content-block--title) {
    margin-bottom: 7.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .event__content .content-block:not(.content-block--title) {
    margin-bottom: 6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__content .content-block:not(.content-block--title) {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .event__content .content-block:not(.content-block--title) {
    margin-bottom: 5rem;
  }
}
.event__content .content-block--title {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  grid-template-columns: auto;
  grid-row-gap: 1em;
}
@media screen and (min-width: 1180px) {
  .event__content .content-block--title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .event__content .content-block--title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__content .content-block--title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .event__content .content-block--title {
    font-size: 1rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .event__content .content-block--title {
    line-height: 1.75rem;
    float: left;
    clear: both;
  }
}
@media screen and (min-width: 1180px) {
  .event__content .content-block--title {
    margin-bottom: 1.9375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .event__content .content-block--title {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__content .content-block--title {
    margin-bottom: 2.5rem;
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .event__content .content-block--title {
    margin-bottom: 1.5rem;
  }
}
.event__content .content-block--title .text {
  margin-right: 1.6875rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__content .content-block--title .text {
    margin-right: 3.125rem;
  }
}
.event__content .content-block--title-nav {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: -0.5em;
}
@media screen and (min-width: 1024px) {
  .event__content .content-block--title-nav {
    padding-top: 0.125rem;
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__content .content-block--title-nav {
    padding-top: 0.125rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .event__content .content-block--title-nav {
    font-size: 0.75rem;
    width: 100%;
  }
}
.event__content .content-block--title-nav a {
  margin-right: 1.375rem;
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
  margin-top: 0.5em;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__content .content-block--title-nav a {
    margin-right: 2.75rem;
  }
}
.event__content .content-block--title-nav a.active {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
.event__content .content-block--text {
  color: #313131;
  color: #313131;
  color: var(--color-dark);
}
.event__content .content-block--text.border {
  border: solid #313131 1px;
  border: solid var(--color-dark) 1px;
  padding: 1rem;
  margin-bottom: 1.4em;
}
.event__content .content-block--text.border p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .event__content .content-block--text {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__content .content-block--text {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}
@media screen and (max-width: 767px) {
  .event__content .content-block--text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.event__content .content-block--slider {
  clear: both;
}
.event__content .content-block--slider .swiper-container, .event__content .content-block--slider-container {
  overflow: visible;
}
.event__content .content-block--slider .swiper-wrapper, .event__content .content-block--slider-wrapper {
  pointer-events: none;
}
.event__content .content-block--slider .swiper-slide, .event__content .content-block--slider-slide {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  width: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease;
  transition-property: opacity, visibility;
  pointer-events: none;
}
.event__content .content-block--slider .swiper-slide img, .event__content .content-block--slider-slide img {
  height: 100%;
  width: auto;
}
.event__content .content-block--slider .swiper-slide.swiper-slide-active, .event__content .content-block--slider-slide.swiper-slide-active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}
@media screen and (min-width: 1024px) {
  .event__content .content-block--slider .swiper-controls, .event__content .content-block--slider-buttons {
    position: absolute;
    bottom: 100%;
    right: 0;
    display: flex;
    justify-content: space-between;
    width: 3.375rem;
    margin-bottom: 1rem;
  }
}
.event__content .content-block--slider .swiper-button-prev, .event__content .content-block--slider-prev {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-prev-c4ca38bd6f3dd696f6e3172878f5c082.svg) no-repeat center/contain;
  position: relative;
  left: 0;
  margin-top: 0;
}
.event__content .content-block--slider .swiper-button-prev.swiper-button-disabled, .event__content .content-block--slider .swiper-button-prev--disabled, .event__content .content-block--slider-prev.swiper-button-disabled, .event__content .content-block--slider-prev--disabled {
  opacity: 0.3;
}
.event__content .content-block--slider .swiper-button-prev:hover, .event__content .content-block--slider-prev:hover {
  transform: translateX(-0.3125rem);
}
.event__content .content-block--slider .swiper-button-prev:active, .event__content .content-block--slider-prev:active {
  transform: translateX(-0.625rem);
}
.event__content .content-block--slider .swiper-button-next, .event__content .content-block--slider-next {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-next-ac94a7336b29249eac41e1ade8e1d251.svg) no-repeat center/contain;
  position: relative;
  right: 0;
  margin-top: 0;
}
.event__content .content-block--slider .swiper-button-next.swiper-button-disabled, .event__content .content-block--slider .swiper-button-next--disabled, .event__content .content-block--slider-next.swiper-button-disabled, .event__content .content-block--slider-next--disabled {
  opacity: 0.3;
}
.event__content .content-block--slider .swiper-button-next:hover, .event__content .content-block--slider-next:hover {
  transform: translateX(0.3125rem);
}
.event__content .content-block--slider .swiper-button-next:active, .event__content .content-block--slider-next:active {
  transform: translateX(0.625rem);
}
@media screen and (max-width: 1023px) {
  .event__content .content-block--slider .swiper-button-prev, .event__content .content-block--slider-prev,
.event__content .content-block--slider .swiper-button-next, .event__content .content-block--slider-next {
    display: none;
  }
}
.event__content .content-block--slider .swiper-pagination, .event__content .content-block--slider-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  bottom: auto !important;
}
@media screen and (min-width: 768px) {
  .event__content .content-block--slider .swiper-pagination, .event__content .content-block--slider-pagination {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .event__content .content-block--slider .swiper-pagination, .event__content .content-block--slider-pagination {
    margin-top: 1rem;
  }
}
.event__content .content-block--slider .swiper-pagination .swiper-pagination-bullet, .event__content .content-block--slider-pagination .swiper-pagination-bullet {
  background-color: #CFCBBF;
  background-color: #CFCBBF;
  background-color: var(--color-divider);
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .event__content .content-block--slider .swiper-pagination .swiper-pagination-bullet, .event__content .content-block--slider-pagination .swiper-pagination-bullet {
    height: 1rem;
    width: 1rem;
    margin-left: 0.3125rem;
    margin-right: 0.3125rem;
  }
}
@media screen and (max-width: 767px) {
  .event__content .content-block--slider .swiper-pagination .swiper-pagination-bullet, .event__content .content-block--slider-pagination .swiper-pagination-bullet {
    height: 0.5rem;
    width: 0.5rem;
    margin-left: 0.1875rem;
    margin-right: 0.1875rem;
  }
}
.event__content .content-block--slider .swiper-pagination .swiper-pagination-bullet-active, .event__content .content-block--slider-pagination .swiper-pagination-bullet-active {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
}
@media screen and (min-width: 768px) {
  .event__content .content-block--slider .swiper-pagination, .event__content .content-block--slider-pagination {
    display: none;
  }
}
.event__content .content-block--slider .swiper-slide {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
@media screen and (min-width: 1180px) {
  .event__content .content-block--slider .swiper-slide {
    height: 36.5625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .event__content .content-block--slider .swiper-slide {
    height: 27.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .event__content .content-block--slider .swiper-slide {
    height: 25rem;
  }
}
@media screen and (max-width: 767px) {
  .event__content .content-block--slider .swiper-slide {
    height: 10rem;
  }
}
@media screen and (min-width: 1180px) {
  .event__content .content-block--slider .swiper-controls {
    margin-bottom: 2.0625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .event__content .content-block--slider .swiper-controls {
    margin-bottom: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .event__content .content-block--slider .swiper-controls {
    display: none;
  }
}
.event__content .content-block--video:before {
  padding-bottom: 69.148936%;
}
.event__content .content-block--people {
  clear: both;
}
.event__content .content-block--more-perfomances {
  clear: both;
}
.event__content .content-block--more-events {
  clear: both;
}
.modal {
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 1023px) {
  .modal {
    height: 100vh;
  }
}
.modal--show {
  visibility: visible;
  opacity: 1;
}
.modal__overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 150%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-25%);
  background: #000000;
}
.modal__overlay--show {
  -webkit-animation: showOverlay 0.3s ease-in-out forwards;
          animation: showOverlay 0.3s ease-in-out forwards;
}
.modal__content:after {
  content: "";
  display: block;
  clear: both;
}
.modal__overlay-in {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal__size {
  position: relative;
  min-height: 100%;
  width: 100%;
  z-index: 1;
}
.modal__overflow {
  overflow: auto;
}
.modal__loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
}
.modal--loading .modal__loader {
  display: flex;
}
@media screen and (min-width: 768px) {
  body.body--fixed[data-modal-name=profile] .modal {
    top: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  body.body--fixed[data-modal-name=profile] {
    position: relative !important;
    top: 0 !important;
  }
  body.body--fixed[data-modal-name=profile] .modal {
    position: absolute;
    height: auto;
  }
  body.body--fixed[data-modal-name=profile] .profile {
    height: auto;
  }
  body.body--fixed[data-modal-name=profile] .profile__close {
    position: fixed;
  }
  body.body--fixed[data-modal-name=profile] .profile__scroll-body {
    max-height: none;
  }
}
@-webkit-keyframes showOverlay {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 0.3;
  }
}
@keyframes showOverlay {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 0.3;
  }
}
.filter {
  position: relative;
  z-index: 2;
  text-transform: uppercase;
  font-weight: 500;
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
}
@media screen and (min-width: 1024px) {
  .filter {
    font-size: 0.875rem;
    line-height: 0.875rem;
    letter-spacing: 0.01em;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin-top: 0;
    transform: translateY(0rem);
    transition: transform 0.4s ease-in-out;
    will-change: transform;
  }
  .filter--down {
    transform: translateY(4rem);
  }
}
@media screen and (min-width: 1024px) {
  .filter__container {
    position: relative;
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid var(--color-divider);
    margin-bottom: -1px;
  }
}
.filter__mobile-toggle {
  display: none;
}
@media screen and (max-width: 1023px) {
  .filter__mobile-toggle {
    display: flex;
    position: relative;
    width: 100%;
    text-align: left;
  }
  .filter__mobile-toggle:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    border-top: 1px solid #CFCBBF;
    border-top: 1px solid #CFCBBF;
    border-top: 1px solid var(--color-divider);
  }
  .filter__mobile-toggle:after {
    content: "";
    display: block;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-down-02b5d8da4e3c53e8246125cde0f76c1f.svg) no-repeat center/contain;
    transition-duration: 0.2s;
  }
  .filter--mobile-show .filter__mobile-toggle:after {
    transform: rotate(180deg);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .filter__mobile-toggle {
    font-size: 1.625rem;
    line-height: 1.625rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .filter__mobile-toggle:after {
    width: 1.125rem;
    height: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  .filter__mobile-toggle {
    padding-top: 1.0625rem;
    padding-bottom: 1.0625rem;
  }
  .filter__mobile-toggle:after {
    width: 1.1875rem;
    height: 0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .filter__menu {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1180px) {
  .filter__menu {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .filter__menu {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .filter__menu {
    display: none;
  }
  .filter--mobile-show .filter__menu {
    display: block;
    opacity: 0;
    -webkit-animation: fadein 0.5s ease forwards;
            animation: fadein 0.5s ease forwards;
  }
}
.filter__group {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .filter__group {
    flex: 0 0 auto;
    margin-right: 2.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .filter__group {
    position: relative;
    flex-direction: column;
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid var(--color-divider);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .filter__group {
    padding-top: 2rem;
    padding-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .filter__group {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .filter__group--mobile {
    display: none;
  }
}
.filter__group-toggle {
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .filter__group-toggle {
    display: flex;
  }
  .filter__group-toggle:after {
    content: "";
    display: block;
    position: relative;
    width: 1.0625rem;
    height: 0.75rem;
    margin-top: -0.0625rem;
    margin-bottom: auto;
    margin-left: 0.5rem;
    background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-down-02b5d8da4e3c53e8246125cde0f76c1f.svg) no-repeat center/contain;
    transition-duration: 0.2s;
  }
}
@media screen and (max-width: 1023px) {
  .filter__group-toggle {
    text-align: left;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .filter__group-toggle {
    font-size: 1.625rem;
    line-height: 1.625rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .filter__group-toggle {
    font-size: 0.875rem;
    line-height: 0.875rem;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .filter__drop-menu {
    opacity: 0;
    display: none;
    width: 0px;
    flex: 0 0 100%;
    left: 0;
    flex-direction: column;
    align-items: flex-start;
    -webkit-animation: fadein 0.5s ease forwards;
            animation: fadein 0.5s ease forwards;
    position: absolute;
    z-index: 4;
    top: 100%;
    height: 100vh;
    width: 100%;
    padding-top: 0.3125rem;
  }
  .filter__drop-menu:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.95;
    background-color: #EFEBE1;
    background-color: #EFEBE1;
    background-color: var(--color-primary-background);
  }
}
@media screen and (max-width: 1023px) {
  .filter__drop-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  .filter__drop-menu-close-overlay {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .filter__group--open .filter__group-toggle:after {
    transform: rotate(180deg);
  }
}
@media screen and (min-width: 1024px) {
  .filter__group--open .filter__drop-menu {
    display: flex;
  }
}
.filter__label {
  cursor: pointer;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .filter__label {
    margin-right: 2.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .filter__label {
    font-size: 1.25rem;
    line-height: 1.375rem;
    padding-top: 0.25rem;
  }
  .filter__label + .filter__label {
    margin-top: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .filter__label {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .filter__label + .filter__label {
    margin-top: 0.75rem;
  }
}
.filter__input[type=checkbox], .filter__input[type=radio] {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 50%;
  border: 1px solid #000000;
  border: 1px solid #000000;
  border: 1px solid var(--color-black);
  display: block;
  float: left;
}
@media screen and (min-width: 1024px) {
  .filter__input[type=checkbox], .filter__input[type=radio] {
    height: 1.125rem;
    width: 1.125rem;
    margin-right: 0.4375rem;
    margin-top: -0.1875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .filter__input[type=checkbox], .filter__input[type=radio] {
    margin-right: 1.125rem;
    width: 1.75rem;
    height: 1.75rem;
    margin-top: -0.25rem;
  }
}
@media screen and (max-width: 767px) {
  .filter__input[type=checkbox], .filter__input[type=radio] {
    margin-right: 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}
.filter__input[type=checkbox]:checked, .filter__input[type=radio]:checked {
  background-color: #000000;
  background-color: #000000;
  background-color: var(--color-black);
}
.filter__label:hover .filter__input {
  background-color: #000000;
  background-color: #000000;
  background-color: var(--color-black);
}
@media screen and (min-width: 1024px) {
  .filter__drop-menu .filter__label {
    font-size: 2rem;
    line-height: 2rem;
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 0;
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .filter__drop-menu .filter__input {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.125rem;
    margin-right: 0.625rem;
  }
}
@media screen and (min-width: 1024px) {
  .filter__calendar-toggle {
    margin-left: auto;
    display: flex;
  }
  .filter__calendar-toggle:before {
    content: "";
    display: block;
    width: 1.125rem;
    height: 1.0625rem;
    margin-top: -0.1875rem;
    margin-right: 0.5625rem;
    background: url(https://dev.sovremennik.ru/packs/media/images/icon-calendar-f63ffaa234ee4ea16d7c1350c529ba42.svg) no-repeat center/contain;
  }
}
@media screen and (max-width: 1023px) {
  .filter__calendar-toggle {
    display: none;
  }
}
.filter .flatpickr-calendar {
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .filter .flatpickr-calendar {
    padding-top: 3.25rem;
  }
}
@media screen and (max-width: 767px) {
  .filter .flatpickr-calendar {
    padding-top: 0.375rem;
  }
}
.filter .flatpickr-weekdaycontainer,
.filter .dayContainer {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5%;
  margin-right: -5%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .filter .flatpickr-weekdaycontainer {
    margin-bottom: 3.125rem;
  }
}
@media screen and (max-width: 767px) {
  .filter .flatpickr-weekdaycontainer {
    margin-bottom: 1.125rem;
  }
}
.filter .flatpickr-weekday,
.filter .flatpickr-day {
  flex: 0 0 14.285%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .filter .flatpickr-weekday {
    font-size: 1.375rem;
    line-height: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  .filter .flatpickr-weekday {
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
}
.filter .flatpickr-day {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .filter .flatpickr-day {
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin-bottom: 4.5625rem;
  }
}
@media screen and (max-width: 767px) {
  .filter .flatpickr-day {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 1.4375rem;
  }
}
.filter .flatpickr-day:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: transparent;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .filter .flatpickr-day:before {
    width: 4.75rem;
    height: 4.75rem;
  }
}
@media screen and (max-width: 767px) {
  .filter .flatpickr-day:before {
    width: 1.75rem;
    height: 1.75rem;
  }
}
.filter .flatpickr-day.selected {
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.filter .flatpickr-day.selected:before {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
}
.filter .flatpickr-day.flatpickr-disabled {
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
}
.filter .flatpickr-day.prevMonthDay {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.filter .flatpickr-day.nextMonthDay {
  display: none !important;
}
.filter .flatpickr-input,
.filter .numInputWrapper {
  display: none;
}
.filter .flatpickr-prev-month,
.filter .flatpickr-next-month {
  background: no-repeat center/contain;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .filter .flatpickr-prev-month,
.filter .flatpickr-next-month {
    width: 1.5rem;
    height: 2.625rem;
  }
}
@media screen and (max-width: 767px) {
  .filter .flatpickr-prev-month,
.filter .flatpickr-next-month {
    width: 0.6875rem;
    height: 1.125rem;
  }
}
.filter .flatpickr-prev-month {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/icon-left-short-f615eb1aa4a942d1b7f818d97e6a7104.svg);
}
.filter .flatpickr-next-month {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/icon-right-short-9d881e6e574d951639dd35c7b5b32d66.svg);
}
.filter .flatpickr-months {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .filter .flatpickr-months {
    margin-bottom: 5.75rem;
  }
}
@media screen and (max-width: 767px) {
  .filter .flatpickr-months {
    margin-bottom: 2.1875rem;
  }
}
.filter .flatpickr-month {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .filter .flatpickr-month {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .filter .flatpickr-month {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
[data-filter-item] {
  opacity: 0;
  -webkit-animation: fadein 0.5s ease forwards;
          animation: fadein 0.5s ease forwards;
}
[data-filter-item].hidden {
  display: none;
}
[data-filter-item].shake {
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}
.calendar {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (min-width: 1180px) {
  .calendar {
    margin-top: -4.125rem;
  }
}
.calendar__container {
  position: relative;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
.calendar__close {
  position: absolute;
  top: 1.6875rem;
  right: 0rem;
  width: 3.125rem;
  height: 3.125rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/close-big-800497450767957bf6155a16545e135c.svg) no-repeat center/contain;
}
.calendar__date-input {
  display: none;
}
.calendar__group {
  position: relative;
  counter-set: hidden-items;
}
@media screen and (min-width: 1180px) {
  .calendar__group {
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .calendar__group {
    margin-bottom: 2rem;
  }
}
.calendar__all {
  font-size: 0.75rem;
  line-height: 0.75rem;
  display: none;
  text-align: center;
}
@media screen and (min-width: 1180px) {
  .calendar__all {
    margin-top: 0.875rem;
    margin-bottom: -1.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .calendar__all {
    margin-top: 0.5rem;
    margin-bottom: -1.25rem;
  }
}
.calendar__all:after {
  pointer-events: none;
  content: counter(hidden-items);
}
.calendar__link {
  position: relative;
  display: flex;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: normal;
  flex-direction: column;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
  transition: 0.5s ease;
}
@media screen and (min-width: 1180px) {
  .calendar__link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .calendar__link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.calendar__link:hover {
  z-index: 2;
  border-top: 1px solid #2D2D2B;
  border-top: 1px solid #2D2D2B;
  border-top: 1px solid var(--color-primary-black);
}
.calendar__link + .calendar__link {
  margin-top: -1px;
}
.calendar__link:nth-child(n+5) {
  counter-increment: hidden-items;
}
.calendar__link:nth-child(n+5) ~ .calendar__all {
  display: block;
}
.calendar__group--all .calendar__all {
  display: none !important;
}
.calendar__group:not(.calendar__group--all) .calendar__link:nth-child(n+5) {
  position: absolute;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
}
.calendar__link-text {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
}
@media screen and (min-width: 1180px) {
  .calendar__link-text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .calendar__link-text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .calendar__link-text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .calendar__link-text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.calendar__link:hover .calendar__link-text {
  color: #484848;
  color: #484848;
  color: var(--color-primary-body-text);
}
.calendar__pane {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 100%;
  margin-left: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  border: 1px solid #CFCBBF;
  border: 1px solid #CFCBBF;
  border: 1px solid var(--color-divider);
  width: 28.75rem;
  min-height: 34.375rem;
  padding: 1.25rem 1.625rem 1.375rem 1.875rem;
  transition-duration: 0.2s;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .calendar__pane {
    border-color: transparent;
    box-shadow: 0rem 0.25rem 3.125rem rgba(0, 0, 0, 0.2);
  }
}
.flatpickr-day:nth-child(7n-2) .calendar__pane, .flatpickr-day:nth-child(7n-1) .calendar__pane, .flatpickr-day:nth-child(7n) .calendar__pane {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: 0.625rem;
}
.flatpickr-day:nth-child(1) .calendar__pane, .flatpickr-day:nth-child(2) .calendar__pane, .flatpickr-day:nth-child(3) .calendar__pane, .flatpickr-day:nth-child(4) .calendar__pane, .flatpickr-day:nth-child(5) .calendar__pane, .flatpickr-day:nth-child(6) .calendar__pane, .flatpickr-day:nth-child(7) .calendar__pane {
  top: 0%;
  transform: translateY(0);
}
.flatpickr-day:nth-child(n+22) .calendar__pane {
  top: auto;
  bottom: 0;
  transform: translateY(0);
}
.calendar__link:hover .calendar__pane {
  opacity: 1;
  visibility: visible;
}
.calendar__pane-head {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
  padding-top: 0.875rem;
  margin-bottom: 0.875rem;
}
.calendar__pane-head-text {
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.calendar__pane-title {
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin-bottom: 3.75rem;
  letter-spacing: -0.01em;
}
.calendar__pane-genre {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.calendar__pane-addinfo {
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  border-radius: 2.5rem;
  padding: 0.375rem 1.5625rem 0.375rem;
  line-height: 120%;
  font-size: 0.75rem;
  width: 100%;
  margin-right: 2.25rem;
  margin-bottom: 1.5rem;
}
.calendar__pane-footer {
  font-size: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
}
.calendar__pane-date {
  flex: 1 0 auto;
  padding-right: 1.25rem;
}
.calendar__pane-time {
  margin-top: 0.25rem;
}
.calendar__pane-time:before {
  content: "";
  display: block;
  float: left;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-time-dark-bfc2b2e8eb84a5d0ed191584dab614d9.svg) no-repeat center/contain;
  height: 1.25rem;
  width: 1.25rem;
  margin-right: 0.3125rem;
  margin-top: 1px;
}
.calendar__pane-img {
  max-width: 17.9375rem;
  flex: 1 1 auto;
}
.calendar__pane-img img {
  display: block;
  width: 100%;
}
.calendar__pane-tags {
  align-self: flex-end;
  display: flex;
  margin-bottom: 0.75rem;
}
.calendar .flatpickr-months {
  display: flex;
  align-items: center;
  margin-bottom: 4.375rem;
}
.calendar .flatpickr-next-month,
.calendar .flatpickr-prev-month {
  position: relative;
  cursor: pointer;
  top: -0.1875rem;
  width: 1.5625rem;
  height: 1.125rem;
  background: no-repeat center/contain;
}
.calendar .flatpickr-prev-month {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/icon-prev-calendar-6b34526c88bbb963c123a4cdf0103e1c.svg);
}
.calendar .flatpickr-next-month {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/icon-next-calendar-232d49e72a16ee780c149e466aa2ed04.svg);
}
.calendar .flatpickr-current-month {
  display: flex;
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  margin-left: 1.1875rem;
  margin-right: 1.1875rem;
}
.calendar .numInputWrapper {
  display: none;
}
.calendar .flatpickr-weekdaycontainer,
.calendar .dayContainer {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
@media screen and (min-width: 1180px) {
  .calendar .flatpickr-weekdaycontainer,
.calendar .dayContainer {
    margin-left: -0.5625rem;
    margin-right: -0.5625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .calendar .flatpickr-weekdaycontainer,
.calendar .dayContainer {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
  }
}
.calendar .flatpickr-weekday,
.calendar .flatpickr-day {
  flex: 0 0 14.285%;
}
@media screen and (min-width: 1180px) {
  .calendar .flatpickr-weekday,
.calendar .flatpickr-day {
    padding-left: 0.5625rem;
    padding-right: 0.5625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .calendar .flatpickr-weekday,
.calendar .flatpickr-day {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
}
.calendar .flatpickr-weekday {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.75rem;
  text-transform: uppercase;
}
@media screen and (min-width: 1180px) {
  .calendar .flatpickr-weekday {
    margin-bottom: 1.1875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .calendar .flatpickr-weekday {
    margin-bottom: 0.6875rem;
  }
}
.calendar__tags {
  display: flex;
}
.calendar__tag {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  vertical-align: top;
  border-radius: 2.5rem;
  padding: 0.375rem 0.75rem 0.25rem;
  text-decoration: none;
  transition: inherit;
  font-size: 0.5rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 1180px) {
  .calendar__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .calendar__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .calendar__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .calendar__tag {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .calendar__tag {
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
}
.calendar__tag[href]:hover {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.calendar__tag.status-canceled, .calendar__tag.status-rescheduled, .calendar__tag.status-replaced {
  color: #FF6566;
  border-color: #FF6566;
  background-color: transparent;
}
.calendar__tag[href]:hover.status-canceled, .calendar__tag[href]:hover.status-replaced, .calendar__tag[href]:hover.status-rescheduled {
  background-color: #FF6566;
  color: #fff !important;
}
.calendar .flatpickr-day {
  position: relative;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: auto;
  -webkit-animation: fadein 0.5s ease forwards;
          animation: fadein 0.5s ease forwards;
}
@media screen and (min-width: 1180px) {
  .calendar .flatpickr-day {
    font-size: 5rem;
    line-height: 5rem;
    min-height: 13.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .calendar .flatpickr-day {
    padding-top: 0.625rem;
    font-size: 4.5rem;
    line-height: 4.5rem;
    min-height: 16.25rem;
  }
}
.calendar .flatpickr-day.empty {
  color: #CFCBBF;
  color: #CFCBBF;
  color: var(--color-divider);
}
.calendar .flatpickr-day.today {
  background: url(https://dev.sovremennik.ru/packs/media/images/round-right-ab78d1e5786434c6edc21088753f6da2.svg) no-repeat;
}
@media screen and (min-width: 1180px) {
  .calendar .flatpickr-day.today {
    background-position: 95% 1.25rem;
    background-size: 2.125rem auto;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .calendar .flatpickr-day.today {
    background-position: 90% 1.875rem;
    background-size: 2.5rem auto;
  }
}
.calendar .flatpickr-day.prevMonthDay {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.calendar .flatpickr-day.nextMonthDay {
  display: none !important;
}
.calendar .flatpickr-day:before {
  content: "";
  display: block;
  margin-bottom: 0.75rem;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
}
.calendar .flatpickr-day:hover {
  z-index: 2;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.poster__mode {
  opacity: 0;
  -webkit-animation: fadein 0.5s ease forwards;
          animation: fadein 0.5s ease forwards;
}
.poster__mode--calendar {
  display: none;
  position: relative;
  z-index: 6;
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
}
.poster__mode--filter {
  display: block;
}
@media screen and (min-width: 1024px) {
  .poster__container {
    min-height: 37.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster__container {
    min-height: 35.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster__container {
    min-height: 41.625rem;
  }
}
@media screen and (max-width: 767px) {
  .poster__container {
    min-height: 23.75rem;
  }
}
@media screen and (min-width: 768px) {
  .poster__list .poster-item:last-child .poster-item__container {
    border-bottom: none;
  }
}
@media screen and (min-width: 1024px) {
  .poster[data-mode=calendar] .poster__mode--calendar {
    display: block;
  }
  .poster[data-mode=calendar] .poster__mode--filter {
    display: none;
  }
}
.poster__month {
  text-transform: uppercase;
  background: #EFEBE1;
  background: var(--color-primary-background);
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 26px;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  z-index: 1;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
}
.poster__month a {
  margin-right: 2rem;
  opacity: 0.6;
}
.poster__month a.active {
  opacity: 1;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster__month {
    top: 4.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media screen and (min-width: 1180px) {
  .poster__month {
    top: 4.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster__month {
    top: 0rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: 1.625rem;
    margin-top: 1px;
  }
}
@media screen and (max-width: 767px) {
  .poster__month {
    top: 0rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: 1rem;
    margin-top: 1px;
  }
}
@media screen and (min-width: 1024px) {
  .controller--homepage .poster__month {
    top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .controller--homepage .poster__month {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .controller--homepage .poster__month {
    margin-top: 0;
  }
}
.body--header-down .poster__month.state-top {
  transform: translateY(0%);
  transition: transform 0.4s ease-in-out;
}
@media screen and (min-width: 1180px) {
  .body--header-down .poster__month.state-top {
    transform: translateY(4rem);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .body--header-down .poster__month.state-top {
    transform: translateY(4rem);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .body--header-down .poster__month.state-top {
    transform: translateY(5.6875rem);
  }
}
@media screen and (max-width: 767px) {
  .body--header-down .poster__month.state-top {
    transform: translateY(2.875rem);
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.events__items {
  min-height: 50vh;
}
@media screen and (min-width: 1024px) {
  .events__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .events__items .more-events__item {
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .events__items .more-events__item {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .events__items .more-events__item {
    margin-bottom: 3.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .ticket__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}
@media screen and (max-width: 767px) {
  .ticket__container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}
@media screen and (min-width: 1180px) {
  .ticket__dates {
    width: 18.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .ticket__dates {
    width: 100%;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__dates {
    order: 2;
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-top: -1px;
    border-top: 1px solid #CFCBBF;
    border-top: 1px solid #CFCBBF;
    border-top: 1px solid var(--color-divider);
  }
}
@media screen and (max-width: 767px) {
  .ticket__dates {
    display: flex;
    flex-direction: column;
    order: -1;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
.ticket__date {
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  text-align: left;
  color: #CFCBBF;
  color: #CFCBBF;
  color: var(--color-divider);
}
@media screen and (min-width: 1180px) {
  .ticket__date {
    margin-right: auto;
    font-size: 1.25rem;
    line-height: 1.875rem;
    margin-bottom: 0.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .ticket__date {
    display: inline-block;
    font-size: 1rem;
    line-height: 1rem;
    vertical-align: top;
    margin-right: 1.25rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .ticket__date {
    position: relative;
    display: none;
    width: 100%;
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid var(--color-divider);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    opacity: 0;
    -webkit-animation: fadein 0.5s ease forwards;
            animation: fadein 0.5s ease forwards;
    color: #484848;
    color: #484848;
    color: var(--color-primary-body-text);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__date {
    font-size: 1.625rem;
    line-height: 1.625rem;
    padding-top: 2.25rem;
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket__date {
    font-size: 0.875rem;
    line-height: 0.875rem;
    padding-top: 1.125rem;
    padding-bottom: 1rem;
  }
}
.ticket__date:hover {
  color: #484848;
  color: #484848;
  color: var(--color-primary-body-text);
}
.ticket__date--active {
  color: #484848;
  color: #484848;
  color: var(--color-primary-body-text);
}
@media screen and (max-width: 1023px) {
  .ticket__date--active {
    order: -1;
    display: flex;
  }
  .ticket__date--active:after {
    content: "";
    position: absolute;
    top: 0;
    right: 1.3125rem;
    bottom: 0;
    margin: auto;
    background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-down-02b5d8da4e3c53e8246125cde0f76c1f.svg) no-repeat center/contain;
    transition: transform 0.2s ease;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__date--active:after {
    width: 1.125rem;
    height: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket__date--active:after {
    width: 1rem;
    height: 0.75rem;
  }
}
.ticket__date--active.ticket__date--dynamic-pricing:before {
  opacity: 1;
}
.ticket__date--dynamic-pricing, .ticket__date--dynamic-pricing-empty {
  transition-duration: 0.2s;
}
.ticket__date--dynamic-pricing:before, .ticket__date--dynamic-pricing-empty:before {
  opacity: 0.3;
  content: "";
  display: inline-block;
  order: 0;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-dynamic-pricing-dark-ad4bf9bf1baea2f3b07b823902cd8638.svg) no-repeat center/100% auto;
  width: 1.375rem;
  height: 1.375rem;
  margin-right: 0.5rem;
  margin-top: 0.25rem;
}
@media screen and (max-width: 1023px) {
  .ticket__date--dynamic-pricing:before, .ticket__date--dynamic-pricing-empty:before {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .ticket__date--dynamic-pricing:before, .ticket__date--dynamic-pricing-empty:before {
    margin-top: 0;
    width: 0.9375rem;
    height: 0.9375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .ticket__date--dynamic-pricing:before, .ticket__date--dynamic-pricing-empty:before {
    margin-top: 0;
    width: 0.9375rem;
    height: 0.9375rem;
  }
}
.ticket__date--dynamic-pricing:hover:before, .ticket__date--dynamic-pricing-empty:hover:before {
  opacity: 1;
}
.ticket__date--dynamic-pricing-empty:before {
  background: none;
}
@media screen and (max-width: 1023px) {
  .ticket__dates--open .ticket__date {
    display: flex;
  }
}
.ticket__dates--open .ticket__date--active:after {
  transform: rotate(180deg);
}
@media screen and (min-width: 1024px) {
  .ticket__builder {
    flex: 1 1 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__builder {
    order: 4;
    width: 45.5rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket__builder {
    margin-bottom: 1.5rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid var(--color-divider);
  }
}
.ticket__builder img {
  width: 100%;
}
.ticket__builder .value-hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.ticket__builder .intickets-next-container-3 {
  width: auto !important;
  min-width: unset !important;
}
.ticket__builder__addinfo {
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  border-radius: 2.5rem;
  padding: 0.375rem 1.5625rem 0.375rem;
  line-height: 120%;
  width: 100%;
  font-size: 1rem;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  text-align: center;
}
@media screen and (max-width: 1179px) {
  .ticket__builder__addinfo {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket__builder__addinfo {
    display: none;
  }
}
.ticket__builder-placeholder {
  display: none;
}
@media screen and (min-width: 1024px) {
  .ticket__builder-placeholder--desktop {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__builder-placeholder--tablet {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .ticket__builder-placeholder--mobile {
    display: block;
  }
}
.ticket ~ .footer__space {
  margin-top: 0;
  margin-bottom: 0;
}
.ticket__terms {
  display: flex;
  justify-content: space-between;
  align-items: center;
  order: 6;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
}
@media screen and (min-width: 1024px) {
  .ticket__terms {
    margin-top: 3.75rem;
    width: 100%;
    padding-top: 1.8125rem;
    padding-bottom: 1.8125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .ticket__terms {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__terms {
    margin-top: 6.625rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket__terms {
    flex-wrap: wrap;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 2rem;
    padding-bottom: 1.4375rem;
  }
}
.ticket__terms-link {
  font-weight: 500;
  letter-spacing: -0.01em;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .ticket__terms-link {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__terms-link {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket__terms-link {
    font-size: 0.75rem;
    line-height: 0.75rem;
    text-decoration: none;
    order: 2;
    margin-left: auto;
    margin-right: auto;
  }
}
.ticket__builder-terms-link {
  font-size: 1rem;
  font-weight: 500;
  display: block;
  letter-spacing: -0.01em;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-transform: uppercase;
  margin-left: 1rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__builder-terms-link {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket__builder-terms-link {
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-bottom: 1rem;
    margin-left: 0.75rem;
  }
}
.ticket__terms-method {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .ticket__terms-method {
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__terms-method {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .ticket__terms-method {
    width: 100%;
    order: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 2.125rem;
    margin-bottom: 2.375rem;
  }
}
.ticket__terms-btn {
  font-family: "Basis Grotesque Pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  display: inline-block;
  text-decoration: none !important;
  text-align: center;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  background-color: transparent;
  transition: inherit;
  padding: 0.75rem 0.9375rem 0.625rem;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: auto;
  margin-left: 2.5rem;
  margin-bottom: auto;
  flex: 0 1 auto;
}
.ticket__terms-btn--alternate, .ticket__terms-btn:hover {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.ticket__terms-btn--alternate:hover {
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
.ticket__terms-btn--alternate.disabled, .ticket__terms-btn--alternate:disabled, .ticket__terms-btn--alternate[disabled] {
  color: #EFEBE1;
  background-color: #B7B4AB;
  border-color: #B7B4AB;
  pointer-events: none;
}
.ticket__terms-btn svg,
.ticket__terms-btn span {
  vertical-align: middle;
}
.ticket__terms-btn path {
  stroke: #2D2D2B;
  stroke: #2D2D2B;
  stroke: var(--color-primary-black);
  transition: inherit;
}
.ticket__terms-btn:hover path {
  stroke: #EFEBE1;
  stroke: #EFEBE1;
  stroke: var(--color-primary-background);
}
.ticket__certificate-view {
  height: 20rem;
  width: 17.5rem;
  float: right;
  margin-right: 1rem;
  margin-bottom: 1rem;
  background: #EFEBE1 url(https://dev.sovremennik.ru/packs/media/images/certificate-view-c5662a994813eb17e7a5c00b28e0d893.jpg) no-repeat center/contain;
  background: #EFEBE1 url(https://dev.sovremennik.ru/packs/media/images/certificate-view-c5662a994813eb17e7a5c00b28e0d893.jpg) no-repeat center/contain;
  background: var(--color-primary-background) url(https://dev.sovremennik.ru/packs/media/images/certificate-view-c5662a994813eb17e7a5c00b28e0d893.jpg) no-repeat center/contain;
}
.ticket__method-img {
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
  height: 2.625rem;
}
.ticket__method-img--visa {
  width: 3.625rem;
  background: #EFEBE1 url(https://dev.sovremennik.ru/packs/media/images/payment-visa-24c5d44d2e80be81475e93977d058f49.png) no-repeat center/contain;
  background: #EFEBE1 url(https://dev.sovremennik.ru/packs/media/images/payment-visa-24c5d44d2e80be81475e93977d058f49.png) no-repeat center/contain;
  background: var(--color-primary-background) url(https://dev.sovremennik.ru/packs/media/images/payment-visa-24c5d44d2e80be81475e93977d058f49.png) no-repeat center/contain;
  background-blend-mode: multiply;
}
.ticket__method-img--mastercard {
  width: 3.625rem;
  background: #EFEBE1 url(https://dev.sovremennik.ru/packs/media/images/payment-mastercard-1ed698ad002c4d5f7b5971261b7ebc9d.png) no-repeat center/contain;
  background: #EFEBE1 url(https://dev.sovremennik.ru/packs/media/images/payment-mastercard-1ed698ad002c4d5f7b5971261b7ebc9d.png) no-repeat center/contain;
  background: var(--color-primary-background) url(https://dev.sovremennik.ru/packs/media/images/payment-mastercard-1ed698ad002c4d5f7b5971261b7ebc9d.png) no-repeat center/contain;
  background-blend-mode: multiply;
}
.ticket__method-img--mir {
  width: 5.0625rem;
  background: #EFEBE1 url(https://dev.sovremennik.ru/packs/media/images/payment-mir-c1e50da8eff4a8899bd670a5d3f95e2c.png) no-repeat center/contain;
  background: #EFEBE1 url(https://dev.sovremennik.ru/packs/media/images/payment-mir-c1e50da8eff4a8899bd670a5d3f95e2c.png) no-repeat center/contain;
  background: var(--color-primary-background) url(https://dev.sovremennik.ru/packs/media/images/payment-mir-c1e50da8eff4a8899bd670a5d3f95e2c.png) no-repeat center/contain;
  background-blend-mode: multiply;
}
.ticket__method-img--sbp {
  width: 5.0625rem;
  background: #EFEBE1 url(https://dev.sovremennik.ru/packs/media/images/payment-sbp-eb7bc067b414bf81b76a43c59e385364.png) no-repeat center/contain;
  background: #EFEBE1 url(https://dev.sovremennik.ru/packs/media/images/payment-sbp-eb7bc067b414bf81b76a43c59e385364.png) no-repeat center/contain;
  background: var(--color-primary-background) url(https://dev.sovremennik.ru/packs/media/images/payment-sbp-eb7bc067b414bf81b76a43c59e385364.png) no-repeat center/contain;
  background-blend-mode: multiply;
}
.ticket__method-img--pushkin {
  width: 5.0625rem;
  background: #EFEBE1 url(https://dev.sovremennik.ru/packs/media/images/payment-pushkin-9450b81058c50540262b51ceedde0226.png) no-repeat center/contain;
  background: #EFEBE1 url(https://dev.sovremennik.ru/packs/media/images/payment-pushkin-9450b81058c50540262b51ceedde0226.png) no-repeat center/contain;
  background: var(--color-primary-background) url(https://dev.sovremennik.ru/packs/media/images/payment-pushkin-9450b81058c50540262b51ceedde0226.png) no-repeat center/contain;
  background-blend-mode: multiply;
}
.ticket__method-img--uniteller {
  width: 3.25rem;
  background: #EFEBE1 url(https://dev.sovremennik.ru/packs/media/images/payment-uniteller-f2c213359db321a588129767772ffab7.png) no-repeat center/contain;
  background: #EFEBE1 url(https://dev.sovremennik.ru/packs/media/images/payment-uniteller-f2c213359db321a588129767772ffab7.png) no-repeat center/contain;
  background: var(--color-primary-background) url(https://dev.sovremennik.ru/packs/media/images/payment-uniteller-f2c213359db321a588129767772ffab7.png) no-repeat center/contain;
  background-blend-mode: multiply;
}
@media screen and (min-width: 1024px) {
  .ticket__method-img {
    margin-left: 0.9375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__method-img {
    margin-left: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket__method-img {
    height: 2.625rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.ticket__selected {
  order: 7;
  text-transform: uppercase;
  position: fixed;
  z-index: 5;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #2D2D2B;
  border-top: 1px solid #2D2D2B;
  border-top: 1px solid var(--color-primary-black);
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  transition: all ease 0.2;
  overflow: hidden;
  height: 0;
}
.ticket__selected.full {
  height: auto;
}
@media screen and (min-width: 1180px) {
  .ticket__selected.full {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .ticket__selected.full {
    padding-top: 1.625rem;
    padding-bottom: 3.3125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__selected.full {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket__selected.full {
    padding-top: 0.6875rem;
    padding-bottom: 0.625rem;
  }
}
.ticket__selected-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__selected-container {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .ticket__selected-container {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .ticket__selected-columns {
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  .ticket__selected-columns {
    display: flex;
    align-items: flex-start;
  }
}
.ticket__selected-column {
  margin-right: 3.375rem;
  font-weight: 500;
}
.ticket__selected-column:last-child {
  margin-right: 0;
}
.ticket__selected-title {
  font-size: 0.75rem;
  line-height: 0.75rem;
  margin-bottom: 0.375rem;
}
@media screen and (max-width: 767px) {
  .ticket__selected-title {
    display: none;
  }
}
.ticket__selected-text-sale-parent {
  position: relative;
}
.ticket__selected-text-sale {
  white-space: nowrap;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .ticket__selected-text-sale {
    font-size: 0.75rem;
    position: absolute;
    top: 100%;
    left: 0%;
    margin-top: 0.4375rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket__selected-text-sale {
    font-size: 0.625rem;
    margin-top: 0.25rem;
  }
}
.ticket__selected-btn {
  font-family: "Basis Grotesque Pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  display: inline-block;
  text-decoration: none !important;
  text-align: center;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  background-color: transparent;
  transition: inherit;
  padding: 0.75rem 0.9375rem 0.625rem;
  cursor: pointer;
  margin-top: auto;
  margin-left: auto;
  margin-bottom: auto;
}
.ticket__selected-btn--alternate, .ticket__selected-btn:hover {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.ticket__selected-btn--alternate:hover {
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
.ticket__selected-btn--alternate.disabled, .ticket__selected-btn--alternate:disabled, .ticket__selected-btn--alternate[disabled] {
  color: #EFEBE1;
  background-color: #B7B4AB;
  border-color: #B7B4AB;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .ticket__selected-btn {
    order: 3;
  }
}
@media screen and (max-width: 767px) {
  .ticket__selected-btn {
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    width: auto;
    padding: 0.625rem 1.125rem 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .ticket__promocode {
    order: 2;
    margin: auto;
  }
}
@media screen and (min-width: 1180px) {
  .ticket__promocode {
    width: 38.125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .ticket__promocode {
    width: 24.1875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__promocode {
    width: 100%;
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket__promocode {
    width: 100%;
    margin-bottom: 1.875rem;
  }
}
.ticket__promocode-form {
  display: flex;
  position: relative;
  width: 100%;
}
.ticket__promocode-input {
  flex: 1 1 auto;
  font-family: inherit;
  border-radius: 0.125rem;
  border: 1px solid #B1ACA7;
  color: #2D2D2B;
}
.ticket__promocode-input::-webkit-input-placeholder {
  color: #AAAAAA;
}
.ticket__promocode-input::-moz-placeholder {
  color: #AAAAAA;
}
.ticket__promocode-input:-ms-input-placeholder {
  color: #AAAAAA;
}
.ticket__promocode-input:-moz-placeholder {
  color: #AAAAAA;
}
@media screen and (min-width: 1180px) {
  .ticket__promocode-input {
    font-size: 1.25rem;
    height: 2.5rem;
    padding: 0.0625rem 1.25rem 0rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .ticket__promocode-input {
    font-size: 0.8125rem;
    height: 1.875rem;
    padding: 0.0625rem 0.625rem 0rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__promocode-input {
    font-size: 1.25rem;
    height: 2.5rem;
    padding: 0.0625rem 1.25rem 0rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket__promocode-input {
    font-size: 0.75rem;
    height: 1.875rem;
    padding: 0.0625rem 0.625rem 0rem;
    border-radius: 0.125rem;
  }
}
.ticket__promocode-btn {
  font-family: "Basis Grotesque Pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  display: inline-block;
  text-decoration: none !important;
  text-align: center;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  background-color: transparent;
  transition: inherit;
  padding: 0.75rem 0.9375rem 0.625rem;
  cursor: pointer;
  flex: 0 0 auto;
  margin-left: 0.625rem;
}
.ticket__promocode-btn--alternate, .ticket__promocode-btn:hover {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.ticket__promocode-btn--alternate:hover {
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
.ticket__promocode-btn--alternate.disabled, .ticket__promocode-btn--alternate:disabled, .ticket__promocode-btn--alternate[disabled] {
  color: #EFEBE1;
  background-color: #B7B4AB;
  border-color: #B7B4AB;
  pointer-events: none;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .ticket__promocode-btn {
    font-size: 0.8125rem;
    line-height: 1rem;
    width: auto;
    padding: 0.375rem 0.9375rem 0.25rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket__promocode-btn {
    font-size: 0.5625rem;
    line-height: 1rem;
    width: auto;
    padding: 0.375rem 0.4375rem 0.25rem;
  }
}
.ticket__promocode-msg {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  line-height: 1;
  font-size: 0.75rem;
  padding-left: 1.625rem;
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
}
.ticket__promocode-msg:before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  height: 0.875rem;
  width: 0.875rem;
  transform: translateY(-50%);
  background: url(https://dev.sovremennik.ru/packs/media/images/info-check-ddcef97f38f26e47b111d43aa039aba6.svg) no-repeat center/contain;
}
.ticket__promocode-msg.error:before {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/info-close-53de522abb3c5399b261b25d7b821498.svg);
}
@media screen and (min-width: 1180px) {
  .ticket__promocode-msg {
    margin-top: 0.375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .ticket__promocode-msg {
    margin-top: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket__promocode-msg {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket__promocode-msg {
    margin-top: 0.375rem;
    font-size: 0.5625rem;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ticket-modal--terms .file-list {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.ticket-modal--terms .file-list .content-block {
  opacity: 1 !important;
  transform: none !important;
}
.ticket-modal--terms .file-list a {
  text-decoration: underline;
  font: inherit;
}
.ticket-modal--terms .file-list a + .ticket-modal--terms .file-list a {
  margin-top: 0.5em;
}
.ticket-modal--terms .file-list a:hover {
  text-decoration: none;
}
.ticket-modal--terms .modal__content h3,
.ticket-modal--terms .modal__content p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.ticket-modal--terms .modal__content h3 {
  margin-top: 2.8333em;
  margin-bottom: 2.2916em;
}
.ticket-modal .modal__loader {
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
}
.ticket-modal .modal__window {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  color: #000000;
  color: #000000;
  color: var(--color-black);
  margin: auto;
  max-width: 100%;
  width: 46.875rem;
}
@media screen and (min-width: 1024px) {
  .ticket-modal .modal__overflow {
    max-height: 90vh;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket-modal .modal__overflow {
    max-height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  .ticket-modal .modal__overflow {
    max-height: 100vh;
  }
}
.ticket-modal .modal__close {
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-close-ticket-6127aa4d750e32d43f2604fa394f344e.svg) no-repeat center/contain;
  height: 1.75rem;
  width: 1.75rem;
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
}
.theme-dark .ticket-modal .modal__close {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/icon-close-ticket-alternate-54fbb77835d1c41911f9b6d1e3fc07c0.svg);
}
@media screen and (min-width: 1024px) {
  .ticket-modal .modal__content {
    padding: 6.125rem 4.375rem 6.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket-modal .modal__content {
    padding: 6.125rem 4.375rem 6.125rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket-modal .modal__content {
    padding: 5.75rem 1.25rem 4.375rem;
  }
}
.ticket-modal .modal__content > *:first-child {
  margin-top: 0;
}
.ticket-modal .modal__content > *:last-child {
  margin-bottom: 0;
}
.ticket-modal__wrapper.date {
  display: flex;
}
.ticket-modal__input {
  order: 2;
  display: block;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  font-weight: 500;
  color: #666360;
  border: 1px solid #B1ACA7;
  border-radius: 0.125rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
  padding: 1rem 1.25rem;
}
.ticket-modal__input::-moz-placeholder {
  color: #666360;
}
.ticket-modal__input:-ms-input-placeholder {
  color: #666360;
}
.ticket-modal__input::placeholder {
  font-size: 0.875rem;
}
.field_with_errors .ticket-modal__input {
  border-color: #B93D3E;
}
.ticket-modal__btn {
  font-family: "Basis Grotesque Pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  display: inline-block;
  text-decoration: none !important;
  text-align: center;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  background-color: transparent;
  transition: inherit;
  padding: 0.75rem 0.9375rem 0.625rem;
  display: block;
  margin-top: 2.1875rem;
  float: right;
}
.ticket-modal__btn--alternate, .ticket-modal__btn:hover {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.ticket-modal__btn--alternate:hover {
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
.ticket-modal__btn--alternate.disabled, .ticket-modal__btn--alternate:disabled, .ticket-modal__btn--alternate[disabled] {
  color: #EFEBE1;
  background-color: #B7B4AB;
  border-color: #B7B4AB;
  pointer-events: none;
}
.ticket-modal__btn-back {
  float: left;
}
.ticket-modal__label {
  cursor: pointer;
  display: block;
  position: relative;
  padding-left: 2.5rem;
  margin-bottom: 1em;
}
@media screen and (min-width: 1024px) {
  .ticket-modal__label {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket-modal__label {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket-modal__label {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.ticket-modal__checkbox {
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  top: 0.3125rem;
  left: 0rem;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 0.125rem;
  border: 1px solid #B7B4AB;
  background-color: transparent;
}
.ticket-modal__checkbox:checked {
  border-color: #282827;
  background: transparent no-repeat center/0.875rem;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23282827'/%3E%3C/svg%3E%0A");
}
.field_with_errors .ticket-modal__checkbox {
  border-color: #B93D3E;
}
.ticket-modal .input {
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.ticket-modal .input a:link {
  text-decoration: underline;
}
.ticket-modal .error {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  order: 1;
  display: block;
  width: 100%;
  margin-top: -1.3125rem;
  margin-bottom: 0.4375rem;
  text-transform: uppercase;
  color: #B93D3E;
  padding-left: 1.25rem;
  padding-right: 4.375rem;
}
@media screen and (min-width: 1180px) {
  .ticket-modal .error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .ticket-modal .error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ticket-modal .error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .ticket-modal .error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.ticket-modal__label .error {
  margin-left: -2.5rem;
  padding-left: 0;
  margin-top: -1.5rem;
  margin-bottom: 0.25rem;
}
.ticket-modal label {
  order: 2;
}
.ticket-modal h3 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1;
  margin-top: 4.25rem;
  margin-bottom: 3.4375rem;
}
.ticket-modal p {
  margin-bottom: 1em;
  font-size: 1.5rem;
  line-height: 1.875rem;
}
.ticket-modal form {
  margin-top: 3.125rem;
}
.ticket-modal input[type=radio],
.ticket-modal input[type=checkbox],
.ticket-modal label {
  cursor: pointer;
}
.ticket-modal__ticket {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 2.5rem;
  text-transform: uppercase;
}
.ticket-modal__ticket-item {
  flex: 1 0 auto;
}
.ticket-modal__ticket-item__header {
  font-size: 0.875rem;
}
.ticket-modal__ticket-item__text {
  font-size: 1.5rem;
}
.ticket-modal__ticket-item.sector {
  flex: 2 0 auto;
}
.text-page {
  padding-top: 4rem;
}
@media screen and (max-width: 1179px) {
  .text-page {
    padding-top: 0.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .text-page {
    padding-top: 0;
  }
}
@media screen and (min-width: 1180px) {
  .text-page .content-block:first-child {
    margin-top: 0;
  }
}
.text-page .content-block--title {
  margin-top: 2em;
  margin-bottom: 1em;
  word-break: break-word;
}
.contacts-map {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  background: #EFEBE1;
  background: #EFEBE1;
  background: var(--color-primary-background);
  border: 1px solid #B7B4AB;
  border: 1px solid #B7B4AB;
  border: 1px solid var(--color-hover-links);
  display: none;
  flex-direction: column;
}
.contacts-map.show {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .contacts-map {
    padding: 1.875rem;
    min-height: 43.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .contacts-map {
    display: none !important;
  }
}
.contacts-map__title {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .contacts-map__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .contacts-map__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .contacts-map__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .contacts-map__title {
    font-size: 1rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .contacts-map__title {
    padding-right: 3.125rem;
    margin-bottom: 1.875rem;
  }
}
.contacts-map__close {
  position: absolute;
  z-index: 3;
  top: 1.125rem;
  right: 1.125rem;
  height: 2.875rem;
  width: 2.875rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/close-big-800497450767957bf6155a16545e135c.svg) no-repeat center/contain;
}
.contacts-map__map {
  position: relative;
  flex: 1 1 auto;
}
.contacts-map__map iframe {
  position: absolute;
  display: block;
  border: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .order .show-snippet {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .order .show-snippet__img {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .order .show-snippet__authors {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .order .show-snippet__about {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .order .show-snippet__info {
    order: -1;
  }
}
@media screen and (min-width: 1024px) {
  .order__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order__container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}
@media screen and (max-width: 767px) {
  .order__container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}
.order-body {
  width: 100%;
  order: 2;
}
@media screen and (min-width: 1024px) {
  .order-body {
    margin-bottom: 1.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .order-body__info {
    display: grid;
    grid-template-areas: "order     order" "name      name" "contacts  btns";
    margin-bottom: 3.375rem;
  }
}
@media screen and (min-width: 1024px) {
  .order-body__date {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__date {
    margin-bottom: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__date {
    margin-bottom: 0.8125rem;
  }
}
.order-body__date-title {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 1180px) {
  .order-body__date-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .order-body__date-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__date-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__date-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__date-title {
    font-size: 1rem;
    line-height: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__date-title {
    font-size: 0.5rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .order-body__date-text {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__date-text {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__date-text {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
.order-body__order {
  grid-area: order;
}
@media screen and (min-width: 1024px) {
  .order-body__order {
    margin-top: 2.5rem;
    margin-bottom: 3.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__order {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .order-body__order {
    display: none;
  }
}
.order-body__order-header {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 1180px) {
  .order-body__order-header {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .order-body__order-header {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__order-header {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__order-header {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.order-body__order-text {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  .order-body__order-text {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .order-body__order-text {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__order-text {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__order-text {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
.order-body__name {
  grid-area: name;
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1180px) {
  .order-body__name {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .order-body__name {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__name {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__name {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .order-body__name {
    margin-bottom: 3.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__name {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__name {
    margin-bottom: 1rem;
  }
}
.order-body__contacts {
  grid-area: contacts;
}
@media screen and (min-width: 1024px) {
  .order-body__contacts {
    display: flex;
    justify-content: space-between;
    grid-gap: var(--grid-gap);
    gap: var(--grid-gap);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .order-body__contacts {
    width: 50rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__contacts {
    margin-bottom: 1.6875rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__contacts {
    margin-bottom: 1.6875rem;
  }
}
.order-body__contacts-item:nth-child(3) {
  flex: 1 0 auto;
}
.order-body__contacts-item:nth-child(2) {
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .order-body__contacts-item:nth-child(2) {
    max-width: 40%;
  }
}
.order-body__contacts-item:nth-child(1) {
  flex: 0 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__contacts-item + .order-body__contacts-item {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__contacts-item + .order-body__contacts-item {
    margin-top: 0.75rem;
  }
}
.order-body__contacts-header {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 1180px) {
  .order-body__contacts-header {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .order-body__contacts-header {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__contacts-header {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__contacts-header {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__contacts-header {
    font-size: 1rem;
    line-height: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__contacts-header {
    font-size: 0.5rem;
    line-height: 0.5rem;
  }
}
.order-body__contacts-text {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (min-width: 1180px) {
  .order-body__contacts-text {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .order-body__contacts-text {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__contacts-text {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__contacts-text {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__contacts-text {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__contacts-text {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
.order-body__btns {
  grid-area: btns;
  display: flex;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .order-body__btns {
    justify-content: flex-end;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__btns {
    justify-content: space-between;
    margin-bottom: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__btns {
    justify-content: space-between;
    margin-bottom: 1.875rem;
  }
}
.order-body__btn {
  font-family: "Basis Grotesque Pro", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1rem;
  border: 1px solid #000000;
  border: 1px solid #000000;
  border: 1px solid var(--color-black);
  padding: 0.75rem 0.9375rem 0.625rem;
  text-transform: uppercase;
  transition: 0.5s ease;
  transition-property: background-color, color;
  position: relative;
  text-align: center;
}
.order-body__btn[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.order-body__btn--pushkin {
  display: flex;
  align-items: center;
  transition-duration: 0.2s;
}
.order-body__btn--pushkin:after {
  content: "";
  display: block;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-pushkin-fill-dark-2300d5b45c1e7047a56eca1e41469fc0.svg) no-repeat center/100% auto;
}
@media screen and (min-width: 1024px) {
  .order-body__btn--pushkin:after {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.5rem;
    margin-top: -0.125rem;
    margin-bottom: -0.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__btn--pushkin:after {
    width: 1.125rem;
    height: 1.125rem;
    margin-left: 0.4375rem;
    margin-top: -0.0625rem;
    margin-bottom: -0.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__btn--pushkin:after {
    height: 0.75rem;
    width: 0.75rem;
    margin-left: 0.1875rem;
    margin-top: -0.0625rem;
    margin-bottom: -0.0625rem;
    transform: translateY(-5%);
  }
}
.order-body__btn--pushkin:hover:after {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/icon-pushkin-fill-light-637af813088b7ba563de01f80cc71dcf.svg);
}
.order-body__btn--dynamic-pricing {
  display: flex;
  align-items: center;
  transition-duration: 0.2s;
}
.order-body__btn--dynamic-pricing:before {
  content: "";
  display: block;
  order: 5;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-dynamic-pricing-dark-ad4bf9bf1baea2f3b07b823902cd8638.svg) no-repeat center/100% auto;
}
@media screen and (min-width: 1024px) {
  .order-body__btn--dynamic-pricing:before {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.5rem;
    margin-top: -0.125rem;
    margin-bottom: -0.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__btn--dynamic-pricing:before {
    width: 1.125rem;
    height: 1.125rem;
    margin-left: 0.4375rem;
    margin-top: -0.0625rem;
    margin-bottom: -0.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__btn--dynamic-pricing:before {
    height: 0.75rem;
    width: 0.75rem;
    margin-left: 0.1875rem;
    margin-top: -0.0625rem;
    margin-bottom: -0.0625rem;
    transform: translateY(-5%);
  }
}
.order-body__btn--dynamic-pricing:hover:before {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/icon-dynamic-pricing-light-f7962448861f9fd8c35635efc5abc5b3.svg);
}
@media screen and (max-width: 767px) {
  .order-body__btn {
    font-size: 0.625rem;
    line-height: 1;
    padding: 0.5rem 0.5625rem 0.375rem;
  }
}
.order-body__btn:hover {
  background-color: #000000;
  background-color: #000000;
  background-color: var(--color-black);
  color: #EFEBE1;
  color: #EFEBE1;
  color: var(--color-primary-background);
}
.order-body__btn:before, .order-body__btn:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  background: no-repeat center/contain;
}
@media screen and (min-width: 1024px) {
  .order-body__btn {
    margin-left: 2.4375rem;
    padding: 0.8125rem 0.875rem 0.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .order-body__btn:before {
    opacity: 1;
  }
  .order-body__btn:after {
    opacity: 0;
  }
  .order-body__btn:hover:before {
    opacity: 0;
  }
  .order-body__btn:hover:after {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__btn {
    background-color: #000000;
    background-color: #000000;
    background-color: var(--color-black);
    color: #EFEBE1;
    color: #EFEBE1;
    color: var(--color-primary-background);
    padding: 0.8125rem 0.875rem 0.6875rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__btn {
    background-color: #000000;
    background-color: #000000;
    background-color: var(--color-black);
    color: #EFEBE1;
    color: #EFEBE1;
    color: var(--color-primary-background);
    padding: 0.75rem 0.6875rem 0.625rem;
  }
  .order-body__btn:before {
    display: none;
  }
  .order-body__btn:after {
    opacity: 1;
  }
}
@media screen and (min-width: 1024px) {
  .order-body__btn--print {
    padding-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__btn--print {
    padding-left: 2.625rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__btn--print {
    padding-left: 1.75rem;
  }
}
.order-body__btn--print:before, .order-body__btn--print:after {
  width: 1.1875rem;
  height: 1rem;
  left: 0.875rem;
}
@media screen and (max-width: 767px) {
  .order-body__btn--print:before, .order-body__btn--print:after {
    left: 1.5rem;
  }
}
.order-body__btn--print:before {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/print-9d28fb7807151c474599975a1313e04d.svg);
}
.order-body__btn--print:after {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/print-alternate-70b6dee63a2a0956cbe3ac434c295868.svg);
}
@media screen and (min-width: 1024px) {
  .order-body__btn--download {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__btn--download {
    padding-left: 2.25rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__btn--download {
    padding-left: 1.625rem;
  }
}
.order-body__btn--download:before, .order-body__btn--download:after {
  margin-top: -0.125rem;
  width: 1rem;
  height: 1rem;
  left: 0.875rem;
}
@media screen and (max-width: 767px) {
  .order-body__btn--download:before, .order-body__btn--download:after {
    left: 1.6875rem;
    margin-top: -0.0625rem;
  }
}
.order-body__btn--download:before {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/download-3bab9c6223e5dcffed9a67479745948b.svg);
}
.order-body__btn--download:after {
  background-image: url(https://dev.sovremennik.ru/packs/media/images/download-alternate-9613fb6c65b1d221f52b4c9f10c25592.svg);
}
.order-body__list {
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid #CFCBBF;
  border-top: 1px solid var(--color-divider);
}
.order-body__item {
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (min-width: 1024px) {
  .order-body__item {
    padding-top: 1rem;
    padding-bottom: 1.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__item {
    padding-top: 1rem;
    padding-bottom: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__item {
    padding-top: 1.0625rem;
    padding-bottom: 1.1875rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__item-column:nth-child(1) {
    width: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__item-column:nth-child(2) {
    width: 3.75rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__item-column:nth-child(3) {
    width: 2.5rem;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .order-body__item-column:nth-child(4) {
    width: 3rem;
    text-align: center;
  }
}
.order-body__item-column:nth-child(5) {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .order-body__item-column:nth-child(5) {
    width: auto;
    flex: 1 1 auto;
  }
}
.order-body__item-title {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 1180px) {
  .order-body__item-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .order-body__item-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__item-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__item-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__item-title {
    font-weight: 500;
    font-size: 0.5rem;
    line-height: 0.5rem;
    color: #B7B4AB;
    color: #B7B4AB;
    color: var(--color-hover-links);
  }
}
.order-body__item-text {
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .order-body__item-text {
    font-size: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: -0.01em;
  }
}
@media screen and (max-width: 767px) {
  .order-body__item-text {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
.order-body__item-text-sale-parent {
  position: relative;
}
.order-body__item-text-sale {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 100%;
  white-space: nowrap;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .order-body__item-text-sale {
    font-size: 0.875rem;
    margin-top: 0.1875rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__item-text-sale {
    color: #B7B4AB;
    color: #B7B4AB;
    color: var(--color-hover-links);
    font-size: 0.5rem;
    margin-top: 0.25rem;
  }
}
.order-body__welcome {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-align: center;
}
@media screen and (min-width: 1180px) {
  .order-body__welcome {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .order-body__welcome {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order-body__welcome {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__welcome {
    font-size: 1rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .order-body__welcome {
    margin-top: 3.75rem;
  }
}
@media screen and (max-width: 767px) {
  .order-body__welcome {
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin-top: 2.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order .show-snippet {
    margin-bottom: 1.875rem;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    grid-template-areas: "img name name" "img date date" "img authors authors" "img info about";
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order .show-snippet__date {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .order .show-snippet__date-item {
    width: auto;
    min-width: 6.875rem;
    padding-right: 1.25rem;
  }
}
.show-snippet {
  position: relative;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
}
@media screen and (min-width: 1024px) {
  .show-snippet {
    width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    display: grid;
    grid-template-areas: "img  name      about" "img  date      date" "img  authors   info";
    grid-template-columns: 9.375rem 2fr 1fr;
    grid-column-gap: 1.125rem;
    grid-row-gap: 1.125rem;
    /* big
    */
  }
}
@media screen and (min-width: 1024px) {
  .show-snippet.has-date {
    grid-template-columns: 18.9375rem 2fr 1fr;
    grid-template-rows: 1fr 2fr 2fr;
    grid-column-gap: 1.125rem;
    grid-row-gap: 1rem;
  }
}
@media screen and (min-width: 1180px) {
  .show-snippet {
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .show-snippet {
    margin-bottom: 3.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .show-snippet {
    padding-top: 3rem;
    padding-bottom: 3rem;
    order: 1;
    display: grid;
    grid-template-areas: "img  name      name" "img  authors   authors" "img  info      about";
    grid-template-columns: 14.5625rem auto auto;
    grid-template-rows: auto 1fr auto;
    grid-column-gap: 0.9375rem;
    grid-row-gap: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .show-snippet {
    padding-top: 1.125rem;
    padding-bottom: 1.625rem;
    border-bottom: none;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid var(--color-divider);
    margin-bottom: 1.25rem;
  }
}
.show-snippet__about {
  grid-area: about;
  text-transform: uppercase;
  font-weight: 500;
  padding-top: 0.2em;
}
.show-snippet__about:before {
  content: "i";
  position: relative;
  display: block;
  float: left;
  top: -0.2em;
  border-radius: 50%;
  border: 1px solid #484848;
  border: 1px solid #484848;
  border: 1px solid var(--color-primary-body-text);
  text-transform: none;
  text-align: center;
  margin-right: 0.4375rem;
}
@media screen and (min-width: 1024px) {
  .show-snippet__about {
    font-size: 1rem;
    line-height: 1rem;
    margin-left: auto;
    margin-bottom: auto;
  }
  .show-snippet__about:before {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .show-snippet__about {
    font-size: 1rem;
    line-height: 1rem;
    margin-left: auto;
    margin-top: auto;
  }
  .show-snippet__about:before {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .show-snippet__about {
    display: block;
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-left: auto;
    margin-right: auto;
  }
  .show-snippet__about:before {
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
  }
}
.show-snippet__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  grid-area: img;
}
.show-snippet__img:before {
  content: "";
  display: block;
  padding-bottom: 64.66666%;
}
.show-snippet__img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .show-snippet__img {
    width: 100%;
    margin-bottom: 1.125rem;
  }
}
.show-snippet__name {
  grid-area: name;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
}
@media screen and (min-width: 1024px) {
  .show-snippet__name {
    font-size: 1.9375rem;
    line-height: 1.9375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .show-snippet__name {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .show-snippet__name {
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }
}
.show-snippet__authors {
  grid-area: authors;
}
@media screen and (min-width: 1024px) {
  .show-snippet__authors {
    margin-top: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .show-snippet__authors {
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .show-snippet__authors {
    display: flex;
    margin-bottom: 5rem;
  }
}
@media screen and (min-width: 1024px) {
  .show-snippet__authors-group {
    display: flex;
    align-items: flex-start;
  }
  .show-snippet__authors-group + .show-snippet__authors-group {
    margin-top: 0.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .show-snippet__authors-group {
    display: flex;
    align-items: flex-start;
  }
  .show-snippet__authors-group + .show-snippet__authors-group {
    margin-top: 0.25rem;
  }
}
@media screen and (max-width: 767px) {
  .show-snippet__authors-group {
    flex: 0 0 auto;
    padding-right: 1.25rem;
    width: 50%;
  }
}
.show-snippet__authors-title {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
  flex: 0 0 auto;
}
@media screen and (min-width: 1180px) {
  .show-snippet__authors-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .show-snippet__authors-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .show-snippet__authors-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .show-snippet__authors-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .show-snippet__authors-title {
    line-height: 1.25rem;
    margin-right: 0.9375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .show-snippet__authors-title {
    line-height: 1.25rem;
    width: 5.625rem;
    margin-right: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .show-snippet__authors-title {
    margin-bottom: 0.25rem;
    font-size: 0.5rem;
    line-height: 0.5rem;
  }
}
.show-snippet__authors-list {
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .show-snippet__authors-list {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: -rem(4);
  }
  .show-snippet__authors-list a {
    margin-right: 0.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .show-snippet__authors-list {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: -0.25rem;
  }
  .show-snippet__authors-list a {
    margin-bottom: 0.25rem;
  }
}
@media screen and (max-width: 767px) {
  .show-snippet__authors-list {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
  .show-snippet__authors-list a {
    display: block;
    margin-top: 0.25rem;
  }
}
.show-snippet__info {
  grid-area: info;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .show-snippet__info {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-left: auto;
    margin-top: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .show-snippet__info {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-right: auto;
    margin-top: auto;
  }
}
@media screen and (max-width: 767px) {
  .show-snippet__info {
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .show-snippet__info-item {
    margin-left: 1.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .show-snippet__info-item {
    margin-right: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .show-snippet__info-item {
    margin-right: 0.6875rem;
  }
}
.show-snippet__date {
  grid-area: date;
  display: flex;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .show-snippet__date {
    width: 28rem;
    margin-right: auto;
    margin-bottom: auto;
  }
}
@media screen and (max-width: 767px) {
  .show-snippet__date {
    margin-bottom: 1.25rem;
  }
}
.show-snippet__date-item {
  width: 50%;
}
.show-snippet__date-title {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 1180px) {
  .show-snippet__date-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .show-snippet__date-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .show-snippet__date-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .show-snippet__date-title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .show-snippet__date-title {
    font-size: 0.5rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .show-snippet__date-text {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .show-snippet__date-text {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
.show-snippet__addinfo {
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #2D2D2B;
  border: 1px solid #2D2D2B;
  border: 1px solid var(--color-primary-black);
  border-radius: 2.5rem;
  padding: 0.375rem 1.5625rem 0.375rem;
  line-height: 120%;
  width: 100%;
  text-align: center;
  display: none;
}
@media screen and (max-width: 767px) {
  .show-snippet__addinfo {
    font-size: 0.625rem;
    margin-top: -2.5rem;
    margin-bottom: 0.625rem;
    display: inline-block;
  }
}
.scheme__display {
  width: 100%;
  height: auto;
}
.scheme__display .no-pointer {
  pointer-events: none;
}
.cookie {
  position: fixed;
  z-index: 999;
  background: #EFEBE1;
  border: 1px solid #2D2D2B;
  color: #484848;
}
@media screen and (min-width: 768px) {
  .cookie {
    bottom: 2rem;
    right: 2.3125rem;
    padding: 0.75rem;
    width: 24.25rem;
  }
}
@media screen and (max-width: 767px) {
  .cookie {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 19.875rem;
    bottom: 2rem;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0.9375rem 0.75rem 0.8125rem;
  }
}
.cookie:before {
  content: "";
  display: block;
  height: 0.875rem;
  width: 0.875rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/i-f7a7ba2270841f4ceb470c301c1829f3.svg) no-repeat center/contain;
}
@media screen and (min-width: 768px) {
  .cookie:before {
    margin-bottom: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .cookie:before {
    margin-right: 0.6875rem;
    margin-top: -0.125rem;
  }
}
.cookie__text {
  margin: 0;
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  color: inherit;
}
@media screen and (min-width: 1180px) {
  .cookie__text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .cookie__text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cookie__text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .cookie__text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .cookie__text {
    font-size: 0.75rem;
    line-height: 1;
  }
}
.cookie__text a {
  text-decoration: underline;
}
.cookie__text a:hover {
  color: rgba(72, 72, 72, 0.8);
}
.cookie__btn {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: inherit;
  padding: 0.3125rem 0;
  margin-top: -0.3125rem;
}
@media screen and (min-width: 1180px) {
  .cookie__btn {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .cookie__btn {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cookie__btn {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .cookie__btn {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.cookie__btn:hover {
  color: rgba(72, 72, 72, 0.8);
}
@media screen and (min-width: 768px) {
  .cookie__btn {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  .cookie__btn {
    margin-left: auto;
  }
}
.poster-subscribe__overlay {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.poster-subscribe__pane {
  position: fixed;
  z-index: 999;
  background-color: #EFEBE1;
  color: #484848;
  border: 1px solid #B7B4AB;
}
@media screen and (min-width: 768px) {
  .poster-subscribe__pane {
    bottom: 1.5rem;
    right: 1.5rem;
    width: 23.8125rem;
    padding: 1.5rem 2.3125rem 1.5rem 2.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-subscribe__pane {
    width: 100%;
    left: 0;
    bottom: 2rem;
    padding: 1.5rem;
  }
}
.poster-subscribe__title {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: inherit;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 1180px) {
  .poster-subscribe__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-subscribe__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-subscribe__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-subscribe__title {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.poster-subscribe__input-wrap {
  position: relative;
}
.poster-subscribe__input {
  display: block;
  width: 100%;
  padding: 1.25rem 2.5rem 1.1875rem 0rem;
  background: transparent;
  border: none;
  border-bottom: 1px solid #2D2D2B;
  font-size: 1.25rem;
  line-height: 1.1;
  font-weight: 500;
  font-family: inherit;
  color: #2D2D2B;
}
.poster-subscribe__input::-webkit-input-placeholder {
  color: #2D2D2B;
}
.poster-subscribe__input::-moz-placeholder {
  color: #2D2D2B;
}
.poster-subscribe__input:-ms-input-placeholder {
  color: #2D2D2B;
}
.poster-subscribe__input:-moz-placeholder {
  color: #2D2D2B;
}
.poster-subscribe__submit {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 1.5rem;
  width: 1.5rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-next-ac94a7336b29249eac41e1ade8e1d251.svg) no-repeat center/contain;
}
.poster-subscribe__check {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.5rem;
  cursor: pointer;
}
.poster-subscribe__input-wrap.hidden ~ .poster-subscribe__check {
  visibility: hidden;
}
.poster-subscribe__check-placeholder {
  flex: 0 0 auto;
  display: block;
  border: 1px solid #2D2D2B;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5625rem;
  position: relative;
}
.poster-subscribe__check-placeholder:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  height: 0.875rem;
  width: 0.875rem;
}
input:checked ~ .poster-subscribe__check-placeholder:before {
  background-color: #2D2D2B;
}
.poster-subscribe__check-text {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: inherit;
  flex: 1 1 auto;
  padding-top: 0.0625rem;
}
@media screen and (min-width: 1180px) {
  .poster-subscribe__check-text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-subscribe__check-text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-subscribe__check-text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-subscribe__check-text {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.poster-subscribe__error {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
  font-weight: 500;
  color: #B93D3E;
  width: 100%;
  position: absolute;
  bottom: 100%;
  left: 0;
  line-height: 1;
  margin-bottom: -0.6em;
  font-size: 0.75rem;
}
@media screen and (min-width: 1180px) {
  .poster-subscribe__error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .poster-subscribe__error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .poster-subscribe__error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .poster-subscribe__error {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.poster-subscribe input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.notification-modal .modal__window {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: none;
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  color: #000000;
  color: #000000;
  color: var(--color-black);
  margin: auto;
  max-width: 100%;
}
@media screen and (min-width: 1024px) {
  .notification-modal .modal__window {
    width: 46.875rem;
    padding: 5rem 3.125rem 3.125rem 3.75rem;
    max-height: 90vh;
    overflow: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .notification-modal .modal__window {
    width: 37.75rem;
    padding: 3.625rem 2.125rem 3.5rem 2.6875rem;
    max-height: 90vh;
    overflow: auto;
  }
}
@media screen and (max-width: 767px) {
  .notification-modal .modal__window {
    width: 95%;
    padding: 0.0625rem;
    max-height: 90vh;
    overflow: auto;
  }
}
@media screen and (max-width: 359px) {
  .notification-modal .modal__window {
    width: 100%;
    overflow: auto;
    height: 100%;
  }
}
.notification-modal .modal__close {
  position: absolute;
  z-index: 3;
  top: 1.6875rem;
  right: 1.5rem;
  height: 2.875rem;
  width: 2.875rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/close-big-800497450767957bf6155a16545e135c.svg) no-repeat center/contain;
  opacity: 0;
  transform: translateX(1.25rem);
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .notification-modal .modal__close {
    top: 1.25rem;
    right: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .notification-modal .modal__close {
    top: 1.6875rem;
    right: 1.6875rem;
    width: 2.125rem;
    height: 2.125rem;
  }
}
@media screen and (max-width: 767px) {
  .notification-modal .modal__close {
    top: 0.5rem;
    right: 0.875rem;
    width: 2rem;
    height: 2rem;
  }
}
.notification-modal.modal--show .modal__close {
  -webkit-animation: showProfile 0.3s ease-in-out 0.3s forwards;
          animation: showProfile 0.3s ease-in-out 0.3s forwards;
}
@media screen and (min-width: 1024px) {
  .notification-modal .modal__overflow {
    overflow: visible;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .notification-modal .modal__overflow {
    overflow: visible;
  }
}
@media screen and (min-width: 1024px) {
  .notification-modal .modal__content {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  .notification-modal .modal__content h2 {
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 1.625rem;
    margin-bottom: 2.75rem;
  }
  .notification-modal .modal__content ul {
    margin: 0;
  }
  .notification-modal .modal__content small {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .notification-modal .modal__content {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  .notification-modal .modal__content h2 {
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 1.625rem;
    margin-bottom: 2.75rem;
  }
  .notification-modal .modal__content ul {
    margin: 0;
  }
  .notification-modal .modal__content small {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .notification-modal .modal__content {
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 0.9375rem 1.3125rem 1.0625rem 1.3125rem;
  }
  .notification-modal .modal__content h2 {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding-bottom: 0.875rem;
    margin-bottom: 1rem;
    margin-left: -1.3125rem;
    margin-right: -1.3125rem;
    padding-left: 1.3125rem;
    padding-right: 1.3125rem;
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid #CFCBBF;
    border-bottom: 1px solid var(--color-divider);
  }
  .notification-modal .modal__content ul {
    margin: 0;
    list-style: none;
    padding-left: 0;
  }
  .notification-modal .modal__content small {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.merch__container {
  position: relative;
}
.merch__filter-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
@media screen and (min-width: 1180px) {
  .merch__filter-wrap--sorted {
    min-height: 62.5rem;
  }
  .merch__filter-wrap:not(.merch__filter-wrap--sorted) .merch__items {
    margin-left: calc(0rem - var(--grid-gap));
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__filter-wrap--sorted {
    min-height: 78.125rem;
  }
  .merch__filter-wrap:not(.merch__filter-wrap--sorted) .merch__items {
    margin-left: calc(0rem - var(--grid-gap));
  }
}
.merch__filter {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .merch__filter {
    display: none;
  }
}
.merch__filter-toggle {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  right: 0;
  z-index: 3;
  text-transform: uppercase;
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-align: center;
  width: 1.875rem;
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
  margin-left: auto;
  margin-right: 0;
  margin-top: -9.375rem;
  display: none;
}
@media screen and (min-width: 1180px) {
  .merch__filter-toggle {
    font-size: 0.875rem;
    line-height: 1.75rem;
    margin-bottom: 1.125rem;
    top: 4.8125rem;
    transform: translateY(0rem);
    transition: transform 0.4s ease-in-out;
  }
  .body--header-up .merch__filter-toggle {
    transform: translateY(-4.0625rem);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__filter-toggle {
    font-size: 0.75rem;
    line-height: 1.75rem;
    margin-bottom: 1.625rem;
    top: 5.125rem;
    transform: translateY(0rem);
    transition: transform 0.4s ease-in-out;
  }
  .body--header-up .merch__filter-toggle {
    transform: translateY(-4.0625rem);
  }
}
.merch__filter-options {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  width: 1.875rem;
  visibility: hidden;
}
@media screen and (min-width: 1180px) {
  .merch__filter-options {
    position: -webkit-sticky;
    position: sticky;
    top: 7.5rem;
    right: 0;
    bottom: auto;
    transition: top 0.4s ease-in-out, transform 0.4s ease;
  }
  .header.header--up ~ .merch .merch__filter-options {
    top: 3rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__filter-options {
    position: -webkit-sticky;
    position: sticky;
    top: 8.125rem;
    right: 0;
    bottom: auto;
    transition: top 0.4s ease-in-out, transform 0.4s ease;
  }
  .header.header--up ~ .merch .merch__filter-options {
    top: 4rem;
  }
}
.merch__filter-wrap--sorted .merch__filter-options {
  visibility: visible;
  -webkit-animation: show-1 0.2s ease-in-out forwards;
          animation: show-1 0.2s ease-in-out forwards;
}
.merch__filter-option {
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-align: center;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
@media screen and (min-width: 1180px) {
  .merch__filter-option + .merch__filter-option {
    margin-top: 0.375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__filter-option + .merch__filter-option {
    margin-top: 1rem;
  }
}
.merch__filter-option.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.merch__filter-option.disabled:hover {
  text-decoration: none;
}
.merch__filter-title {
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  font-size: 4.5rem;
  line-height: 4.5rem;
  letter-spacing: -0.02em;
  margin-bottom: 1.5rem;
  width: 100%;
  display: none;
}
@media screen and (min-width: 1024px) {
  .merch__filter-wrap--sorted .merch__filter-title {
    display: block;
  }
}
.merch__head {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  background-color: #EFEBE1;
  background-color: #EFEBE1;
  background-color: var(--color-primary-background);
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__head {
    position: relative;
    padding-top: 0;
    width: 18.75rem;
    float: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch__head {
    position: relative;
    padding-top: 5.8125rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .merch__head {
    position: relative;
    padding-top: 2.6875rem;
    padding-bottom: 1.125rem;
  }
}
.merch__name {
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 2.5rem;
  padding-right: 4.125rem;
  margin-right: auto;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__name {
    font-size: 4rem;
    line-height: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch__name {
    font-size: 4rem;
    line-height: 4rem;
    width: 1px;
  }
}
@media screen and (max-width: 767px) {
  .merch__name {
    font-size: 1rem;
    line-height: 1rem;
    padding-right: 0.625rem;
  }
}
.merch__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  width: 100%;
}
.merch__img:before {
  content: "";
  display: block;
  padding-bottom: 143.2%;
}
@media screen and (min-width: 1180px) {
  .merch__img:before {
    padding-bottom: 143.2%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__img:before {
    padding-bottom: 149.5169%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch__img:before {
    padding-bottom: 149.5169%;
  }
}
@media screen and (max-width: 767px) {
  .merch__img:before {
    padding-bottom: 120.50359%;
  }
}
.merch__img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__img {
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch__img {
    margin-left: auto;
  }
}
.merch__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (min-width: 1180px) {
  .merch.merch__filter-wrap .merch__items {
    margin-top: -0.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch__items {
    justify-content: space-between;
    padding-top: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .merch__items {
    justify-content: space-between;
    padding-top: 1rem;
  }
}
@media screen and (min-width: 1180px) {
  .merch__items .merch__item {
    width: calc(25% - var(--grid-gap));
  }
}
.merch__item {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  -webkit-animation: show-2 0.5s ease;
          animation: show-2 0.5s ease;
}
@media screen and (min-width: 1180px) {
  .merch__item {
    width: 19rem;
    margin-bottom: 3.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__item {
    width: 19.5rem;
    margin-bottom: 2.6875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch__item {
    margin-bottom: 2.6875rem;
  }
}
@media screen and (max-width: 767px) {
  .merch__item {
    margin-bottom: 3rem;
  }
}
.merch__filter-wrap--sorted .merch__item {
  -webkit-animation: show-1 0.2s ease-in-out forwards;
          animation: show-1 0.2s ease-in-out forwards;
}
@media screen and (min-width: 1180px) {
  .merch__filter-wrap--sorted .merch__item {
    margin-right: 0.625rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__filter-wrap--sorted .merch__item {
    width: 24.75rem;
    margin-right: var(--grid-gap);
  }
}
@media screen and (min-width: 1180px) {
  .merch__filter-wrap:not(.merch__filter-wrap--sorted) .merch__item {
    margin-left: var(--grid-gap);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__filter-wrap:not(.merch__filter-wrap--sorted) .merch__item {
    margin-left: var(--grid-gap);
  }
}
.merch__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  z-index: 1;
}
.merch__img:before {
  content: "";
  display: block;
  padding-bottom: 144.73684%;
}
.merch__img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.merch__img:before {
  z-index: 2;
  position: relative;
  background-color: #EFEBE1;
  background: #EFEBE1;
  background: var(--color-primary-background);
  mix-blend-mode: multiply;
}
.merch__img img {
  z-index: 1;
  transition: filter 0.5s;
}
.merch__img:hover img {
  filter: saturate(1.5);
}
.merch__name {
  font-weight: 500;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  text-transform: uppercase;
}
@media screen and (min-width: 1180px) {
  .merch__name {
    font-size: 1.25rem;
    line-height: 2rem;
    margin-top: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__name {
    font-size: 1.25rem;
    line-height: 1.375rem;
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch__name {
    font-size: 1.25rem;
    line-height: 1.375rem;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .merch__name {
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-top: 0.5rem;
  }
}
.merch__price {
  font-weight: 500;
  color: #2D2D2B;
}
@media screen and (min-width: 768px) {
  .merch__price {
    margin-top: 1rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .merch__price {
    font-size: 1.25rem;
    margin-top: 0.625rem;
  }
}
.merch__additional {
  font-weight: 500;
  color: #484848;
  color: #484848;
  color: var(--color-primary-body-text);
}
@media screen and (min-width: 768px) {
  .merch__additional {
    margin-top: 0.125rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .merch__additional {
    font-size: 0.625rem;
    line-height: 0.625rem;
    margin-top: 0.375rem;
  }
}
.merch__item:hover .merch__name {
  color: #484848;
  color: #484848;
  color: var(--color-primary-body-text);
}
@media screen and (min-width: 1180px) {
  .merch__items + .merch__table {
    margin-top: 2.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__items + .merch__table {
    margin-top: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch__items + .merch__table {
    margin-top: 3.125rem;
  }
}
@media screen and (max-width: 767px) {
  .merch__items + .merch__table {
    margin-top: 1.875rem;
  }
}
.merch__table {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1180px) {
  .merch__table {
    margin-bottom: 6.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__table {
    margin-bottom: 6.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch__table {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .merch__table {
    margin-bottom: 3.125rem;
  }
}
.merch__table-title {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  grid-template-columns: auto;
  grid-row-gap: 1em;
}
@media screen and (min-width: 1180px) {
  .merch__table-title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__table-title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch__table-title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .merch__table-title {
    font-size: 1rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .merch__table-title {
    line-height: 1.75rem;
    float: left;
    clear: both;
  }
}
@media screen and (min-width: 1180px) {
  .merch__table-title {
    margin-bottom: 1.9375rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__table-title {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch__table-title {
    margin-bottom: 2.5rem;
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .merch__table-title {
    margin-bottom: 1.5rem;
  }
}
.merch__table-title .text {
  margin-right: 1.6875rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch__table-title .text {
    margin-right: 3.125rem;
  }
}
.merch__table-title-nav {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: -0.5em;
}
@media screen and (min-width: 1024px) {
  .merch__table-title-nav {
    padding-top: 0.125rem;
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch__table-title-nav {
    padding-top: 0.125rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .merch__table-title-nav {
    font-size: 0.75rem;
    width: 100%;
  }
}
.merch__table-title-nav a {
  margin-right: 1.375rem;
  color: #B7B4AB;
  color: #B7B4AB;
  color: var(--color-hover-links);
  margin-top: 0.5em;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch__table-title-nav a {
    margin-right: 2.75rem;
  }
}
.merch__table-title-nav a.active {
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
}
@media screen and (min-width: 1024px) {
  .merch__content {
    max-width: 46.875rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch__content {
    padding-top: 5.375rem;
  }
}
@media screen and (min-width: 768px) {
  .merch__content .merch__price {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .merch__content .merch__price {
    margin-bottom: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .merch__content .merch__additional {
    margin-top: 0.625rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .merch__content .merch__additional {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }
}
.merch__month {
  text-transform: uppercase;
  background: #EFEBE1;
  background: var(--color-primary-background);
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 26px;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  z-index: 10;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
}
@media screen and (min-width: 1024px) {
  .merch__month {
    top: 0;
    padding-top: 1.25rem;
    padding-bottom: 2.1875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch__month {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: 1.625rem;
    margin-top: 1px;
  }
}
@media screen and (max-width: 767px) {
  .merch__month {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: 1rem;
    margin-top: 1px;
  }
}
.body--header-down .merch__month.state-top {
  transform: translateY(0%);
  transition: transform 0.4s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .body--header-down .merch__month.state-top {
    transform: translateY(4rem) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .body--header-down .merch__month.state-top {
    transform: translateY(5.6875rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .body--header-down .merch__month.state-top {
    transform: translateY(2.875rem) !important;
  }
}
@keyframes show-1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show-2 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.merch-list {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 4.375rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch-list {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .merch-list {
    margin-top: 1rem;
  }
}
.merch-list__container {
  display: flex;
  flex-wrap: wrap;
}
.merch-list__title {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  margin-bottom: 2.375rem;
}
@media screen and (min-width: 1180px) {
  .merch-list__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch-list__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch-list__title {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .merch-list__title {
    font-size: 1rem;
    line-height: 1rem;
  }
}
.merch-list__list {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  min-width: 100%;
}
@media screen and (min-width: 1024px) {
  .merch-list__list {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1180px) {
  .merch-list__list {
    margin-left: calc(0rem - var(--grid-gap));
    width: calc(100% + var(--grid-gap));
    margin-bottom: -3.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch-list__list {
    margin-left: calc(0rem - var(--grid-gap));
    width: calc(100% + var(--grid-gap));
    margin-bottom: -2.6875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch-list__list {
    justify-content: space-between;
    margin-bottom: -2.6875rem;
  }
}
@media screen and (max-width: 767px) {
  .merch-list__list {
    justify-content: space-between;
    margin-bottom: -3rem;
  }
}
@media screen and (min-width: 1180px) {
  .merch-list__list .merch__item {
    margin-left: var(--grid-gap);
    width: calc(25% - var(--grid-gap));
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch-list__list .merch__item {
    margin-left: var(--grid-gap);
    width: calc(25% - var(--grid-gap));
  }
}
.merch-list__all {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.875rem;
}
@media screen and (min-width: 1180px) {
  .merch-list__all {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .merch-list__all {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .merch-list__all {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .merch-list__all {
    font-size: 1rem;
    line-height: 1rem;
  }
}
.text-page__preview {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 3.625rem;
}
.text-page__preview:before {
  content: "";
  display: block;
  padding-bottom: 52.4677296%;
}
.text-page__preview img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.text-page__content {
  margin-bottom: 9rem;
}
.text-page .content-block {
  margin-bottom: 5rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .text-page .content-block {
    margin-bottom: 3.75rem;
  }
}
@media screen and (max-width: 767px) {
  .text-page .content-block {
    margin-bottom: 1.5rem;
  }
}
.text-page .content-block .text_page__decorator {
  display: block;
  flex: 0 0 auto;
  width: 30%;
  flex-grow: 1;
  margin: 2.125rem 0;
}
@media screen and (min-width: 1024px) {
  .text-page .content-block .text_page__decorator.left {
    margin: 0 2.125rem 0 0;
  }
  .text-page .content-block .text_page__decorator.right {
    margin: 0 0 0 2.125rem;
  }
}
@media screen and (min-width: 1366px) {
  .text-page .content-block .text_page__decorator {
    margin: 0 2.125rem;
  }
}
@media screen and (max-width: 1023px) {
  .text-page .content-block .text_page__decorator {
    order: 2;
    margin: 1rem 0;
  }
}
.text-page .content-block .text_page__wraper {
  flex: 1 1 auto;
}
@media screen and (max-width: 1023px) {
  .text-page .content-block .text_page__wraper {
    order: 1;
  }
}
.text-page .content-block .text_page__image_side_caption,
.text-page .content-block .text_page__image_top_caption,
.text-page .content-block .text_page__image_topdown_caption {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #2D2D2B;
  color: #2D2D2B;
  color: var(--color-primary-black);
  font-size: 1rem;
  line-height: 1rem;
}
@media screen and (min-width: 1180px) {
  .text-page .content-block .text_page__image_side_caption,
.text-page .content-block .text_page__image_top_caption,
.text-page .content-block .text_page__image_topdown_caption {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .text-page .content-block .text_page__image_side_caption,
.text-page .content-block .text_page__image_top_caption,
.text-page .content-block .text_page__image_topdown_caption {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 360px) and (max-width: 767px) {
  .text-page .content-block .text_page__image_side_caption,
.text-page .content-block .text_page__image_top_caption,
.text-page .content-block .text_page__image_topdown_caption {
    font-size: 0.75rem;
    line-height: 0.8125rem;
  }
}
.text-page .content-block .text_page__image_top_caption,
.text-page .content-block .text_page__image_topdown_caption {
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 1023px) {
  .text-page .content-block .text_page__image_top_caption,
.text-page .content-block .text_page__image_topdown_caption {
    display: none;
  }
}
.text-page .content-block .text_page__image_topdown_caption {
  margin-bottom: 1.25rem;
  display: none;
}
@media screen and (max-width: 1023px) {
  .text-page .content-block .text_page__image_topdown_caption {
    display: block;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
  }
}
.text-page .content-block .text_page__image_text {
  margin-top: 1.25rem;
}
.text-page .content-block.decoration-top .text_page__decorator {
  margin-bottom: auto;
}
.text-page .content-block.decoration-bottom .text_page__decorator {
  margin-top: auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .text-page .content-block.position-right .text_page__decorator {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .text-page .content-block.position-right .text_page__decorator {
    margin-bottom: 1.25rem;
  }
}
.text-page .content-block.position-left .history__decorator {
  content: "";
  background: url(https://dev.sovremennik.ru/packs/media/images/round-right-ab78d1e5786434c6edc21088753f6da2.svg) no-repeat center right/contain;
  margin-left: auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .text-page .content-block.position-left {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .text-page .content-block.position-left {
    margin-top: 1.25rem;
  }
}
html.special-enabled *:focus {
  outline: auto;
}
html.special-enabled .poster-item__img {
  opacity: 1 !important;
  visibility: visible !important;
}
html.special-enabled .swiper-button-prev,
html.special-enabled .swiper-button-next {
  -webkit-animation: none;
          animation: none;
}
html.special-enabled .main-event {
  display: none !important;
}
.header__special-btn {
  cursor: pointer;
  width: 50px;
}
@media screen and (min-width: 1180px) {
  .header__special-btn {
    margin-left: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .header__special-btn {
    position: absolute;
    top: 1.25rem;
    right: 6.25rem;
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__special-btn {
    position: absolute;
    top: 2.125rem;
    right: 6.25rem;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .header__special-btn {
    position: absolute;
    top: 0.75rem;
    right: 6.25rem;
    height: 1.5rem;
    display: block;
  }
}
html.none-trancition * {
  transition: none !important;
}
html.special-enabled * {
  transition: none;
  mix-blend-mode: unset !important;
}
html.special-enabled.BW *:not([class^=modal]):not([class^=not-fill]):not(path)::-moz-placeholder {
  fill: black !important;
  color: black !important;
  background-color: white !important;
}
html.special-enabled.BW *:not([class^=modal]):not([class^=not-fill]):not(path):-ms-input-placeholder {
  fill: black !important;
  color: black !important;
  background-color: white !important;
}
html.special-enabled.BW, html.special-enabled.BW *:not([class^=modal]):not([class^=not-fill]):not(path), html.special-enabled.BW *:not([class^=modal]):not([class^=not-fill]):not(path)::before, html.special-enabled.BW *:not([class^=modal]):not([class^=not-fill]):not(path)::placeholder {
  fill: black !important;
  color: black !important;
  background-color: white !important;
}
html.special-enabled.WB *:not([class^=modal]):not([class^=not-fill]):not(path)::-moz-placeholder {
  fill: white !important;
  color: white !important;
  border-color: white !important;
  background-color: black !important;
}
html.special-enabled.WB *:not([class^=modal]):not([class^=not-fill]):not(path):-ms-input-placeholder {
  fill: white !important;
  color: white !important;
  border-color: white !important;
  background-color: black !important;
}
html.special-enabled.WB, html.special-enabled.WB *:not([class^=modal]):not([class^=not-fill]):not(path), html.special-enabled.WB *:not([class^=modal]):not([class^=not-fill]):not(path)::before, html.special-enabled.WB *:not([class^=modal]):not([class^=not-fill]):not(path)::placeholder {
  fill: white !important;
  color: white !important;
  border-color: white !important;
  background-color: black !important;
}
html.special-enabled.BB *:not([class^=modal]):not([class^=not-fill]):not(path)::-moz-placeholder {
  fill: #063462 !important;
  color: #063462 !important;
  border-color: #063462 !important;
  background-color: #9dd1ff !important;
}
html.special-enabled.BB *:not([class^=modal]):not([class^=not-fill]):not(path):-ms-input-placeholder {
  fill: #063462 !important;
  color: #063462 !important;
  border-color: #063462 !important;
  background-color: #9dd1ff !important;
}
html.special-enabled.BB, html.special-enabled.BB *:not([class^=modal]):not([class^=not-fill]):not(path), html.special-enabled.BB *:not([class^=modal]):not([class^=not-fill]):not(path)::before, html.special-enabled.BB *:not([class^=modal]):not([class^=not-fill]):not(path)::placeholder {
  fill: #063462 !important;
  color: #063462 !important;
  border-color: #063462 !important;
  background-color: #9dd1ff !important;
}
html.special-enabled.BC *:not([class^=modal]):not([class^=not-fill]):not(path)::-moz-placeholder {
  fill: #59422e !important;
  color: #59422e !important;
  border-color: #59422e !important;
  background-color: #f7f3d6 !important;
}
html.special-enabled.BC *:not([class^=modal]):not([class^=not-fill]):not(path):-ms-input-placeholder {
  fill: #59422e !important;
  color: #59422e !important;
  border-color: #59422e !important;
  background-color: #f7f3d6 !important;
}
html.special-enabled.BC, html.special-enabled.BC *:not([class^=modal]):not([class^=not-fill]):not(path), html.special-enabled.BC *:not([class^=modal]):not([class^=not-fill]):not(path)::before, html.special-enabled.BC *:not([class^=modal]):not([class^=not-fill]):not(path)::placeholder {
  fill: #59422e !important;
  color: #59422e !important;
  border-color: #59422e !important;
  background-color: #f7f3d6 !important;
}
html.special-enabled.GB *:not([class^=modal]):not([class^=not-fill]):not(path)::-moz-placeholder {
  fill: #a9dd38 !important;
  color: #a9dd38 !important;
  border-color: #a9dd38 !important;
  background-color: #3b2716 !important;
}
html.special-enabled.GB *:not([class^=modal]):not([class^=not-fill]):not(path):-ms-input-placeholder {
  fill: #a9dd38 !important;
  color: #a9dd38 !important;
  border-color: #a9dd38 !important;
  background-color: #3b2716 !important;
}
html.special-enabled.GB, html.special-enabled.GB *:not([class^=modal]):not([class^=not-fill]):not(path), html.special-enabled.GB *:not([class^=modal]):not([class^=not-fill]):not(path)::before, html.special-enabled.GB *:not([class^=modal]):not([class^=not-fill]):not(path)::placeholder {
  fill: #a9dd38 !important;
  color: #a9dd38 !important;
  border-color: #a9dd38 !important;
  background-color: #3b2716 !important;
}
html.special-enabled .department {
  display: none;
}
html.special-enabled .header__logo::before {
  display: none;
}
html.special-enabled .people__img:before {
  background: none !important;
}
html.special-enabled *::-moz-placeholder {
  opacity: 0.5;
}
html.special-enabled *:-ms-input-placeholder {
  opacity: 0.5;
}
html.special-enabled *::placeholder {
  opacity: 0.5;
}
html.special-enabled .header .burger {
  display: block;
}
html.special-enabled .header .burger__close {
  display: none;
}
html.special-enabled .department__logo,
html.special-enabled .header__logo,
html.special-enabled .department__logo > *,
html.special-enabled .header__logo > * {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  background-color: unset !important;
}
html.special-enabled .department__logo::after,
html.special-enabled .header__logo::after,
html.special-enabled .department__logo > *::after,
html.special-enabled .header__logo > *::after {
  display: none;
}
html.special-enabled .header__menu-toggle {
  background: none;
}
html.special-enabled .header__menu-toggle::before {
  display: none;
}
html.special-enabled .header.header--show .burger {
  display: none;
}
html.special-enabled .header.header--show .burger__close {
  display: block;
}
html.special-enabled .header.header--show .header__mobile-logo,
html.special-enabled .header.header--show .header__mobile-logo > * {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  background-color: unset !important;
}
html.special-enabled .header.header--show .header__mobile-logo::after,
html.special-enabled .header.header--show .header__mobile-logo > *::after {
  display: none;
}
html.special-enabled .header.header--show .header__logo {
  display: none;
}
html.special-enabled.font-big {
  font-size: 20px !important;
}
html.special-enabled.font-bigger {
  font-size: 24px !important;
}
html.special-enabled.font-biggest {
  font-size: 32px !important;
}
html.special-enabled.spacing-big * {
  letter-spacing: 0.2rem !important;
}
html.special-enabled.spacing-bigger * {
  letter-spacing: 0.3rem !important;
}
html.special-enabled.spacing-biggest * {
  letter-spacing: 0.5rem !important;
}
html.special-enabled.family-sans * {
  font-family: sans-serif !important;
}
html.special-enabled.family-serif * {
  font-family: serif !important;
}
html.special-enabled #special-panel {
  display: block;
}
#special-panel {
  font-size: 26px !important;
  line-height: 32px !important;
  letter-spacing: normal !important;
  border-top: solid black 1px;
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  list-style: none;
  text-align: center;
  transition: all 0.3s !important;
  z-index: 12;
  padding: 10;
  background-color: #ffffff;
}
#special-panel.down .container > button.toggle, #special-panel.down .header__container > button.toggle, #special-panel.down .contacts-map > button.toggle {
  border: none;
}
#special-panel.down .container > button.toggle::after, #special-panel.down .header__container > button.toggle::after, #special-panel.down .contacts-map > button.toggle::after {
  transform: rotate(225deg);
  margin: 13px 15px;
}
#special-panel .container, #special-panel .header__container, #special-panel .contacts-map {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
}
@media screen and (min-width: 1180px) {
  #special-panel .container, #special-panel .header__container, #special-panel .contacts-map {
    width: 101.875rem;
    max-width: calc(100vw - 3.125rem);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  #special-panel .container, #special-panel .header__container, #special-panel .contacts-map {
    width: 61.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #special-panel .container, #special-panel .header__container, #special-panel .contacts-map {
    width: 45.5rem;
  }
}
@media screen and (max-width: 767px) {
  #special-panel .container, #special-panel .header__container, #special-panel .contacts-map {
    width: 17.5rem;
  }
}
#special-panel .container > button.toggle, #special-panel .header__container > button.toggle, #special-panel .contacts-map > button.toggle {
  width: 100%;
  text-align: left;
  padding: 5px 10px;
  cursor: pointer;
  border: none;
}
#special-panel .container > button.toggle::after, #special-panel .header__container > button.toggle::after, #special-panel .contacts-map > button.toggle::after {
  content: "";
  display: inline-block;
  border-right: solid 1px;
  border-bottom: solid 1px;
  transform: rotate(45deg);
  width: 15px;
  height: 15px;
  margin: 5px 15px;
  position: absolute;
}
#special-panel * {
  letter-spacing: normal !important;
}
#special-panel li {
  padding: 10px;
}
#special-panel button {
  padding: 10px;
  min-width: 40px;
  height: 40px;
  line-height: 22px;
  border: solid black 1px;
}
#special-panel button#serif {
  font-family: serif !important;
}
#special-panel button#sans {
  font-family: sans-serif !important;
}
#special-panel button.inactive {
  cursor: default;
  color: darkgray !important;
}
#special-panel button#BW {
  color: black !important;
  background-color: white !important;
}
#special-panel button#WB {
  color: white !important;
  border-color: white !important;
  background-color: black !important;
}
#special-panel button#BB {
  color: #063462 !important;
  border-color: #063462 !important;
  background-color: #9dd1ff !important;
}
#special-panel button#BC {
  color: #59422e !important;
  border-color: #59422e !important;
  background-color: #f7f3d6 !important;
}
#special-panel button#GB {
  color: #a9dd38 !important;
  border-color: #a9dd38 !important;
  background-color: #3b2716 !important;
}
.certificate__container {
  height: auto;
  text-align: center;
}
.certificate__container .intickets-frame-wrapper.intickets-next-container-3 {
  width: unset !important;
  height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}
.main-banner {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (min-width: 1180px) {
  .main-banner {
    margin-bottom: 3.125rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .main-banner {
    margin-bottom: 1.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-banner {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .main-banner {
    margin-bottom: 1.375rem;
  }
}
.main-banner__container {
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid #CFCBBF;
  border-bottom: 1px solid var(--color-divider);
}
@media screen and (min-width: 1180px) {
  .main-banner__container {
    padding-top: 1.5rem;
    padding-bottom: 3.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .main-banner__container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-banner__container {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  .main-banner__container {
    padding-top: 0;
    padding-bottom: 1rem;
  }
}
.main-banner__image {
  grid-area: photo;
  display: block;
  text-decoration: none;
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.main-banner__image:before {
  content: "";
  display: block;
  padding-bottom: 27.8%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-banner__image:before {
    padding-bottom: 29%;
  }
}
@media screen and (max-width: 767px) {
  .main-banner__image:before {
    padding-bottom: 29%;
  }
}
.main-banner__image img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-banner__image img {
  height: auto;
}
@media screen and (min-width: 1180px) {
  .main-banner__slide {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 38.75rem;
    height: 45.3879941vw !important;
    max-height: 48rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  .main-banner__slide {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 45.3879941vw !important;
  }
}
.main-banner .swiper-container {
  overflow: visible;
}
.main-banner .swiper-wrapper:before, .main-banner .swiper-wrapper:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  transition: transform 0.5s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .main-banner .swiper-wrapper:before, .main-banner .swiper-wrapper:after {
    height: 3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-banner .swiper-wrapper:before, .main-banner .swiper-wrapper:after {
    height: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .main-banner .swiper-wrapper:before, .main-banner .swiper-wrapper:after {
    display: none;
  }
}
.main-banner .swiper-wrapper--move ~ .swiper-controls {
  opacity: 0;
}
.main-banner .swiper-controls {
  transition: opacity 0.5s ease;
}
@media screen and (min-width: 1024px) {
  .main-banner .swiper-controls {
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .main-banner .swiper-controls {
    top: -1.5625rem;
  }
}
@media screen and (max-width: 767px) {
  .main-banner .swiper-controls {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }
}
.main-banner .swiper-button-prev {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-prev-c4ca38bd6f3dd696f6e3172878f5c082.svg) no-repeat center/contain;
  -webkit-animation: woo-prev 2s ease infinite 1s;
          animation: woo-prev 2s ease infinite 1s;
}
.main-banner .swiper-button-prev.swiper-button-disabled, .main-banner .swiper-button-prev--disabled {
  opacity: 0.3;
}
.main-banner .swiper-button-prev:hover {
  transform: translateX(-0.3125rem);
}
.main-banner .swiper-button-prev:active {
  transform: translateX(-0.625rem);
}
.main-banner .swiper-button-next {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background: url(https://dev.sovremennik.ru/packs/media/images/icon-arrow-next-ac94a7336b29249eac41e1ade8e1d251.svg) no-repeat center/contain;
  -webkit-animation: woo-next 2s ease infinite 1s;
          animation: woo-next 2s ease infinite 1s;
}
.main-banner .swiper-button-next.swiper-button-disabled, .main-banner .swiper-button-next--disabled {
  opacity: 0.3;
}
.main-banner .swiper-button-next:hover {
  transform: translateX(0.3125rem);
}
.main-banner .swiper-button-next:active {
  transform: translateX(0.625rem);
}
@media screen and (min-width: 1024px) {
  .main-banner .swiper-button-next {
    margin-left: 0.375rem;
  }
}
.main-banner .swiper-controls:hover .swiper-button-prev,
.main-banner .swiper-controls:hover .swiper-button-next {
  -webkit-animation: none;
          animation: none;
}
.main-banner .swiper-button-prev,
.main-banner .swiper-button-next {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin-top: auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 1023px) {
  .main-banner .swiper-button-prev,
.main-banner .swiper-button-next {
    display: none;
  }
}
.main-banner .swiper-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  bottom: auto !important;
  flex: 0 0 auto;
}
@media screen and (min-width: 768px) {
  .main-banner .swiper-pagination {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .main-banner .swiper-pagination {
    margin-top: 1rem;
  }
}
.main-banner .swiper-pagination .swiper-pagination-bullet {
  background-color: #CFCBBF;
  background-color: #CFCBBF;
  background-color: var(--color-divider);
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .main-banner .swiper-pagination .swiper-pagination-bullet {
    height: 1rem;
    width: 1rem;
    margin-left: 0.3125rem;
    margin-right: 0.3125rem;
  }
}
@media screen and (max-width: 767px) {
  .main-banner .swiper-pagination .swiper-pagination-bullet {
    height: 0.5rem;
    width: 0.5rem;
    margin-left: 0.1875rem;
    margin-right: 0.1875rem;
  }
}
.main-banner .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #2D2D2B;
  background-color: #2D2D2B;
  background-color: var(--color-primary-black);
}
@media screen and (min-width: 768px) {
  .main-banner .swiper-pagination {
    display: none;
  }
}
.main-banner .swiper-slide {
  transition-duration: 0.3s !important;
  opacity: 0 !important;
}
.main-banner .swiper-container-initialized .swiper-slide-active {
  transition-delay: 0.7s !important;
  opacity: 1 !important;
}
@keyframes woo-prev {
  0%, 20%, 80%, 100% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-20%);
  }
}
@keyframes woo-next {
  0%, 20%, 80%, 100% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(20%);
  }
}
figure[data-trix-content-type=image] {
  margin: 1em 0px;
}
figure[data-trix-content-type=image] > img {
  width: auto;
}
.fckng-mb {
  max-width: 230px !important;
  right: 0 !important;
  bottom: -20px !important;
}
@media screen and (max-width: 1179px) {
  .fckng-mb {
    transform: rotateZ(90deg) scale(0.7);
    margin-right: -98px !important;
    margin-bottom: 76px !important;
  }
}
.videoimg::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MzggNTM4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxjbGlwUGF0aCBpZD0iYyI+PHBhdGggZD0ibTAgODQyaDU5NXYtODQyaC01OTV6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGQ9Im0yMjkgNTIxaDE1NnYtMjIyaC0xNTZ6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGQ9Im03MyA2MTdoNDE0di00MTRoLTQxNHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjMgMCAwIC0xLjMgLTk1IDgwMikiPjxnIGNsaXAtcGF0aD0idXJsKCNjKSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2IpIiBvcGFjaXR5PSIuNiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzc5LDQyMikiPjxwYXRoIGQ9Im0wIDAtMTI1IDk1Yy0xMCA3LjktMjUgMC41LTI1LTEzdi0xOTBjMC0xMyAxNS0yMCAyNS0xM2wxMjUgOTVjOC4zIDYuMyA4LjMgMTkgMCAyNSIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvZz48L2c+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBvcGFjaXR5PSIuNiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjgwLDU5OSkiPjxwYXRoIGQ9Im0wIDBjLTEwNCAwLTE4OS04NS0xODktMTg5czg1LTE4OSAxODktMTg5IDE4OSA4NSAxODkgMTg5LTg1IDE4OS0xODkgMTg5bTAtMzk2Yy0xMTQgMC0yMDcgOTMtMjA3IDIwN3M5MyAyMDcgMjA3IDIwNyAyMDctOTMgMjA3LTIwNy05My0yMDctMjA3LTIwNyIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4K);
  background-size: 8rem;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .videoimg::before {
    background-size: 4rem;
  }
}
.videolink::after {
  content: "";
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc4MjQiCiAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgIHdpZHRoPSI1NDgiCiAgIGhlaWdodD0iNTQ4IgogICB2aWV3Qm94PSIwIDAgNTQ4IDU0OCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcwogICAgIGlkPSJkZWZzODI4Ij48Y2xpcFBhdGgKICAgICAgIGNsaXBQYXRoVW5pdHM9InVzZXJTcGFjZU9uVXNlIgogICAgICAgaWQ9ImNsaXBQYXRoODM4Ij48cGF0aAogICAgICAgICBkPSJNIDAsODQxLjg5IEggNTk1LjI3NiBWIDAgSCAwIFoiCiAgICAgICAgIGlkPSJwYXRoODM2IiAvPjwvY2xpcFBhdGg+PGNsaXBQYXRoCiAgICAgICBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgICAgIGlkPSJjbGlwUGF0aDg0NiI+PHBhdGgKICAgICAgICAgZD0iTSAyMjkuMDYsNTIwLjc0NiBIIDM4NS41MTIgViAyOTkuMDg0IEggMjI5LjA2IFoiCiAgICAgICAgIGlkPSJwYXRoODQ0IiAvPjwvY2xpcFBhdGg+PGNsaXBQYXRoCiAgICAgICBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgICAgIGlkPSJjbGlwUGF0aDg2MiI+PHBhdGgKICAgICAgICAgZD0iTSA3Mi45ODc4LDYxNy4xMTUgSCA0ODcuMzg3IHYgLTQxNC40IEggNzIuOTg3OCBaIgogICAgICAgICBpZD0icGF0aDg2MCIgLz48L2NsaXBQYXRoPjwvZGVmcz48ZwogICAgIGlkPSJnODMwIgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywtMi4wODM5NjkxLDExMTguNDczMSkiPjxnCiAgICAgICBpZD0iZzgzNCIKICAgICAgIGNsaXAtcGF0aD0idXJsKCNjbGlwUGF0aDgzOCkiCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjk5NTQxNzU1LDAsMCwwLjk5NTQxNzU1LC03MS42MDM0MzcsMjI2LjU2MjA1KSI+PGcKICAgICAgICAgaWQ9Imc4NDAiPjxnCiAgICAgICAgICAgaWQ9Imc4NDIiIC8+PGcKICAgICAgICAgICBpZD0iZzg1NCI+PGcKICAgICAgICAgICAgIGNsaXAtcGF0aD0idXJsKCNjbGlwUGF0aDg0NikiCiAgICAgICAgICAgICBvcGFjaXR5PSIwLjYwMDAwNiIKICAgICAgICAgICAgIGlkPSJnODUyIj48ZwogICAgICAgICAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzkuMjgxMSw0MjIuNDg0OSkiCiAgICAgICAgICAgICAgIGlkPSJnODUwIj48cGF0aAogICAgICAgICAgICAgICAgIGQ9Im0gMCwwIC0xMjQuODYyLDk1LjAwNyBjIC0xMC4zOTgsNy45MTIgLTI1LjM1OSwwLjQ5NyAtMjUuMzU5LC0xMi41NyB2IC0xOTAuMDE0IGMgMCwtMTMuMDY2IDE0Ljk2MSwtMjAuNDgyIDI1LjM1OSwtMTIuNTcgTCAwLC0yNS4xNCBDIDguMzA3LC0xOC44MTkgOC4zMDcsLTYuMzIxIDAsMCIKICAgICAgICAgICAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICAgICAgICAgIGlkPSJwYXRoODQ4IiAvPjwvZz48L2c+PC9nPjwvZz48ZwogICAgICAgICBpZD0iZzg1NiI+PGcKICAgICAgICAgICBpZD0iZzg1OCIgLz48ZwogICAgICAgICAgIGlkPSJnODcwIj48ZwogICAgICAgICAgICAgY2xpcC1wYXRoPSJ1cmwoI2NsaXBQYXRoODYyKSIKICAgICAgICAgICAgIG9wYWNpdHk9IjAuNjAwMDA2IgogICAgICAgICAgICAgaWQ9Imc4NjgiPjxnCiAgICAgICAgICAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI4MC4xODgsNTk5LjExNSkiCiAgICAgICAgICAgICAgIGlkPSJnODY2IiAvPjwvZz48L2c+PC9nPjwvZz48cGF0aAogICAgICAgc3R5bGU9ImNvbG9yOiMwMDAwMDA7ZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MzstaW5rc2NhcGUtc3Ryb2tlOm5vbmU7cGFpbnQtb3JkZXI6c3Ryb2tlIG1hcmtlcnMgZmlsbCIKICAgICAgIGQ9Im0gMjA3LjA2MjUsLTgzOC44NTU0NyBjIC0xMTMuMzQyNTExLDAgLTIwNS41LDkyLjE1NzQ5IC0yMDUuNSwyMDUuNSAwLDExMy4zNDI1MSA5Mi4xNTc0ODksMjA1LjUgMjA1LjUsMjA1LjUgMTEzLjM0MjUxLDAgMjA1LjUsLTkyLjE1NzQ5IDIwNS41LC0yMDUuNSAwLC0xMTMuMzQyNTEgLTkyLjE1NzQ5LC0yMDUuNSAtMjA1LjUsLTIwNS41IHogbSAwLDI1LjY0ODQ0IGMgOTkuNDgxMSwwIDE3OS44NTE1Niw4MC4zNzA0NiAxNzkuODUxNTYsMTc5Ljg1MTU2IDAsOTkuNDgxMSAtODAuMzcwNDYsMTc5Ljg1MTU2IC0xNzkuODUxNTYsMTc5Ljg1MTU2IC05OS40ODExLDAgLTE3OS44NTE1NjIsLTgwLjM3MDQ2IC0xNzkuODUxNTYzLC0xNzkuODUxNTYgMTBlLTcsLTk5LjQ4MTEgODAuMzcwNDYzLC0xNzkuODUxNTYgMTc5Ljg1MTU2MywtMTc5Ljg1MTU2IHoiCiAgICAgICBpZD0icGF0aDE5ODQiCiAgICAgICB0cmFuc2Zvcm09InNjYWxlKDEsLTEpIiAvPjwvZz48L3N2Zz4K);
  vertical-align: text-top;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.av-popup iframe {
  max-width: 95vw !important;
}
.sovr-wide {
  font-family: "Sovremennik Wide Bold", Arial, sans-serif;
}
.initials {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #e8e1d3;
  padding: 1.25rem 1.875rem 3.125rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .initials {
    padding: 0.5rem 0.375rem 0.625rem;
  }
}
.cols {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .cols {
    display: block;
  }
}
.col {
  width: 45%;
  margin-top: 50px;
}
@media screen and (max-width: 1023px) {
  .col {
    width: unset;
  }
}
.years {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 7rem;
  line-height: normal;
  margin: 30px 0;
}
@media screen and (max-width: 767px) {
  .years {
    font-size: 2rem;
  }
}
.baseline {
  background-color: #afc3da;
  height: 1rem;
  width: 100%;
  margin: 0 1rem;
}
@media screen and (max-width: 767px) {
  .baseline {
    height: 0.3125rem;
  }
}
.subheader {
  font-size: 1.75rem;
  line-height: normal;
  text-transform: uppercase;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .subheader {
    font-size: 0.875rem;
  }
}
.eventsheader {
  font-size: 4rem;
  margin: 4.375rem 0;
  border-top-width: 1rem;
  border-top-style: solid;
  display: flex;
  justify-content: space-between;
  padding-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .eventsheader {
    font-size: 2rem;
    border-top-width: 0.3125rem;
    padding-top: 0.9375rem;
  }
}
.eventwrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .eventwrapper {
    flex-wrap: wrap;
  }
}
.content-block--season70_event:nth-of-type(even) .accent {
  color: #a47865;
  border-color: #a47865;
}
.content-block--season70_event:nth-of-type(even) .accent img {
  background-color: #a47865;
}
.content-block--season70_event:nth-of-type(odd) .accent {
  color: #afc3da;
  border-color: #afc3da;
}
.content-block--season70_event:nth-of-type(odd) .accent img {
  background-color: #afc3da;
}
.eventheader {
  font-size: 1.5rem;
  line-height: normal;
  margin-bottom: 1.5rem;
  width: 40%;
}
.eventheader .blue,
.eventheader .brown,
.eventheader .accent {
  font-size: 2.5rem;
}
@media screen and (max-width: 1179px) {
  .eventheader {
    font-size: 1.25rem;
  }
  .eventheader .blue,
.eventheader .brown,
.eventheader .accent {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .eventheader {
    font-size: 1rem;
    width: unset;
  }
  .eventheader .blue,
.eventheader .brown,
.eventheader .accent {
    font-size: 1.25rem;
  }
}
.eventbody {
  width: 55%;
  text-transform: uppercase;
}
@media screen and (max-width: 1023px) {
  .eventbody {
    line-height: normal;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .eventbody {
    width: unset;
  }
}
.eventimage img {
  border-right-width: 1rem;
  border-right-style: solid;
}
.eventimage,
.eventtext {
  margin: 0 1rem 1rem 0;
}
@media screen and (max-width: 767px) {
  .eventimage,
.eventtext {
    margin: 1rem 0;
  }
}
.ini01 {
  order: 3;
  background-image: url("data:image/webp;base64,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");
}
.ini02 {
  order: 4;
  background-image: url("data:image/webp;base64,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");
}
.ini03 {
  order: 5;
  background-image: url("data:image/webp;base64,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");
}
.ini04 {
  order: 6;
  background-image: url("data:image/webp;base64,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");
}
.ini05 {
  order: 7;
  background-image: url("data:image/webp;base64,UklGRjIQAABXRUJQVlA4ICYQAADwXgCdASrIAMgAPlEkj0WjoiEsorJMYZAKCWkGep01ylVkDw98z/yebFcZ/NfzVHg8stRT2pwtIBd3zTqTsn+r5afsL2ESr5bWyWYPcV6uQKnVMt7XjheOzrhhP+P/sv04H8/ozUd7bIMUrksYmVX50xChckEhM3pFq1/HyhFz5rQ1iql6NSD/J9KNZkVa4Sz1rtMepbJVCA/hB5fc/YuKsP0SD9r5QkqpnGciiFaRP4PKvIBwJwDoy7UgUAzT5VK8FT+ih53Vv0CoWNs4pAUNclLiRu0Bo1Zl+c7RSAyVM1a3q7ztUAHiTyDub0fNg3MS7H6kNnmteKuKi7rYbT0RXp4O9buNtvFtIDFP0RWYSpUab1FTUmqTMOqfHvc2ixYUwq4XgK99uh7dtPQi7i+c0OQMZRm5bAP04mHdN4upOvXk8o/m660x+sc542mPFMLdrBdF8yzFQYtAI935ecN/cWJ39QWN5oQgrnL7nRODTarGfGec/NlNuOzMdj1H478I+PLmqPQeQhOZ3cnKUFzxgpOxS+/7OWRNTmzahv41657KRfSGZvQmLs+KijfMav5r4p5QqqJOsvAldNqZC08CmXEqkw8A0BYXgadUUXFiTDy1F8VPEQGg0af3M9n6K6zJidrBZTKaAuS32NoBrYdaImOIL299aKkgKKj2aPyIDI2v6k+be6CUHcpAWhCy2gpbKf91BOzjs9DfMdvvtAUnjoVZHaZ4O258P78+Mrp7qRmGAP+fByDaLfr1zOZ+bapVic7QnBDOYOwOM2QX9AvSNngn1AWkSne9FRf9UtSDGcyAeRRFnPlYAwRMPvieUCkZ4HuuSaFKj8JrwKpFC3wRNLmeZmgua4ytkN6IaBFeT7Z9QyitexoaywzagAohJuk1ppg3Pq2/mshXGer66+ozi2/I61Gxn5+rejoEmyXh87OneSNfoQbBfRXwUf3p/CV+bN29PEmgAFIi3WLESu4r7C8LDzwtpie5rxnEp34XRkby6/TYDDGBZY1iEp5BvzQA/vaQbQfvVPPHrSIPuztMbcGlETYbN98BKP89+xd0AkyxynsAHqNrAEeuTwZTKJ+WoT1Z9GuOR7H7PuvPH72bpEQc8bTEasH/jizxQkgzwHoctEPLXnRVlY1YEeAkvjXBfOoQ1C7qMbTFCac8StsTHl6ZsIkU2CGXwc0U4l8VFZyMa3IR62gJEnzgb9LSrgfQ6lD30+njxG1DQhNsU9/wSAoBPIc7H7HQyzQBWKiAQ/V2dDKBPCzn01U3eftfLTTO/KRGFSl1phOMz+pHqrB/dQNrjfJMWemYUr5RiXOtaLjG3/5ZtwWQKQJnyBaRLOr2h2YjKqxismh99KWKba8kGZzHVOonERsvEU843L/nCpecg0EzRlD955zToRaLNSVvOcMUdrcRP3WhOgm8U52OKzXV0fKcpa3dZfY75w8j2CbeuTUe6yqwOvUbvttJqf2bKePrxg+sxUtkSoxCL/SutmcIQw3Lemw/KKTSqUnesRH2m9B8DHtrp8iCzK2oot8ai21ZW//XfKtyesIiw5QELqZlKaEqpQbyMziXs8hUu7gA4PUTo3Yl2Vc1D8RTdu2DWCMEsgKSOT1KVgSoLfl5uC8rium+I4IFc6QNHDI7wsVc0eyX+Ojc7uM2i7Tbc8TjgnxC5e4DxFCMDdgKSsYlU1Hn9jjVor3TUME1mNAQzhf3XeqnGifNbKeMIYf8BE+xt+3dadfgRBKR4qiCMoBrwHzf38sg3AFu6eusbhoprOcOAs8xnfRNDxx/5emXRru/CkH2UIjpCKv7wn8+V2wS5LdWeTNR/4v1KM+VuB3dz73ZsbTeWKi6xajJ2vp3gRBJMYu0jal8wKBLSt8ePDNWFd8ZQFon2fBSoezvmfGlc0sK/iQIXUTdJp9bXfjxEWxo9dd6q5O2UcxTrlCCINsqUmkhuTnTDafQdjQl/0cEWBJ1sUcaFJNfMP0tuLo1dljKOM2kXkv7ZT531de2v3TcX1iB5z+AkTC632oeCgjt/uV7HGZi9ftJ9vmSwjZVFzG2vmRpKry5F5Pr084Yxz+Y8COpEdJ8FsNlazPyMe7I4JnKKyyRikpGNQC67ITI/qUWZ6QJPOwyeCoZdcT1Jo+bEZbMZe0hBzLnGHqRxuyE7AlvRshA00+It/R97jPfWlFh9LlvPGyC5d0tulf/YTeekEtqlxM0jphUZfHfLn43obGrvL/CN02VuP97RO59XcJRJGrpnagGM9y1+3pwv43r1VOfQ9mgVqVl8zalzETbytQUk3yBr5cj6SJfr3eEQq8Ak8J1HX46PAaCpQYVCXqaKwQIAY82fTJr4EUQvHgBEe6PoswI5tLHsN/UYHLQeLdTIpnkmosqqdpXuIoN/k5TCaMwh6njPaalvyebilb2IXZImQORa1jLaoJY697bU71HAaOJM58oIg98Vwz3b4oHCGAJ9sW2b1ST3TdlOSj7olGEpD+UL+8fAbdW/C++0++nF7+3nqSLZOBFlE9JwWcjtOAX/0+eUyNE6VEQfeHFLh8qqdA9Jf+RttlDOJlB1cpJQRP4xff+gen2znoEzNp79PVAS+4pYfHiiMUMHo2z2Q9of3J7ETTm8taIkBiq936QSD4ylwXc5n9iLmUJ+bjnmGBaoiyhSdoPdwMYzgRa+xx/0dspAFoKg7FtTkA7MjBxESPTpIXI4pXIqVwUFEWa65rKGBSLSB8e8QuKYowfz9705K6Cadbhzmm9TSE1Rn8EWmKaEJDqUWMvaM7PoFEFGQ2BzotzI+h3WFuy7KH2xKqDpXRN4Hjn8s9YAp8xMEXZm1USNYO87m3V/fTpXdljRJgqT1F4nCdRmBS282DkmOtmO7vyFOxOb5n+ddUMw3LgfQLBqUQK6ZFpsGsa2cj9GQ5nRTA9w8oIigIywV/lT6L5p206YDJ4Dp/LZaz7a5f6p/yGn40HfeTCWvNb9GPNkQ1iy3MDB3OJuYIVxb8Zq1DXZWYdo7YaSGGWObhcaZT8GlG2ZyDxveCLRQLv2/exnqhzsqOE/xxJckIRd5JwJkPnXlvc8VNQb7TVXqT2kwNh/jgg/4C6/nhayPaxQakLc4oPmTz+r8aejgI50vt/t/iBCO3QOP5PcAbsB5OJlklHwznHAVhGn/1BdvD84dl8JFlnS+WcsikROBdP919U077ScYvO+dkRElm9IF2wiTjCN88/O1Og617/NEflJVGxofCma+PeY3kK0BHGTIBSwZ2QxKfEwkZzzggHPNdYzzkRx7E/NP+cZPuXEanUhGgEIyl8ManqXronj0YYTSqohk7bs8PUOUAVTJICRHWN2S9eKVWSLxnAg1JbxB03Uk3z1xgwMp+5c6H7oJ6bnHcIqCs06QvgpSbdtS4INF89XX4TQVWv5PbB2hxZSGuRnSgrMmwVgJsWk9O4n0Ekqz77G9gncuIscrBlz7as4UXDkCrrSbGALZtV5kGh7bY8L8jGmcqrCagmhVGMLY2bvcrySPGGzHHDgkbWLw0v4aV0MKUptmmGxsOCfNBSqWqMiRAJYSLBxE1QRxxM+/Eq2HAlrbOZW65Ml5p8rWLdm+M1hQFoyJrtb5PJLBKWG1mQdaNbvQ/X4PxcqGuNZ71qTW9LUtuscRqR3Yc5nWMatCCsJxtMCKOKdGF6EA+VS2/iEjiFcC101XAA2PLcKRi02uQhri7Vo4FGM/nxpeqZ0xdIrEpm99U6af3TgA+8hst7TMy/AaUBSddQ63Fyqo4cttJKohgP66SKhdC8UNEH9Cy7M+ffSDQtDrB/WcUKXr35vtqnJEaqPgzPSjxuhLpsAafGhg7goIWHdn80oGbXOrFa5jD7JcnNNdXuyGrTU6XFbsuw0/YxlgU8rbUOx1rJPbFrqdYyVjkGx7F4ETy2E3BJoBflEdqOfZRyYYmteTs0/nfL3+hQL+oXXZY1zBNfMjSqxQzen6jNTc16uHJjaAyKNPWQ5buxBYx6yWxt16Br1c5hicsmCjfBjy/m0HIfv5wzo4MDTWmeWLwpiN4PI9Ab0H9XQ0YgmV+xwewZrfKuky2s+TQYS+G0SMZg16I4i/k7L+HbalYs5ccB/AXY3IjpOTapfqDMvbaSG68U9nSnbJOh1eMuh/bcw/4mYOOQLGWh55ILG3B/WqzhWkLbFCatmvXWwLfqPYmPXRbvKntnzvY5URgoDxCDOEX0Ml/Gm/f9jqHG3PrmI9z2vz+zcGvR0/iZmwFncs2KP8v2aiF54RrnMLVutmefE8JxBBWsB2AiCZEOtqv6rufv4b95KHrFrMq81z6zzAV95a+8AMSRWOilLrlSye0K37vTaHgjI+O9zzF+bRN+QZHGREPm03rLllBu7UgdMztFALf774jX0DBNwqyZOwwQL3FptP21f2W51xMC+QDXu5cR3i2YyIQhmKXkGKfUQ9TEoET5M8PKoEsg/CVGLz2e4Xz8Kh9ytc6/s7l4nN4gyy8fMvwGqUwmNnkKtL3M5ad0RetBUmSUkYw9kxU1AKpGGl4edIBRo0akcW7ekmaOkHwDqh9KPBsoBnWwQdLHVNWXayhTvx6g2c1tiCaFJc5c1GupDW9THzHYjHXsY3xtAIDbghoSjuiRNTaS/T6uE5NQfMu+x/xuLvItblxLuyc2RIOA0L/dLGE4mK/sb/7d5CVDjM4DsOxVNJ+VuUnmgUh7IwNkYDzwDWRsYJWHYOWOdLpfM6ys400LDV1xGcHv9DCmhvjBHdMrMqRuPavPyXxUlLMLbb8XH1UGCZcaqI7kEe4c8jWiIrz5FySKyxxJl019bZZnFEQexmcMpwrwke1KlFNxE0/iczRJ5hkMBPZQTAIMO5sfwxfJDqne1IXZ7udi+slLINEIb4ftZ/M2SM0usq4yQmru3dxC9xRi8FTM2z7763jMt90z8xJubnzcRwpe23HmnkBdvl6zN8fSRAcr2rNdRXxgx33oRbrCzwZMz83FB71yHOcnZPyLAXJQSL00hXPBBPh98p/OWRPeAJihvpTgpMas6IlJ5xcUdwRZg6bewzJx+jGLE6jErDsuGyekBRuO83il2sqKq7agst2Pp55QojhmmpDXSGF4jckeEnNfRZ8QfFMwXuYmepEGVwd9a4FWhQRLomNJxyVujTGYTvwG6DlgC9WMHz+ah46u52ySK6NzlP4/lT1TuwRsiyZXSI88IFM5XX4zw2yefEl2SbEoWthbfPO0ng5t2sMGyG6D6lONqNWnSKssu8b5dskASyl9hvjLkhiy8aRaghrCOXGml+NlqtOmB6vDmVFj7h5mLBMgnxOscQWQG6riR6LDFr2MKUrA9vGBy/dBMGadPKO7cUC+qfMragLh14nsbHL9Ks4wlHQpHTMA/RxidlP59sw39phV3msktxm+HYt6yYC74ggC1WX90N+3xjeTH3X8dgZoDAG51/0oFm3gxH80jq3n/i7ebsjmpcuU00e5RParxHcKoDP1HkQaGkujL9bnFMSC9e//N/N3Kt0hXVM+zJE7n+qJSFgFkyP1AAA=");
}
.ini06 {
  order: 8;
  background-image: url("data:image/webp;base64,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");
}
.ini07 {
  order: 9;
  background-image: url("data:image/webp;base64,UklGRigMAABXRUJQVlA4IBwMAADwXACdASrIAMgAPk0gi0QioiEZKmYAKATEtIQ4AMh6HGy3tElI7ylMNhd/qXfRUYdt2K0/+2AIcm1A6Rma8M0bXPZyuWdodPmbf7SjBOaAT5cFsHd0yCvtUmO4qsW8AHVfo0prstn8AC6jvv5jaVUH3oJXxI69NfxaMia3SgokchZELhVY1n4pMzUIfMXGr0Jps4IVOP7DC7aJjiJSOYPpRW7MXonajx5ZmMW5xKt/F13hx4jLqZHQyvK6K2Vwxy/pmli1G4hCctYv1MwGU6yDe3aHeNPCnZpWwWWsYpppCR0/rpJHmDjz3wEN+mqoDGBs5fu3tURT5xtUCkt+WqvXZTyrtEXNuTHhGrXiLUi7gijoM1WI5QlagYTBYCEGfmS25z0r4ENEUPxz7g+CoTzggCqSHfFmLsjYTXc4zYiL3wBsFUaxxklEbZA9j0K8Umseqj+OEP2BA/1rYUmOw+elYCPEhEIcpLUpDrMR0tWtlHiJkv1j3ZKOLX1ivWS1KILbfC27W7my8a4meP3NwzaT4mg/cUzJLToswc3YlSSRB0kCTUB3iEQo2uWlhpeDjq2oj9nVX8Tt2BHolhDCShbrh0jizJG/GH0pgW8CmyLKebibOaiukkVuHPcZnuSsb7FCWnbdfPg7iDQmBIyDgj82fXEy6ITr9Sa/zGHTnjZJiwnq5p5CEZMCARx/FAn7sSx1c1pNLE02fgthx6zlvtWvK+ZsAz//5tWeon6He0lBAa6ztggDi6vCDhnuPxo6nrWX6XUjsOpU2lfczovxA/4gahIEVFB3VMixtKxUdtz+gXPdzO0dqC2VUEDVpSyr59YWFDEaTvxdYNUU1skyG/xDXHr+0gm/s6sY4UzAo8y3AfqjoxMNisFUGvAhMrO2iiHVvUYSndlpkXolIPqSRhex43jgyX1140lkEHjLIpjvO/IYxtf8B9QkOsWs1J966wg8E4/gxVuq1GCJc9QjED+ixOc0CXrKwsqxbdxr5Xm3aAD96G3EYbLlFhQvBfutvn+o4zZVaR1G9beHqdMkazDwdyCM5xGEhTseIWSmfVTxjPfi/VNg5KMdgvIgUvAFtj9EJFpmtT2ruXNiTIiussaNW1t7TGjYPG/P+d9/qU5tR1VPEI7h7KQ47GuAvOuKOZNzyB6Qv9PBJG2uyD/UYd9dMfQk7r0kpmtWyn8I4noW2sSTeBU+7+EtEOMN8jPxKtY4aCsjneJ6ZXurv3q1RsQNihyDNACZBv2tfZWpHN++28e2vJ05+ysUBH4jwc1U7AdwIKlv+/z6yRF0bjgp2YwgwDvpuNqNfFBAY0bzr479+jEzZn/dZtgNuecWcIiv1Lex0qQdPN7S2RQApfuzT3D89diqAfrCb0n8TM372DR0pBSKQhBR65qAWgsH75E6hdzBVXjs9PJQVCTY6WQ6WJlUclbYNbWelom63EAlY5U0UTRGruhbw3nV7Yt7Q3GUd+IZIEFyk5/p1pVOcKOne6S5w3RfjDtBmzF5/EXy9Kl2ydYFutXakj3opnC8BkZPDVIEYvQ8excnXMeYWFjNRTzfDUVqCU+3vgtkko+BdaFjZnb2Hy8w3ox63SJV8zt/BFn/ox38Nx5oX4G8eELNywTMJWzYxnPrcJNt88TjKJaEognRX8P6ozwC6Kcc61x7ps9yzzrxD6d7CtGBunX0GzWf+q3YNEN8LXV0OhmaedtZBCiEpgbIy0qqINh+pQ8B8c0DP6Zkdz+LZDxt1e6PBVE5369+251IFS7TQP/5Tjs5tCqlZ40yuQbpJBNGJese9qxJecKIEfR4T9VJPkBv06aEngazC1FQB7QrafY8WZS7UX1QWfS4bMYoHQiyX2qK6Vv9IcKJLeRofLp+C5WgEuAYUdUVbbBhsbuA3987PakCpkHsTAHNWCghKswamxdWdTLolJhF+o6/EPpfKXzgxHLD0QeywplX0/cSynevL0di7oSKjn8NVbYTwSbgRnpkZOkopItOu2pVkpctQgqQ515IeAKx7WW9AAr2HfJhCzXm5swZzKH9NNG6TYstH4UMTdWtet8aHJUx/RDFvKgilATcABqBIw4j7XQO6HPtmFUCyGMvMODe/hy+we63KLhDJBLQfWnTOPGSrje6KQOPeeuL/lctHpc61UoY0aOb3YmIXR1aHa4ps2C3ErV2h7Ez/eZjZ5CF9i3frNzZL3vwNST2VY81u4ozgK6Ap8Z9oBchsuoiuCX71SUjLMsNOqznImyxDwiKxXcVef4pFnegMMkpxO50m6JFINp7zwobOGmH0dYcJCtHT83xd42cYZ6pODqMrv5DL54u2N1yU3cJQjPhZTW1aRwRa+n2qn10opx4v9Yp/yAxKc/eRyzsPqJSXTMYIEqB0+VQQo0dMQM5WIfAAWM9vHLIjLTVnsGUyG8vFDtI3fsrXF56SQfeXQr+/sv5fG1Gaus9JgSNbfFRLMt8PLWLw5mdGtgN1ZOhPBaF30RWBqJ8oKIp3wsYvfuAL3vUyg6aaz+wgPE3Pze8siX3a1PTx6lBpelBMRjNZNMWeReCg3EFuJP2roVhQzUCINMtHLr67pn78n5KmuOHesIPmdPmmrVrmta/Yd+cnvJlOM7RJD62/hd3JMm9jxcp9x+C7ADcBbJklsy5QlUPG683ryxH2GNt7+ltmmQKUbZQAbvUNB1erUhRzz6IqFAgIxHGBT8Syfdp7qDo3/3kwDv55UyQ5PneWJKVuGAgugbzPfBp5x11HMFLnYYt8TB5vvECIeg4fBKNtL0HId0cKpof/5XPVmHpRSzq8qetjdQ6/wzjYfN2RRivT1eLeA26C90WgaMBIKQWw+ldsxqQsCe1DjUgycgSALcARR+V5C50gXf91y8TZF0RFR/18cLtkP7ZNf1CnozfgY0DCQcVyvxI1NPOF6llHyNADMXA2C1rz/YlueZh7IeW5ut91Rz3iJx8ARVl71bMHzGd7adA8TXxdiznPN8iXUVejMYr3YVsNC6mszrc91wtvotH9EVuTE4UzNg94txLNwN8sG8FKroxawl3R+mavxH2krcqutLv6RTwhtkiGNGVBNBdA5NL2hZO8cZ0Ur9H+YQY+DJwiC8SSAGPKWAtn+JDnWp1bBrLCophkG6b6fquHuwKPmLF9uLqW85OnqKAdjNLDv0iuYAn1szESkKd5l38Bzt/xi4LdVZtEdujT6xMgVKdLWlec17nTT2W47PYiFox22Qh7/IRjb+7Ei+7Dt8uHhrdUgk6v5X3OBkixYZ9RyE+yfOsB4iKLL8pnElP24vUrQ2Z3A24dtwHVeg9uWXWHGt3QOr160HxZrkSQYTC7uQE+jwD2TsWw1/5csPJViousEpdVgJIMIPu6uHWclw5iolE3+ExBpY6NN4xG8iRMumdjZELqUA7Iit5WeDaRIWeP/WbYrhyRoVwvhMcdDLX/h5V1oxhp5oL3/PkKjkAHb07IAXY6/53IWxaY/cdSxXhnv9e4MAyrPEhXpLZ9T8vemHSw16RjmmSVuhbGbB+VbaMy0RQXYwLVaahgkGDusEER5cX8dos2FRrJf/Cjrmd7LYxYK45XJmcNrMGHNoJmhOpk3CJvKq6hbRYAi57rBSmA6VQxwcombhh4/iGyqKHeDajatq1LKyI4JquNztHTSH9q3jYcZqqZaaSxg7L8t2PJzO2zp1h1k8OjgL49BlrbFostb60fIVQ1wL5dWPqKSnUMWQ23+fx4x65Oc33i1O1RFJGzP96gVEuTG6K5TbSViv7sQsIo+nekmo2EYhx0v75wg79PnZCOIzhNxmUzaeToXVBYqJk7QidEGho86RGWxyqhA8sql527pkYDTSTNPDCt+eyk7ZBCIgv0gqdmqoulIKP9PYqmiFxUxQWRVRHQsT0S9RCnKhU08vT+IB9deZM1ywioStvLWavdu+9gB8v7qfA8gqjBrnbLfm4GZKw7Yh416pf8O3waEqoeQRMCQIeHf7XTnJeSVFtEJ2L2FY8g5FVeitPtZ+T7lbC+0vgZTUFdon89ZceQyq8h2K6pWajVH7pHhWzppOnNdEFiVm4iRTMaEzrtWBu38B6iKXW457OHsv4tj89EoRCkCMqzZimDRTlkweFqgoepzrGOVqnLUV/HrXkxxji/jDJN+IwAAAA");
}
.icon {
  margin-top: 1.875rem;
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  width: 8.125rem;
  height: 8.125rem;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1179px) {
  .icon {
    width: 10.9375rem;
    height: 10.9375rem;
  }
}
@media screen and (max-width: 1023px) {
  .icon {
    width: 8.125rem;
    height: 8.125rem;
  }
}
@media screen and (max-width: 767px) {
  .icon {
    width: 3.1875rem;
    height: 3.1875rem;
    margin-top: 1.125rem;
  }
}
.logo_70 {
  order: 1;
  width: 10.5625rem;
  height: 14.1875rem;
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjUgMTY2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZD0ibTAgNDY3MWgxMzY2di00NjcxaC0xMzY2eiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MiAtMTMzKSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLjM1IDAgMCAtLjM1IDMyIDE3MzYpIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDIuNyAwIDAgMi43IC0xMDYgLTc2ODgpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTEgNDM3MikiPjxwYXRoIGQ9Im0wIDB2LTMuNGgyLjZjMS44IDAgMi41IDEuMSAyLjggMi43bDEuNSA3LjdoMy40di0xMGg0LjF2MTRoLTExbC0xLjctOC45Yy0wLjIyLTEuMi0wLjgxLTEuNS0xLjctMS41bTIyIDEwdi0xNGgxMnYzLjRoLTguNHYyaDYuMnYzLjNoLTYuMnYxLjdoOC40djMuNHptMzQtMy42di0xMGg0LjF2MTRoLTE4di0xNGg0LjF2MTBoMi45di0xMGg0LjF2MTB6IiBmaWxsPSIjYTg3ZTZjIi8+PC9nPjxwYXRoIGQ9Im0xNDEgNDUzOWgtNzh2LTE5aDc4eiIgZmlsbD0iI2E0Nzg2NSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYzIDQ0NDIpIj48cGF0aCBkPSJtMCAwaDE5YzAgMzMgMjcgNjAgNTkgNjB2MTljLTQzIDAtNzgtMzUtNzgtNzkiIGZpbGw9IiNhNDc4NjUiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQxIDQzOTMpIj48cGF0aCBkPSJtMCAwYzI3IDAgNDkgMjIgNDkgNDkgMCAyNy0yMiA0OS00OSA0OXMtNDktMjItNDktNDljMC0yNyAyMi00OSA0OS00OSIgZmlsbD0iI2E0Nzg2NSIvPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+Cg==");
}
@media screen and (max-width: 1179px) {
  .logo_70 {
    width: 14.6875rem;
    height: 18.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .logo_70 {
    width: 10.625rem;
    height: 13.75rem;
  }
}
@media screen and (max-width: 767px) {
  .logo_70 {
    width: 4.125rem;
    height: 5.75rem;
  }
}
.logotext {
  font-size: 2rem;
  line-height: normal;
  margin-left: 33px;
  margin-top: 25px;
  width: 360px;
  order: 10;
}
@media screen and (max-width: 1673px) {
  .logotext {
    width: unset;
    order: 2;
    position: absolute;
    left: 11.25rem;
    top: 0;
  }
}
@media screen and (max-width: 1179px) {
  .logotext {
    top: -0.25rem;
    font-size: 2.125rem;
    left: 11.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .logotext {
    font-size: 1.5rem;
    left: 9.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .logotext {
    order: 10;
    font-size: 1.375rem;
    position: static;
    position: initial;
    top: unset;
    left: unset;
    margin-left: 0.375rem;
    margin-right: 0.375rem;
  }
}
.sovwide {
  font-family: "Sovremennik Wide Bold", Arial, sans-serif;
  text-transform: uppercase;
}
.brown {
  color: #a47865;
  border-color: #a47865;
}
.brown img {
  background-color: #a47865;
}
.blue {
  color: #afc3da;
  border-color: #afc3da;
}
.blue img {
  background-color: #afc3da;
}
@media screen and (min-width: 1023px) {
  .bighide {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .smallhide {
    display: none !important;
  }
}
.dashedcircle {
  fill: transparent;
  stroke: #a47865;
  stroke-width: 2;
  stroke-dasharray: 350, 10000;
  stroke-dashoffset: 350;
  stroke-linecap: round;
}

/*# sourceMappingURL=application-d100e174.css.map*/