/* desktop */
.u-StateIndicator {
  position: absolute;
  top: -999em;
  left: -999em;
  z-index: 1;
}
/* laptop */
@media screen and (max-width: 1279px) {
  .u-StateIndicator {
    z-index: 2;
  }
}
/* tablet */
@media screen and (max-width: 1023px) {
  .u-StateIndicator {
    z-index: 3;
  }
}
/* mobile */
@media screen and (max-width: 767px) {
  .u-StateIndicator {
    z-index: 4;
  }
}

.Button {
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 50px;
  text-align: center;
  color: #fff;
  display: inline-block;
  position: relative;
  height: 50px;
  padding-left: 45px;
  padding-right: 45px;
  background: #e6102d;
  border: none;
  transition: background-color 0.3s ease;
  cursor: pointer;
  border-radius: 2px;
}
.Button:hover,
.Button:focus {
  background-color: #cc001b;
}
.Button--grow {
  width: 100%;
}
.Button--small {
  line-height: 44px;
  height: 44px;
}
.Button--small2 {
  line-height: 40px;
  height: 40px;
}
.Button--tiny {
  font-size: 21px;
  font-weight: 500;
  height: 48px;
  padding-left: 25px;
  padding-right: 25px;
}
.Button--transparent {
  background: transparent;
}
.Button--black {
  background: #100c1a;
  border-radius: 0 2px 2px 0;
  color: #fff;
}
.Button--black:hover,
.Button--black:focus {
  background-color: #100c1a;
  opacity: 0.8;
}
.Button-loader {
  display: block !important;
  position: absolute;
  height: 25px;
  width: 25px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0 !important;
  border-top: 3px solid rgba(255, 255, 255, 0.2);
  border-bottom: 3px solid rgba(255, 255, 255, 0.2);
  border-left: 3px solid #fff;
  border-right: 3px solid rgba(255, 255, 255, 0.2);
  transition: opacity 0.2s ease-out;
  transform: translateZ(0);
  border-radius: 50%;
}
.Button--submitting .Button-content {
  opacity: 0 !important;
}
.Button--submitting .Button-loader {
  opacity: 1 !important;
  animation: Button-loading 0.8s infinite linear;
}
@keyframes Button-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.TopNav {
  position: relative;
  z-index: 12;
  /*
    &--index {

        body.lang--ru & {
            width: calc(100% - 323px);

            @media @device-medium, @device-small {
                .calcgrid(
                    @property: width; @columns: 9; @total-columns: 12; @has-last-gutter: 0.5; @total-padding: 1;
                    @has-padding: 1
                );
            }
        }

        @{c}-tour {
            margin-right: 0;
        }
    }
    */
}
.TopNav-inner {
  display: flex;
  position: absolute;
  align-items: stretch;
  height: 65px;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0 28px;
  transition: transform 0.3s ease-in;
}
.TopNav-inner .ExcursionPage,
.PostPage .TopNav-inner {
  transform: translateY(-65px);
}
.TopNav-logo {
  position: relative;
  align-self: center;
  margin-top: 1px;
  fill: #e6102d;
}
.TopNav-logo svg {
  display: block;
  height: 36px;
  width: 24px;
  margin: 0 auto;
  pointer-events: none;
}
.TopNav-links {
  display: flex;
  align-items: center;
  flex: 1 1;
  margin-left: 28px;
}
.TopNav-link {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  height: 28px;
  white-space: nowrap;
  transition: color 0.3s ease;
}
.TopNav-link--ru {
  display: none;
}
body.lang--ru .TopNav-link--ru {
  display: inline-block;
}
.TopNav-link.isActive,
.TopNav-link:hover,
.TopNav-link:focus {
  color: #e6102d !important;
}
.TopNav-link:not(:last-child) {
  margin-right: 40px;
}
.TopNav-tour {
  display: flex;
  align-self: center;
  margin-left: 20px;
}
.TopNav-tour button:focus {
  outline: 0;
}
.TopNav--excursion {
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 11 + 10 * 48px + 1 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .TopNav--excursion {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 11 + 10 * 32px + 1 * 32px + 1 * 48px) + 0px);
  }
}
.TopNav--floatNav {
  z-index: 13;
}
.TopNav--floatNav.isActive .TopNav-inner {
  visibility: visible;
  transition: transform 0.3s ease, visibility 0s ease;
  transform: translateY(0);
}
.TopNav--floatNav .TopNav-inner {
  visibility: hidden;
  position: fixed;
  width: 100%;
  min-width: 1024px;
  background: #fff;
  border-bottom: 1px solid #edeef2;
  transition: transform 0.3s ease, visibility 0s ease 0.3s;
  transform: translateY(-100%);
}
.TopNav--floatNav .TopNav-link {
  font-size: 15px;
  line-height: 30px;
  color: #000;
  margin-right: 40px;
}
.TopNav--floatNav .TopNav-tour {
  margin-right: 0;
}
.TopNav.TopNav--contact {
  height: 65px;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 21;
}
.TopNav.TopNav--fixed {
  z-index: 21;
}
.TopNav.TopNav--fixed.isExiting .TopNav-inner {
  background-color: #fff !important;
  transform: translateY(-100%) !important;
}
.TopNav.TopNav--fixed.isExiting .TopNav-inner:after {
  border-color: #edeef2 !important;
}
.TopNav.TopNav--fixed .TopNav-inner {
  position: fixed;
  width: 100%;
  transition: background-color 0.7s ease, transform 0.3s ease;
  transform: translate(0, 0);
}
.TopNav.TopNav--fixed .TopNav-inner:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  border-left: 8px solid #e6102d;
  z-index: 2;
}
.TopNav.TopNav--fixed .TopNav-inner:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid rgba(237, 238, 242, 0);
  transition: border-color 0.7s ease;
  z-index: 1;
}
.TopNav.TopNav--fixed .TopNav-link:not(:hover) {
  transition: color 0.15s ease;
}
.TopNav.TopNav--fixed.isActive .TopNav-inner {
  background-color: #fff;
}
.TopNav.TopNav--fixed.isActive .TopNav-inner:after {
  border-color: #edeef2;
}
.TopNav.TopNav--fixed.isActive .TopNav-inner .TopNav-link:not(:hover) {
  color: #1c1630;
  transition: color 0.15s ease;
}
.TopNav.TopNav--fixed button {
  line-height: 44px;
  height: 44px;
  padding-left: 44px;
  padding-right: 44px;
}
.TopNav.TopNav--sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 13;
}
.TopNav.TopNav--sticky .TopNav-inner {
  position: static;
  border-bottom: 1px solid rgba(237, 238, 242, 0);
  transition: background-color 0.7s ease, border-color 0.7s ease;
}
.TopNav.TopNav--sticky .TopNav-link:not(:hover) {
  transition: color 0.15s ease;
}
.TopNav.TopNav--sticky.isActive .TopNav-inner {
  background-color: #fff;
  border-color: #edeef2;
}
.TopNav.TopNav--sticky.isActive .TopNav-inner .TopNav-link:not(:hover) {
  color: #1c1630;
  transition: color 0.15s ease;
}
.TopNav.TopNav--about .TopNav-inner,
.TopNav.TopNav--history .TopNav-inner,
.TopNav.TopNav--career .TopNav-inner,
.TopNav.TopNav--production .TopNav-inner {
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
}
.TopNav.TopNav--about .TopNav-link:not(:hover),
.TopNav.TopNav--history .TopNav-link:not(:hover),
.TopNav.TopNav--career .TopNav-link:not(:hover),
.TopNav.TopNav--production .TopNav-link:not(:hover) {
  color: #1c1630;
  transition: color 0.15s ease;
}
.TopNav.TopNav--brand .TopNav-inner {
  width: 100%;
  background-color: #fafafc;
}
.TopNav.TopNav--brand .TopNav-link:not(:hover) {
  color: #1c1630;
  transition: color 0.15s ease;
}
.TopNav.TopNav--posts .TopNav-tour {
  margin-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .TopNav.TopNav--posts .TopNav-tour {
    margin-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.TopNav.TopNav--posts .TopNav-inner {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #ebebf6;
}
.TopNav.TopNav--posts .TopNav-inner:after {
  content: none;
}
.TopNav.TopNav--posts .TopNav-link:not(:hover) {
  color: #1c1630;
  transition: color 0.15s ease;
}
.TopNav .TopNav-inner--isInactive {
  transform: translate3d(0, -100%, 0) !important;
}

.Slider {
  position: relative;
  height: 100%;
}
.Slider-items {
  height: 100%;
}
.Slider .owl-stage-outer,
.Slider .owl-stage,
.Slider .owl-item {
  height: 100%;
}
.Slider .owl-dots {
  display: none;
}
.Slider-item {
  height: 100%;
}
.Slider-item img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
}
.Slider-left {
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  cursor: url('/static/img/front/cursor-left.png') 3 8, pointer;
  /* Legacy */
  cursor: url('/static/img/front/cursor-left.svg') 3 8, pointer;
  /* FF */
  cursor: -webkit-image-set(url('/static/img/front/cursor-left.png') 1x, url('/static/img/front/cursor-left@2x.png') 2x) 3 8, pointer;
  /* Webkit */
  cursor: image-set(url('/static/img/front/cursor-left.png') 1x, url('/static/img/front/cursor-left@2x.png') 2x) 3 8, pointer;
  /* Webkit */
  z-index: 8;
}
.Slider-right {
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  right: 0;
  cursor: url('/static/img/front/cursor-right.png') 26 8, pointer;
  /* Legacy */
  cursor: url('/static/img/front/cursor-right.svg') 26 8, pointer;
  /* FF */
  cursor: -webkit-image-set(url('/static/img/front/cursor-right.png') 1x, url('/static/img/front/cursor-right@2x.png') 2x) 26 8, pointer;
  /* Webkit */
  cursor: image-set(url('/static/img/front/cursor-right.png') 1x, url('/static/img/front/cursor-right@2x.png') 2x) 26 8, pointer;
  /* Webkit */
  z-index: 8;
}
.Slider-captionText {
  position: relative;
  flex: 1 1;
}
.Slider-caption {
  position: absolute;
  bottom: 0;
  background: #fff;
  z-index: 9;
}
.Slider-captionValue.isExiting {
  position: absolute;
}
.Slider-captionValue.isEntering {
  display: none;
}
.Slider-counterCurrent {
  position: relative;
}
.Slider--index {
  height: 864px;
  padding-bottom: 168px;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Slider--index {
    height: 696px;
    padding-bottom: 76px;
  }
}
@media (max-width: 1199px) {
  .Slider--index {
    height: 613px;
    padding-bottom: 133px;
  }
}
.Slider--index .Slider-left,
.Slider--index .Slider-right {
  bottom: 168px;
}
.Slider--index .owl-stage-outer:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(0deg, transparent, rgba(28, 22, 48, 0.8));
  z-index: 6;
  pointer-events: none;
}
.Slider--index .Slider-inner {
  position: absolute;
  width: 100%;
  bottom: 0;
}
@media (min-width: 1440px) {
  body.lang--ru .Slider--index .Slider-inner {
    width: calc(100% + 336px);
  }
}
.Slider--index .Slider-caption {
  height: 264px;
  bottom: 0;
  padding-top: 32px;
  left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 8 + 7 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Slider--index .Slider-caption {
    left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Slider--index .Slider-caption {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 8 + 7 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Slider--index .Slider-caption {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Slider--index .Slider-caption {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Slider--index .Slider-caption {
    height: 216px;
    padding-top: 34px;
    left: calc(((100% - (9 - 1) * 48px - 0.5 * 48px - 0.5 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
    width: calc(((100% - (9 - 1) * 48px - 0.5 * 48px - 0.5 * 48px) / 9 * 8 + 7 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
    padding-right: calc(((100% - (9 - 1) * 48px - 0.5 * 48px - 0.5 * 48px) / 9 * 2 + 1 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) and (max-width: 1199px) {
  .Slider--index .Slider-caption {
    left: calc(((100% - (9 - 1) * 32px - 0.5 * 32px - 0.5 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) and (max-width: 1199px) {
  .Slider--index .Slider-caption {
    width: calc(((100% - (9 - 1) * 32px - 0.5 * 32px - 0.5 * 2 * 48px) / 9 * 8 + 7 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) and (max-width: 1199px) {
  .Slider--index .Slider-caption {
    padding-right: calc(((100% - (9 - 1) * 32px - 0.5 * 32px - 0.5 * 2 * 48px) / 9 * 2 + 1 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Slider--index .Slider-caption {
    height: 216px;
    left: 48px;
    padding-top: 29px;
    width: calc(((100% - (9 - 1) * 48px - 0.5 * 48px - 0.5 * 48px) / 9 * 9 + 8 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
    padding-left: calc(((100% - (9 - 1) * 48px - 0.5 * 48px - 0.5 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
    padding-right: calc(((100% - (9 - 1) * 48px - 0.5 * 48px - 0.5 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .Slider--index .Slider-caption {
    width: calc(((100% - (9 - 1) * 32px - 0.5 * 32px - 0.5 * 2 * 48px) / 9 * 9 + 8 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .Slider--index .Slider-caption {
    padding-left: calc(((100% - (9 - 1) * 32px - 0.5 * 32px - 0.5 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .Slider--index .Slider-caption {
    padding-right: calc(((100% - (9 - 1) * 32px - 0.5 * 32px - 0.5 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Slider--index .Slider-counter {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #bebdbd;
  margin-bottom: 10px;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Slider--index .Slider-counter {
    margin-bottom: 12px;
  }
}
@media (max-width: 1199px) {
  .Slider--index .Slider-counter {
    margin-bottom: 10px;
  }
}
.Slider--index .Slider-counterCurrent {
  color: #e6102d;
  display: inline-block;
  min-width: 10px;
  margin-right: -1px;
}
.Slider--index .Slider-counterCurrent[data-digits-count='2'] {
  min-width: 18px;
  margin-right: -2px;
}
.Slider--index .Slider-captionTitle {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 45px;
  margin-left: -1px;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Slider--index .Slider-captionTitle {
    font-size: 28px;
    line-height: 34px;
  }
}
@media (max-width: 1199px) {
  .Slider--index .Slider-captionTitle {
    font-size: 28px;
    line-height: 32px;
  }
}
.Slider--index .Slider-captionLink {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  color: #e6102d;
  display: inline-block;
  position: relative;
  margin-top: 18px;
}
.Slider--index .Slider-captionLink:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  opacity: .3;
  border-bottom: 4px solid #e6102d;
  transition: opacity 0.3s ease;
}
.Slider--index .Slider-captionLink:hover:after,
.Slider--index .Slider-captionLink:focus:after {
  opacity: 0;
}
.Slider--about,
.Slider--principles,
.Slider--career,
.Slider--production,
.Slider--excursion,
.Slider--post {
  padding-bottom: 0;
}
.Slider--about .owl-stage-outer:after,
.Slider--principles .owl-stage-outer:after,
.Slider--career .owl-stage-outer:after,
.Slider--production .owl-stage-outer:after,
.Slider--excursion .owl-stage-outer:after,
.Slider--post .owl-stage-outer:after {
  display: none;
}
.Slider--about .Slider-caption,
.Slider--principles .Slider-caption,
.Slider--career .Slider-caption,
.Slider--production .Slider-caption,
.Slider--excursion .Slider-caption,
.Slider--post .Slider-caption {
  display: flex;
  min-height: 96px;
  padding-top: 26px;
  padding-bottom: 20px;
  padding-left: 0;
}
.Slider--about .Slider-captionText,
.Slider--principles .Slider-captionText,
.Slider--career .Slider-captionText,
.Slider--production .Slider-captionText,
.Slider--excursion .Slider-captionText,
.Slider--post .Slider-captionText {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  color: #2e2e33;
  padding-left: calc(((100% - (6 - 1) * 48px - 1 * 48px - 0 * 48px) / 6 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 1px);
  padding-right: calc(((100% - (6 - 1) * 48px - 1 * 48px - 0 * 48px) / 6 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 1px);
}
@media (max-width: 1199px) {
  .Slider--about .Slider-captionText,
  .Slider--principles .Slider-captionText,
  .Slider--career .Slider-captionText,
  .Slider--production .Slider-captionText,
  .Slider--excursion .Slider-captionText,
  .Slider--post .Slider-captionText {
    padding-left: calc(((100% - (6 - 1) * 32px - 1 * 32px - 0 * 2 * 48px) / 6 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 1px);
  }
}
@media (max-width: 1199px) {
  .Slider--about .Slider-captionText,
  .Slider--principles .Slider-captionText,
  .Slider--career .Slider-captionText,
  .Slider--production .Slider-captionText,
  .Slider--excursion .Slider-captionText,
  .Slider--post .Slider-captionText {
    padding-right: calc(((100% - (6 - 1) * 32px - 1 * 32px - 0 * 2 * 48px) / 6 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 1px);
  }
}
.Slider--about .Slider-captionTitle,
.Slider--principles .Slider-captionTitle,
.Slider--career .Slider-captionTitle,
.Slider--production .Slider-captionTitle,
.Slider--excursion .Slider-captionTitle,
.Slider--post .Slider-captionTitle {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
}
.Slider--about .Slider-counterCurrent,
.Slider--principles .Slider-counterCurrent,
.Slider--career .Slider-counterCurrent,
.Slider--production .Slider-counterCurrent,
.Slider--excursion .Slider-counterCurrent,
.Slider--post .Slider-counterCurrent,
.Slider--about .Slider-counterTotal,
.Slider--principles .Slider-counterTotal,
.Slider--career .Slider-counterTotal,
.Slider--production .Slider-counterTotal,
.Slider--excursion .Slider-counterTotal,
.Slider--post .Slider-counterTotal {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.Slider--about .Slider-counter,
.Slider--principles .Slider-counter,
.Slider--career .Slider-counter,
.Slider--production .Slider-counter,
.Slider--excursion .Slider-counter,
.Slider--post .Slider-counter {
  text-align: center;
  color: #bebdbd;
  flex-shrink: 0;
  width: calc(((100% - (6 - 1) * 48px - 1 * 48px - 0 * 48px) / 6 * 1 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Slider--about .Slider-counter,
  .Slider--principles .Slider-counter,
  .Slider--career .Slider-counter,
  .Slider--production .Slider-counter,
  .Slider--excursion .Slider-counter,
  .Slider--post .Slider-counter {
    width: calc(((100% - (6 - 1) * 32px - 1 * 32px - 0 * 2 * 48px) / 6 * 1 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Slider--about .Slider-counterCurrent,
.Slider--principles .Slider-counterCurrent,
.Slider--career .Slider-counterCurrent,
.Slider--production .Slider-counterCurrent,
.Slider--excursion .Slider-counterCurrent,
.Slider--post .Slider-counterCurrent {
  color: #e6102d;
}
.Slider--about .Slider-captionLink,
.Slider--principles .Slider-captionLink,
.Slider--career .Slider-captionLink,
.Slider--production .Slider-captionLink,
.Slider--excursion .Slider-captionLink,
.Slider--post .Slider-captionLink {
  display: none;
}
.Slider--about,
.Slider--career {
  height: 720px;
}
.Slider--about .Slider-caption,
.Slider--career .Slider-caption {
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 6 + 5 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Slider--about .Slider-caption,
  .Slider--career .Slider-caption {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 6 + 5 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Slider--about .Slider-caption,
  .Slider--career .Slider-caption {
    left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Slider--about .Slider-caption,
  .Slider--career .Slider-caption {
    padding-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Slider--excursion {
  height: 600px;
}
.Slider--excursion .Slider-caption {
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 6 + 5 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-top: 22px;
  padding-bottom: 22px;
  min-height: 68px;
}
@media (max-width: 1199px) {
  .Slider--excursion .Slider-caption {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 6 + 5 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Slider--excursion .Slider-caption {
    left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Slider--excursion .Slider-caption {
    padding-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Slider--excursion .Slider-counterCurrent,
.Slider--excursion .Slider-counterTotal,
.Slider--excursion .Slider-captionText,
.Slider--excursion .Slider-captionTitle {
  font-weight: 400;
  font-size: 14px;
  line-height: calc(24 / 14);
}
.Slider--principles {
  height: 630px;
}
.Slider--principles .Slider-caption {
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 6 + 5 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  left: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Slider--principles .Slider-caption {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 6 + 5 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Slider--principles .Slider-caption {
    left: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Slider--principles .Slider-captionText {
  width: 100%;
}
.Slider--production {
  height: 528px;
}
.Slider--production .Slider-caption {
  width: calc(((100% - (7 - 1) * 48px - 0 * 48px - 0 * 48px) / 7 * 5 + 4 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  left: calc(((100% - (7 - 1) * 48px - 0 * 48px - 0 * 48px) / 7 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Slider--production .Slider-caption {
    width: calc(((100% - (7 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 7 * 5 + 4 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Slider--production .Slider-caption {
    left: calc(((100% - (7 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 7 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Slider--production .Slider-caption {
    padding-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Slider--post {
  height: 720px;
  background: #d8d8d8;
}
.Slider--post .Slider-caption {
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 6 + 5 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  min-height: 72px;
  padding-top: 22px;
  padding-bottom: 10px;
}
@media (max-width: 1199px) {
  .Slider--post .Slider-caption {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 6 + 5 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Slider--post .Slider-caption {
    left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Slider--post .Slider-captionText {
  padding-left: 0;
  padding-right: calc(((100% - (6 - 1) * 48px - 1 * 48px - 0 * 48px) / 6 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Slider--post .Slider-captionText {
    padding-right: calc(((100% - (6 - 1) * 32px - 1 * 32px - 0 * 2 * 48px) / 6 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}

.ButtonIcon {
  position: relative;
  height: 80px;
  width: 80px;
  background-color: #e6102d;
  border: none;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.ButtonIcon svg {
  position: absolute;
  height: 28px;
  width: 28px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  stroke: #fff;
  pointer-events: none;
}
.ButtonIcon:hover,
.ButtonIcon:focus {
  background-color: #cc001b;
}

.Notify {
  display: flex;
  position: relative;
  height: 80px;
  background: #fff;
  z-index: 25;
}
.Notify-img {
  flex: 0 1 auto;
  width: 380px;
  position: relative;
}
.Notify-img img {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: left;
     object-position: left;
}
.Notify-text {
  font-size: 21px;
  font-weight: 500;
  letter-spacing: .05px;
  color: #1c1630;
  display: flex;
  margin-left: 40px;
  margin-right: 210px;
  flex: 1 1;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Notify-text {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .Notify-text {
    font-size: 16px;
  }
}
.Notify-text a {
  color: #e6102d;
  display: inline-block;
  position: relative;
  margin-left: 2px;
}
.Notify-text a:hover:after,
.Notify-text a:focus:after {
  border-color: rgba(230, 16, 45, 0);
}
.Notify-text a:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 1px;
  right: 1px;
  border-bottom: 3px solid rgba(230, 16, 45, 0.3);
  transition: border-color 0.3s ease;
}
.Notify-close {
  flex: 0 1 auto;
}

.SectionBadge {
  display: inline-block;
  position: relative;
  height: 16px;
  padding-right: 6px;
}
.SectionBadge-title {
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
  color: #fff;
  display: inline-block;
  position: relative;
  height: 100%;
  padding-left: 6px;
  padding-right: 4px;
  vertical-align: top;
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
  background: #5210e6;
}
.SectionBadge-end {
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 7px;
  top: 0;
  bottom: 0;
  right: 0;
  fill: #5210e6;
}
.SectionBadge-end svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

.ViewCount {
  display: flex;
  position: relative;
  align-items: flex-start;
  padding-top: 5px;
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 8px;
}
.ViewCount:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: .4;
  background: #1c1630;
  z-index: 5;
  border-radius: 10px;
}
.ViewCount-icon {
  position: relative;
  height: 11px;
  width: 16px;
  margin-right: 5px;
  fill: #fff;
  z-index: 6;
}
.ViewCount-icon svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.ViewCount-value {
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  position: relative;
  z-index: 6;
}
.ViewCount--light:after {
  background: #edeef2;
}
.ViewCount--light .ViewCount-icon {
  fill: #919199;
}
.ViewCount--light .ViewCount-value {
  color: #919199;
}
.ViewCount--post {
  padding: 0;
}
.ViewCount--post:after {
  background: none;
}
.ViewCount--post svg {
  fill: #616166;
}
.ViewCount--post .ViewCount-icon {
  height: 16px;
  width: 24px;
  margin-top: 3px;
  margin-left: 1px;
  margin-right: 8px;
}
.ViewCount--post .ViewCount-value {
  font-size: 22px;
  line-height: 22px;
  color: #616166;
  margin-top: 1px;
}

.PostItem {
  position: relative;
  cursor: pointer;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 4 + 3 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  margin-bottom: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .PostItem {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 4 + 3 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .PostItem {
    margin-bottom: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.PostItem:hover .PostItem-title,
.PostItem:focus .PostItem-title {
  border-color: transparent !important;
}
.PostItem:hover .PostItem-img img,
.PostItem:focus .PostItem-img img {
  transform: scale(1.05);
}
.PostItem:hover .PostItem-img:after,
.PostItem:focus .PostItem-img:after {
  opacity: 1;
}
.PostItem:hover .PostItem-overlay,
.PostItem:focus .PostItem-overlay {
  opacity: 1;
}
.PostItem:after {
  content: '';
  display: block;
  padding-bottom: 122.22%;
}
.PostItem-link {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
.PostItem-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.PostItem-content {
  position: relative;
  padding: 49px 24px 24px;
  z-index: 6;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .PostItem-content {
    padding-top: 48px;
  }
}
@media (max-width: 1199px) {
  .PostItem-content {
    padding-top: 44px;
  }
}
.PostItem-meta {
  font-size: 0;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 17px;
  padding-top: 24px;
  padding-left: 24px;
  z-index: 10;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .PostItem-meta {
    margin-bottom: 12px;
  }
}
@media (max-width: 1199px) {
  .PostItem-meta {
    margin-bottom: 16px;
  }
}
.PostItem-category {
  margin-right: 9px;
}
.PostItem-date {
  font-size: 11px;
  line-height: 18px;
  letter-spacing: .85px;
  text-transform: uppercase;
  height: 16px;
  vertical-align: top;
}
.PostItem-title {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  margin-top: 10px;
  padding-bottom: 1px;
  border-bottom: 1px solid;
  transition: border-color 0.3s ease;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .PostItem-title {
    font-size: 26px;
    line-height: 32px;
  }
}
@media (max-width: 1199px) {
  .PostItem-title {
    font-size: 20px;
    line-height: 28px;
  }
}
.PostItem-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  overflow: hidden;
}
.PostItem-img img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
  transition: transform 0.3s ease-in;
}
.PostItem-img--align-t img {
  -o-object-position: center top;
     object-position: center top;
}
.PostItem-img--align-b img {
  -o-object-position: center bottom;
     object-position: center bottom;
}
.PostItem-imgOverlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.PostItem-viewCount {
  z-index: 6;
  display: inline-block;
  position: relative;
  vertical-align: top;
  top: -2px;
  margin-left: 10px;
}
.PostItem--index {
  height: 100%;
  width: 100%;
  margin-bottom: 0;
}
.PostItem--index:after {
  content: normal;
  padding-bottom: 0;
}
.PostItem--index .PostItem-meta {
  padding-top: 20px;
}
.PostItem--index .PostItem-category {
  margin-right: 6px;
}
.PostItem--index .PostItem-content {
  padding-top: 52px;
}
.PostItem--index .PostItem-title {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 32px;
  margin-top: 10px;
  padding-bottom: 1px;
  border-bottom: 1px solid;
  transition: border-color 0.3s ease;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .PostItem--index .PostItem-title {
    font-size: 21px;
    line-height: 28px;
  }
}
@media (max-width: 1199px) {
  .PostItem--index .PostItem-title {
    font-size: 20px;
    line-height: 28px;
  }
}
.PostItem-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: rgba(28, 22, 48, 0.2);
  transition: opacity 0.3s ease;
  z-index: 11;
  pointer-events: none;
}
.PostItem--post {
  width: calc((100% - 80px) / 3);
  margin: 0 20px;
}
.PostItem--post:after {
  padding-bottom: 121%;
}
.PostItem--post .PostItem-title {
  font-size: 26px;
  line-height: 32px;
}
@media (max-width: 1199px) {
  .PostItem--post .PostItem-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.Index-head {
  display: flex;
}
.Index-slider {
  flex-shrink: 0;
  width: 100%;
}
@media (min-width: 1440px) {
  body.lang--ru .Index-slider {
    width: calc(100% - 336px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px), (max-width: 1199px) {
  body.lang--ru .Index-slider {
    width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 9 + 8 * 48px + 0.5 * 48px + 1 * 48px / 2) + 0px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) and (max-width: 1199px), (max-width: 1199px) and (max-width: 1199px) {
  body.lang--ru .Index-slider {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 9 + 8 * 32px + 0.5 * 32px + 1 * 48px) + 0px);
  }
}
.Index-primaryPosts {
  flex: 1 1;
}
@media (min-width: 1440px) {
  .Index-primaryPosts {
    width: 336px;
  }
}
.Index-primaryPost {
  position: relative;
  height: 432px;
  width: 100%;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Index-primaryPost {
    height: 388px;
  }
}
@media (max-width: 1199px) {
  .Index-primaryPost {
    height: 328px;
  }
}
.Index-secondaryPosts {
  padding-top: 11px;
  background: #fff;
  margin-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 10 + 9 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Index-secondaryPosts {
    margin-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Index-secondaryPosts {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Index-secondaryPosts {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Index-secondaryPosts {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 10 + 9 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Index-secondaryPosts {
    margin-top: -80px;
    padding-top: 59px;
  }
}
@media (max-width: 1199px) {
  .Index-secondaryPosts {
    margin-top: -43px;
    margin-left: 48px;
    padding-top: 23px;
    padding-right: 0;
    padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
    padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
    width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 12 + 11 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .Index-secondaryPosts {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .Index-secondaryPosts {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .Index-secondaryPosts {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 12 + 11 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Index-secondaryHeader {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #1c1630;
}
.Index-postContainer {
  display: flex;
}
.Index-postItem {
  position: relative;
  padding-top: 19px;
  padding-bottom: 19px;
  border-bottom: 1px solid #edeef2;
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 4 + 3 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Index-postItem {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 4 + 3 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Index-postItem:not(:last-child) {
  margin-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Index-postItem:not(:last-child) {
    margin-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Index-postItem {
    padding-top: 25px;
    padding-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) and (max-width: 1199px) {
  .Index-postItem {
    padding-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Index-postItem {
    padding-top: 24px;
    width: calc(((100% - (10 - 1) * 48px - 2 * 48px - 0 * 48px) / 10 * 3 + 2 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  }
  .Index-postItem:not(:last-child) {
    margin-right: calc(((100% - (10 - 1) * 48px - 2 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .Index-postItem {
    width: calc(((100% - (10 - 1) * 32px - 2 * 32px - 0 * 2 * 48px) / 10 * 3 + 2 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .Index-postItem:not(:last-child) {
    margin-right: calc(((100% - (10 - 1) * 32px - 2 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Index-postItem:hover .Index-postTitle {
  color: #e6102d;
}
.Index-postItem:hover .Index-postArrow {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.Index-postTitle {
  font-size: 18px;
  line-height: 28px;
  color: #616166;
  transition: color 0.3s ease;
}
@media (min-width: 1200px) and (max-width: 1439px), (max-width: 1199px) {
  .Index-postTitle {
    line-height: 24px;
  }
}
.Index-postMeta {
  display: flex;
  margin-top: 24px;
}
@media (min-width: 1200px) and (max-width: 1439px), (max-width: 1199px) {
  .Index-postMeta {
    margin-top: 26px;
  }
}
.Index-postDate {
  font-size: 11px;
  line-height: 18px;
  letter-spacing: .85px;
  text-transform: uppercase;
  color: #919199;
  height: 16px;
  vertical-align: top;
  margin-top: 4px;
  margin-right: 15px;
}
.Index-postArrow {
  position: absolute;
  height: 8px;
  width: 17px;
  bottom: 20px;
  right: 0;
  stroke: #e6102d;
  opacity: 0;
  transform: translateX(-10px);
  visibility: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease 0.3s;
}
.Index-postArrow svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.Index-about {
  display: flex;
  padding-top: 47px;
  padding-bottom: 96px;
  background: #fff;
  margin-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 10 + 9 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Index-about {
    margin-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Index-about {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Index-about {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Index-about {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 10 + 9 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px), (max-width: 1199px) {
  .Index-about {
    width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 12 + 11 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
    margin-left: 24px;
    padding-top: 71px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) and (max-width: 1199px), (max-width: 1199px) and (max-width: 1199px) {
  .Index-about {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 12 + 11 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Index-about {
    margin-left: 48px;
    padding-top: 47px;
    padding-bottom: 120px;
  }
}
.Index-aboutCard {
  display: block;
  position: relative;
  height: 384px;
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 5 + 4 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Index-aboutCard {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 5 + 4 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Index-aboutCard:not(:last-child) {
  margin-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Index-aboutCard:not(:last-child) {
    margin-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px), (max-width: 1199px) {
  .Index-aboutCard {
    width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 6 + 5 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) and (max-width: 1199px), (max-width: 1199px) and (max-width: 1199px) {
  .Index-aboutCard {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 6 + 5 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Index-aboutCard {
    height: 312px;
  }
}
.Index-aboutCard:hover .Index-aboutImg img {
  transform: scale(1.05);
}
.Index-aboutCard:hover .Index-aboutButton svg {
  stroke: #e6102d;
}
.Index-aboutImg {
  height: 100%;
  overflow: hidden;
}
.Index-aboutImg img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
  transition: transform 0.3s ease-in;
}
.Index-aboutCaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 32px;
  padding-left: 24px;
  padding-right: 24px;
  background: #fff;
  width: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 5 * 4 + 3 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Index-aboutCaption {
    width: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 5 * 4 + 3 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Index-aboutCaption {
    padding-top: 23px;
    padding-left: 19px;
    padding-right: 19px;
  }
}
.Index-aboutCategory {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
  margin-bottom: 7px;
}
@media (max-width: 1199px) {
  .Index-aboutCategory {
    margin-bottom: 4px;
  }
}
.Index-aboutTitle {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-bottom: -9px;
}
@media (max-width: 1199px) {
  .Index-aboutTitle {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: -5px;
  }
}
.Index-aboutButton {
  position: absolute;
  height: 40px;
  width: 40px;
  top: 16px;
  right: 16px;
  background: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 50%;
}
.Index-aboutButton svg {
  position: absolute;
  height: 10px;
  width: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  stroke: #979797;
  transition: stroke 0.3s ease-in;
  pointer-events: none;
}
.Index:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #fafafc;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Index:before {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px), (min-width: 1200px) and (max-width: 1439px) {
  .Index:before {
    width: 24px;
  }
}
.IndexPage .Content {
  background: #fff;
}

.MenuLeft {
  height: 100%;
  padding-top: 228px;
}
.MenuLeft-item {
  font-size: 15px;
  font-weight: 500;
  line-height: 47px;
  color: #f7f8fc;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: color 0.3s ease;
}
.MenuLeft-item:hover {
  color: #e6102d;
  transition: color 0.3s ease;
  cursor: pointer;
}
.MenuLeft-item.isActive {
  color: #e6102d;
}
.MenuLeft--about .MenuLeft-item,
.MenuLeft--history .MenuLeft-item,
.MenuLeft--principles .MenuLeft-item {
  color: #0f0c1a;
  border-bottom: 1px solid #ebebf6;
}
.MenuLeft--about .MenuLeft-item:hover,
.MenuLeft--history .MenuLeft-item:hover,
.MenuLeft--principles .MenuLeft-item:hover {
  color: #e6102d;
  transition: color 0.3s ease;
  cursor: pointer;
}
.MenuLeft--about .MenuLeft-item.isActive,
.MenuLeft--history .MenuLeft-item.isActive,
.MenuLeft--principles .MenuLeft-item.isActive {
  color: #e6102d;
}

.People {
  display: flex;
  position: relative;
  height: 100%;
}
.People-background {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #0f0c1a;
}
.People-backgroundImage {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: .3;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -webkit-mask-image: linear-gradient(black, transparent);
          mask-image: linear-gradient(black, transparent);
}
.People-left {
  flex: auto;
  padding-top: 60px;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 2 + 1 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .People-left {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 2 + 1 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .People-left {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.People-right {
  flex: 0 1 auto;
  margin-bottom: 78px;
  background: transparent;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 10 + 9 * 48px + 0.5 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .People-right {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 10 + 9 * 32px + 0.5 * 32px + 1 * 48px) + 0px);
  }
}
.People-header {
  color: #e6102d;
  margin-bottom: 128px;
  padding-top: 200px;
  padding-left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 1 * 48px) / 10 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .People-header {
    padding-left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 10 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .People-header {
    margin-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.People-subtitle {
  display: flex;
  margin-bottom: 48px;
}
.People-subtitleStroke {
  margin-right: 22px;
  border-bottom: 1px solid #e6102d;
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 14px);
}
@media (max-width: 1199px) {
  .People-subtitleStroke {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 14px);
  }
}
.People-subtitleText {
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  line-height: 8px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.People-description {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  color: #f7f8fc;
  padding-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 2 + 1 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .People-description {
    padding-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 2 + 1 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .People-description {
    font-size: 50px;
  }
}
.People-grid {
  display: block;
  font-size: 0;
  margin-left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 0 + 0 * 48px + 1 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .People-grid {
    margin-left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .People-grid {
    margin-right: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 0 + 0 * 32px + 1 * 32px + 1 * 48px) + 0px);
  }
}
.People-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 50%;
  padding-top: 31.5%;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
.People-item-inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  right: 0;
  overflow: hidden;
  right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .People-item-inner {
    right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .People-item {
    margin-bottom: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.People-item:nth-child(odd) {
  padding-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .People-item:nth-child(odd) {
    padding-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.People-item:last-child,
.People-item:nth-last-child(2) {
  margin-bottom: 0;
}
.People-item:hover .People-image {
  transition: transform 0.3s ease;
  transform: scale(1.1);
}
.People-item:hover .People-text {
  transition: background-color 0.3s ease, min-width 0.3s ease;
}
.People-item:hover .People-textWrapper {
  min-width: 100%;
  background: #e6102d;
  transition: min-width 0.3s ease, padding 0.3s ease, background-color 0.3s ease;
}
.People-item:hover .People-name {
  color: #f7f8fc;
  transform: translateY(-13px);
}
.People-item:hover .People-position {
  color: #f7f8fc;
  opacity: 0;
  transition: opacity 0.3s ease, height 0.3s ease 0.6s, color 0.3s ease;
}
.People-item:hover .People-positionDescription {
  max-height: 200px;
  opacity: 1;
  transition: opacity 0.3s ease 0.15s, transform 0.3s ease;
  transform: translateY(0%);
}
.People-image {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
  transition: transform 0.3s ease;
}
.People-text {
  color: #1c1630;
  display: flex;
  position: absolute;
  min-height: 0;
  min-width: 0;
  bottom: 0;
  left: 0;
  transition: color 0.3s ease, background-color 0.3s ease, min-width 0.3s ease;
  width: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 5 * 4 + 3 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .People-text {
    width: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 5 * 4 + 3 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
.People-textWrapper {
  min-width: 0;
  background: #f7f8fc;
  transition: min-width 0.6s ease 0.075s, padding 0.3s ease 0.075s, background-color 0.3s ease;
}
.People-name {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 10px;
  padding-top: 28px;
  padding-right: 22px;
  transition: color 0.3s ease, transform 0.3s ease;
  padding-left: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 5 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .People-name {
    padding-left: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 5 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .People-name {
    font-size: 20px;
  }
}
.People-position {
  font-size: 14px;
  line-height: 12px;
  padding-bottom: 21px;
  transition: color 0.3s ease, opacity 0.3s ease, height 0.3s ease 0.6s;
  padding-left: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 5 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 5 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .People-position {
    padding-left: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 5 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .People-position {
    padding-right: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 5 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.People-positionDescription {
  font-size: 20px;
  line-height: 26px;
  color: #f7f8fc;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 12px;
  padding-bottom: 11px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.6s ease;
  transform: translateY(100%);
  padding-left: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 5 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 5 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .People-positionDescription {
    padding-left: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 5 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .People-positionDescription {
    padding-right: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 5 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}

.About {
  display: flex;
  height: 100%;
  padding-bottom: 20px;
  background: #f7f8fc;
}
.About-background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.About-backgroundImage {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: .3;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
          mask-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
}
.About-left {
  flex: auto;
  padding-top: 60px;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 2 + 1 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .About-left {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 2 + 1 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .About-left {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.About-right {
  flex: auto;
  background: transparent;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 10 + 9 * 48px + 0.5 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .About-right {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 10 + 9 * 32px + 0.5 * 32px + 1 * 48px) + 0px);
  }
}
.About-header {
  color: #e6102d;
  margin-bottom: 174px;
  padding-top: 200px;
  padding-left: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .About-header {
    padding-left: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .About-header {
    margin-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.About-subtitle {
  display: flex;
  margin-bottom: 24px;
}
.About-subtitleStroke {
  width: 100px;
  margin-right: 24px;
  border-bottom: 1px solid #e6102d;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .About-subtitleStroke {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 24px);
  }
}
.About-subtitleText {
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  line-height: 8px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #e6102d;
}
.About-description {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  color: #0f0c1a;
  margin-bottom: 18px;
  padding-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .About-description {
    padding-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.About-text {
  font-size: 20px;
  line-height: 32px;
  color: #0f0c1a;
  padding-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .About-text {
    padding-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (min-width: 1440px), (min-width: 1200px) and (max-width: 1439px), (max-width: 1199px) {
  .About-slider {
    flex-shrink: 0;
    margin-bottom: 80px;
    width: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 10 + 9 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
    margin-left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 1 * 48px) / 10 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  }
}
@media (min-width: 1440px) and (max-width: 1199px), (min-width: 1200px) and (max-width: 1439px) and (max-width: 1199px), (max-width: 1199px) and (max-width: 1199px) {
  .About-slider {
    width: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 10 + 9 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (min-width: 1440px) and (max-width: 1199px), (min-width: 1200px) and (max-width: 1439px) and (max-width: 1199px), (max-width: 1199px) and (max-width: 1199px) {
  .About-slider {
    margin-left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 10 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.About-production {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 44px;
  margin-bottom: 13px;
  width: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 9 + 8 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  margin-left: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .About-production {
    width: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 9 + 8 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .About-production {
    margin-left: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
.About-productionDescription {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 78px;
  width: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 9 + 8 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 2 + 1 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  margin-left: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .About-productionDescription {
    width: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 9 + 8 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .About-productionDescription {
    padding-right: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 2 + 1 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .About-productionDescription {
    margin-left: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
.About-logos {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 189px;
  width: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 10 + 9 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  margin-left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 1 * 48px) / 10 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .About-logos {
    width: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 10 + 9 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .About-logos {
    margin-left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 10 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.About-logosItem {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 20%;
}
.About-logosItem:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: 0;
  bottom: 0;
  border: 1px solid #edeef2;
}
.About-logosItem:before {
  content: '';
  float: left;
  padding-top: 94%;
}
.About-logo {
  width: 47%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.About-brands {
  flex-shrink: 0;
  width: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 9 + 8 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  margin-left: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .About-brands {
    width: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 9 + 8 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .About-brands {
    margin-left: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
.About-brands:last-of-type {
  margin-bottom: 0;
}
.About-brandsSection {
  display: flex;
  margin-bottom: 118px;
}
.About-brandsTitle {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 32px;
  position: relative;
  flex-shrink: 0;
  align-self: flex-start;
  padding-top: 1px;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 3 + 2 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .About-brandsTitle {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 3 + 2 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .About-brandsTitle {
    padding-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.About-brandsTitle:before {
  content: '';
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  margin-top: 17px;
  border-bottom: 1px solid red;
  width: calc(((100% - (3 - 1) * 48px - 1 * 48px - 0 * 48px) / 3 * 0.33333333 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .About-brandsTitle:before {
    width: calc(((100% - (3 - 1) * 32px - 1 * 32px - 0 * 2 * 48px) / 3 * 0.33333333 + -0.66666667 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.About-brandsList {
  flex-shrink: 0;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 6 + 5 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .About-brandsList {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 6 + 5 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.About-brandsArrow {
  transition: color 0.3s ease;
}
.About-brandsArrow .About-brandsItem {
  padding-top: 22px !important;
}
.About-brandsArrow:first-child .About-brandsItem {
  padding-top: 8px !important;
}
.About-brandsArrow:hover {
  color: #e6102d;
  cursor: pointer;
}
.About-brandsArrow:hover svg {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateX(0);
}
.About-brandsItem {
  position: relative;
  padding-top: 22px;
  padding-bottom: 3px;
  border-bottom: 1px solid #edeef2;
}
.About-brandsItem:first-child {
  padding-top: 8px;
}
.About-brandsItem.isActive {
  color: #e6102d;
}
.About-brandsItem--noSubtitle {
  padding-top: 26px;
  padding-bottom: 13px;
}
.About-brandsItem svg {
  visibility: hidden;
  position: absolute;
  height: 100%;
  width: 16px;
  top: 0;
  right: 0;
  opacity: 0;
  stroke: #e6102d;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease 0.3s;
  transform: translateX(-10px);
  right: calc(((100% - (6 - 1) * 48px - 0 * 48px - 0 * 48px) / 6 * 1 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .About-brandsItem svg {
    right: calc(((100% - (6 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 6 * 1 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.About-brandsHeader {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
.About-brandsDescription {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 10px;
}

.Story[data-id='2024-1'] {
  background: #fff;
  color: #1c1630;
  min-height: 540px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.Story[data-id='2024-1'] .Story-bg {
  background: #558f49;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translate(130%, 0);
  z-index: 1;
  width: 100%;
  will-change: transform;
}
.Story[data-id='2024-1'] .Story-content {
  margin: 0 auto;
  position: relative;
  padding: 50px 0;
  text-align: center;
  z-index: 2;
}
@media (max-width: 1199px) {
  .Story[data-id='2024-1'] .Story-content {
    padding: 30px 0 50px;
  }
}
.Story[data-id='2024-1'] .Story-text {
  font-size: 35px;
  line-height: 42px;
  position: relative;
  height: 84px;
}
@media (max-width: 1199px) {
  .Story[data-id='2024-1'] .Story-text {
    font-size: 16px;
    line-height: 19px;
    padding: 30px;
  }
}
.Story[data-id='2024-1'] .Story-text b {
  font-weight: 600;
}
.Story[data-id='2024-1'] .Story-textContent {
  color: #1b172e;
  position: absolute;
  inset: 0;
}
.Story[data-id='2024-1'] .Story-textContent--duplicate {
  color: #fff;
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  will-change: clip-path;
}
.Story[data-id='2024-1'] .Story-imgWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0;
  position: relative;
}
.Story[data-id='2024-1'] .Story-img0,
.Story[data-id='2024-1'] .Story-img1,
.Story[data-id='2024-1'] .Story-img2,
.Story[data-id='2024-1'] .Story-img3 {
  opacity: 1;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
  margin: 0 -50px;
  will-change: opacity, transform;
}
.Story[data-id='2024-1'] .Story-img3 {
  margin: 0 -80px;
}
.Story[data-id='2024-2'] {
  background: #fde7e7;
  color: #1c1630;
  height: 430px;
  position: relative;
  overflow: hidden;
  width: calc(353 / 1060 * 100%);
}
.Story[data-id='2024-2'] .Story-inner {
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
}
.Story[data-id='2024-2'] .Story-content {
  padding: 30px;
  margin: 0 0 auto;
}
@media (max-width: 1199px) {
  .Story[data-id='2024-2'] .Story-content {
    padding: 15px;
  }
}
.Story[data-id='2024-2'] .Story-text {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.01em;
}
@media (max-width: 1199px) {
  .Story[data-id='2024-2'] .Story-text {
    font-size: 16px;
    line-height: 19px;
  }
}
.Story[data-id='2024-2'] .Story-text b {
  font-weight: 500;
}
.Story[data-id='2024-2'] .Story-imgWrapper {
  margin: 40px auto 0;
  position: relative;
}
.Story[data-id='2024-2'] .Story-img {
  display: block;
  opacity: 1;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
  margin: auto auto 0;
  pointer-events: none;
  will-change: opacity, transform;
}
.Story[data-id='2024-3'] {
  background: #db3636;
  color: #fff;
  height: 430px;
  position: relative;
  overflow: hidden;
  width: calc(707 / 1060 * 100%);
}
.Story[data-id='2024-3'] .Story-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.Story[data-id='2024-3'] .Story-content {
  margin: auto 0 0;
  padding: 0 30px 30px;
}
@media (max-width: 1199px) {
  .Story[data-id='2024-3'] .Story-content {
    padding: 0 15px 15px;
  }
}
.Story[data-id='2024-3'] .Story-text {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.01em;
  max-width: 205px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .Story[data-id='2024-3'] .Story-text {
    font-size: 16px;
    line-height: 19px;
  }
}
.Story[data-id='2024-3'] .Story-text b {
  font-weight: 500;
}
.Story[data-id='2024-3'] .Story-svg {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: translate(0, 0) scale(1.01);
  will-change: transform;
}
.Story[data-id='2024-3'] .Story-svg svg {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
  display: block;
  margin: auto;
  height: 100%;
  width: 100%;
}
.Story[data-id='2024-3'] .Story-imgWrapper {
  margin: 0 auto;
  padding: 40px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.Story[data-id='2024-3'] .Story-img {
  display: block;
  opacity: 1;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
  margin: auto;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: opacity, transform;
}
.Story[data-id='2023-1'] {
  background: #fff;
  color: #1c1630;
  min-height: 470px;
  position: relative;
  overflow: hidden;
  width: calc(696 / 1060 * 100%);
}
.Story[data-id='2023-1'] .Story-content {
  padding: 30px 37px 33px;
  text-align: center;
  margin: 0 auto;
}
.Story[data-id='2023-1'] .Story-text {
  font-size: 35px;
  font-weight: 500;
  line-height: 42px;
}
@media (max-width: 1199px) {
  .Story[data-id='2023-1'] .Story-text {
    font-size: 16px;
    line-height: 19px;
  }
}
.Story[data-id='2023-1'] .Story-imgWrapper {
  margin: 40px auto 0;
  position: relative;
}
.Story[data-id='2023-1'] .Story-imgOld {
  position: relative;
  z-index: 3;
}
.Story[data-id='2023-1'] .Story-img0 {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
  margin: auto auto 0;
  opacity: 1;
  transform: scaleX(1.06);
  will-change: opacity;
}
.Story[data-id='2023-1'] .Story-imgNew {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 269px;
}
.Story[data-id='2023-1'] .Story-imgNewCenter {
  position: absolute;
  top: 0;
  overflow: hidden;
  height: 0;
  transform: scale(1.088);
  margin-left: -2px;
  z-index: 4;
}
.Story[data-id='2023-1'] .Story-img1,
.Story[data-id='2023-1'] .Story-img2,
.Story[data-id='2023-1'] .Story-img3 {
  opacity: 1;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
  margin: auto auto 0;
  pointer-events: none;
  will-change: opacity, transform;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -51px;
  margin-top: -135px;
}
.Story[data-id='2023-1'] .Story-img1 {
  transform: translate3d(0, 0, 0);
}
.Story[data-id='2023-1'] .Story-img2 {
  margin: 0;
  position: static;
}
.Story[data-id='2023-1'] .Story-img3 {
  transform: translate3d(0, 0, 0);
}
.Story[data-id='2023-2'] {
  background: #1c1630;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: 470px;
  position: relative;
  overflow: hidden;
  width: calc(364 / 1060 * 100%);
}
.Story[data-id='2023-2'] .Story-content {
  padding: 30px;
  text-align: left;
  margin: 0 auto;
}
.Story[data-id='2023-2'] .Story-text,
.Story[data-id='2023-2'] .Story-text2 {
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 1199px) {
  .Story[data-id='2023-2'] .Story-text,
  .Story[data-id='2023-2'] .Story-text2 {
    font-size: 16px;
    line-height: 19px;
  }
}
.Story[data-id='2023-2'] .Story-text {
  font-weight: 500;
}
.Story[data-id='2023-2'] .Story-imgWrapper {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, -324px, 0) scale(1);
  will-change: transform;
}
.Story[data-id='2023-2'] .Story-img {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
  margin: auto auto 0;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.Story[data-id='2023-3'] {
  background: #e3e3e3;
  color: #1c1630;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: 482px;
  position: relative;
  overflow: hidden;
  width: calc(364 / 1060 * 100%);
}
.Story[data-id='2023-3'] .Story-circle {
  border-radius: 100%;
  position: absolute;
  width: calc(335 / 364 * 100%);
  z-index: 1;
}
.Story[data-id='2023-3'] .Story-circle::before {
  display: block;
  content: "";
  padding-top: 100%;
  width: 100%;
}
.Story[data-id='2023-3'] .Story-circle--blue {
  background: #0081f9;
  top: calc(-52 / 364 * 100%);
  left: calc(-76 / 364 * 100%);
  z-index: 1;
}
.Story[data-id='2023-3'] .Story-circle--pink {
  background: #fd4575;
  top: calc(36 / 364 * 100%);
  right: calc(-120 / 364 * 100%);
  z-index: 2;
}
.Story[data-id='2023-3'] .Story-circle--yellow {
  background: #ffdc27;
  bottom: calc(-70 / 364 * 100%);
  left: calc(-38 / 364 * 100%);
  z-index: 3;
}
.Story[data-id='2023-3'] .Story-inner {
  position: relative;
  width: 100%;
  z-index: 4;
}
.Story[data-id='2023-3'] .Story-content {
  padding: 0 30px 30px;
  position: relative;
  text-align: left;
  margin: 0 auto;
  z-index: 5;
}
.Story[data-id='2023-3'] .Story-text,
.Story[data-id='2023-3'] .Story-text2 {
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 1199px) {
  .Story[data-id='2023-3'] .Story-text,
  .Story[data-id='2023-3'] .Story-text2 {
    font-size: 16px;
    line-height: 19px;
  }
}
.Story[data-id='2023-3'] .Story-text {
  font-weight: 500;
  margin-bottom: 10px;
}
.Story[data-id='2023-3'] .Story-imgWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-height: 336px;
  position: relative;
  top: 18%;
  transform: scale(0.9);
  will-change: transform;
}
.Story[data-id='2023-3'] .Story-img {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2023-4'] {
  background: #4b9a4a;
  color: #fff;
  min-height: 482px;
  overflow: hidden;
  position: relative;
  width: calc(696 / 1060 * 100%);
}
.Story[data-id='2023-4'] .Story-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 30px;
  text-align: left;
  margin: 0 auto;
  height: 100%;
}
@media (max-width: 1199px) {
  .Story[data-id='2023-4'] .Story-content {
    align-items: flex-start;
  }
}
.Story[data-id='2023-4'] .Story-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
@media (max-width: 1199px) {
  .Story[data-id='2023-4'] .Story-text {
    font-size: 16px;
    line-height: 19px;
    text-align: left;
  }
}
.Story[data-id='2023-4'] .Story-list {
  display: flex;
  justify-content: space-around;
  list-style: none;
  margin: auto auto 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.Story[data-id='2023-4'] .Story-listItem {
  position: relative;
  opacity: 0;
  transition: opacity 0.3s;
  will-change: opacity;
}
.Story[data-id='2023-4'] .Story-listItem.isAnimated {
  opacity: 1;
}
.Story[data-id='2023-4'] .Story-listItem.isAnimated .Story-listItemText {
  transform: translate(0, 0);
  opacity: 1;
}
.Story[data-id='2023-4'] .Story-listItemText {
  font-size: 20px;
  line-height: 24px;
  opacity: 0;
  transform: translate(0, 7px);
  transition: opacity 0.3s 0.2s,
            transform 0.3s 0.2s;
  will-change: opacity, transform;
  margin-left: -74px;
  position: absolute;
  top: -34px;
  left: 50%;
  width: 148px;
}
@media (max-width: 1199px) {
  .Story[data-id='2023-4'] .Story-listItemText {
    font-size: 16px;
    line-height: 19px;
  }
}
.Story[data-id='2023-4'] .Story-listItemImg {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
  margin: auto;
}
.Story[data-id='2023-5'] {
  background: #0d3766;
  color: #fff;
  height: 334px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.Story[data-id='2023-5'] .Story-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px 0;
  text-align: left;
  margin: auto;
}
.Story[data-id='2023-5'] .Story-contentCol {
  position: relative;
}
.Story[data-id='2023-5'] .Story-imgWrapper {
  position: absolute;
  will-change: transform;
}
.Story[data-id='2023-5'] .Story-imgWrapper--rzd {
  top: 120px;
  left: -120px;
  transform: scale(1.1);
}
.Story[data-id='2023-5'] .Story-imgWrapper--aeroflot {
  top: 132px;
  left: 52px;
}
.Story[data-id='2023-5'] .Story-img {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
  margin: auto auto 0;
}
.Story[data-id='2023-5'] .Story-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  padding: 0 30px;
  max-width: 280px;
}
@media (max-width: 1199px) {
  .Story[data-id='2023-5'] .Story-text {
    font-size: 16px;
    line-height: 19px;
  }
}
.Story[data-id='2023-5'] .Story-text--right {
  text-align: right;
  margin-left: auto;
}
.Story[data-id='2023-5'] .Story-contentFigure {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding: 8px 0 0;
}
.Story[data-id='2023-5'] .Story-imgLeft {
  position: relative;
  transform: translate(69px, 0) rotate(20deg);
  z-index: 1;
  will-change: transform;
}
.Story[data-id='2023-5'] .Story-imgRight {
  position: relative;
  transform: translate(-105px, 0) rotate(-20deg);
  will-change: transform;
}
.Story[data-id='2022-1'] {
  background: #e7a742;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 470px;
  position: relative;
  overflow: hidden;
  width: calc(367 / 1033 * 100%);
}
.Story[data-id='2022-1'] .Story-content {
  padding: 30px 37px 33px;
  text-align: center;
  margin: 0 auto;
}
.Story[data-id='2022-1'] .Story-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  max-width: 290px;
}
@media (max-width: 1199px) {
  .Story[data-id='2022-1'] .Story-text {
    font-size: 16px;
    line-height: 19px;
  }
}
.Story[data-id='2022-1'] .Story-imgWrapper {
  display: flex;
  padding-left: 34px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 1;
}
.Story[data-id='2022-1'] .Story-img {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
  margin: auto auto 0;
}
.Story[data-id='2022-2'] {
  background: #000;
  color: #fff;
  display: flex;
  min-height: 470px;
  overflow: hidden;
  position: relative;
  width: calc(666 / 1033 * 100%);
  /*
    @{c}-img,
    @{c}-img2 {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        object-fit: contain; font-family: 'object-fit: contain;';
        object-position: right;
    }
    */
}
.Story[data-id='2022-2'] .Story-content {
  padding: 30px;
}
.Story[data-id='2022-2'] .Story-text {
  font-size: 35px;
  font-weight: 400;
  line-height: 42px;
  position: relative;
  max-width: 235px;
  z-index: 1;
}
.Story[data-id='2022-2'] .Story-text b {
  font-weight: 600;
}
@media (max-width: 1199px) {
  .Story[data-id='2022-2'] .Story-text {
    font-size: 25px;
    line-height: 30px;
  }
}
.Story[data-id='2022-2'] .Story-imgWrapper {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  z-index: 1;
  transform: scale(1);
  transition: transform 0.7s ease;
}
.Story[data-id='2022-2'] .Story-imgWrapper::before {
  background: linear-gradient(89.48deg, #000 46.8%, rgba(27, 23, 46, 0) 72.06%);
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 46px;
}
.Story[data-id='2022-2']:hover .Story-imgWrapper {
  transform: scale(1.12);
}
.Story[data-id='2022-3'] {
  background: #fff;
  color: #1c1630;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  line-height: calc(24 / 20);
  min-height: 248px;
  overflow: hidden;
  position: relative;
  width: calc(772 / 1033 * 100%);
}
@media (max-width: 1199px) {
  .Story[data-id='2022-3'] {
    font-size: 16px;
    line-height: 19px;
  }
}
.Story[data-id='2022-3'] .Story-content {
  padding: 30px;
}
.Story[data-id='2022-3'] .Story-text {
  font-weight: 500;
  max-width: 245px;
}
.Story[data-id='2022-3'] .Story-text2 {
  margin-top: 92px;
}
.Story[data-id='2022-3'] .Story-imgWrapper,
.Story[data-id='2022-3'] .Story-imgWrapper2,
.Story[data-id='2022-3'] .Story-imgWrapper3 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.Story[data-id='2022-3'] .Story-imgWrapper {
  top: -102px;
  right: calc(230 / 772 * 100%);
}
.Story[data-id='2022-3'] .Story-imgWrapper2 {
  top: auto;
  bottom: -93px;
  right: calc(125 / 772 * 100%);
}
.Story[data-id='2022-3'] .Story-imgWrapper3 {
  top: -83px;
  right: calc(9 / 772 * 100%);
}
.Story[data-id='2022-4'] {
  background: #002d5e url('/static/img/front/history/2022-bavaria-bg.png') no-repeat 50% 50%;
  background-size: cover;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  line-height: calc(24 / 20);
  min-height: 248px;
  overflow: hidden;
  position: relative;
  width: calc(261 / 1033 * 100%);
}
@media (max-width: 1199px) {
  .Story[data-id='2022-4'] {
    font-size: 25px;
    line-height: 30px;
  }
}
.Story[data-id='2022-4'] .Story-content {
  padding: 20px;
}
.Story[data-id='2022-4'] .Story-text {
  max-width: 200px;
}
.Story[data-id='2022-4'] .Story-text2 {
  font-weight: 500;
}
.Story[data-id='2022-4'] .Story-imgWrapper {
  height: 275px;
  position: absolute;
  bottom: 0;
  top: 10px;
  right: 10px;
  z-index: 1;
}
.Story[data-id='2022-4'] .Story-img {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
  height: 275px;
  width: 137px;
}
.Story[data-id='2022-5'] {
  background: #f1e5d4;
  color: #211714;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  line-height: calc(24 / 20);
  min-height: 482px;
  overflow: hidden;
  position: relative;
  width: calc(316 / 1033 * 100%);
}
@media (max-width: 1199px) {
  .Story[data-id='2022-5'] {
    font-size: 25px;
    line-height: 30px;
  }
}
.Story[data-id='2022-5'] .Story-inner {
  width: 100%;
}
.Story[data-id='2022-5'] .Story-content {
  padding: 8px 30px 30px;
}
.Story[data-id='2022-5'] .Story-text {
  font-weight: 500;
  letter-spacing: -0.01em;
}
.Story[data-id='2022-5'] .Story-text2 {
  margin-top: 10px;
}
.Story[data-id='2022-5'] .Story-imgWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.Story[data-id='2022-5'] .Story-img {
  text-align: center;
  margin: auto;
}
.Story[data-id='2022-6'] {
  background: #bb1f1f;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  line-height: calc(28 / 20);
  min-height: 482px;
  overflow: hidden;
  position: relative;
  width: calc(717 / 1033 * 100%);
}
@media (max-width: 1199px) {
  .Story[data-id='2022-6'] {
    font-size: 25px;
    line-height: 30px;
  }
}
.Story[data-id='2022-6'] .Story-content {
  padding: 30px;
}
.Story[data-id='2022-6'] .Story-text {
  font-weight: 500;
  letter-spacing: -0.01em;
  margin-top: 8px;
}
.Story[data-id='2022-6'] .Story-text2 {
  margin-top: 10px;
}
.Story[data-id='2022-6'] .Story-imgWrapper,
.Story[data-id='2022-6'] .Story-imgWrapper2,
.Story[data-id='2022-6'] .Story-imgWrapper3 {
  position: absolute;
  bottom: 40px;
}
.Story[data-id='2022-6'] .Story-imgWrapper img,
.Story[data-id='2022-6'] .Story-imgWrapper2 img,
.Story[data-id='2022-6'] .Story-imgWrapper3 img {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, 0) scale(0.7);
  transition: opacity 0.3s, transform 0.3s;
}
.Story[data-id='2022-6'] .Story-imgWrapper {
  left: 61px;
  height: 212px;
  width: 162px;
}
.Story[data-id='2022-6'] .Story-imgWrapper2 {
  left: 50%;
  height: 212px;
  width: 162px;
  transform: translate(-121px, 0);
}
.Story[data-id='2022-6'] .Story-imgWrapper3 {
  right: 30px;
  height: 403px;
  width: 308px;
}
.Story[data-id='2022-6'].isAnimated-1 .Story-imgWrapper img:nth-child(1) {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
.Story[data-id='2022-6'].isAnimated-1 .Story-imgWrapper2 img:nth-child(1) {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
.Story[data-id='2022-6'].isAnimated-1 .Story-imgWrapper3 img:nth-child(1) {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
.Story[data-id='2022-6'].isAnimated-2 .Story-imgWrapper img:nth-child(2) {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
.Story[data-id='2022-6'].isAnimated-2 .Story-imgWrapper2 img:nth-child(2) {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
.Story[data-id='2022-6'].isAnimated-2 .Story-imgWrapper3 img:nth-child(2) {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
.Story[data-id='2022-6'].isAnimated-3 .Story-imgWrapper img:nth-child(3) {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
.Story[data-id='2022-6'].isAnimated-3 .Story-imgWrapper2 img:nth-child(3) {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
.Story[data-id='2022-6'].isAnimated-3 .Story-imgWrapper3 img:nth-child(3) {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
.Story[data-id='2021-1'] {
  display: flex;
  min-height: 400px;
  width: 100%;
  overflow: hidden;
  background: #fff;
  /*
    @{c}-img,
    @{c}-img2 {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        object-fit: contain; font-family: 'object-fit: contain;';
        object-position: right;
    }
    */
}
.Story[data-id='2021-1'] .Story-content {
  padding: 38px 37px 22px;
  padding-right: 400px;
}
.Story[data-id='2021-1'] .Story-text {
  color: #1c1630;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
@media (max-width: 1199px) {
  .Story[data-id='2021-1'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2021-1'] .Story-imgWrapper {
  position: absolute;
  top: 150px;
  right: 60px;
  z-index: 1;
}
.Story[data-id='2021-1'] .Story-imgWrapper2 {
  position: absolute;
  top: -150px;
  right: 221px;
  z-index: 1;
}
.Story[data-id='2021-1'] .Story-img,
.Story[data-id='2021-1'] .Story-img2 {
  max-width: 100%;
}
.Story[data-id='2021-list'] {
  background: #1c1630;
  color: #fff;
  padding: 34px 37px;
  width: 100%;
}
.Story-title {
  color: #e6102d;
  font-size: 24px;
  letter-spacing: 0;
  text-align: center;
  line-height: 32px;
}
.Story-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
  margin: 96px auto 23px;
}
.Story-list .Story-listItemImageAward {
  transform: scale(1);
  opacity: 1;
}
.Story-list .Story-listItemImageBottle {
  transform: scale(0.8);
  opacity: 0;
}
.Story-list.isAnimated .Story-listItemImageAward {
  transform: scale(0.8);
  opacity: 0;
}
.Story-list.isAnimated .Story-listItemImageBottle {
  transform: scale(1);
  opacity: 1;
}
.Story-listItem {
  margin: 0 14px;
}
.Story-listItemImage {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 37px;
  position: relative;
  height: 204px;
  width: 100%;
}
.Story-listItemImage img {
  display: block;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  pointer-events: none;
  transition: transform 0.3s ease,
                opacity 0.3s ease;
}
.Story-listItem:nth-child(1) img {
  transition-delay: 0s;
}
.Story-listItem:nth-child(2) img {
  transition-delay: 0.3s;
}
.Story-listItem:nth-child(3) img {
  transition-delay: 0.6s;
}
.Story-listItemText {
  font-size: 16px;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
}
.Story[data-id='2021-2'] {
  position: relative;
  width: 50%;
  padding-bottom: 60%;
  overflow: hidden;
}
.Story[data-id='2021-2'] .Story-content {
  position: absolute;
  left: 37px;
  top: 40px;
  right: 37px;
  z-index: 3;
}
.Story[data-id='2021-2'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .Story[data-id='2021-2'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2021-2'] .Story-imgWrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.Story[data-id='2021-2'] .Story-img {
  max-width: 100%;
}
@media (min-width: 1680px) {
  .Story[data-id='2021-2'] .Story-img {
    max-width: auto;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: 'object-fit: cover;';
    -o-object-position: center;
       object-position: center;
  }
}
.Story[data-id='2021-3'] {
  position: relative;
  width: 50%;
  padding-bottom: 60%;
  overflow: hidden;
}
.Story[data-id='2021-3'] .Story-content {
  position: absolute;
  left: 37px;
  top: 40px;
  right: 37px;
  z-index: 3;
}
.Story[data-id='2021-3'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .Story[data-id='2021-3'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2021-3'] .Story-imgWrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  width: 100%;
}
.Story[data-id='2021-3'] .Story-img {
  animation: slide infinite 6s linear;
  transform: translate(0, 0);
}
@keyframes slide {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-560px, 0);
  }
}
.Story[data-id='2020-5'] {
  position: relative;
  width: 100%;
  padding-bottom: 60.30701754%;
  overflow: hidden;
}
.Story[data-id='2020-5'].isAnimated .Story-imgWrapper {
  -webkit-filter: blur(0);
          filter: blur(0);
}
.Story[data-id='2020-5'] .Story-content {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 38px 37px 22px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  z-index: 3;
}
.Story[data-id='2020-5'] .Story-imgWrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-filter: blur(40px);
          filter: blur(40px);
  transition: -webkit-filter .15s;
  transition: filter .15s;
  transition: filter .15s, -webkit-filter .15s;
  transform: translate3d(0, 0, 0);
  will-change: filter;
}
.Story[data-id='2020-5'] .Story-imgWrapper2 {
  position: absolute;
  height: 97px;
  width: 99px;
  top: 30px;
  left: 30px;
  z-index: 1;
}
@media (max-width: 1199px) {
  .Story[data-id='2020-5'] .Story-imgWrapper2 {
    height: 69px;
    width: 70px;
  }
}
.Story[data-id='2020-5'] .Story-img,
.Story[data-id='2020-5'] .Story-img2 {
  height: 100%;
  width: 100%;
}
.Story[data-id='2020-5'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
}
@media (max-width: 1199px) {
  .Story[data-id='2020-5'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2020-4'] {
  display: flex;
  position: relative;
  height: 200px;
  width: 100%;
  background: #fff;
}
.Story[data-id='2020-4'].isAnimated .Story-svgList svg:nth-child(1) {
  opacity: 1;
}
.Story[data-id='2020-4'].isAnimated-2 .Story-svgList svg:nth-child(2) {
  opacity: 1;
}
.Story[data-id='2020-4'].isAnimated-3 .Story-svgList svg:nth-child(3) {
  opacity: 1;
}
.Story[data-id='2020-4'].isAnimated-4 .Story-svgList svg:nth-child(4) {
  opacity: 1;
}
.Story[data-id='2020-4'].isAnimated-5 .Story-svgList svg:nth-child(5) {
  opacity: 1;
}
.Story[data-id='2020-4'].isAnimated-6 .Story-svgList svg:nth-child(6) {
  opacity: 1;
}
.Story[data-id='2020-4'].isAnimated-7 .Story-svgList svg:nth-child(7) {
  opacity: 1;
}
.Story[data-id='2020-4'].isAnimated-7 .Story-text {
  opacity: 1;
}
.Story[data-id='2020-4'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  position: absolute;
  width: 325px;
  top: 50%;
  right: 36px;
  opacity: 0;
  transition: opacity 0.15s 0.3s;
  transform: translateY(-50%);
}
@media (max-width: 1199px) {
  .Story[data-id='2020-4'] .Story-text {
    font-size: 20px;
    line-height: 26px;
    width: 312px;
    right: 25px;
  }
}
.Story[data-id='2020-4'] .Story-svgList {
  display: flex;
  position: absolute;
  align-items: flex-end;
  bottom: 60px;
  left: 60px;
  right: 50%;
}
@media (max-width: 1199px) {
  .Story[data-id='2020-4'] .Story-svgList {
    right: 55%;
  }
}
.Story[data-id='2020-4'] .Story-svgList svg {
  height: 75px;
  width: 35px;
  opacity: 0;
  transition: opacity 0.15s;
}
.Story[data-id='2020-4'] .Story-svgList svg:nth-child(2),
.Story[data-id='2020-4'] .Story-svgList svg:nth-child(4) {
  height: 41px;
  width: 41px;
  margin: 0 18px 20px -3px;
}
@media (max-width: 1199px) {
  .Story[data-id='2020-4'] .Story-svgList svg:nth-child(2),
  .Story[data-id='2020-4'] .Story-svgList svg:nth-child(4) {
    margin: 0 8px 15px -3px;
  }
}
.Story[data-id='2020-4'] .Story-svgList svg:nth-child(4) {
  margin-right: -3px;
}
.Story[data-id='2020-4'] .Story-svgList svg:nth-child(5) {
  transform: rotate(180deg);
}
.Story[data-id='2020-4'] .Story-svgList svg:nth-child(6) {
  height: 38px;
  width: 38px;
  margin: 0 54px 21px;
}
@media (max-width: 1199px) {
  .Story[data-id='2020-4'] .Story-svgList svg:nth-child(6) {
    margin: 0 34px 16px;
  }
}
.Story[data-id='2020-4'] .Story-svgList svg:nth-child(7) {
  height: 85px;
  width: 55px;
}
.Story[data-id='2020-3'] {
  display: flex;
  width: 50%;
  padding-bottom: 60.3%;
  overflow: hidden;
  background: #1c1630;
}
.Story[data-id='2020-3'] .Story-text,
.Story[data-id='2020-3'] .Story-text2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
  position: absolute;
}
@media (max-width: 1199px) {
  .Story[data-id='2020-3'] .Story-text,
  .Story[data-id='2020-3'] .Story-text2 {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2020-3'] .Story-text {
  width: 202px;
  bottom: 46px;
  left: 40px;
}
@media (max-width: 1199px) {
  .Story[data-id='2020-3'] .Story-text {
    left: 30px;
  }
}
.Story[data-id='2020-3'] .Story-text2 {
  width: 191px;
  top: 34px;
  right: 40px;
}
@media (max-width: 1199px) {
  .Story[data-id='2020-3'] .Story-text2 {
    width: 166px;
    right: 30px;
  }
}
.Story[data-id='2020-3'] .Story-imgWrapper,
.Story[data-id='2020-3'] .Story-imgWrapper2 {
  position: absolute;
  width: 29.38596491%;
  z-index: 1;
}
.Story[data-id='2020-3'] .Story-imgWrapper:after,
.Story[data-id='2020-3'] .Story-imgWrapper2:after {
  content: '';
  display: block;
  padding-bottom: 270.14925373%;
}
.Story[data-id='2020-3'] .Story-imgWrapper {
  top: 19px;
  left: 40px;
}
@media (max-width: 1199px) {
  .Story[data-id='2020-3'] .Story-imgWrapper {
    left: 30px;
  }
}
.Story[data-id='2020-3'] .Story-imgWrapper2 {
  bottom: 19px;
  right: 40px;
}
@media (max-width: 1199px) {
  .Story[data-id='2020-3'] .Story-imgWrapper2 {
    right: 30px;
  }
}
.Story[data-id='2020-3'] .Story-img,
.Story[data-id='2020-3'] .Story-img2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: right;
     object-position: right;
}
.Story[data-id='2020-2'] {
  position: relative;
  width: 50%;
  padding-bottom: 60.3%;
  background: #bda470;
}
.Story[data-id='2020-2'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding: 0 48px 46px;
  z-index: 3;
}
.Story[data-id='2020-2'] .Story-imgWrapper {
  position: relative;
  width: 40.5%;
  margin: auto;
  padding-bottom: 40.5%;
}
.Story[data-id='2020-2'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2020-2'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-right: none;
}
.Story[data-id='2020-2'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 1199px) {
  .Story[data-id='2020-2'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2020-1'] {
  display: flex;
  height: 400px;
  width: 100%;
  overflow: hidden;
  background: #fff;
}
.Story[data-id='2020-1'] .Story-content {
  position: absolute;
  width: 265px;
  bottom: 45px;
  right: 96px;
  z-index: 2;
}
.Story[data-id='2020-1'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2020-1'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2020-1'] .Story-imgWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: calc(((100% - (4 - 1) * 48px - 0 * 48px - 0 * 48px) / 4 * 3 + 2 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2020-1'] .Story-imgWrapper {
    width: calc(((100% - (4 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4 * 3 + 2 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2020-1'] .Story-imgWrapper:after {
  content: '';
  display: block;
  padding-bottom: 145.3%;
}
.Story[data-id='2020-1'] .Story-imgWrapper2 {
  position: absolute;
  top: 0;
  left: 5%;
  width: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 5 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2020-1'] .Story-imgWrapper2 {
    width: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 5 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2020-1'] .Story-imgWrapper2:after {
  content: '';
  display: block;
  padding-bottom: 145.3%;
}
.Story[data-id='2020-1'] .Story-img,
.Story[data-id='2020-1'] .Story-img2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: right;
     object-position: right;
}
.Story[data-id='2019-4'] {
  width: 100%;
  height: 480px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .Story[data-id='2019-4'] {
    height: 250px;
  }
}
.Story[data-id='2019-4'].isReversed .Story-imgWrapper,
.Story[data-id='2019-4'].isReversed .Story-imgWrapper2 {
  flex-flow: row-reverse;
}
.Story[data-id='2019-4'].isAnimated .Story-img {
  transform: scale(0.8);
  opacity: 0;
}
.Story[data-id='2019-4'] .Story-content {
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  padding-top: 55px;
  padding-left: 52px;
  z-index: 2;
}
.Story[data-id='2019-4'] .Story-text {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  color: #1c1630;
}
@media (max-width: 1199px) {
  .Story[data-id='2019-4'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2019-4'] .Story-imgWrapper {
  position: absolute;
  display: flex;
  justify-content: space-between;
  left: calc(50% + 40px);
  top: 0;
  right: 40px;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2019-4'] .Story-imgWrapper {
    display: none;
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2019-4'] .Story-imgWrapper {
    left: 50%;
    right: 0;
  }
}
.Story[data-id='2019-4'] .Story-imgWrapper2 {
  position: absolute;
  display: flex;
  justify-content: space-between;
  left: 40px;
  right: 40px;
  bottom: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2019-4'] .Story-imgWrapper2 {
    display: none;
  }
}
.Story[data-id='2019-4'] .Story-img {
  width: 216px;
  height: 216px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
  transition: transform  .3s, opacity .3s;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2019-4'] .Story-img {
    width: 190px;
    height: 190px;
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2019-4'] .Story-img {
    width: 173px;
    height: 173px;
  }
}
.Story[data-id='2019-3'] {
  position: relative;
  width: 50%;
  padding-bottom: 60%;
  overflow: hidden;
}
.Story[data-id='2019-3'].isAnimated .Story-img,
.Story[data-id='2019-3'].isAnimated .Story-img2,
.Story[data-id='2019-3'].isAnimated .Story-img3,
.Story[data-id='2019-3'].isAnimated .Story-img4 {
  opacity: 1;
}
.Story[data-id='2019-3'] .Story-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30.76923077%;
  background: linear-gradient(1.55deg, #080808 4.7%, rgba(8, 8, 8, 0) 90.82%);
  z-index: 3;
}
.Story[data-id='2019-3'] .Story-text {
  position: absolute;
  left: 60px;
  right: 48px;
  bottom: 72px;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
}
@media (max-width: 1199px) {
  .Story[data-id='2019-3'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2019-3'] .Story-imgWrapper {
  position: absolute;
  top: 0;
  right: 128px;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.Story[data-id='2019-3'] .Story-imgWrapper2 {
  position: absolute;
  left: 96px;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.Story[data-id='2019-3'] .Story-imgWrapper3 {
  position: absolute;
  left: 48px;
  right: 56px;
  bottom: 0;
  height: 94.87179487%;
}
.Story[data-id='2019-3'] .Story-imgWrapper4 {
  position: absolute;
  left: 48px;
  right: 56px;
  bottom: 0;
  height: 94.87179487%;
}
.Story[data-id='2019-3'] .Story-img,
.Story[data-id='2019-3'] .Story-img2,
.Story[data-id='2019-3'] .Story-img3,
.Story[data-id='2019-3'] .Story-img4 {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.Story[data-id='2019-3'] .Story-img {
  transition: opacity .15s;
}
.Story[data-id='2019-3'] .Story-img2 {
  transition: opacity .15s .15s;
}
.Story[data-id='2019-3'] .Story-img3 {
  transition: opacity .15s .3s;
}
.Story[data-id='2019-3'] .Story-img4 {
  transition: opacity .15s .45s;
}
.Story[data-id='2019-2'] {
  position: relative;
  width: 50%;
  padding-bottom: 60%;
  overflow: hidden;
}
.Story[data-id='2019-2'] .Story-content {
  position: absolute;
  left: 48px;
  top: 40px;
  right: 60px;
  z-index: 3;
}
.Story[data-id='2019-2'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
}
@media (max-width: 1199px) {
  .Story[data-id='2019-2'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2019-2'] .Story-imagesWrapper {
  position: absolute;
  left: -15px;
  top: 7.69230769%;
  right: 0;
  width: 48%;
  margin: 0 auto;
  transform: rotate(61.54deg);
}
.Story[data-id='2019-2'] .Story-imagesWrapper:after {
  content: '';
  display: block;
  padding-bottom: 270%;
}
.Story[data-id='2019-2'] .Story-imgWrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.Story[data-id='2019-2'] .Story-imgWrapper:first-child .Story-imgMask {
  height: 100%;
}
.Story[data-id='2019-2'] .Story-img {
  width: 100%;
  height: 100%;
}
.Story[data-id='2019-2'] .Story-imgMask {
  height: 0;
}
.Story[data-id='2019-1'] {
  width: 100%;
  height: 480px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .Story[data-id='2019-1'] {
    height: 250px;
  }
}
.Story[data-id='2019-1'] .Story-content {
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  padding-top: 55px;
  padding-left: 52px;
  z-index: 2;
}
.Story[data-id='2019-1'] .Story-text {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  color: #fff;
}
@media (max-width: 1199px) {
  .Story[data-id='2019-1'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2019-1'] .Story-imgWrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.Story[data-id='2019-1'] .Story-imgWrapper:after {
  content: '';
  display: block;
  padding-bottom: 57%;
}
@media (min-width: 1680px) {
  .Story[data-id='2019-1'] .Story-imgWrapper:after {
    padding-bottom: 50%;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2019-1'] .Story-imgWrapper:after {
    padding-bottom: 69%;
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2019-1'] .Story-imgWrapper:after {
    padding-bottom: 51%;
  }
}
.Story[data-id='2019-1'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2018-1'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
}
.Story[data-id='2018-1'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 60px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2018-1'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2018-1'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2018-1'] .Story-animation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2018-1'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2018-1'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #ffffff;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2018-1'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2018-1'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2018-2'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  overflow: hidden;
}
.Story[data-id='2018-2'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-top: 43px;
  padding-left: 48px;
  padding-right: 48px;
  z-index: 3;
  order: 1;
}
@media (max-width: 1199px) {
  .Story[data-id='2018-2'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2018-2'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2018-2'] .Story-imgWrapper {
  position: relative;
  flex: 1 1;
  order: 2;
  margin-top: 7%;
}
.Story[data-id='2018-2'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2018-2'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2018-2'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2018-2'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2018-2'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2018-3'] {
  display: flex;
  height: 228px;
  overflow: hidden;
  width: 100%;
  background: #1c1630;
}
@media (max-width: 1199px) {
  .Story[data-id='2018-3'] {
    height: 250px;
  }
}
.Story[data-id='2018-3'] .Story-content {
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  padding-top: 62px;
  padding-left: 48px;
  z-index: 2;
}
.Story[data-id='2018-3'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
  margin-left: -1px;
}
.Story[data-id='2018-3'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2018-3'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2018-3'] .Story-imgWrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 3 + 2 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2018-3'] .Story-imgWrapper {
    top: 100px;
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2018-3'] .Story-imgWrapper {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 3 + 2 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2018-3'] .Story-imgWrapper {
    right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2018-3'] .Story-imgWrapper:after {
  content: '';
  display: block;
  padding-bottom: 272.15%;
}
.Story[data-id='2018-3'] .Story-img {
  position: absolute;
  height: 100%;
  width: calc(100% - 46px);
  top: 0;
  bottom: 0;
  left: 18px;
  right: 28px;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: right;
     object-position: right;
}
.Story[data-id='2017-1'] {
  width: 50%;
  padding-bottom: 40px;
  padding-left: 48px;
  padding-right: 84px;
}
.Story[data-id='2017-1'] .Story-imgWrapper {
  text-align: center;
  margin-bottom: 10px;
}
.Story[data-id='2017-1'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
  margin-left: -1px;
}
.Story[data-id='2017-1'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2017-1'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2017-2'] {
  display: flex;
  width: 50%;
  padding-top: 68px;
  padding-bottom: 40px;
  padding-left: 60px;
  padding-right: 84px;
}
.Story[data-id='2017-2'] .Story-img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 151px;
  height: 144px;
  margin-left: -75px;
  margin-top: -72px;
}
.Story[data-id='2017-2'] .Story-imgWrapper {
  flex: 1 1;
  position: relative;
}
.Story[data-id='2017-2'] .Story-inner {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.Story[data-id='2017-2'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
  margin-left: -1px;
}
.Story[data-id='2017-2'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2017-2'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2017-3'] {
  display: flex;
  height: 228px;
  overflow: hidden;
  width: 100%;
  background: #1c1630;
}
@media (max-width: 1199px) {
  .Story[data-id='2017-3'] {
    height: 250px;
  }
}
.Story[data-id='2017-3'] .Story-content {
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  padding-top: 62px;
  padding-left: 48px;
  z-index: 2;
}
.Story[data-id='2017-3'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
  margin-left: -1px;
}
.Story[data-id='2017-3'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2017-3'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2017-3'] .Story-imgWrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2017-3'] .Story-imgWrapper {
    top: 100px;
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2017-3'] .Story-imgWrapper {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2017-3'] .Story-imgWrapper {
    right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2017-3'] .Story-imgWrapper:after {
  content: '';
  display: block;
  padding-bottom: 272.15%;
}
.Story[data-id='2017-3'] .Story-img {
  position: absolute;
  height: 100%;
  width: calc(100% - 46px);
  top: 0;
  bottom: 0;
  left: 18px;
  right: 28px;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: right;
     object-position: right;
}
.Story[data-id='2016-1'] {
  display: flex;
  height: 480px;
  width: 100%;
  background: #1c1630;
}
@media (max-width: 1199px) {
  .Story[data-id='2016-1'] {
    height: 350px;
  }
}
.Story[data-id='2016-1'] .Story-content {
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  padding-top: 43px;
  padding-left: 48px;
  z-index: 2;
}
.Story[data-id='2016-1'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
  margin-left: -1px;
}
.Story[data-id='2016-1'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2016-1'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2016-1'] .Story-imgWrapperOuter {
  display: flex;
  position: absolute;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.Story[data-id='2016-1'] .Story-imgWrapperInner {
  position: relative;
  width: 47%;
  padding: 10%;
}
.Story[data-id='2016-1'] .Story-imgWrapperInner:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.Story[data-id='2016-1'] .Story-outerCircle {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #2c2448;
  border-radius: 50%;
}
.Story[data-id='2016-1'] .Story-innerCircle {
  content: '';
  position: absolute;
  height: 64%;
  width: 64%;
  top: 18%;
  left: 18%;
  background: #e6102d;
  border-radius: 50%;
}
.Story[data-id='2016-1'] .Story-contentCircle {
  position: absolute;
  height: 48%;
  width: 48%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 30px;
  overflow: hidden;
  background: #fff;
  transition: transform 0.1s ease-out;
  z-index: 1;
  will-change: transform;
  border-radius: 50%;
}
.Story[data-id='2016-1'] .Story-circleImage {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2016-2'] {
  width: 50%;
  padding-top: 68px;
  padding-bottom: 18px;
  padding-left: 48px;
  padding-right: 84px;
}
.Story[data-id='2016-2'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
  margin-left: -1px;
}
.Story[data-id='2016-2'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2016-2'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2016-3'] {
  width: 100%;
  max-height: 264px;
  overflow: hidden;
}
.Story[data-id='2016-3'] .Story-inner {
  display: flex;
  position: relative;
  height: 100%;
  border-top: none;
  border-bottom: none;
  z-index: 2;
}
.Story[data-id='2016-3'] .Story-content {
  position: relative;
  align-self: center;
  margin-top: -1.4%;
  padding-left: 50px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 4 + 3 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2016-3'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 4 + 3 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2016-3'] .Story-imgWrapper {
  margin-top: 4%;
  margin-bottom: 3.5%;
  padding-left: 46px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 3 + 2 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2016-3'] .Story-imgWrapper {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 3 + 2 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2016-3'] .Story-img {
  display: block;
  height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2016-3'] .Story-imgWrapper2 {
  position: absolute;
  height: 152px;
  top: 5px;
  bottom: 0;
  left: 128px;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 1;
}
.Story[data-id='2016-3'] .Story-img2 {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2016-3'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2016-3'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2016-3'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2015-1'] {
  display: flex;
  height: 480px;
  width: 100%;
}
@media (max-width: 1199px) {
  .Story[data-id='2015-1'] {
    height: 350px;
  }
}
.Story[data-id='2015-1'] .Story-inner {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-top: none;
  z-index: 2;
}
.Story[data-id='2015-1'] .Story-content {
  position: relative;
  margin-top: 43px;
  margin-left: 48px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 2 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2015-1'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 2 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2015-1'] .Story-imgWrapper {
  position: absolute;
  width: 53%;
  bottom: 0;
  right: 11px;
  padding-bottom: 31.06%;
}
.Story[data-id='2015-1'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2015-1'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  margin-left: -1px;
}
.Story[data-id='2015-1'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2015-1'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2015-2'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2015-2'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 48px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2015-2'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2015-2'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2015-2'] .Story-imgWrapper {
  position: relative;
  width: 32.6%;
  margin-top: 8.8%;
  margin-left: 48px;
  padding-bottom: 32.6%;
}
.Story[data-id='2015-2'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2015-2'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-top: none;
}
.Story[data-id='2015-2'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #000;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2015-2'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2015-2'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2015-3'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2015-3'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 60px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2015-3'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2015-3'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2015-3'] .Story-imgWrapper {
  position: relative;
  width: 32.6%;
  margin-top: 8.8%;
  margin-left: 60px;
  padding-bottom: 32.6%;
}
.Story[data-id='2015-3'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2015-3'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-top: none;
  border-left: none;
}
.Story[data-id='2015-3'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #000;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2015-3'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2015-3'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2015-4'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2015-4'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 48px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2015-4'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2015-4'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2015-4'] .Story-imgWrapper {
  position: relative;
  flex: 1 1;
  align-self: center;
  width: 61%;
  margin-top: -10px;
}
.Story[data-id='2015-4'] .Story-img {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2015-4'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-top: none;
}
.Story[data-id='2015-4'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2015-4'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2015-4'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2015-5'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  overflow: hidden;
  background: #fff;
}
.Story[data-id='2015-5'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 60px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2015-5'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2015-5'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2015-5'] .Story-imgWrapper {
  position: relative;
  flex: 1 1;
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: 60px;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2015-5'] .Story-imgWrapper {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2015-5'] .Story-imgWrapper {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.Story[data-id='2015-5'] .Story-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: left;
     object-position: left;
  transform-origin: left bottom;
}
.Story[data-id='2015-5'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-top: none;
  border-left: none;
}
.Story[data-id='2015-5'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2015-5'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2015-5'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2015-6'] {
  display: flex;
  height: 480px;
  width: 100%;
}
@media (max-width: 1199px) {
  .Story[data-id='2015-6'] {
    height: 350px;
  }
}
.Story[data-id='2015-6'] .Story-inner {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-top: none;
  border-bottom: none;
  z-index: 2;
}
.Story[data-id='2015-6'] .Story-content {
  position: relative;
  margin-top: 43px;
  margin-left: 48px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 3 + 2 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2015-6'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 3 + 2 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2015-6'] .Story-imgWrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2015-6'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: right;
     object-position: right;
}
.Story[data-id='2015-6'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
  margin-left: -1px;
}
.Story[data-id='2015-6'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2015-6'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2015-7'] {
  display: flex;
  height: 480px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .Story[data-id='2015-7'] {
    height: 350px;
  }
}
.Story[data-id='2015-7'] .Story-inner {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-top: none;
  z-index: 2;
}
.Story[data-id='2015-7'] .Story-content {
  position: relative;
  margin-top: 43px;
  margin-left: 48px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 4 + 3 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2015-7'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 4 + 3 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2015-7'] .Story-imgWrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 3 + 2 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2015-7'] .Story-imgWrapper {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 3 + 2 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2015-7'] .Story-imgWrapper {
    right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2015-7'] .Story-imgWrapper:after {
  content: '';
  display: block;
  padding-bottom: 272.15%;
}
.Story[data-id='2015-7'] .Story-img {
  position: absolute;
  height: 100%;
  width: calc(100% - 46px);
  top: 0;
  bottom: 0;
  left: 18px;
  right: 28px;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: right;
     object-position: right;
}
.Story[data-id='2015-7'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
  margin-left: -1px;
}
.Story[data-id='2015-7'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2015-7'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2014-1'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2014-1'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 48px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2014-1'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2014-1'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2014-1'] .Story-imgWrapper {
  position: relative;
  width: 32.6%;
  margin-top: 8.8%;
  margin-left: 48px;
  padding-bottom: 32.6%;
}
.Story[data-id='2014-1'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2014-1'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
}
.Story[data-id='2014-1'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #000;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2014-1'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2014-1'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2014-2'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2014-2'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 60px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2014-2'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2014-2'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2014-2'] .Story-imgWrapper {
  position: relative;
  width: 32.6%;
  margin-top: 8.8%;
  margin-left: 60px;
  padding-bottom: 32.6%;
}
.Story[data-id='2014-2'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2014-2'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-left: none;
}
.Story[data-id='2014-2'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #000;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2014-2'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2014-2'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2014-3'] {
  width: 100%;
  max-height: 264px;
  overflow: hidden;
  background: #fff;
}
.Story[data-id='2014-3'] .Story-inner {
  display: flex;
  position: relative;
  height: 100%;
  border: 1px solid #ebebf5;
  border-top: none;
  border-bottom: none;
  z-index: 2;
}
.Story[data-id='2014-3'] .Story-content {
  position: relative;
  align-self: center;
  margin-top: -1.4%;
  padding-left: 19px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 5 + 4 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2014-3'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 5 + 4 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2014-3'] .Story-imgWrapper {
  margin-top: 4%;
  margin-bottom: 3.5%;
  padding-left: 46px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 3 + 2 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2014-3'] .Story-imgWrapper {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 3 + 2 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2014-3'] .Story-img {
  display: block;
  height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2014-3'] .Story-imgWrapper2 {
  position: absolute;
  height: 152px;
  top: 5px;
  bottom: 0;
  left: 128px;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 1;
}
.Story[data-id='2014-3'] .Story-img2 {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2014-3'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2014-3'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2014-3'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2014-4'] {
  width: 100%;
  max-height: 264px;
  overflow: hidden;
  background: #fff;
}
.Story[data-id='2014-4'] .Story-inner {
  display: flex;
  position: relative;
  height: 100%;
  border: 1px solid #ebebf5;
  border-top: none;
  border-bottom: none;
  z-index: 2;
}
.Story[data-id='2014-4'] .Story-content {
  position: relative;
  align-self: center;
  margin-top: -1.4%;
  padding-left: 19px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 5 + 4 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2014-4'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 5 + 4 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2014-4'] .Story-imgWrapper {
  margin-top: 4%;
  margin-bottom: 3.5%;
  padding-left: 46px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 3 + 2 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2014-4'] .Story-imgWrapper {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 3 + 2 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2014-4'] .Story-img {
  display: block;
  height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2014-4'] .Story-imgWrapper2 {
  position: absolute;
  height: 152px;
  top: 5px;
  bottom: 0;
  left: 128px;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 1;
}
.Story[data-id='2014-4'] .Story-img2 {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2014-4'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2014-4'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2014-4'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2014-5'] {
  width: 50%;
  max-height: 258px;
  background: #fff;
}
.Story[data-id='2014-5'] .Story-inner {
  display: flex;
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid #ebebf5;
  z-index: 2;
}
.Story[data-id='2014-5'] .Story-content {
  position: relative;
  margin-left: 48px;
  padding-top: 43px;
  padding-bottom: 10.1%;
  z-index: 2;
  order: 1;
  width: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 4.5 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2014-5'] .Story-content {
    width: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4.5 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2014-5'] .Story-imgWrapper {
  align-self: flex-end;
  margin-top: 10%;
  padding-left: 19px;
  padding-right: 19px;
  order: 2;
  width: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 4.5 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  right: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 4.5 * 0.5 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2014-5'] .Story-imgWrapper {
    width: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4.5 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2014-5'] .Story-imgWrapper {
    right: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4.5 * 0.5 + -0.5 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2014-5'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2014-5'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2014-5'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2014-5'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2014-6'] {
  width: 50%;
  max-height: 258px;
  background: #fff;
}
.Story[data-id='2014-6'] .Story-inner {
  display: flex;
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid #ebebf5;
  border-left: none;
  z-index: 2;
}
.Story[data-id='2014-6'] .Story-content {
  position: relative;
  margin-left: 60px;
  padding-top: 43px;
  padding-bottom: 10.1%;
  z-index: 2;
  order: 1;
  width: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 4.5 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2014-6'] .Story-content {
    width: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4.5 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2014-6'] .Story-imgWrapper {
  align-self: flex-end;
  margin-top: 10%;
  padding-left: 11px;
  padding-right: 9px;
  order: 2;
  width: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 4.5 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  right: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 4.5 * 0.5 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2014-6'] .Story-imgWrapper {
    width: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4.5 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2014-6'] .Story-imgWrapper {
    right: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4.5 * 0.5 + -0.5 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2014-6'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2014-6'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2014-6'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2014-6'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2014-7'] {
  width: 50%;
  max-height: 258px;
  background: #fff;
}
.Story[data-id='2014-7'] .Story-inner {
  display: flex;
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid #ebebf5;
  border-top: none;
  z-index: 2;
}
.Story[data-id='2014-7'] .Story-content {
  position: relative;
  margin-left: 48px;
  padding-top: 43px;
  padding-bottom: 10.1%;
  z-index: 2;
  order: 1;
  width: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 4.5 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2014-7'] .Story-content {
    width: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4.5 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2014-7'] .Story-imgWrapper {
  align-self: center;
  margin-top: 5.8%;
  margin-bottom: 7%;
  padding-left: 13px;
  padding-right: 12px;
  order: 2;
  width: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 4.5 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  right: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 4.5 * 0.5 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2014-7'] .Story-imgWrapper {
    width: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4.5 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2014-7'] .Story-imgWrapper {
    right: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4.5 * 0.5 + -0.5 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2014-7'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2014-7'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2014-7'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2014-7'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2014-8'] {
  width: 50%;
  max-height: 258px;
  background: #fff;
}
.Story[data-id='2014-8'] .Story-inner {
  display: flex;
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid #ebebf5;
  border-top: none;
  border-left: none;
  z-index: 2;
}
.Story[data-id='2014-8'] .Story-content {
  position: relative;
  margin-left: 60px;
  padding-top: 43px;
  padding-bottom: 10.1%;
  z-index: 2;
  order: 1;
  width: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 4.5 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2014-8'] .Story-content {
    width: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4.5 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2014-8'] .Story-imgWrapper {
  align-self: center;
  padding-left: 15px;
  padding-right: 23px;
  order: 2;
  width: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 4.5 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  right: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 4.5 * 0.5 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2014-8'] .Story-imgWrapper {
    width: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4.5 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2014-8'] .Story-imgWrapper {
    right: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4.5 * 0.5 + -0.5 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2014-8'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2014-8'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2014-8'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2014-8'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2014-9'] {
  width: 50%;
  max-height: 258px;
  background: #fff;
}
.Story[data-id='2014-9'] .Story-inner {
  display: flex;
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid #ebebf5;
  border-top: none;
  z-index: 2;
}
.Story[data-id='2014-9'] .Story-content {
  position: relative;
  margin-left: 48px;
  padding-top: 43px;
  padding-bottom: 10.1%;
  z-index: 2;
  width: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 4.5 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2014-9'] .Story-content {
    width: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4.5 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2014-9'] .Story-imgWrapper {
  position: absolute;
  height: 198px;
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 2;
}
@media (max-width: 1199px) {
  .Story[data-id='2014-9'] .Story-imgWrapper {
    right: -40px;
  }
}
.Story[data-id='2014-9'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2014-9'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2014-9'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2014-9'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2014-10'] {
  display: flex;
  height: 228px;
  overflow: hidden;
  border: 1px solid #ebebf5;
  border-top: none;
  width: 100%;
  background: #fff;
}
@media (max-width: 1199px) {
  .Story[data-id='2014-10'] {
    height: 250px;
  }
}
.Story[data-id='2014-10'] .Story-content {
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  padding-top: 62px;
  padding-left: 48px;
  z-index: 2;
}
.Story[data-id='2014-10'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
  margin-left: -1px;
}
.Story[data-id='2014-10'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2014-10'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2014-10'] .Story-imgWrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2014-10'] .Story-imgWrapper {
    top: 100px;
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2014-10'] .Story-imgWrapper {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2014-10'] .Story-imgWrapper {
    right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2014-10'] .Story-imgWrapper:after {
  content: '';
  display: block;
  padding-bottom: 272.15%;
}
.Story[data-id='2014-10'] .Story-img {
  position: absolute;
  height: 100%;
  width: calc(100% - 46px);
  top: -33%;
  bottom: 0;
  left: 18px;
  right: 28px;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: right;
     object-position: right;
}
.Story[data-id='2013-1'] {
  height: 256px;
  width: 100%;
  overflow: hidden;
  background: #fff;
}
.Story[data-id='2013-1'] .Story-inner {
  position: relative;
  height: 100%;
  border: 1px solid #ebebf5;
  border-bottom: none;
  z-index: 2;
}
.Story[data-id='2013-1'] .Story-content {
  position: relative;
  margin-left: 48px;
  padding-top: 43px;
  padding-bottom: 28px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 3 + 2 * 48px + 2 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2013-1'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 3 + 2 * 32px + 2 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2013-1'] .Story-imgWrapper {
  position: absolute;
  top: 0;
  margin-top: auto;
  margin-bottom: auto;
  overflow: hidden;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 7 + 6 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * -1 + 0 * 48px + -1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2013-1'] .Story-imgWrapper {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 7 + 6 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2013-1'] .Story-imgWrapper {
    right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * -1 + 0 * 32px + -1 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2013-1'] .Story-imgWrapper:after {
  content: '';
  display: block;
  padding-bottom: 133.88%;
}
.Story[data-id='2013-1'] .Story-img {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2013-1'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2013-1'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2013-1'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2013-1'] .Story-text2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #616166;
}
.Story[data-id='2013-2'] {
  height: 256px;
  width: 50%;
  overflow: hidden;
  background: #fff;
}
.Story[data-id='2013-2'] .Story-inner {
  display: flex;
  position: relative;
  height: 100%;
  z-index: 2;
}
.Story[data-id='2013-2'] .Story-content {
  position: relative;
  width: 324px;
  padding-top: 43px;
  padding-bottom: 28px;
  padding-left: 43px;
  z-index: 2;
}
.Story[data-id='2013-2'] .Story-imgWrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.Story[data-id='2013-2'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: right;
     object-position: right;
}
.Story[data-id='2013-2'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2013-2'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2013-2'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2013-3'] {
  height: 256px;
  width: 50%;
  background: #fff;
}
.Story[data-id='2013-3'] .Story-inner {
  display: flex;
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid #ebebf5;
  z-index: 2;
}
.Story[data-id='2013-3'] .Story-content {
  position: relative;
  margin-left: 60px;
  padding-top: 43px;
  padding-bottom: 28px;
  z-index: 2;
  width: calc(((100% - (5 - 1) * 48px - 0 * 48px - 0 * 48px) / 4.5 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2013-3'] .Story-content {
    width: calc(((100% - (5 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4.5 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2013-3'] .Story-imgWrapper {
  position: absolute;
  height: 198px;
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 2;
}
@media (max-width: 1199px) {
  .Story[data-id='2013-3'] .Story-imgWrapper {
    right: -40px;
  }
}
.Story[data-id='2013-3'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2013-3'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2013-3'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2013-3'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2013-4'] {
  height: 328px;
  width: 100%;
  overflow: hidden;
  background: #fff;
}
.Story[data-id='2013-4'] .Story-inner {
  display: flex;
  position: relative;
  height: 100%;
  border: 1px solid #ebebf5;
  border-top: none;
  border-bottom: none;
  z-index: 2;
}
.Story[data-id='2013-4'] .Story-content {
  position: relative;
  padding-top: 43px;
  padding-bottom: 28px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 5 + 4 * 48px + 0 * 48px + 0 * 48px / 2) + 24px);
  margin-left: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 3 + 2 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2013-4'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 5 + 4 * 32px + 0 * 32px + 0 * 48px) + 24px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2013-4'] .Story-content {
    margin-left: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 3 + 2 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2013-4'] .Story-imgWrapper {
  position: absolute;
  height: 152px;
  top: 5px;
  bottom: 0;
  left: 45px;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 2;
}
.Story[data-id='2013-4'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2013-4'] .Story-imgWrapper2 {
  position: absolute;
  height: 152px;
  top: 5px;
  bottom: 0;
  left: 128px;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 1;
}
.Story[data-id='2013-4'] .Story-img2 {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2013-4'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2013-4'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2013-4'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2013-5'] {
  height: 328px;
  width: 100%;
  overflow: hidden;
  background: #fff;
}
.Story[data-id='2013-5'] .Story-inner {
  position: relative;
  height: 100%;
  border: 1px solid #ebebf5;
  border-top: none;
  border-bottom: none;
  z-index: 2;
}
.Story[data-id='2013-5'] .Story-content {
  position: relative;
  margin-left: 48px;
  padding-top: 43px;
  padding-bottom: 28px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 5 + 4 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2013-5'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 5 + 4 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px), (max-width: 1199px) {
  .Story[data-id='2013-5'] .Story-content {
    width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 4 + 3 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) and (max-width: 1199px), (max-width: 1199px) and (max-width: 1199px) {
  .Story[data-id='2013-5'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 4 + 3 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2013-5'] .Story-imgWrapper {
  position: absolute;
  height: 225px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2013-5'] .Story-imgWrapper {
    right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2013-5'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2013-5'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2013-5'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2013-5'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2013-6'] {
  height: 256px;
  width: 100%;
  overflow: hidden;
  background: #fff;
}
.Story[data-id='2013-6'] .Story-inner {
  display: flex;
  position: relative;
  height: 100%;
  border: 1px solid #ebebf5;
  border-top: none;
  border-bottom: none;
  z-index: 2;
}
.Story[data-id='2013-6'] .Story-content {
  position: relative;
  padding-top: 43px;
  padding-bottom: 28px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 5 + 4 * 48px + 0 * 48px + 0 * 48px / 2) + 24px);
  margin-left: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 3 + 2 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2013-6'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 5 + 4 * 32px + 0 * 32px + 0 * 48px) + 24px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2013-6'] .Story-content {
    margin-left: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 3 + 2 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2013-6'] .Story-imgWrapper {
  position: absolute;
  height: 185px;
  top: 5px;
  bottom: 0;
  left: 45px;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 2;
}
.Story[data-id='2013-6'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2013-6'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2013-6'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2013-6'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2013-7'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  overflow: hidden;
  background: #fff;
}
.Story[data-id='2013-7'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-top: 43px;
  padding-left: 60px;
  padding-right: 48px;
  z-index: 3;
  order: 1;
}
@media (max-width: 1199px) {
  .Story[data-id='2013-7'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2013-7'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2013-7'] .Story-imgWrapper {
  position: relative;
  flex: 1 1;
  margin-top: 7%;
  order: 2;
}
.Story[data-id='2013-7'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2013-7'] .Story-img2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 70%;
  right: -70%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2013-7'] .Story-img3 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 140%;
  right: -140%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2013-7'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
}
.Story[data-id='2013-7'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2013-7'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2013-7'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2012-1'] {
  width: 100%;
  min-height: 144px;
  background: #fff;
}
.Story[data-id='2012-1'] .Story-inner {
  position: relative;
  height: 100%;
  border: 1px solid #ebebf5;
  border-bottom: none;
  z-index: 2;
}
.Story[data-id='2012-1'] .Story-content {
  position: relative;
  margin-left: 48px;
  padding-top: 38px;
  padding-bottom: 40px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 5 + 4 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2012-1'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 5 + 4 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2012-1'] .Story-imgWrapper {
  height: 88px;
  width: 71px;
  margin-top: 36px;
  margin-left: 46px;
}
.Story[data-id='2012-1'] .Story-img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: top;
     object-position: top;
}
.Story[data-id='2012-1'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2012-1'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2012-1'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2012-2'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2012-2'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 48px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2012-2'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2012-2'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2012-2'] .Story-imgWrapper {
  position: relative;
  flex: 1 1;
  width: 100%;
  margin-top: 29.4%;
  margin-bottom: 10.3%;
}
.Story[data-id='2012-2'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2012-2'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
}
.Story[data-id='2012-2'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2012-2'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2012-2'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2012-3'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  overflow: hidden;
  background: #fff;
}
.Story[data-id='2012-3'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 60px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2012-3'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2012-3'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2012-3'] .Story-imgWrapper {
  position: relative;
  flex: 1 1;
  width: 100%;
  margin-top: 21%;
  margin-bottom: 5%;
}
.Story[data-id='2012-3'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
  z-index: 2;
}
.Story[data-id='2012-3'] .Story-circle {
  position: absolute;
  height: 140px;
  width: 140px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(2, 161, 224, 0.14);
  border-radius: 50%;
}
.Story[data-id='2012-3'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-left: none;
}
.Story[data-id='2012-3'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2012-3'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2012-3'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2012-4'] {
  height: 310px;
  width: 100%;
  background: #fff;
}
.Story[data-id='2012-4'] .Story-inner {
  position: relative;
  height: 100%;
  border: 1px solid #ebebf5;
  border-top: none;
  border-bottom: none;
  z-index: 2;
}
.Story[data-id='2012-4'] .Story-content {
  position: relative;
  margin-left: 48px;
  padding-top: 43px;
  padding-bottom: 28px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 5 + 4 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2012-4'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 5 + 4 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px), (max-width: 1199px) {
  .Story[data-id='2012-4'] .Story-content {
    width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 4 + 3 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) and (max-width: 1199px), (max-width: 1199px) and (max-width: 1199px) {
  .Story[data-id='2012-4'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 4 + 3 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2012-4'] .Story-imgWrapper {
  position: absolute;
  height: 245px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2012-4'] .Story-imgWrapper {
    right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2012-4'] .Story-imgWrapper {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2012-4'] .Story-imgWrapper {
    width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 3 + 2 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .Story[data-id='2012-4'] .Story-imgWrapper {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 3 + 2 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2012-4'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2012-4'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2012-4'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2012-4'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2012-5'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2012-5'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 48px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2012-5'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2012-5'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2012-5'] .Story-imgWrapper {
  position: relative;
  width: 25.6%;
  margin-top: 11%;
  margin-left: 49px;
  padding-bottom: 25.6%;
  z-index: 2;
}
@media (max-width: 1199px) {
  .Story[data-id='2012-5'] .Story-imgWrapper {
    width: 20%;
    margin-top: 5%;
    padding-bottom: 20%;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2012-5'] .Story-imgWrapper {
    width: 22.5%;
    margin-top: 8%;
    padding-bottom: 22.5%;
  }
}
.Story[data-id='2012-5'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2012-5'] .Story-imgWrapper2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.Story[data-id='2012-5'] .Story-img2 {
  display: block;
  width: 100%;
  margin-top: calc(11% + 60px);
}
@media (max-width: 1199px) {
  .Story[data-id='2012-5'] .Story-img2 {
    margin-top: calc(5% + 30px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2012-5'] .Story-img2 {
    margin-top: calc(8% + 50px);
  }
}
.Story[data-id='2012-5'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2012-5'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2012-5'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2012-5'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2012-6'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2012-6'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 60px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2012-6'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2012-6'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2012-6'] .Story-imgWrapper {
  position: relative;
  width: 35%;
  margin-top: 11%;
  margin-left: 60px;
  padding-bottom: 35%;
}
@media (max-width: 1199px) {
  .Story[data-id='2012-6'] .Story-imgWrapper {
    width: 25%;
    margin-top: 5%;
    padding-bottom: 25%;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2012-6'] .Story-imgWrapper {
    width: 30%;
    margin-top: 8%;
    padding-bottom: 30%;
  }
}
.Story[data-id='2012-6'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2012-6'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2012-6'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2012-6'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2012-6'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2011-1'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2011-1'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 48px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2011-1'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2011-1'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2011-1'] .Story-imgWrapper {
  position: relative;
  width: 15%;
  margin-top: 11%;
  margin-left: 49px;
  padding-bottom: 63%;
}
.Story[data-id='2011-1'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2011-1'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
}
.Story[data-id='2011-1'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2011-1'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2011-1'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2011-2'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2011-2'] .Story-content {
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 60px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2011-2'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2011-2'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2011-2'] .Story-imgWrapper {
  position: absolute;
  max-width: 312px;
  top: 23%;
  left: 50%;
  right: 0;
  transform: translateX(-50%);
  padding-top: 25px;
  padding-bottom: 20px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 9px;
  z-index: 5;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2011-2'] .Story-imgWrapper {
    top: 10%;
    padding-top: 18px;
    padding-bottom: 15px;
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2011-2'] .Story-imgWrapper {
    top: 15%;
    padding-top: 15px;
    padding-bottom: 12px;
  }
}
.Story[data-id='2011-2'] .Story-img {
  position: absolute;
  height: 114px;
  width: 73px;
  top: -51px;
  right: -38px;
}
@media (min-width: 1200px) and (max-width: 1439px), (max-width: 1199px) {
  .Story[data-id='2011-2'] .Story-img {
    height: 57px;
    width: 37px;
    top: -24px;
    right: -18px;
  }
}
.Story[data-id='2011-2'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2011-2'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2011-2'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2011-2'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
}
.Story[data-id='2011-2'] .Story-text2 {
  font-size: 42px;
  font-weight: 500;
  line-height: 48px;
  color: #e6102d;
  position: absolute;
  max-width: 312px;
  top: 23%;
  left: 50%;
  right: 0;
  transform: translateX(-50%);
  padding-top: 25px;
  padding-bottom: 20px;
  padding-left: 24px;
  padding-right: 24px;
  background: #fff;
  border-radius: 9px;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2011-2'] .Story-text2 {
    font-size: 30px;
    line-height: 42px;
    top: 10%;
    padding-top: 18px;
    padding-bottom: 15px;
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2011-2'] .Story-text2 {
    font-size: 24px;
    line-height: 36px;
    top: 15%;
    padding-top: 15px;
    padding-bottom: 12px;
  }
}
.Story[data-id='2011-3'] {
  width: 100%;
  min-height: 144px;
  background: #fff;
}
.Story[data-id='2011-3'] .Story-inner {
  position: relative;
  height: 100%;
  border: 1px solid #ebebf5;
  border-top: none;
  border-bottom: none;
  z-index: 2;
}
.Story[data-id='2011-3'] .Story-content {
  position: relative;
  margin-left: 48px;
  padding-top: 28px;
  padding-bottom: 28px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 5 + 4 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2011-3'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 5 + 4 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2011-3'] .Story-imgWrapper {
  position: absolute;
  height: 100%;
  width: 184px;
  top: 0;
  overflow: hidden;
  right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2011-3'] .Story-imgWrapper {
    right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2011-3'] .Story-img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: top;
     object-position: top;
}
.Story[data-id='2011-3'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2011-3'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2011-3'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2011-4'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2011-4'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 48px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2011-4'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2011-4'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2011-4'] .Story-imgWrapper {
  position: relative;
  width: 35%;
  margin-top: 11%;
  margin-left: 49px;
  padding-bottom: 35%;
}
@media (max-width: 1199px) {
  .Story[data-id='2011-4'] .Story-imgWrapper {
    width: 25%;
    margin-top: 5%;
    padding-bottom: 25%;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2011-4'] .Story-imgWrapper {
    width: 30%;
    margin-top: 8%;
    padding-bottom: 30%;
  }
}
.Story[data-id='2011-4'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2011-4'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-right: none;
}
.Story[data-id='2011-4'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2011-4'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2011-4'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2011-5'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2011-5'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 60px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2011-5'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2011-5'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2011-5'] .Story-imgWrapper {
  position: relative;
  width: 35%;
  margin-top: 11%;
  margin-left: 60px;
  padding-bottom: 35%;
}
@media (max-width: 1199px) {
  .Story[data-id='2011-5'] .Story-imgWrapper {
    width: 25%;
    margin-top: 5%;
    padding-bottom: 25%;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2011-5'] .Story-imgWrapper {
    width: 30%;
    margin-top: 8%;
    padding-bottom: 30%;
  }
}
.Story[data-id='2011-5'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2011-5'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2011-5'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2011-5'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2011-5'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2010-1'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2010-1'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 48px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2010-1'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2010-1'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2010-1'] .Story-imgWrapper {
  position: relative;
  flex: 1 1;
  width: 100%;
  margin-top: 23%;
  margin-bottom: 8%;
  margin-left: -3%;
}
.Story[data-id='2010-1'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2010-1'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
}
.Story[data-id='2010-1'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2010-1'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2010-1'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2010-2'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2010-2'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 60px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2010-2'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2010-2'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2010-2'] .Story-imgWrapper {
  position: relative;
  flex: 1 1;
  width: 100%;
  margin-top: 11%;
  margin-bottom: 2%;
  margin-left: 2%;
}
.Story[data-id='2010-2'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2010-2'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-left: none;
}
.Story[data-id='2010-2'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2010-2'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2010-2'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2010-3'] {
  width: 100%;
  min-height: 168px;
  background: #fff;
}
.Story[data-id='2010-3'] .Story-inner {
  position: relative;
  height: 100%;
  border: 1px solid #ebebf5;
  border-top: none;
  border-bottom: none;
  z-index: 2;
}
.Story[data-id='2010-3'] .Story-content {
  position: relative;
  margin-left: 48px;
  padding-top: 28px;
  padding-bottom: 28px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 5 + 4 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2010-3'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 5 + 4 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2010-3'] .Story-imgWrapper {
  position: absolute;
  height: 81%;
  bottom: 0;
  right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2010-3'] .Story-imgWrapper {
    right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2010-3'] .Story-imgWrapper {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2010-3'] .Story-imgWrapper {
    width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 3 + 2 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .Story[data-id='2010-3'] .Story-imgWrapper {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 3 + 2 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2010-3'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: bottom;
     object-position: bottom;
}
.Story[data-id='2010-3'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2010-3'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2010-3'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2010-4'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2010-4'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-top: 43px;
  padding-left: 48px;
  padding-right: 48px;
  z-index: 3;
  order: 1;
}
@media (max-width: 1199px) {
  .Story[data-id='2010-4'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2010-4'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2010-4'] .Story-imgWrapper {
  position: relative;
  flex: 1 1;
  order: 2;
  margin-top: 7%;
  margin-bottom: 7%;
}
.Story[data-id='2010-4'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2010-4'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
}
.Story[data-id='2010-4'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2010-4'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2010-4'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2010-5'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  overflow: hidden;
  background: #fff;
}
.Story[data-id='2010-5'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-top: 43px;
  padding-left: 48px;
  padding-right: 48px;
  z-index: 3;
  order: 1;
}
@media (max-width: 1199px) {
  .Story[data-id='2010-5'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2010-5'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2010-5'] .Story-imgWrapper {
  position: relative;
  flex: 1 1;
  margin-top: 11%;
  z-index: 2;
  order: 2;
}
.Story[data-id='2010-5'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2010-5'] .Story-imgWrapper2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2010-5'] .Story-img2 {
  position: absolute;
  width: 123%;
  bottom: 22px;
  left: 0;
  right: 0;
}
.Story[data-id='2010-5'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
}
.Story[data-id='2010-5'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2010-5'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2010-5'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2010-6'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2010-6'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-top: 43px;
  padding-left: 48px;
  padding-right: 48px;
  z-index: 3;
  order: 1;
}
@media (max-width: 1199px) {
  .Story[data-id='2010-6'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2010-6'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2010-6'] .Story-imgWrapper {
  position: relative;
  flex: 1 1;
  order: 2;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .Story[data-id='2010-6'] .Story-imgWrapper {
    margin-top: -5%;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2010-6'] .Story-imgWrapper {
    margin-top: -5%;
  }
}
.Story[data-id='2010-6'] .Story-img {
  position: absolute;
  width: 240px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
  .Story[data-id='2010-6'] .Story-img {
    width: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2010-6'] .Story-img {
    width: 200px;
  }
}
.Story[data-id='2010-6'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
}
.Story[data-id='2010-6'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2010-6'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2010-6'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2009-1'] {
  height: 228px;
  width: 100%;
  background: #fff;
}
.Story[data-id='2009-1'] .Story-inner {
  position: relative;
  height: 100%;
  border: 1px solid #ebebf5;
  border-top: none;
  border-bottom: none;
  z-index: 2;
}
.Story[data-id='2009-1'] .Story-content {
  position: relative;
  margin-left: 48px;
  padding-top: 73px;
  padding-bottom: 28px;
  z-index: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 3 + 2 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2009-1'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 3 + 2 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px), (max-width: 1199px) {
  .Story[data-id='2009-1'] .Story-content {
    width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 4 + 3 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) and (max-width: 1199px), (max-width: 1199px) and (max-width: 1199px) {
  .Story[data-id='2009-1'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 4 + 3 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2009-1'] .Story-imgWrapper {
  position: absolute;
  height: 140px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2009-1'] .Story-imgWrapper {
    right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2009-1'] .Story-imgWrapper {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2009-1'] .Story-imgWrapper {
    width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 3 + 2 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .Story[data-id='2009-1'] .Story-imgWrapper {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 3 + 2 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2009-1'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2009-1'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2009-1'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2009-1'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2009-2'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2009-2'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 60px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2009-2'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2009-2'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2009-2'] .Story-imgWrapper {
  position: relative;
  flex: 1 1;
  width: 100%;
  margin-top: 10%;
  margin-bottom: 9%;
}
.Story[data-id='2009-2'] .Story-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2009-2'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-bottom: none;
  border-left: none;
}
.Story[data-id='2009-2'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2009-2'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2009-2'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2009-3'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2009-3'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-top: 43px;
  padding-left: 48px;
  padding-right: 48px;
  z-index: 3;
  order: 1;
}
@media (max-width: 1199px) {
  .Story[data-id='2009-3'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2009-3'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2009-3'] .Story-imgWrapper {
  position: relative;
  flex: 1 1;
  order: 2;
  margin-top: 7%;
  overflow: hidden;
}
.Story[data-id='2009-3'] .Story-img {
  position: absolute;
  height: 90%;
  width: 90%;
  top: 0;
  left: 5%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2009-3'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-bottom: none;
  border-right: none;
  border-top: none;
}
.Story[data-id='2009-3'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2009-3'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2009-3'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2009-4'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2009-4'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 60px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2009-4'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2009-4'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2009-4'] .Story-imgWrapper {
  position: absolute;
  top: -1px;
  bottom: 0;
  left: -1px;
  right: 0;
}
.Story[data-id='2009-4'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2009-4'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2009-4'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2009-4'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2009-4'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2009-5'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2009-5'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-top: 43px;
  padding-left: 48px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2009-5'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2009-5'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2009-5'] .Story-imgWrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2009-5'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2009-5'] .Story-inner {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-top: none;
  border-bottom: none;
  border-right: none;
}
.Story[data-id='2009-5'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2009-5'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2009-5'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2009-6'] {
  position: relative;
  width: 50%;
  padding-bottom: 51.16%;
  background: #fff;
}
.Story[data-id='2009-6'] .Story-content {
  position: relative;
  flex-shrink: 0;
  padding-bottom: 39px;
  padding-left: 60px;
  padding-right: 48px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .Story[data-id='2009-6'] .Story-content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2009-6'] .Story-content {
    padding-bottom: 30px;
  }
}
.Story[data-id='2009-6'] .Story-animation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (max-width: 1199px), (min-width: 1200px) and (max-width: 1439px) {
  .Story[data-id='2009-6'] .Story-animation {
    bottom: 15%;
  }
}
.Story[data-id='2009-6'] .Story-inner {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-left: none;
  border-top: none;
}
.Story[data-id='2009-6'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .Story[data-id='2009-6'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2009-6'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Story[data-id='2009-7'] {
  display: flex;
  height: 328px;
  width: 100%;
}
.Story[data-id='2009-7'] .Story-content {
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 4 + 3 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
  margin-left: 48px;
}
@media (max-width: 1199px) {
  .Story[data-id='2009-7'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 4 + 3 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2009-7'] .Story-inner {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  border-top: none;
  z-index: 2;
}
.Story[data-id='2009-7'] .Story-content {
  position: relative;
  margin-top: 43px;
  z-index: 2;
}
.Story[data-id='2009-7'] .Story-imgWrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
}
.Story[data-id='2009-7'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
}
.Story[data-id='2009-7'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
  margin-left: -1px;
}
.Story[data-id='2009-7'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2009-7'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2008-1'] {
  display: flex;
  height: 328px;
  width: 100%;
}
.Story[data-id='2008-1'] .Story-content {
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 4 + 3 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
  margin-left: 48px;
}
@media (max-width: 1199px) {
  .Story[data-id='2008-1'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 4 + 3 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2008-1'] .Story-inner {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  z-index: 2;
}
.Story[data-id='2008-1'] .Story-content {
  position: relative;
  margin-top: 43px;
  z-index: 2;
  order: 1;
}
.Story[data-id='2008-1'] .Story-imgWrapper {
  flex-shrink: 0;
  align-self: center;
  margin-top: -19px;
  margin-left: auto;
  margin-right: 48px;
  padding: 0;
  order: 2;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 2 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Story[data-id='2008-1'] .Story-imgWrapper {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 2 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2008-1'] .Story-img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: bottom;
     object-position: bottom;
}
.Story[data-id='2008-1'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
  margin-left: -1px;
}
.Story[data-id='2008-1'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2008-1'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
/*
@{c}[data-id='2008-2'] {
    display: flex;
    height: 328px;
    width: 100%;

    @{c}-content {
        .calcgrid(@property: width; @columns: 4; @total-columns: 9; @has-last-gutter: 1; @constant-value: 24px);

        margin-left: 48px;
    }

    @{c}-inner {
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border: 1px solid #ebebf5;
        border-top: none;
        z-index: 2;
    }

    @{c}-content {
        position: relative;
        margin-top: 43px;
        z-index: 2;
        order: 1;
    }

    @{c}-imgWrapper {
        display: flex;
        align-items: stretch;
        flex-shrink: 0;
        height: 100%;
        width: 50%;
        padding: 0;
        order: 2;
    }

    @{c}-img {
        display: block;
        height: 100%;
        width: 100%;
        object-fit: contain; font-family: 'object-fit: contain;';
        object-position: bottom;
    }

    @{c}-month {
        font-size: 10px;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: @color-primary;
        margin-left: -1px;
    }

    @{c}-text {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
        color: #000;
        margin-top: 9px;

        @media @device-small {
            font-size: 20px;
            line-height: 26px;
        }
    }
}
*/
.Story[data-id='2008-2'] {
  display: flex;
  height: 228px;
  overflow: hidden;
  border: 1px solid #ebebf5;
  border-top: none;
  width: 100%;
  background: #fff;
}
@media (max-width: 1199px) {
  .Story[data-id='2008-2'] {
    height: 250px;
  }
}
.Story[data-id='2008-2'] .Story-content {
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  padding-top: 62px;
  padding-left: 48px;
  z-index: 2;
}
.Story[data-id='2008-2'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
  margin-left: -1px;
}
.Story[data-id='2008-2'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2008-2'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2008-2'] .Story-imgWrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Story[data-id='2008-2'] .Story-imgWrapper {
    top: 100px;
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2008-2'] .Story-imgWrapper {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2008-2'] .Story-imgWrapper {
    right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2008-2'] .Story-imgWrapper:after {
  content: '';
  display: block;
  padding-bottom: 272.15%;
}
.Story[data-id='2008-2'] .Story-img {
  position: absolute;
  height: 100%;
  width: calc(100% - 46px);
  top: -33%;
  bottom: 0;
  left: 18px;
  right: 28px;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: right;
     object-position: right;
}
.Story[data-id='2007-1'] {
  display: flex;
  height: 328px;
  width: 100%;
}
.Story[data-id='2007-1'] .Story-content {
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 3 + 2 * 48px + 2 * 48px + 0 * 48px / 2) + 24px);
  margin-left: 48px;
}
@media (max-width: 1199px) {
  .Story[data-id='2007-1'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 3 + 2 * 32px + 2 * 32px + 0 * 48px) + 24px);
  }
}
.Story[data-id='2007-1'] .Story-video {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Story[data-id='2007-1'] .Story-inner {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #ebebf5;
  z-index: 2;
}
.Story[data-id='2007-1'] .Story-content {
  position: relative;
  margin-top: 43px;
  z-index: 2;
}
.Story[data-id='2007-1'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
  margin-left: -1px;
}
.Story[data-id='2007-1'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2007-1'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story[data-id='2007-2'] {
  display: flex;
  height: 328px;
  width: 100%;
}
.Story[data-id='2007-2'] .Story-content {
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 4 + 3 * 48px + 1 * 48px + 0 * 48px / 2) + 24px);
  margin-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  margin-left: 48px;
}
@media (max-width: 1199px) {
  .Story[data-id='2007-2'] .Story-content {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 4 + 3 * 32px + 1 * 32px + 0 * 48px) + 24px);
  }
}
@media (max-width: 1199px) {
  .Story[data-id='2007-2'] .Story-content {
    margin-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2007-2'] .Story-animation {
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 4 + 3 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  order: 2;
}
@media (max-width: 1199px) {
  .Story[data-id='2007-2'] .Story-animation {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 4 + 3 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Story[data-id='2007-2'] .Story-inner {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.Story[data-id='2007-2'] .Story-content {
  position: relative;
  flex: 1 1;
  margin-top: 43px;
  z-index: 2;
}
.Story[data-id='2007-2'] .Story-month {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
  margin-left: -1px;
}
.Story[data-id='2007-2'] .Story-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #000;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  .Story[data-id='2007-2'] .Story-text {
    font-size: 20px;
    line-height: 26px;
  }
}
.Story {
  position: relative;
}
.Story-animation {
  overflow: hidden;
}

.History {
  display: flex;
  position: relative;
  height: 100%;
  padding-bottom: 171px;
  background: #f7f8fc;
}
.History-left {
  flex-shrink: 0;
  padding-top: 60px;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 2 + 1 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .History-left {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 2 + 1 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .History-left {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.History-right {
  background: transparent;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 9 + 8 * 48px + 1 * 48px + 1 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .History-right {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 9 + 8 * 32px + 1 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .History-right {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .History-right {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.History-header {
  color: #e6102d;
  margin-bottom: 11px;
  padding-top: 200px;
}
.History-title {
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  line-height: 8px;
  letter-spacing: 3px;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 17px;
  padding-left: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .History-title {
    padding-left: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.History-title:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  margin-right: 22px;
  border-bottom: 1px solid #e6102d;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .History-title:before {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
.History-description {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 52px;
  font-weight: 500;
  line-height: 64px;
  color: #1c1630;
}
.History-listBlock:first-child {
  margin-top: 0;
}
.History-listBlock + .History-listBlock {
  margin-top: -130px;
}
.History-years {
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  flex-direction: column;
  justify-content: space-between;
  max-height: 503px;
  top: 140px;
  bottom: 100px;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  margin-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .History-years {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .History-years {
    margin-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-height: 660px) {
  .History-years {
    max-height: 400px;
  }
}
@media (max-height: 550px) {
  .History-years {
    max-height: 300px;
  }
}
.History-yearLink {
  font-size: 18px;
  font-weight: 500;
  text-align: right;
  color: #ccd6dd;
  display: block;
  padding-right: 24px;
  transition: color 0.3s ease, transform 0.3s ease;
  transform-origin: center center;
  font-variant: tabular-nums;
}
.History-yearLink:hover {
  color: #e6102d;
}
.History-yearLink.isActive {
  color: #222;
  transform: scaleX(1.111) scaleY(1.111);
  pointer-events: none;
}
.History-year {
  font-size: 200px;
  font-weight: 600;
  color: #1c1630;
  position: relative;
  margin-left: 1px;
  padding-top: 130px;
}
.History-year span {
  -webkit-text-fill-color: #fafafc;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #1c1630;
}
.History-year:after {
  content: attr(data-year);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.History-year.isActive:after {
  opacity: 1;
}
.History-news {
  display: flex;
  flex-wrap: wrap;
  margin-top: -8px;
  padding-bottom: 130px;
}
.History-launchBlock {
  display: flex;
}
@media (max-width: 1199px), (min-width: 1200px) and (max-width: 1439px) {
  .History-launchBlock {
    display: block;
  }
}
.History-launchBlock .History-year {
  padding-top: 0;
}
.History-launch {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  padding-top: 40px;
  padding-left: 60px;
  padding-right: 40px;
}
@media (max-width: 1199px) {
  .History-launch {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 1199px) {
  .History-launch {
    width: 75%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .History-launch {
    width: 75%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

.Link {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  color: #e6102d;
  display: inline-block;
  position: relative;
}
.Link:after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  opacity: .3;
  border-bottom: 4px solid #e6102d;
  transition: opacity 0.3s ease;
}
.Link:hover:after,
.Link:focus:after {
  opacity: 0;
}
.Link svg {
  fill: #ccd6dd;
}
.Link--icon-arrowInfo svg {
  position: absolute;
  height: 8px;
  width: 16px;
  bottom: 5px;
  left: -25px;
  stroke: #e6102d;
  transition: transform 0.15s ease;
  transform: rotate(180deg);
}
.Link--icon-arrowInfo:hover svg,
.Link--icon-arrowInfo:focus svg {
  transform: rotate(180deg) translateX(5px);
}
.Link--icon-link svg {
  position: absolute;
  height: 13px;
  width: 13px;
  top: 3px;
  left: calc(100% + 7px);
}

.Responsible-logo {
  display: inline-block;
  position: absolute;
  height: 36px;
  width: 24px;
  top: 15px;
  left: 32px;
  fill: #e6102d;
}
.Responsible-logo svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.Responsible-content {
  position: relative;
  padding-top: 192px;
  padding-bottom: 127px;
  margin-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 2 + 1 * 48px + 1 * 48px + 1 * 48px / 2) + 0px);
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 8 + 7 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  box-sizing: content-box;
}
@media (max-width: 1199px) {
  .Responsible-content {
    margin-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 2 + 1 * 32px + 1 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Responsible-content {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Responsible-content {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 8 + 7 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Responsible-content:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  border-left: 1px solid #ccd6dd;
}
.Responsible-header {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  color: #1c1630;
}
.Responsible-text {
  font-size: 21px;
  line-height: 32px;
  color: #1c1630;
  margin-top: 66px;
}
.Responsible-text p + p {
  margin-top: 32px;
}
.Responsible-link {
  margin-top: 65px;
}
.ResponsiblePage .Content {
  background: #fff;
}
.ResponsiblePage .Content-topNav {
  display: none;
}
.ResponsiblePage .Content-footer,
.ResponsiblePage .Content-push {
  display: none;
}

.StyleTag {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 40px;
  white-space: nowrap;
  color: #94949d;
  position: relative;
  height: 40px;
  padding: 0 18px;
  background: #f7f8fc;
  border: none;
  transition: color 0.3s ease, width 0.3s ease, background 0.3s ease;
  cursor: pointer;
  border-radius: 2px;
}
.StyleTag:hover,
.StyleTag:focus {
  color: #616166;
}
.StyleTag.isActive {
  color: #fff;
  background: #e6102d;
}
.StyleTag.isActive .StyleTag-close {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease, visibility 0.3s linear 0s;
}
.StyleTag.isActive .StyleTag-title {
  transform: translateX(-7px);
}
.StyleTag.isHidden {
  display: none;
}
.StyleTag-title {
  display: inline-block;
  transition: transform 0.3s ease;
}
.StyleTag-close {
  visibility: hidden;
  position: absolute;
  height: 8px;
  width: 9px;
  top: 0;
  bottom: 0;
  right: 9px;
  margin-top: auto;
  margin-bottom: auto;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}
.StyleTag-close svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.StyleTag--dark {
  color: #fff;
  background: #443f53;
}
.StyleTag--dark:hover,
.StyleTag--dark:focus {
  color: #fff;
  background: #e6102d;
}

.BrandsGrid {
  padding-bottom: 100px;
  opacity: 0;
}
.BrandsGrid--brand {
  padding-bottom: 0;
}
.BrandsGrid.isReady {
  opacity: 1;
}
.BrandsGrid-sizer {
  width: 20%;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .BrandsGrid-sizer {
    width: 25%;
  }
}
@media (max-width: 1199px) {
  .BrandsGrid-sizer {
    width: 25%;
  }
}
.BrandsGrid--brand .BrandsGrid-sizer {
  width: 20%;
}
.BrandsGrid-item {
  position: relative;
  height: 342px;
  width: 20%;
  background: #fff;
  transition: z-index 0.3s ease;
  z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .BrandsGrid-item {
    height: 314px;
    width: 25%;
  }
}
@media (max-width: 1199px) {
  .BrandsGrid-item {
    height: 308px;
    width: 25%;
  }
}
.BrandsGrid-item--isBig {
  height: 684px;
  width: 40%;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .BrandsGrid-item--isBig {
    height: 628px;
    width: 50%;
  }
}
@media (max-width: 1199px) {
  .BrandsGrid-item--isBig {
    height: 616px;
    width: 50%;
  }
}
.BrandsGrid-item--isStamp {
  position: absolute;
  top: 0;
  right: 0;
}
.BrandsGrid-item:after {
  content: '';
  position: absolute;
  top: -1px;
  bottom: 0;
  left: -1px;
  right: 0;
  border: 1px solid #edeef2;
  transition: border-color 0.3s ease;
  z-index: 1;
}
.BrandsGrid-item[data-last-column='true'].BrandsGrid-item:after {
  right: 0;
}
.BrandsGrid-item:hover,
.BrandsGrid-item:focus {
  z-index: 2;
}
.BrandsGrid-item:hover:after,
.BrandsGrid-item:focus:after {
  border-color: #e6102d;
}
.BrandsGrid--brand .BrandsGrid-item {
  height: 336px;
  width: 20%;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .BrandsGrid--brand .BrandsGrid-item {
    height: 314px;
    width: 20%;
  }
}
@media (max-width: 1199px) {
  .BrandsGrid--brand .BrandsGrid-item {
    height: 308px;
    width: 20%;
  }
}
.BrandsGrid-itemTitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: .1px;
  color: #2e2e33;
  display: block;
  margin-bottom: 4px;
  z-index: 2;
}
.BrandsGrid-itemStyle {
  font-size: 12px;
  color: #7a7a7a;
  display: block;
  z-index: 2;
}
.BrandsGrid-itemContent {
  height: 100%;
  width: 100%;
  table-layout: fixed;
}
.BrandsGrid-itemContent td {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}
.BrandsGrid-itemContent tr:last-child td {
  padding-bottom: 20px;
}
.BrandsGrid-itemImgContainer {
  height: 100%;
}
.BrandsGrid-itemImg {
  display: block;
  position: absolute;
  height: 81%;
  bottom: 5%;
  left: 0;
  right: 0;
  margin: auto;
  margin-bottom: 10px;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  z-index: 1;
}
.BrandsGrid-item--isBig .BrandsGrid-itemImg {
  height: 84%;
  margin-bottom: 20px;
}
.BrandsGrid-itemBadge {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #fff;
  position: absolute;
  height: 21px;
  top: 20px;
  right: 10px;
  padding: 0 5px;
  background: #ccd6dd;
  border-radius: 2px;
}
.BrandsGrid-loader {
  position: absolute;
  height: 10px;
  width: 50px;
  bottom: 45px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}
.BrandsGrid-loader.isActive {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0.3s linear 0s;
}
.BrandsGrid-loaderDot {
  position: absolute;
  height: 10px;
  width: 10px;
  top: 0;
  background: #e6102d;
  border-radius: 50%;
}
.BrandsGrid-loaderDot:nth-child(1) {
  left: 0;
  animation: BrandsGrid-dotAnimation 0.75s linear 0s infinite alternate;
}
.BrandsGrid-loaderDot:nth-child(2) {
  left: 20px;
  animation: BrandsGrid-dotAnimation 0.75s linear 0.25s infinite alternate;
}
.BrandsGrid-loaderDot:nth-child(3) {
  left: 40px;
  animation: BrandsGrid-dotAnimation 0.75s linear 0.5s infinite alternate;
}
@keyframes BrandsGrid-dotAnimation {
  from {
    opacity: 1;
  }
  to {
    opacity: .33;
  }
}

.BrandsList {
  display: flex;
}
.BrandsList-grid {
  padding-top: 1px;
  border-left: 1px solid #edeef2;
}
.BrandsList-categories {
  flex-shrink: 0;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 8px;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  background: #fafafc;
}
@media (max-width: 1199px) {
  .BrandsList-categories {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.BrandsList-category {
  text-align: center;
  color: #66666c;
  display: block;
  transition: color 0.3s ease;
  cursor: pointer;
}
.BrandsList-category--ciders {
  margin-top: 46px;
}
.BrandsList-category--beverages {
  margin-top: 44px;
}
.BrandsList-category.isActive,
.BrandsList-category:hover,
.BrandsList-category:focus {
  color: #e6102d;
}
.BrandsList-categoryIcon {
  display: block;
  position: relative;
  margin: 0 auto;
  fill: currentColor;
  stroke: currentColor;
  transition: stroke 0.3s ease, fill 0.3s ease;
}
.BrandsList-categoryIcon svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.BrandsList-category--beer .BrandsList-categoryIcon {
  height: 33px;
  width: 20px;
}
.BrandsList-category--ciders .BrandsList-categoryIcon {
  height: 52px;
  width: 18px;
}
.BrandsList-category--beverages .BrandsList-categoryIcon {
  height: 44px;
  width: 16px;
}
.BrandsList-categoryTitle {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  margin-top: 8px;
}
.BrandsList-content {
  position: relative;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 11 + 10 * 48px + 1 * 48px + 1 * 48px / 2) + 0px);
  background: #fff;
}
@media (max-width: 1199px) {
  .BrandsList-content {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 11 + 10 * 32px + 1 * 32px + 1 * 48px) + 0px);
  }
}
.BrandsList-subCategories {
  display: flex;
  position: absolute;
  align-items: center;
  height: 97px;
  bottom: calc(100% - 1px);
  padding-left: 42px;
  padding-right: 24px;
  background: #fff;
  border: 1px solid #edeef2;
  width: calc(((100% - (11 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 11 * 9 + 8 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .BrandsList-subCategories {
    width: calc(((100% - (11 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 11 * 9 + 8 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
.BrandsList-subCategoriesTitle {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 38px;
  font-weight: 500;
  color: #1c1630;
  flex: 1 1;
}
.BrandsList-subCategoriesList {
  margin-top: 6px;
}
.BrandsList-subCategory {
  font-size: 15px;
  font-weight: 500;
  color: #1c1630;
  background: none;
  border: none;
  transition: color 0.3s ease;
  cursor: pointer;
}
.BrandsList-subCategory:not(:last-child) {
  margin-right: 32px;
}
.BrandsList-subCategory.isActive,
.BrandsList-subCategory:hover,
.BrandsList-subCategory:focus {
  color: #e6102d;
}
.BrandsList-map {
  position: absolute;
  width: 140px;
  bottom: calc(100% + 22px);
  margin-left: 24px;
  left: calc(((100% - (11 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 11 * 9 + 8 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .BrandsList-map {
    left: calc(((100% - (11 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 11 * 9 + 8 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
.BrandsList-map .Button {
  padding-left: 0;
  padding-right: 0;
}
.BrandsList-styles {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  padding-right: 56px;
  background: #fff;
  border: 1px solid #edeef2;
  border-bottom: none;
  transition: z-index 0.3s step-end;
  z-index: 3;
}
.BrandsList-styles:after {
  content: '';
  position: absolute;
  width: 80px;
  top: 0;
  bottom: 0;
  right: 56px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
  z-index: 1;
  pointer-events: none;
}
.BrandsList-styles:hover {
  z-index: 5;
  transition-timing-function: step-start;
}
.BrandsList-styles.isSticky {
  border-bottom: 1px solid #edeef2;
}
.BrandsList-stylesList {
  white-space: nowrap;
  padding: 15px;
  overflow: hidden;
}
.BrandsList-stylesList .StyleTag + .StyleTag {
  margin-left: 12px;
}
.BrandsList-stylesMore {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
.BrandsList-stylesMore:hover .BrandsList-stylesTooltip,
.BrandsList-stylesMore:focus .BrandsList-stylesTooltip {
  transition: visibility 0.3s ease;
  visibility: visible;
}
.BrandsList-stylesMore:hover .BrandsList-tooltipOverlay,
.BrandsList-stylesMore:focus .BrandsList-tooltipOverlay {
  opacity: 1;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  visibility: visible;
}
.BrandsList-stylesMore:hover .BrandsList-tooltipContent,
.BrandsList-stylesMore:focus .BrandsList-tooltipContent {
  opacity: 1;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  visibility: visible;
}
.BrandsList-stylesButton {
  position: absolute;
  height: 24px;
  width: 24px;
  top: 23px;
  right: 30px;
  background: #1c1630;
  border: none;
  cursor: pointer;
  fill: #fff;
  border-radius: 50%;
  z-index: 4;
}
.BrandsList-stylesButton svg {
  position: absolute;
  height: 4px;
  width: 16px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}
.BrandsList-stylesTooltip {
  position: absolute;
  top: 55px;
  right: 10px;
  transition: visibility 0s ease 0.3s;
  visibility: hidden;
}
.BrandsList-stylesTooltip:before {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  top: -6px;
  right: 27px;
  border-style: solid;
  border-width: 0 5.5px 6px 5.5px;
  border-color: transparent transparent #fff transparent;
  z-index: 5;
}
.BrandsList-tooltipOverlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: rgba(15, 12, 26, 0.2);
  transition: opacity 0.3s ease, visibility 0s ease 0.3s;
  z-index: 3;
  visibility: hidden;
  pointer-events: none;
}
.BrandsList-tooltipContent {
  position: relative;
  min-width: 520px;
  width: 90vw;
  padding: 20px;
  padding-bottom: 0;
  opacity: 0;
  background: #fff;
  transition: opacity 0.3s ease, visibility 0s ease 0.3s;
  z-index: 4;
  visibility: hidden;
  border-radius: 2px;
}
.BrandsList-tooltipContent:before {
  content: '';
  position: absolute;
  height: 10px;
  bottom: 100%;
  left: 0;
  right: 0;
}
.BrandsList-tooltipContent .StyleTag {
  margin-bottom: 20px;
  margin-right: 20px;
}

.Brands-head {
  position: relative;
  height: 744px;
}
.Brands-head .Video-blackout {
  background: rgba(28, 22, 48, 0.2);
}
.Brands-head:before {
  content: '';
  position: absolute;
  height: 141px;
  top: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(to bottom, hsla(0, 0%, 0%, 0.6), hsla(0, 0%, 0%, 0.58819) 9.99%, hsla(0, 0%, 0%, 0.55556) 19.07%, hsla(0, 0%, 0%, 0.50625) 27.44%, hsla(0, 0%, 0%, 0.44444) 35.26%, hsla(0, 0%, 0%, 0.37431) 42.72%, hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 0%, 0.22569) 57.28%, hsla(0, 0%, 0%, 0.15556) 64.74%, hsla(0, 0%, 0%, 0.09375) 72.56%, hsla(0, 0%, 0%, 0.04444) 80.93%, hsla(0, 0%, 0%, 0.01181) 90.01%, hsla(0, 0%, 0%, 0));
  z-index: 1;
}
.Brands-headNav {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  right: 0;
}
.Brands-headContent {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.Brands-headMedia {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.Brands-img {
  height: 100%;
  width: 100%;
}
.Brands-img img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
}
.Brands-img:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(28, 22, 48, 0.2);
}
.Brands-header {
  position: absolute;
  top: 238px;
  left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 1 * 48px + 1 * 48px / 2) + 0px);
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 9 + 8 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Brands-header {
    left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 1 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Brands-header {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 9 + 8 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Brands-title {
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #e6102d;
}
.Brands-title:before {
  content: '';
  display: inline-block;
  margin-right: 22px;
  border-bottom: 1px solid #e6102d;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 14px);
}
@media (max-width: 1199px) {
  .Brands-title:before {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 14px);
  }
}
.Brands-description {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  color: #fff;
  margin-top: 46px;
}

.Career {
  height: 100%;
}
@media (max-width: 767px) {
  .Career {
    background: #fafafc;
    padding-top: 50px;
  }
}
.Career-main {
  background: #fff;
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 1 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 1 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Career-main {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 1 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Career-main {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 1 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 767px) {
  .Career-main {
    background: #fafafc;
    padding: 15px;
  }
}
.Career-bg {
  display: block;
  position: relative;
  overflow: hidden;
  height: 535px;
}
.Career-bg::before {
  background: rgba(28, 22, 48, 0.5);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .Career-bg {
    height: 330px;
  }
}
.Career-bgImage {
  font-family: 'object-fit: cover;';
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.Career-header {
  background: #fff;
  position: relative;
  margin-top: -264px;
  min-height: 264px;
  z-index: 2;
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-top: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Career-header {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Career-header {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Career-header {
    padding-top: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 767px) {
  .Career-header {
    background: #fafafc;
    margin: 0 0 50px;
    min-height: unset;
    padding: 17px 0 0;
    z-index: 1;
  }
}
.Career-subtitle {
  display: flex;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .Career-subtitle {
    margin-bottom: 16px;
  }
}
.Career-subtitleStroke {
  width: 100px;
  margin-right: 24px;
  border-bottom: 1px solid #e6102d;
  width: calc(((100% - (7 - 1) * 48px - 0 * 48px - 0 * 48px) / 7 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Career-subtitleStroke {
    width: calc(((100% - (7 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 7 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 24px);
  }
}
@media (max-width: 767px) {
  .Career-subtitleStroke {
    margin-right: 11px;
    width: 96px;
  }
}
.Career-subtitleText {
  font-size: 12px;
  font-weight: 500;
  line-height: 8px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #e6102d;
}
.Career-title {
  color: #0f0c1a;
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .Career-title {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 16px;
  }
}
.Career-text {
  color: #0f0c1a;
  font-size: 20px;
  line-height: calc(32 / 20);
}
@media (max-width: 767px) {
  .Career-text {
    font-size: 18px;
    line-height: calc(22 / 18);
  }
}
.Career-text p {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .Career-text p {
    margin-top: 16px;
  }
}
.Career-container {
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-bottom: 140px;
}
@media (max-width: 1199px) {
  .Career-container {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Career-container {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 767px) {
  .Career-container {
    padding: 0 0 114px;
  }
}
.Career-section {
  color: #1c1630;
  margin-top: 90px;
}
.Career-section--vacancies {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .Career-section--vacancies {
    display: block;
  }
}
.Career-section--vacancy {
  margin-top: 48px;
}
@media (max-width: 767px) {
  .Career-section {
    margin-top: 48px;
  }
}
.Career-sectionTitle {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 44px;
  font-weight: 500;
  margin: 0 0 32px;
}
@media (max-width: 767px) {
  .Career-sectionTitle {
    font-size: 28px;
    margin: 0 0 16px;
  }
}
.Career-sectionText {
  font-size: 20px;
  line-height: calc(32 / 20);
  margin: 0 0 32px;
}
@media (max-width: 767px) {
  .Career-sectionText {
    font-size: 18px;
    line-height: calc(22 / 18);
  }
}
.Career-sectionText b {
  font-weight: 500;
}
.Career-sectionText ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.Career-sectionText ul li {
  padding-left: 14px;
  position: relative;
}
.Career-sectionText ul li::before {
  background: #e60f2d;
  border-radius: 100%;
  content: "";
  position: absolute;
  left: 1px;
  top: 14px;
  height: 5px;
  width: 5px;
}
@media (max-width: 767px) {
  .Career-sectionText ul li::before {
    top: 8px;
  }
}
.Career-sectionText p + p {
  margin-top: 24px;
}
.Career-vacanciesList {
  padding-top: 32px;
  width: calc(100% - 250px - 20px);
}
.Career-vacanciesList .CareerVacancyCard {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .Career-vacanciesList {
    padding-top: 0;
    width: 100%;
  }
}
.CareerAdvantages {
  display: flex;
  font-family: 'Graphik LCG', Arial, sans-serif;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 20px 0;
}
@media (max-width: 767px) {
  .CareerAdvantages {
    display: flex;
    flex-direction: column;
    margin: 0 -15px;
  }
}
.CareerAdvantages-item {
  background: #dfdfdf;
  color: #1c1630;
  overflow: hidden;
  position: relative;
  width: calc(460 / 1152 * 100%);
}
.CareerAdvantages-item:nth-child(1) {
  background: #1c1630;
  color: #fff;
  width: calc(432 / 1152 * 100%);
}
.CareerAdvantages-item:nth-child(2) {
  width: calc(700 / 1152 * 100%);
}
.CareerAdvantages-item:nth-child(3) {
  background: #1c1630;
  color: #fff;
  width: calc(552 / 1152 * 100%);
}
.CareerAdvantages-item:nth-child(4) {
  background: #f1e5d4;
  width: calc(580 / 1152 * 100%);
}
.CareerAdvantages-item:nth-child(5) {
  background: #dfdfdf;
  width: calc(672 / 1152 * 100%);
}
.CareerAdvantages-item:nth-child(6) {
  background: #ccd6dd;
  width: calc(460 / 1152 * 100%);
}
@media (max-width: 767px) {
  .CareerAdvantages-item {
    display: block;
    width: 100% !important;
  }
}
.CareerAdvantages-itemTitle {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  padding: 25px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.CareerAdvantages-itemText {
  font-size: 20px;
  line-height: calc(32 / 20);
  padding: 25px;
}
.CareerAdvantages-itemText b {
  font-weight: 600;
}
.CareerAdvantages-itemImage {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
}
.CareerAdvantages-itemImage img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.CareerAdvantageMain {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 20px 0 0;
}
@media (max-width: 767px) {
  .CareerAdvantageMain {
    display: block;
    margin: 20px -15px 0;
  }
}
.CareerAdvantageMain-text {
  background: #e60f2d;
  color: #fff;
  font-size: 20px;
  line-height: calc(32 / 20);
  padding: 25px;
  width: calc(432 / 1152 * 100%);
}
.CareerAdvantageMain-text b {
  font-weight: 600;
}
@media (max-width: 767px) {
  .CareerAdvantageMain-text {
    display: block;
    width: 100%;
  }
}
.CareerAdvantageMain-img {
  position: relative;
  width: calc(720 / 1152 * 100%);
}
@media (max-width: 767px) {
  .CareerAdvantageMain-img {
    width: 100%;
  }
}
.CareerAdvantageMain-img img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.CareerDirections {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .CareerDirections {
    gap: 8px;
  }
}
@media (max-width: 767px) {
  .CareerDirections--main {
    flex-direction: column;
    gap: 8px;
  }
  .CareerDirections--main .CareerDirections-item {
    width: 100%;
  }
  .CareerDirections--main .CareerDirections-itemLink {
    aspect-ratio: unset;
    min-height: 145px;
  }
}
.CareerDirections--internships .CareerDirections-item {
  width: calc(20% - 20px);
}
@media (max-width: 767px) {
  .CareerDirections--internships .CareerDirections-item {
    flex-grow: 0;
    width: calc(50% - 8px);
  }
}
.CareerDirections-item {
  flex-grow: 1;
  flex-shrink: 0;
  text-align: center;
  width: calc(25% - 20px);
}
@media (max-width: 767px) {
  .CareerDirections-item {
    flex-grow: 0;
    width: calc(50% - 8px);
  }
}
.CareerDirections-itemLink {
  aspect-ratio: 1.49797571;
  background: #1c1630;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
  padding: 20px;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (max-width: 767px) {
  .CareerDirections-itemLink {
    aspect-ratio: 1.09032258;
    padding: 15px;
    min-height: 145px;
  }
}
.CareerDirections-itemLink::before {
  background: linear-gradient(180deg, rgba(28, 22, 48, 0) 0%, rgba(28, 22, 48, 0.8) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 123px;
  z-index: 2;
}
@media (max-width: 767px) {
  .CareerDirections-itemLink::before {
    height: 70px;
  }
}
.CareerDirections-itemLink:hover .CareerDirections-itemBg {
  transform: scale(1.1);
}
.CareerDirections-itemBg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  transform: scale(1);
  transition: transform 0.35s ease;
  will-change: transform;
}
.CareerDirections-itemBg img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.CareerDirections-itemTitle {
  color: #fff;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 20px;
  line-height: calc(24 / 20);
  position: relative;
  z-index: 2;
}
.CareerDirections-itemNote {
  color: #1c1630;
  font-size: 20px;
  line-height: 32px;
  margin: 5px auto 0;
  text-align: center;
}
.CareerFilters {
  width: 250px;
}
@media (max-width: 767px) {
  .CareerFilters {
    display: none;
  }
}
.CareerFiltersForm {
  color: #0f0c1a;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .CareerFiltersForm {
    font-size: 16px;
    line-height: 25px;
    margin-top: 48px;
  }
}
.CareerFiltersForm p {
  margin-bottom: 16px;
}
.CareerFiltersForm p + p {
  margin-top: 30px;
}
.CareerFiltersForm-fieldGroup {
  margin: 0 0 20px;
}
.CareerFiltersForm-label {
  color: #1c1630;
  display: block;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.01em;
  margin: 0 0 5px;
}
@media (max-width: 767px) {
  .CareerFiltersForm-label {
    font-size: 18px;
    line-height: calc(22 / 18);
    margin: 0 0 8px;
  }
}
.CareerFiltersForm-field {
  background: #eef0f6;
  border-radius: 2px;
  border: 1px solid #eef0f6;
  color: #1c1630;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  outline: 0;
  padding: 0 18px;
  height: 40px;
  width: 100%;
}
@media (max-width: 767px) {
  .CareerFiltersForm-field {
    font-size: 18px;
    height: 32px;
  }
}
.CareerFiltersForm-field::-webkit-input-placeholder {
  color: #94949d;
}
.CareerFiltersForm-field::-ms-input-placeholder {
  color: #94949d;
}
.CareerFiltersForm-field::placeholder {
  color: #94949d;
}
.CareerFiltersForm-field.isInvalid {
  border-color: #e61010;
}
.CareerFiltersForm-field--textarea {
  padding: 12px 18px;
  min-height: 110px;
  max-height: 330px;
  resize: vertical;
}
.CareerFiltersForm-field--select {
  font-size: 15px;
}
.CareerFiltersForm-selectWrapper {
  position: relative;
}
.CareerFiltersForm-selectWrapper select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  visibility: hidden;
  position: absolute;
  left: -999px;
}
.CareerFiltersForm-customSelectWrapper {
  position: relative;
}
.CareerFiltersForm-customSelectWrapper.is-open .LegalForm-customSelectValue::after {
  transform: translate(0, -50%) rotate(180deg);
}
.CareerFiltersForm-customSelectWrapper.is-open .LegalForm-customSelectList {
  display: block;
}
.CareerFiltersForm-customSelectValue {
  cursor: default;
  position: relative;
  height: 40px;
  line-height: 40px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (max-width: 767px) {
  .CareerFiltersForm-customSelectValue {
    font-size: 18px;
    line-height: 32px;
    height: 32px;
  }
}
.CareerFiltersForm-customSelectValue::after {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.75 5L8.75 11L14.75 5' stroke='%231D2130' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: '';
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translate(0, -50%);
  height: 16px;
  width: 17px;
  transition: transform 0.35s ease;
  z-index: 1;
}
.CareerFiltersForm-customSelectList {
  -webkit-filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.07));
          filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.07));
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .CareerFiltersForm-customSelectList {
    top: 37px;
  }
}
.CareerFiltersForm-customSelectList li {
  background: #eef0f6;
  border-bottom: 1px solid #c9c9ce;
  display: block;
}
.CareerFiltersForm-customSelectList li:last-child {
  border-bottom: 0;
}
.CareerFiltersForm-customSelectList button {
  border: none;
  background: #eef0f6;
  color: #1c1630;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 18px;
  text-align: left;
  width: 100%;
  transition: color 0.35s ease;
}
.CareerFiltersForm-customSelectList button:hover {
  color: #cc001b;
}
@media (max-width: 767px) {
  .CareerFiltersForm-customSelectList button {
    font-size: 18px;
    line-height: 32px;
    height: 32px;
  }
}
.CareerFiltersForm-text {
  margin-top: 48px;
}
.CareerFiltersForm-checkboxList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.CareerFiltersForm-checkboxList li:not(:last-child) {
  margin-bottom: 8px;
}
.CareerFiltersForm-checkbox {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.CareerFiltersForm-checkboxLabel {
  display: inline-block;
  padding-left: 48px;
  position: relative;
}
.CareerFiltersForm-checkboxLabel a {
  color: #e6102d;
  transition: color 0.3s ease;
}
.CareerFiltersForm-checkboxLabel a:hover {
  color: #cc001b;
}
.CareerFiltersForm-checkbox + .CareerFiltersForm-checkboxLabel::before {
  background: #edeef2;
  border: 1px solid #edeef2;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
}
.isInvalid .CareerFiltersForm-checkbox + .CareerFiltersForm-checkboxLabel::before {
  border: 1px solid #e61010;
}
.CareerFiltersForm-checkbox:checked + .CareerFiltersForm-checkboxLabel::before {
  background: #edeef2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' fill='none'%3E%3Crect width='9.471' height='1' x='.715' y='4.002' fill='%23000' rx='.5' transform='rotate(45 .715 4.002)'/%3E%3Crect width='15.071' height='1' fill='%23000' rx='.5' transform='scale(-1 1) rotate(45 -8.45 -20.257)'/%3E%3C/svg%3E") no-repeat 50% 50%;
}

.CareerResumeForm-fieldRowResume {
  margin-top: 30px;
}
.CareerResumeForm .CommonNewForm-fieldGroup {
  flex: 1 1;
  width: calc(370 / 1152 * 100%);
}
@media (max-width: 1199px) {
  .CareerResumeForm .CommonNewForm-fieldGroup {
    max-width: 100%;
    width: 100%;
  }
}
.CareerResumeForm .CommonNewForm-fieldGroup.CareerResumeForm-fieldGroupConfidential {
  max-width: 100%;
  width: 100%;
}
.CareerResumeForm-fieldGroupBirthyear {
  max-width: calc(370 / 1152 * 100%);
}
@media (max-width: 1199px) {
  .CareerResumeForm-fieldGroupBirthyear {
    max-width: 100%;
    width: 100%;
  }
}
.CareerResumeForm-fieldGroupCitizenship {
  max-width: calc(760 / 1152 * 100%);
}
@media (max-width: 1199px) {
  .CareerResumeForm-fieldGroupCitizenship {
    max-width: 100%;
    width: 100%;
  }
}
.CareerResumeForm-fieldGroupConfidential {
  max-width: 100%;
  width: 100%;
}
.CareerResumeForm-successMessage {
  color: #1c1630;
  font-size: 20px;
  line-height: calc(32 / 20);
  margin: 90px 0 50px;
}
@media (max-width: 1199px) {
  .CareerResumeForm-successMessage {
    font-size: 18px;
    line-height: calc(22 / 18);
    margin: 56px 0 32px;
  }
}

.CommonNewForm {
  color: #0f0c1a;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  margin-top: 32px;
}
@media (max-width: 1199px) {
  .CommonNewForm {
    font-size: 16px;
    line-height: 25px;
    margin-top: 48px;
  }
}
.CommonNewForm p {
  margin-bottom: 16px;
}
.CommonNewForm p + p {
  margin-top: 30px;
}
.CommonNewForm-title {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 44px;
  font-weight: 500;
  margin: 50px 0 32px;
}
@media (max-width: 1199px) {
  .CommonNewForm-title {
    font-size: 28px;
    margin: 32px 0 16px;
    padding: 0;
  }
}
.CommonNewForm-text {
  font-size: 20px;
  font-weight: 400;
  line-height: calc(32 / 20);
  margin-top: 48px;
  max-width: 90%;
}
@media (max-width: 1199px) {
  .CommonNewForm-text {
    font-size: 18px;
    line-height: calc(22 / 18);
    margin: 16px 0 20px;
    padding: 0;
  }
}
.CommonNewForm-fieldRow {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .CommonNewForm-fieldRow {
    display: block;
  }
}
.CommonNewForm-fieldGroup {
  margin: 0 0 20px;
}
.CommonNewForm-fieldGroup--agree {
  margin-top: 48px;
}
.CommonNewForm-label {
  color: #1c1630;
  display: block;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.01em;
  margin: 0 0 5px;
}
@media (max-width: 1199px) {
  .CommonNewForm-label {
    font-size: 18px;
    line-height: calc(22 / 18);
    margin: 0 0 8px;
  }
}
.CommonNewForm-field {
  background: #eef0f6;
  border-radius: 2px;
  border: 1px solid #eef0f6;
  color: #1c1630;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  outline: 0;
  padding: 0 18px;
  height: 40px;
  width: 100%;
}
@media (max-width: 1199px) {
  .CommonNewForm-field {
    font-size: 18px;
    height: 32px;
  }
}
.CommonNewForm-field[disabled] {
  opacity: 0.6;
}
.CommonNewForm-field::-webkit-input-placeholder {
  color: #94949d;
}
.CommonNewForm-field::-ms-input-placeholder {
  color: #94949d;
}
.CommonNewForm-field::placeholder {
  color: #94949d;
}
.CommonNewForm-field.isInvalid {
  border-color: #e61010;
}
.CommonNewForm-field--textarea {
  padding: 12px 18px;
  min-height: 110px;
  max-height: 330px;
  resize: vertical;
}
@media (max-width: 1199px) {
  .CommonNewForm-field--textarea {
    min-height: 94px;
  }
}
.CommonNewForm-fieldGroupCheckbox {
  font-size: 20px;
  line-height: 32px;
  margin-top: 5px;
}
@media (max-width: 1199px) {
  .CommonNewForm-fieldGroupCheckbox {
    font-size: 18px;
    line-height: 22px;
  }
}
.CommonNewForm-selectWrapper {
  position: relative;
}
.CommonNewForm-selectWrapper select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  visibility: hidden;
  position: absolute;
  left: -999px;
}
.CommonNewForm-customSelectWrapper {
  position: relative;
}
.CommonNewForm-customSelectWrapper.is-open .CommonNewForm-customSelectValue::after {
  transform: translate(0, -50%) rotate(180deg);
}
.CommonNewForm-customSelectWrapper.is-open .CommonNewForm-customSelectList {
  display: block;
}
.CommonNewForm-customSelectValue {
  cursor: default;
  position: relative;
  height: 40px;
  line-height: 40px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (max-width: 1199px) {
  .CommonNewForm-customSelectValue {
    font-size: 18px;
    line-height: 32px;
    height: 32px;
  }
}
.CommonNewForm-customSelectValue::after {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.75 5L8.75 11L14.75 5' stroke='%231D2130' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: '';
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translate(0, -50%);
  height: 16px;
  width: 17px;
  transition: transform 0.35s ease;
  z-index: 1;
}
.CommonNewForm-customSelectList {
  -webkit-filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.07));
          filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.07));
  display: none;
  list-style: none;
  margin: 0;
  max-height: 220px;
  overflow: auto;
  padding: 0;
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  z-index: 10;
}
@media (max-width: 1199px) {
  .CommonNewForm-customSelectList {
    top: 37px;
  }
}
.CommonNewForm-customSelectList li {
  background: #eef0f6;
  border-bottom: 1px solid #c9c9ce;
  display: block;
}
.CommonNewForm-customSelectList li:last-child {
  border-bottom: 0;
}
.CommonNewForm-customSelectList button {
  border: none;
  background: #eef0f6;
  color: #1c1630;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  outline: none;
  overflow: hidden;
  padding: 0 18px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  transition: color 0.35s ease;
}
.CommonNewForm-customSelectList button:hover {
  color: #cc001b;
}
@media (max-width: 1199px) {
  .CommonNewForm-customSelectList button {
    font-size: 18px;
    line-height: 32px;
    height: 32px;
  }
}
.CommonNewForm-files {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.CommonNewForm-filesItem:not(:last-child) {
  margin-bottom: 16px;
}
.CommonNewForm-file {
  background: #edeef2;
  border: 1px solid #edeef2;
  color: #1c1630;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 21px;
  line-height: calc(32 / 21);
  padding: 25px 20px 25px 60px;
  text-decoration: none;
  min-height: 110px;
  width: 100%;
}
.CommonNewForm-file.isInvalid {
  border-color: #e61010;
}
@media (max-width: 1199px) {
  .CommonNewForm-file {
    font-size: 16px;
    padding: 20px;
    min-height: 102px;
  }
}
.CommonNewForm-fileTitle {
  margin-right: 60px;
  max-width: 80%;
}
@media (max-width: 1199px) {
  .CommonNewForm-fileTitle {
    margin-right: 20px;
  }
}
.CommonNewForm-fileTitleNote {
  display: block;
  font-weight: normal;
}
.CommonNewForm-fileExt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  font-weight: 700;
  letter-spacing: 0.15em;
  min-width: 120px;
}
.CommonNewForm-fileExt svg {
  display: block;
  fill: #1c1630;
  margin: 2px auto;
}
@media (max-width: 1199px) {
  .CommonNewForm-fileExt svg {
    margin: 0;
  }
}
@media (max-width: 1199px) {
  .CommonNewForm-fileExt {
    margin-right: -24px;
    min-width: initial;
  }
}
@media (max-width: 1199px) {
  .CommonNewForm-fileExtName {
    margin-bottom: 14px;
    transform: rotate(-90deg);
  }
}
.CommonNewForm-fieldFile {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.CommonNewForm-fileUploadWrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-grow: 0;
  min-height: 45px;
  min-width: 120px;
}
@media (max-width: 1199px) {
  .CommonNewForm-fileUploadWrapper {
    justify-content: flex-end;
    min-width: 114px;
  }
}
.CommonNewForm-fileUploadBtn {
  background: #100c1a;
  border-radius: 0 2px 2px 0;
  color: #fff;
  line-height: 45px;
  padding: 0 30px;
  height: 45px;
  min-width: 168px;
}
@media (max-width: 1199px) {
  .CommonNewForm-fileUploadBtn {
    padding: 0 20px;
    min-width: 114px;
  }
}
.CommonNewForm-fileUploadSuccessIcon {
  display: none;
}
.CommonNewForm-uploadedFiles:empty {
  display: none;
}
.CommonNewForm-uploadedFilesList {
  list-style: none;
  margin: 0;
  padding: 4px 70px 4px 60px;
}
@media (max-width: 1199px) {
  .CommonNewForm-uploadedFilesList {
    padding: 4px 0;
  }
}
.CommonNewForm-uploadedFilesList:empty {
  display: none;
}
.CommonNewForm-uploadedFilesListItem {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
}
.CommonNewForm-uploadedFilesListItem:not(:last-child) {
  border-bottom: 1px solid #ebebf6;
}
.CommonNewForm-uploadedFilesListItemName {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 26px;
  padding: 0 34px;
  position: relative;
  max-width: calc(100% - 34px - 48px);
}
.CommonNewForm-uploadedFilesListItemName span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.CommonNewForm-uploadedFilesListItemName::before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='26' fill='none'%3E%3Cpath fill='%23E60F2D' d='M5.5 8a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11ZM5 13.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5ZM5.5 18a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11Z'/%3E%3Cpath fill='%23E60F2D' fill-rule='evenodd' d='m22 5.5-3-3L16 0H2a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V5.5ZM2 1h13.5v2.5A2.5 2.5 0 0 0 18 6h3v18a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1Zm16.325 2.24L20.085 5H18a1.5 1.5 0 0 1-1.5-1.5V1.718l1.825 1.521Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat 0 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 26px;
  width: 22px;
}
.CommonNewForm-uploadedFilesListItemButton {
  cursor: pointer;
  flex-shrink: 0;
  margin-left: auto;
}
.CommonNewForm-uploadedFilesListItemButton svg {
  fill: currentColor;
}
.CommonNewForm-uploadedFilesListItemButton:hover svg {
  fill: #e6102d;
}
.CommonNewForm-checkbox {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.CommonNewForm-checkboxLabel {
  display: inline-block;
  padding-left: 48px;
  position: relative;
  line-height: 32px;
}
.CommonNewForm-checkboxLabel a {
  color: #e6102d;
  transition: color 0.3s ease;
}
.CommonNewForm-checkboxLabel a:hover {
  color: #cc001b;
}
@media (max-width: 1199px) {
  .CommonNewForm-checkboxLabel {
    font-size: 18px;
    line-height: 22px;
    min-height: 30px;
    padding-top: 4px;
  }
}
.CommonNewForm-checkbox + .CommonNewForm-checkboxLabel::before {
  background: #edeef2;
  border: 1px solid #edeef2;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
}
.isInvalid .CommonNewForm-checkbox + .CommonNewForm-checkboxLabel::before {
  border: 1px solid #e61010;
}
.CommonNewForm-checkbox:checked + .CommonNewForm-checkboxLabel::before {
  background: #edeef2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' fill='none'%3E%3Crect width='9.471' height='1' x='.715' y='4.002' fill='%23000' rx='.5' transform='rotate(45 .715 4.002)'/%3E%3Crect width='15.071' height='1' fill='%23000' rx='.5' transform='scale(-1 1) rotate(45 -8.45 -20.257)'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.CommonNewForm-btnWrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-top: 48px;
}
.CommonNewForm-btnWrapper--addButtons {
  margin-top: 0;
}
@media (max-width: 1199px) {
  .CommonNewForm-btnWrapper {
    flex-direction: column;
    margin-top: 32px;
  }
}
@media (max-width: 1199px) {
  .CommonNewForm-btnWrapper .Button {
    width: 100%;
  }
}
.CommonNewForm-btn {
  border-radius: 0 2px 2px 0;
  line-height: 45px;
  padding: 0 30px;
  height: 45px;
  min-width: 168px;
}
.CommonNewForm-btn[disabled] {
  background: #f59fab;
  cursor: default;
}
@media (max-width: 1199px) {
  .CommonNewForm-btn {
    height: 45px;
    width: 100%;
  }
}
.CommonNewForm-message {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
}
.CommonNewForm-message--error {
  color: #e61010;
}
.CommonNewForm-message--thanks {
  font-size: 18px;
  font-weight: 500;
  line-height: calc(22 / 18);
}

.CareerVacancyCard {
  color: #1c1630;
}
.CareerVacancyCard-link {
  background: #fceded;
  display: block;
  color: #1c1630;
  padding: 20px;
  text-decoration: none;
  transition: background-color 0.35s ease;
}
.CareerVacancyCard-link:hover {
  background: #e6c7c5;
}
.CareerVacancyCard-title {
  font-size: 20px;
  font-weight: 600;
  line-height: calc(32 / 20);
  margin: 0 0 48px;
}
.CareerVacancyCard-info {
  font-weight: 400;
  font-size: 15px;
  line-height: calc(30 / 15);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.CareerVacancyCard-linkMore {
  font-weight: 500;
  font-size: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}


.CareerVacancyApply {
  padding-top: 170px;
  padding-bottom: 140px;
}
@media (max-width: 1199px) {
  .CareerVacancyApply {
    padding-top: 56px;
    padding-bottom: 80px;
  }
}
.CareerVacancyApply-stepsNav {
  color: #1c1630;
  font-size: 20px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  line-height: calc(21 / 20);
  list-style: none;
  margin: 98px auto 90px;
  padding: 0;
  position: relative;
}
@media (max-width: 1199px) {
  .CareerVacancyApply-stepsNav {
    margin: 56px auto;
  }
}
.CareerVacancyApply-stepsNav::before,
.CareerVacancyApply-stepsNav::after {
  background: #ccd6dd;
  content: '';
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  height: 2px;
  z-index: 1;
}
.CareerVacancyApply-stepsNav::after {
  background: #1c1630;
  right: auto;
  width: 0;
  z-index: 2;
}
.CareerVacancyApply-stepsNav[data-step="1"]::after {
  width: 25%;
}
@media (max-width: 1199px) {
  .CareerVacancyApply-stepsNav[data-step="1"]::after {
    width: 25%;
  }
}
.CareerVacancyApply-stepsNav[data-step="2"]::after {
  width: 45%;
}
@media (max-width: 1199px) {
  .CareerVacancyApply-stepsNav[data-step="2"]::after {
    width: 50%;
  }
}
.CareerVacancyApply-stepsNav[data-step="3"]::after {
  width: 66%;
}
@media (max-width: 1199px) {
  .CareerVacancyApply-stepsNav[data-step="3"]::after {
    width: 75%;
  }
}
.CareerVacancyApply-stepsNav[data-step="4"]::after {
  width: 100%;
}
.CareerVacancyApply-stepsNav li {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.CareerVacancyApply-stepsNav li::before {
  background: #ccd6dd;
  content: '';
  margin: 0 auto;
  display: block;
  position: relative;
  height: 30px;
  width: 30px;
  z-index: 3;
}
.CareerVacancyApply-stepsNav li:first-child {
  text-align: left;
}
.CareerVacancyApply-stepsNav li:first-child::before {
  margin: 0;
}
.CareerVacancyApply-stepsNav li:last-child {
  text-align: right;
}
.CareerVacancyApply-stepsNav li:last-child::before {
  margin: 0 0 0 auto;
}
.CareerVacancyApply-stepsNav li.isCurrentStep::before {
  background: #e60f2d;
}
.CareerVacancyApply-stepsNav li.isPastStep::before {
  background: #1c1630;
}
.CareerVacancyApply-stepsNavItem {
  display: block;
  margin: 17px 0 0;
}
@media (max-width: 1199px) {
  .CareerVacancyApply-stepsNavItem {
    display: none;
  }
}
.CareerVacancyApplyForm {
  font-size: 20px;
  line-height: 32px;
}
.CareerVacancyApplyForm-step {
  display: none;
}
.CareerVacancyApplyForm-step.isCurrentStep {
  display: block;
}
.CareerVacancyApplyForm-fieldGroupEducation {
  max-width: calc(50% - 10px);
}
.CareerVacancyApplyForm-workWrapper {
  position: relative;
}
.CareerVacancyApplyForm-noWorkExperience {
  position: absolute;
  right: 0;
  top: -64px;
}
.CareerVacancyApplyForm-noWorkExperience .CommonNewForm-fieldGroupCheckbox {
  margin-top: 0;
}
@media (max-width: 1199px) {
  .CareerVacancyApplyForm-noWorkExperience {
    top: -48px;
  }
}
.CareerVacancyApplyForm-successMessage {
  color: #1c1630;
  font-size: 20px;
  line-height: calc(32 / 20);
  margin: 90px 0 50px;
}
@media (max-width: 1199px) {
  .CareerVacancyApplyForm-successMessage {
    font-size: 18px;
    line-height: calc(22 / 18);
    margin: 56px 0 32px;
  }
}

.LocationTooltip {
  font-family: 'Graphik LCG', Arial, sans-serif;
  position: relative;
}
.LocationTooltip-title {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 20px;
  line-height: 25px;
  color: #1c1630;
}
.LocationTooltip-type {
  font-size: 12px;
  line-height: 20px;
  color: #2e2e33;
  position: relative;
  margin-top: -1px;
  padding-bottom: 14px;
}
.LocationTooltip-type:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -27px;
  right: -27px;
  opacity: .23;
  border-bottom: 1px solid #979797;
}
.LocationTooltip-address {
  font-size: 12px;
  color: #1c1630;
  position: relative;
  margin-top: 19px;
  padding-left: 20px;
}
.LocationTooltip-addressIcon {
  position: absolute;
  height: 14px;
  width: 10px;
  top: 1px;
  left: -6px;
  fill: #e6102d;
}
.LocationTooltip-addressIcon svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}
.LocationTooltip-telephone {
  font-size: 12px;
  color: #1c1630;
  position: relative;
  margin-top: 13px;
  padding-left: 20px;
}
.LocationTooltip-telephoneIcon {
  display: inline-block;
  position: relative;
  position: absolute;
  height: 13px;
  width: 13px;
  top: 1px;
  left: -6px;
  fill: #e6102d;
}
.LocationTooltip-telephoneIcon svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}
.LocationTooltip-website {
  font-size: 12px;
  color: #e6102d;
  display: block;
  position: relative;
  margin-top: 12px;
  padding-left: 20px;
}
.LocationTooltip-websiteIcon {
  display: inline-block;
  position: relative;
  position: absolute;
  height: 14px;
  width: 14px;
  top: 2px;
  left: -8px;
  fill: #e6102d;
}
.LocationTooltip-websiteIcon svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}
.LocationTooltip-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Locations {
  position: relative;
  height: 100%;
}
.Locations--popup .Locations-fullscreen,
.Locations--brand .Locations-fullscreen {
  display: none;
}
.Locations--popup .Locations-scale,
.Locations--brand .Locations-scale {
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
}
.Locations-brandInner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.Locations-map {
  height: 100%;
  margin-left: 8px;
}
.Locations-map .mapboxgl-popup {
  padding-bottom: 35px;
}
.Locations-map .mapboxgl-popup-close-button {
  display: none;
}
.Locations-map .mapboxgl-popup-content {
  width: 299px;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 27px;
  padding-right: 27px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.Locations-mapContainer {
  padding-left: 8px;
}
.Locations-fullscreen {
  position: absolute;
  height: 40px;
  width: 40px;
  top: 32px;
  right: 41px;
  background: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.Locations-fullscreen svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  height: 12px;
  width: 12px;
  stroke: #2e2e33;
  transition: stroke 0.3s ease;
}
.Locations-fullscreen:hover svg,
.Locations-fullscreen:focus svg {
  stroke: #e6102d;
}
.Locations-scale {
  position: absolute;
  top: 84px;
  right: 41px;
}
.Locations-scaleButton {
  display: block;
  position: relative;
  height: 36px;
  width: 40px;
  background: #fff;
  border: none;
  cursor: pointer;
}
.Locations-scaleButton svg {
  fill: #2e2e33;
  transition: fill 0.3s ease;
}
.Locations-scaleButton:hover svg,
.Locations-scaleButton:focus svg {
  fill: #e6102d;
}
.Locations-scaleButton--zoomIn {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  z-index: 2;
}
.Locations-scaleButton--zoomIn:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #979797;
}
.Locations-scaleButton--zoomIn svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  height: 14px;
  width: 14px;
  top: 4px;
}
.Locations-scaleButton--zoomOut {
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  z-index: 1;
}
.Locations-scaleButton--zoomOut svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  height: 2px;
  width: 8px;
  bottom: 4px;
}
.Locations-topSubHeader,
.Locations-topListHeader {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Locations-topHeader {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 45px;
  color: #fff;
}
.Locations-topHead {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 2;
  margin-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 3 + 2 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Locations-topHead {
    margin-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Locations-topHead {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 3 + 2 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Locations-topContent {
  position: absolute;
  top: 196px;
  left: 0;
  right: 0;
  z-index: 2;
  margin-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 3 + 2 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Locations-topContent {
    margin-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Locations-topContent {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 3 + 2 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Locations-topItem {
  text-align: left;
  display: block;
  position: relative;
  height: 71px;
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.Locations-topItem:not(:last-child) {
  border-bottom: 1px solid #383348;
}
.Locations-topItem:not(:first-child) {
  margin-top: 9px;
}
.Locations-topItem:hover .Locations-topTitle,
.Locations-topItem:focus .Locations-topTitle {
  color: #e6102d;
}
.Locations-topItem:hover .Locations-topItemIcon,
.Locations-topItem:focus .Locations-topItemIcon {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  transform: translateX(0);
}
.Locations-topItemInner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 14px;
}
.Locations-topTitle {
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  color: #fff;
  display: block;
  transition: color 0.3s ease;
}
.Locations-topAddress {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: .1px;
  color: #78728c;
  display: block;
  margin-top: 4px;
}
.Locations-topItemIcon {
  visibility: hidden;
  position: absolute;
  height: 10px;
  width: 17px;
  top: 0;
  bottom: 9px;
  right: 3px;
  margin: auto;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s linear 0.3s;
  transform: translateX(-10px);
}
.Locations-topItemIcon svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}
.Locations-marker {
  height: 26px;
  width: 26px;
  background: url('/static/img/front/icons8-marker.png');
  background-size: contain;
  cursor: pointer;
}

.Share {
  position: relative;
  height: 32px;
  width: 32px;
}
.Share-button {
  position: relative;
  height: 32px;
  width: 32px;
  background: none;
  border: none;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s linear;
  cursor: pointer;
  z-index: 1;
}
.Share-button svg {
  position: absolute;
  height: 10px;
  width: 13px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.Share-button:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid rgba(46, 46, 51, 0.2);
  transition: transform 0.3s ease;
  border-radius: 50%;
}
.Share-button:hover:after,
.Share-button:focus:after {
  transform: scale(1.15);
}
.Share.isActive .Share-button {
  visibility: hidden;
  opacity: 0;
  transition-delay: 0s;
  transform: scale(0.1);
  z-index: 1;
}
.Share-close {
  visibility: hidden;
  position: absolute;
  height: 32px;
  width: 32px;
  top: 0;
  right: 0;
  opacity: 0;
  background: none;
  border: none;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s linear 0.3s;
  transform: scale(0.1);
  cursor: pointer;
  z-index: 3;
}
.Share-close svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  height: 17px;
  width: 17px;
  stroke: #2e2e33;
}
.Share.isActive .Share-close {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  transform: scale(1);
}
.Share-list {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}
.Share-item {
  visibility: hidden;
  position: absolute;
  height: 32px;
  width: 32px;
  top: 0;
  right: 0;
  opacity: 0;
  border: none;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s linear 0.3s;
  cursor: pointer;
  border-radius: 50%;
  /*
        &--facebook {
            background: #4162af;

            svg {
                height: 16px;
                width: 9px;
            }

            @{c}.isActive & {
                transform: translateX(-40px);
            }
        }
        */
}
.Share-item svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  fill: #fff;
}
.Share.isActive .Share-item {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.Share.isActive .Share-item:hover {
  opacity: .7;
}
.Share-item--telegram {
  background: #37ade9;
}
.Share-item--telegram svg {
  height: 14px;
  width: 16px;
}
.Share.isActive .Share-item--telegram {
  transform: translateX(-80px);
}
.Share-item--twitter {
  background: #55acee;
}
.Share-item--twitter svg {
  height: 14px;
  width: 16px;
}
.Share.isActive .Share-item--twitter {
  transform: translateX(-40px);
}
.Share-itemInner {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  transition: transform 0.3s ease;
  transform: rotate(90deg);
}
.Share.isActive .Share-itemInner {
  transform: rotate(0deg);
}
.Share--post {
  height: 40px;
  width: 40px;
}
.Share--post .Share-button {
  height: 40px;
  width: 40px;
}
.Share--post .Share-button svg {
  height: 15px;
  width: 15px;
}
.Share--post .Share-close {
  visibility: hidden;
  position: absolute;
  height: 40px;
  width: 40px;
}
.Share--post .Share-close svg {
  height: 20px;
  width: 20px;
}
.Share--post .Share-item {
  height: 40px;
  width: 40px;
}
.Share--post.isActive .Share-item--telegram {
  transform: translateX(-150px);
}
.Share--post.isActive .Share-item--twitter {
  transform: translateX(-100px);
}
.Share--post.isActive .Share-item--facebook {
  transform: translateX(-50px);
}

.Brand {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  transition: transform .6s ease;
}
.Brand.isExiting {
  transform: scale(0.9);
}
.Brand.beforeEnter {
  transform: scale(0.9);
}
.Brand-content {
  display: flex;
  align-items: stretch;
  flex: 0 1 auto;
  transition: height .3s ease;
  transition-delay: .3s;
}
.Brand-media {
  position: -webkit-sticky;
  position: sticky;
  height: 100vh;
  top: 0;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 6 + 5 * 48px + 0.5 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Brand-media {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 6 + 5 * 32px + 0.5 * 32px + 1 * 48px) + 0px);
  }
}
.Brand-back {
  position: absolute;
  left: 28px;
  top: 124px;
  z-index: 1;
  font-size: 15px;
  font-weight: 500;
  transition: color 0.15s ease;
}
.Brand-back:hover {
  color: #e6102d;
}
.Brand-back svg {
  stroke: currentColor;
  width: 12px;
  height: 10px;
  transform: rotate(90deg);
  margin-right: 5px;
}
.Brand-img .BrandImage {
  position: absolute;
  height: calc(100% - 320px);
  width: 100%;
  top: 150px;
  bottom: 150px;
  left: 0;
  right: 0;
  z-index: 0;
}
.Brand-img .BrandImage-item {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.Brand-img .BrandImage .owl-stage-outer,
.Brand-img .BrandImage .owl-stage,
.Brand-img .BrandImage .owl-item {
  height: 100%;
}
.Brand-img .BrandImage .owl-dots {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.Brand-img .BrandImage .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #d8d8d8;
  margin: 0 10px;
  position: relative;
}
.Brand-img .BrandImage .owl-dots button.owl-dot:before {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}
.Brand-img .BrandImage .owl-dots button.owl-dot.active {
  background-color: #e6102d;
}
.Brand-img .BrandImage .owl-dots button.owl-dot:focus {
  outline: none;
}
.Brand-img .BrandImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
}
.Brand-img .BrandImage.beforeEnter {
  opacity: 0;
  transform: translateX(100%);
}
.Brand-arrowLink {
  position: absolute;
  height: 26px;
  width: 13px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: none;
  border: none;
  stroke: rgba(145, 145, 153, 0.4);
  transition: stroke 0.3s ease;
  cursor: pointer;
  z-index: 1;
}
.Brand-arrow--prev .Brand-arrowLink {
  left: 38px;
}
.Brand-arrow--next .Brand-arrowLink {
  right: 38px;
}
.Brand-arrowLink:hover,
.Brand-arrowLink:focus {
  stroke: #616166;
}
.Brand-arrowLink:hover + .Brand-arrowContent,
.Brand-arrowLink:focus + .Brand-arrowContent {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.Brand-arrowIcon {
  position: absolute;
  height: 100%;
  width: 13px;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.Brand-arrowIcon svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}
.Brand-arrow--next .Brand-arrowIcon {
  right: 0;
  transform: scale(-1);
}
.Brand-arrow--prev .Brand-arrowIcon {
  left: 0;
}
.Brand-arrowContent {
  display: flex;
  visibility: hidden;
  position: absolute;
  align-items: flex-start;
  max-width: 300px;
  min-height: 70px;
  top: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  opacity: 0;
  background: #fff;
  transition: opacity 0.3s ease, visibility 0.3s linear 0.3s;
  transform: translateY(-50%);
  border-radius: 2px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}
.Brand-arrow--prev .Brand-arrowContent {
  left: 24px;
  padding-left: 61px;
  padding-right: 6px;
}
.Brand-arrow--prev .Brand-arrowContent .Brand-arrowImg img {
  margin-left: 9px;
  margin-right: 0;
}
.Brand-arrow--next .Brand-arrowContent {
  right: 24px;
  padding-left: 6px;
  padding-right: 61px;
}
.Brand-arrowImg {
  flex-shrink: 0;
  align-self: center;
  height: 50px;
  width: 36px;
  margin-right: 9px;
}
.Brand-arrowImg img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Brand-arrowText {
  flex-shrink: 0;
  max-width: 150px;
  margin-top: 5px;
}
.Brand-arrowTitle {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  white-space: normal;
  color: #1c1630;
  display: block;
  margin-bottom: 1px;
}
.Brand-arrowSubtitle {
  font-size: 12px;
  line-height: 20px;
  white-space: normal;
  color: #7a7a7a;
  display: block;
  height: 20px;
}
.Brand-warning {
  position: absolute;
  height: 10vh;
  width: calc(100% - 48px);
  bottom: 20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  opacity: .29;
  fill: #ccd6dd;
}
.Brand-warning svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.Brand-description {
  position: relative;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
  background: #fff;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 6 + 5 * 48px + 0.5 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Brand-description {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 6 + 5 * 32px + 0.5 * 32px + 1 * 48px) + 0px);
  }
}
.Brand-descriptionInner {
  position: relative;
  padding-top: 111px;
}
.Brand-descriptionInner.isExiting {
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
}
.Brand-title {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 43px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: 1px;
  color: #1c1630;
  width: 390px;
}
.Brand-link {
  margin-top: 11px;
}
.Brand-social {
  position: absolute;
  top: 132px;
  right: 16px;
}
.Brand-styles {
  margin-top: 31px;
}
.Brand-styles .StyleTag {
  margin-bottom: 5px;
}
.Brand-factList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 27px;
}
.Brand-fact {
  position: relative;
  padding-top: 19px;
  padding-bottom: 14px;
}
.Brand-fact:nth-child(3n - 2) {
  width: calc(((100% - (6 - 1) * 48px - 0 * 48px - 0 * 48px) / 6 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Brand-fact:nth-child(3n - 2) {
    width: calc(((100% - (6 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 6 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Brand-fact:nth-child(3n - 2):after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #e9eaf3;
  width: calc(((100% - (2 - 1) * 48px - 1 * 48px - 0 * 48px) / 2 * 6 + 5 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Brand-fact:nth-child(3n - 2):after {
    width: calc(((100% - (2 - 1) * 32px - 1 * 32px - 0 * 2 * 48px) / 2 * 6 + 5 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Brand-fact:nth-child(3n - 1) {
  width: calc(((100% - (6 - 1) * 48px - 0 * 48px - 0 * 48px) / 6 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Brand-fact:nth-child(3n - 1) {
    width: calc(((100% - (6 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 6 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Brand-fact:nth-child(3n) {
  width: calc(((100% - (6 - 1) * 48px - 0 * 48px - 0 * 48px) / 6 * 2 + 1 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Brand-fact:nth-child(3n) {
    width: calc(((100% - (6 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 6 * 2 + 1 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Brand-fact--package {
  padding-bottom: 21px;
  width: calc(((100% - (6 - 1) * 48px - 0 * 48px - 0 * 48px) / 6 * 6 + 5 * 48px + 0 * 48px + 0 * 48px / 2) + 0px) !important;
}
@media (max-width: 1199px) {
  .Brand-fact--package {
    width: calc(((100% - (6 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 6 * 6 + 5 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Brand-fact:nth-child(4n) + .Brand-fact--package {
  width: calc(((100% - (6 - 1) * 48px - 0 * 48px - 0 * 48px) / 6 * 4 + 3 * 48px + 0 * 48px + 0 * 48px / 2) + 0px) !important;
}
@media (max-width: 1199px) {
  .Brand-fact:nth-child(4n) + .Brand-fact--package {
    width: calc(((100% - (6 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 6 * 4 + 3 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Brand-factLabel {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Brand-factTitle {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
  color: #1c1630;
  margin-top: 1px;
}
.Brand-factSubtitle {
  font-size: 12px;
  color: #94949d;
}
.Brand-packageList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6px;
}
.Brand-package {
  line-height: 20px;
  height: 24px;
  padding-left: 7px;
  padding-right: 8px;
  border: 1px solid #edeef2;
  border-radius: 2px;
  margin-bottom: 12px;
}
.Brand-package:not(:last-child) {
  margin-right: 12px;
}
.Brand-packageTitle {
  font-size: 12px;
  color: #1c1630;
  margin-right: 2px;
}
.Brand-packageVolume {
  font-size: 12px;
  color: #ccd6dd;
}
.Brand-text {
  font-size: 18px;
  line-height: 28px;
  color: #1c1630;
  padding-top: 27px;
  padding-bottom: 28px;
  border-bottom: 1px solid #e9eaf3;
}
.Brand-text strong {
  font-weight: 500;
}
.Brand-text a {
  text-decoration: underline;
}
.Brand-text a:hover,
.Brand-text a:focus {
  text-decoration: none;
}
.Brand-buttonText {
  display: none;
  vertical-align: middle;
  position: relative;
  height: 21px;
  width: 21px;
  margin-left: 8px;
  background: #1c1630;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  transition: opacity 0.15s ease;
}
.Brand-buttonText:hover {
  opacity: .7;
}
.Brand-buttonText svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  height: 3px;
  width: 13px;
  fill: #fff;
}
.Brand-snackSection {
  padding-top: 22px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e9eaf3;
}
.Brand-snackHeader {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 28px;
  font-weight: 500;
  color: #1c1630;
}
.Brand-snackList {
  margin-top: 28px;
  font-size: 0;
}
.Brand-snack {
  width: 33.33%;
  display: inline-block;
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  .Brand-snack {
    width: 50%;
  }
}
.Brand-snackImg {
  display: inline-block;
  width: 40px;
  vertical-align: top;
  margin-right: 16px;
}
.Brand-snackImgInner {
  position: relative;
  height: 40px;
  width: 40px;
  margin-left: auto;
  margin-right: auto;
}
.Brand-snackImgInner svg {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  fill: #e6102d;
}
.Brand-snackContent {
  display: inline-block;
  vertical-align: top;
}
.Brand-snackTitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  color: #1c1630;
  margin-bottom: -3px;
}
.Brand-awardsSection {
  padding-top: 22px;
  padding-bottom: 24px;
}
.Brand-awardsHeader {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 28px;
  font-weight: 500;
  color: #1c1630;
}
.Brand-awardsList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 28px;
}
.Brand-award {
  display: flex;
  margin-bottom: 24px;
  width: calc(((100% - (6 - 1) * 48px - 0 * 48px - 0 * 48px) / 6 * 3 + 2 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Brand-award {
    width: calc(((100% - (6 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 6 * 3 + 2 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Brand-award:nth-child(odd) {
  margin-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Brand-award:nth-child(odd) {
    margin-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Brand-awardImg {
  flex-shrink: 0;
  width: 40px;
  margin-right: 16px;
}
.Brand-awardImgInner {
  position: relative;
  height: 40px;
  width: 40px;
  margin-left: auto;
  margin-right: auto;
}
.Brand-awardImgInner img {
  display: block;
  position: absolute;
  height: 40px;
  width: 40px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
     object-position: center;
}
.Brand-awardContent {
  flex: 1 1;
  padding-top: 2px;
}
.Brand-awardTitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #1c1630;
  margin-bottom: -3px;
}
.Brand-awardSubtitle {
  font-size: 12px;
  line-height: 20px;
  color: #919199;
}
.Brand-locations {
  display: none;
  height: 540px;
  background: #12151b;
}
.Brand-locations--active {
  display: block;
}
.Brand-also {
  display: flex;
}
.Brand-alsoHeader {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 32px;
  color: #1c1630;
  position: relative;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 64px;
  margin-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Brand-alsoHeader {
    margin-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Brand-alsoHeader {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Brand-alsoHeader {
    margin-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Brand-alsoHeader:after {
  content: '';
  position: absolute;
  width: 24px;
  bottom: -17px;
  left: 0;
  border-bottom: 1px solid #e6102d;
}
.Brand-alsoGrid {
  background: #fff;
  border-top: 1px solid #edeef2;
  border-left: 1px solid #edeef2;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 9 + 8 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Brand-alsoGrid {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 9 + 8 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}

.BuildingCross {
  display: flex;
  position: absolute;
  justify-content: center;
  align-content: center;
  height: 55px;
  width: 55px;
  z-index: 1;
  border-radius: 50%;
  margin-top: -27px;
  margin-left: -27px;
}
.BuildingCross[state='foreground'] {
  z-index: 2;
}
.BuildingCross[state='foreground'] .BuildingCross-cross {
  background: #e6102d;
  transition: background 0.7s ease, transform 0.3s ease;
  transform: rotate(180deg);
}
.BuildingCross[state='foreground'] .BuildingCross-cross svg {
  fill: white;
  transition: fill 0.3s ease;
}
.BuildingCross[state='foreground'] .BuildingCross-label {
  opacity: 1;
  transition: opacity 0.15s ease, transform 0.3s ease;
  transform: translate(-92px, -75px);
}
.BuildingCross-cross {
  display: flex;
  position: relative;
  justify-content: center;
  align-content: center;
  align-self: center;
  height: 30px;
  width: 30px;
  background: white;
  transition: background 0.7s ease 0.3s, transform 0.3s ease 0.15s;
  transform: rotate(0);
  border-radius: 50%;
  box-shadow: 0 0 0 3pt rgba(0, 0, 0, 0.15);
}
.BuildingCross-cross svg {
  height: 100%;
  width: 100%;
  padding: 8px;
  fill: #0f0c1a;
  transition: fill 0.3s ease 0.3s;
  border-radius: 50%;
}
.BuildingCross-label {
  position: absolute;
  width: 240px;
  bottom: -10px;
  left: 0;
  padding: 9px 19px 12px 19px;
  opacity: 0;
  background: white;
  transition: opacity 0.3s ease 0.15s, transform 0.3s ease 0.15s;
  transform: translate(-92px, -65px);
  z-index: 2;
  pointer-events: none;
  border-radius: 2px;
  -webkit-filter: drop-shadow(10px 10px 6px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(10px 10px 6px rgba(0, 0, 0, 0.4));
}
.BuildingCross-label:before {
  content: '';
  position: absolute;
  height: 12px;
  width: 12px;
  top: 100%;
  left: 50%;
  background: white;
  transform: translate(-50%, -50%) rotate(45deg);
}
.BuildingCross-label svg {
  height: 100%;
  width: 100%;
  fill: white;
  -webkit-filter: url(#shadowFilter);
          filter: url(#shadowFilter);
}
.BuildingCross-header {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 5px;
}
.BuildingCross-description {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 12px;
}

.Production {
  height: 100%;
  background: #fafafc;
}
.Production-header {
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 10 + 9 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  margin-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 1 * 48px + 1 * 48px / 2) + 0px);
  color: #e6102d;
  margin-bottom: 80px;
  padding-top: 200px;
}
@media (max-width: 1199px) {
  .Production-header {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 10 + 9 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Production-header {
    margin-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 1 * 32px + 1 * 48px) + 0px);
  }
}
.Production-subtitle {
  display: flex;
  margin-bottom: 48px;
}
.Production-subtitleStroke {
  width: 100px;
  margin-right: 24px;
  border-bottom: 1px solid #e6102d;
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Production-subtitleStroke {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 24px);
  }
}
.Production-subtitleText {
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  line-height: 8px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #e6102d;
}
.Production-description {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  color: #0f0c1a;
  margin-bottom: 22px;
}
.Production-text {
  font-size: 20px;
  line-height: 32px;
  color: #0f0c1a;
}
.Production-aerialView {
  position: relative;
  width: 100%;
  margin-bottom: 89px;
  font-size: 0;
}
.Production-aerialViewImg {
  position: relative;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
}
.Production-aerialViewSvg {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.Production-aerialViewPath {
  position: absolute;
  opacity: 0;
  fill: white;
  transition: opacity 0.3s ease 0.15s, fill 0.3s ease 0.15s;
}
.Production-aerialViewPath[state='foreground'] {
  opacity: .05;
  transition: opacity 0.3s ease, fill 0.3s ease;
}
.Production-aerialViewPath[state='background'] {
  opacity: .3;
  fill: black;
  transition: opacity 0.3s ease, fill 0.3s ease;
}
.Production .BuildingCross[data-id='1'] {
  top: 21%;
  left: 19%;
}
.Production .BuildingCross[data-id='2'] {
  top: 27%;
  left: 29%;
  z-index: 2;
}
.Production .BuildingCross[data-id='3'] {
  top: 22%;
  left: 33%;
}
.Production .BuildingCross[data-id='4'] {
  top: 29%;
  left: 44%;
}
.Production .BuildingCross[data-id='5'] {
  top: 20%;
  left: 45%;
}
.Production .BuildingCross[data-id='6'] {
  top: 33%;
  left: 53%;
}
.Production .BuildingCross[data-id='7'] {
  top: 43%;
  left: 69%;
}
.Production .BuildingCross[data-id='8'] {
  top: 93%;
  left: 79%;
}
.Production-contents {
  margin-bottom: 96px;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 10 + 9 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  margin-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 1 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Production-contents {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 10 + 9 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Production-contents {
    margin-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 1 * 32px + 1 * 48px) + 0px);
  }
}
.Production-contentsHeader {
  width: 100%;
}
.Production-contentsStroke {
  content: '';
  height: 27px;
  border-top: 1px solid red;
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0.33 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Production-contentsStroke {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0.33 + -0.67 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Production-contentsColumns {
  display: flex;
}
.Production-contentsLeft {
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 7 + 6 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  position: relative;
}
@media (max-width: 1199px) {
  .Production-contentsLeft {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 7 + 6 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Production-contentsLeft {
    margin-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
.Production-contentsLeft:after {
  height: 10px;
  width: 10px;
  background-color: red;
  border: 1px solid #e6102d;
}
.Production-contentsRight {
  padding-top: 23px;
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 2 + 1 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Production-contentsRight {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 2 + 1 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Production-contentsRightHeader {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  line-height: 32px;
  color: #e6102d;
  margin-bottom: 10px;
  white-space: nowrap;
}
.Production-contentsRightSpan {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 18px;
}
.Production-contentsRightDescription {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #78797a;
  margin-top: 1px;
  padding-left: 1px;
  margin-bottom: 61px;
}
.Production-capacity {
  margin-bottom: 10px;
}
.Production-contentsText {
  font-size: 20px;
  line-height: 32px;
  color: #1c1630;
  margin-bottom: 86px;
}
.Production-media {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.Production-mediaVideo {
  font-family: 'object-fit: cover; object-position: center';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.Production-mediaTexts {
  position: relative;
  padding: 168px 250px 166px 250px;
}
.Production-mediaTitle {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  text-align: center;
  color: #1c1630;
  width: 100%;
  margin-bottom: 19px;
}
.Production-mediaSubtitle {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  color: #78797a;
  width: 100%;
}

.Principles {
  display: flex;
  height: 100%;
  padding-bottom: 171px;
  background: #f7f8fc;
}
.Principles-background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.Principles-backgroundImage {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: .3;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
          mask-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
}
.Principles-left {
  flex: auto;
  padding-top: 60px;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 2 + 1 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Principles-left {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 2 + 1 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Principles-left {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.Principles-right {
  flex: auto;
  background: transparent;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 10 + 9 * 48px + 0.5 * 48px + 1 * 48px / 2) + 0px);
  padding-left: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Principles-right {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 10 + 9 * 32px + 0.5 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Principles-right {
    padding-left: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Principles-header {
  color: #e6102d;
  margin-bottom: 93px;
  padding-top: 200px;
  margin-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Principles-header {
    margin-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.Principles-subtitle {
  display: flex;
  margin-bottom: 24px;
}
.Principles-subtitleStroke {
  width: 100px;
  margin-right: 24px;
  border-bottom: 1px solid #e6102d;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 11px);
}
@media (max-width: 1199px) {
  .Principles-subtitleStroke {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 11px);
  }
}
.Principles-subtitleText {
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  line-height: 8px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #e6102d;
}
.Principles-description {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 52px;
  font-weight: 500;
  line-height: 64px;
  color: #0f0c1a;
  margin-bottom: 85px;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 8 + 7 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Principles-description {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 8 + 7 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Principles-row {
  display: flex;
  flex-wrap: wrap;
}
.Principles-text {
  font-size: 18px;
  line-height: 28px;
  color: #0f0c1a;
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 6 + 5 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Principles-text {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 6 + 5 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Principles-text p {
  margin-bottom: 75px;
}
.Principles-text-title {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 44px;
  margin-bottom: 24px;
}
.Principles-icon {
  position: relative;
  padding-top: 16px;
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 2 + 1 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  margin-left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
}
.Principles-icon svg {
  height: 72px;
  width: 72px;
  top: 0;
  left: 0;
  animation: animate 1.5s ease-out;
}
@keyframes animate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1199px) {
  .Principles-icon {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 2 + 1 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Principles-icon {
    margin-left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
.Principles-iconText {
  font-size: 14px;
  line-height: 20px;
  color: #78797a;
  padding-top: 19px;
}
.Principles-quote {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 48px;
  color: #1c1630;
  position: relative;
  margin-top: 20px;
  padding: 58px 72px 58px 72px;
  background: #fff;
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 9 + 8 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Principles-quote {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 9 + 8 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Principles-quote:after {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  top: 0;
  right: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid #f7f8fc;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  transform: rotate(45deg);
  transform-origin: 140% 83%;
}
.Principles-quote:before {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  top: 0;
  right: 0;
  border-top: 20px solid #edeef2;
  border-bottom: 20px solid transparent;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  transform: rotate(45deg);
  transform-origin: 18% 33%;
}
.Principles-afterQuote {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 20px;
  line-height: 32px;
  color: #1c1630;
  margin-top: 100px;
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 6 + 5 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Principles-afterQuote {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 6 + 5 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Principles-afterQuote p {
  margin-bottom: 30px;
}
@media (min-width: 1440px), (min-width: 1200px) and (max-width: 1439px), (max-width: 1199px) {
  .Principles-slider {
    flex-shrink: 0;
    margin-bottom: 140px;
    width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0.5 * 48px) / 10 * 9 + 8 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  }
}
@media (min-width: 1440px) and (max-width: 1199px), (min-width: 1200px) and (max-width: 1439px) and (max-width: 1199px), (max-width: 1199px) and (max-width: 1199px) {
  .Principles-slider {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0.5 * 2 * 48px) / 10 * 9 + 8 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Principles-value-slides {
  font-size: 0;
  margin-top: 37px;
}
.Principles-value-slides-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: calc(((100% - (6 - 1) * 48px - 0 * 48px - 0 * 48px) / 6 * 3 + 2 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (6 - 1) * 48px - 0 * 48px - 0 * 48px) / 6 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  margin-bottom: calc(((100% - (6 - 1) * 48px - 0 * 48px - 0 * 48px) / 6 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  height: 300px;
}
@media (max-width: 1199px) {
  .Principles-value-slides-item {
    width: calc(((100% - (6 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 6 * 3 + 2 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Principles-value-slides-item {
    margin-right: calc(((100% - (6 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 6 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Principles-value-slides-item {
    margin-bottom: calc(((100% - (6 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 6 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Principles-value-slides-item:nth-child(2n) {
  margin-right: 0;
}
.Principles-value-slides-item:hover .Principles-value-slides-item-image {
  transform: rotateY(180deg);
}
.Principles-value-slides-item:hover .Principles-value-slides-item-description {
  transform: rotateY(0deg);
}
.Principles-value-slides-item-image {
  background-size: cover;
  background-position: center center;
}
.Principles-value-slides-item-image:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.Principles-value-slides-item-image-title {
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 20px;
  right: 20px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-weight: 500;
}
.Principles-value-slides-item-description {
  transform: rotateY(-180deg);
  box-sizing: border-box;
  border: 1px solid #e6102d;
  padding: 14px 20px;
}
.Principles-value-slides-item-image,
.Principles-value-slides-item-description {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.Principles-value-slides-item-title {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-weight: 500;
  margin-bottom: 5px;
}
.Principles-value-slides-item-text {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1440px) {
  .Principles-value-slides-item-text {
    font-size: 14px;
    line-height: 20px;
  }
}

.Excursion {
  background: #fafafc;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  overflow: hidden;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  transition: transform 0.7s ease;
  z-index: 22;
}
.Excursion--toAnimate {
  position: fixed;
  transform: translate3d(0, 100vh, 0);
}
.Excursion-close {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 11;
}
.Excursion-background {
  position: absolute;
  height: 750px;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  background: #0f0c1a;
}
.Excursion-backgroundImage {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: .3;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -webkit-mask-image: linear-gradient(black, transparent);
          mask-image: linear-gradient(black, transparent);
}
.Excursion-left {
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 7 + 6 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  margin-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  background-color: #fff;
  margin-top: 350px;
  padding-top: 53px;
  padding-bottom: 90px;
  position: relative;
}
@media (max-width: 1199px) {
  .Excursion-left {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 7 + 6 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Excursion-left {
    margin-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.Excursion-leftTitle {
  margin-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  display: flex;
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  .Excursion-leftTitle {
    margin-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Excursion-leftTitle {
    margin-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Excursion-leftTitleStroke {
  width: calc(((100% - (7 - 1) * 48px - 0 * 48px - 0 * 48px) / 7 * 1 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + -10px);
  border-bottom: 1px solid #e6102d;
  font-size: 56px;
  height: 19px;
}
@media (max-width: 1199px) {
  .Excursion-leftTitleStroke {
    width: calc(((100% - (7 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 7 * 1 + 0 * 32px + 1 * 32px + 0 * 48px) + -10px);
  }
}
.Excursion-leftTitleText {
  margin-left: calc(((100% - (7 - 1) * 48px - 0 * 48px - 0 * 48px) / 7 * 0 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 10px);
  width: calc(((100% - (6 - 1) * 48px - 1 * 48px - 0 * 48px) / 6 * 5 + 4 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 3px;
  color: #e6102d;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .Excursion-leftTitleText {
    margin-left: calc(((100% - (7 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 7 * 0 + 0 * 32px + 0 * 32px + 0 * 48px) + 10px);
  }
}
@media (max-width: 1199px) {
  .Excursion-leftTitleText {
    width: calc(((100% - (6 - 1) * 32px - 1 * 32px - 0 * 2 * 48px) / 6 * 5 + 4 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Excursion-title {
  color: #1c1630;
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: calc(64 / 56);
  letter-spacing: 0;
  margin-bottom: 30px;
}
.Excursion-textSection {
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  margin-bottom: 84px;
  position: relative;
}
@media (max-width: 1199px) {
  .Excursion-textSection {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Excursion-textSection {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Excursion-textSection--beforeMap {
  margin-bottom: 44px;
}
.Excursion-textSectionTitle {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 44px;
  font-weight: 500;
  margin: 0 0 44px;
}
.Excursion-textSectionContent {
  font-size: 18px;
  line-height: calc(28 / 18);
  margin: 0 0 44px;
}
.Excursion-textSectionContent * + * {
  margin-top: 1em;
}
.Excursion-textSectionContent h3 {
  font-weight: 600;
  font-size: 18px;
}
.Excursion-textSectionContent a {
  color: #e6102d;
}
.Excursion-textSectionContent a:hover {
  color: #cc001b;
}
.Excursion-bus {
  border-bottom: 1px solid #dcdcdc;
  position: relative;
  margin-bottom: 44px;
  height: 84px;
  width: 100%;
}
.Excursion-bus svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  height: 84px;
  width: 279px;
  margin: unset;
}
.Excursion-tour {
  margin-bottom: 44px;
}
.Excursion-tourTable {
  margin-bottom: 22px;
  width: 100%;
}
.Excursion-tourTable tr {
  border-bottom: 1px solid #dcdcdc;
}
.Excursion-tourTable tr:first-child td,
.Excursion-tourTable tr:first-child th {
  padding-top: 0;
}
.Excursion-tourTable tr td,
.Excursion-tourTable tr th {
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  width: 27%;
  padding-bottom: 20px;
  padding-top: 20px;
}
.Excursion-tourTable tr td:first-child,
.Excursion-tourTable tr th:first-child {
  width: 46%;
}
.Excursion-tourTable tr th {
  font-weight: 600;
}
.Excursion-tourNote {
  color: #808080;
  font-weight: 400;
  font-size: 12px;
  line-height: calc(20 / 12);
}
.Excursion-buyButtonWrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 60px;
}
.Excursion-buyButtonWrapper .Button {
  min-width: 272px;
}
.Excursion-button,
.Excursion-buyButton {
  background: #e6102d !important;
  box-shadow: none !important;
  border: none !important;
  font-family: 'Graphik LCG', Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  padding: 0 45px !important;
  text-align: center !important;
  text-shadow: none !important;
  opacity: 1 !important;
  text-transform: none !important;
  height: 50px !important;
}
.Excursion-button:hover,
.Excursion-buyButton:hover {
  background-color: #cc001b !important;
}
.Excursion-button--black,
.Excursion-buyButton--black {
  background: #0f0c1a !important;
  color: #fff !important;
}
.Excursion-buyButton {
  padding: 0 15px !important;
}
.Excursion-buyButtonWrapperNote {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(22 / 14);
  margin-left: 48px;
}
.Excursion-features {
  margin-bottom: 75px;
}
.Excursion-featuresList li {
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 6 + 5 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: calc(28 / 18);
  margin-bottom: 1em;
}
@media (max-width: 1199px) {
  .Excursion-featuresList li {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Excursion-featuresList li {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 6 + 5 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Excursion-slider {
  margin-bottom: 84px;
}
.Excursion-mapLegend {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  list-style: none;
  margin: 18px 0 14px;
  padding: 0;
}
.Excursion-mapLegend li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 16px;
  margin-right: 40px;
}
.Excursion-mapLegendColor {
  border-radius: 4px;
  flex-shrink: 0;
  margin-right: 10px;
  position: relative;
  height: 5px;
  width: 20px;
}
.Excursion-mapLegendColor--car {
  background: #e76556;
}
.Excursion-mapLegendColor--pedestrian {
  border-radius: 0;
}
.Excursion-mapLegendColor--pedestrian:after,
.Excursion-mapLegendColor--pedestrian:before {
  background: #4359e2;
  border-radius: 4px;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 5px;
  width: 8px;
}
.Excursion-mapLegendColor--pedestrian:after {
  left: auto;
  right: 0;
}
.Excursion-mapLegendColor--masstransit {
  background: #9df67b;
}
.Excursion-mapContainerWrapper {
  position: relative;
}
.Excursion-mapLoader {
  background: rgba(250, 250, 252, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  z-index: 1;
}
.Excursion-map {
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  font-size: 18px;
  line-height: calc(28 / 18);
  margin-bottom: 60px;
  position: relative;
}
@media (max-width: 1199px) {
  .Excursion-map {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Excursion-map {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Excursion-map p + p {
  margin-top: 1em;
}
.Excursion-mapContainer {
  margin: 30px 0 0;
  height: 393px;
}
.Excursion-right {
  position: relative;
  margin-top: 750px;
  padding-top: 50px;
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 4 + 3 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Excursion-right {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Excursion-right {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Excursion-right {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 4 + 3 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Excursion-right {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.Excursion-contacts {
  font-size: 18px;
  line-height: calc(28 / 18);
}
.Excursion-contactsTitle {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 44px;
  font-weight: 500;
  line-height: calc(52 / 44);
  margin: 0 0 28px;
}
.Excursion-contactsList {
  margin: 0 0 28px;
}
.Excursion-contactsListItem {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 18px;
}
.Excursion-contactsListLabel {
  min-width: 105px;
  margin-right: 4px;
}
.Excursion-contactsListContent {
  min-width: 177px;
}
.Excursion-contactsListLink {
  color: #0f0c1a;
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: color 0.3s ease;
}
.Excursion-contactsListLink:hover {
  color: #cc001b;
}
.Excursion-contactsListIcon {
  margin-right: 4px;
  height: 18px;
  width: 18px;
}
.Excursion-contactsListIcon svg {
  display: block;
  fill: currentcolor;
  height: 100%;
  width: 100%;
  transition: fill 0.3s ease;
}
.Excursion-contactsText {
  margin-bottom: 28px;
  max-width: 284px;
}
.Excursion-contactsText p + p {
  margin-top: 1em;
}
.Excursion-contactsText a {
  color: #e6102d;
}
.Excursion-contactsText a:hover {
  color: #cc001b;
}
.Excursion-asideInfoBlocks {
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  left: calc(((100vw - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 7 + 6 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  top: 0;
  line-height: calc(22 / 12);
  padding-top: 0;
  padding-left: calc(((100vw - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100vw - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100vw - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 4 + 3 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
.Excursion-asideInfoBlocks--time {
  top: 96px;
}
.Excursion-asideInfoBlocks--route {
  top: 58px;
}
.Excursion-asideInfoBlocks--tickets {
  top: auto;
  bottom: 4px;
}
@media (max-width: 1199px) {
  .Excursion-asideInfoBlocks {
    padding-left: 24px;
    padding-right: 24px;
    left: auto;
    right: -336px;
    width: 336px;
  }
}
.Excursion-asideInfo {
  margin-bottom: 90px;
  max-width: 284px;
}
.Excursion-asideInfo:last-child {
  margin-bottom: 0;
}
.Excursion-asideInfoIcon {
  margin-bottom: 14px;
}
.Excursion-asideInfoIcon svg {
  display: block;
  height: 100%;
  width: 100%;
}
.Excursion-asideInfoIcon--docs {
  height: 58px;
  width: 40px;
}
.Excursion-asideInfoIcon--docs svg {
  fill: #fafafc;
}
.Excursion-asideInfoIcon--shoot {
  height: 38px;
  width: 58px;
}
.Excursion-asideInfoIcon--time {
  height: 43px;
  width: 43px;
}
.Excursion-asideInfoIcon--route {
  height: 40px;
  width: 62px;
}
.Excursion-asideInfoTitle {
  color: #e6102d;
  font-size: 38px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 12px;
}
.Excursion-asideInfoTime {
  border: 1px solid #e6102d;
  border-radius: 4px;
  color: #e6102d;
  font-size: 20px;
  font-weight: 300;
  line-height: 34px;
  height: 34px;
  text-align: center;
  margin-bottom: 14px;
  width: 60px;
}
.Excursion-buttonRoute {
  background: #0f0c1a;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 500;
  margin-top: 20px;
  text-align: center;
  line-height: 50px;
  height: 50px;
  width: 100%;
}
.Excursion-faq .FAQ-item {
  font-size: 18px;
  line-height: calc(28 / 18);
  padding: 20px 30px;
}
.Excursion-faq .FAQ-item:first-of-type {
  border-top: 1px solid #edeef2;
}
.Excursion-faq .FAQ-item:last-of-type {
  border-bottom: 1px solid #edeef2;
}
.Excursion-faq .FAQ-item:hover:not(.isActive) {
  background: #fafafc;
  padding: 20px 30px;
}
.Excursion-faq .FAQ-item:hover:not(.isActive) .FAQ-headerTitle {
  transform: translate(-5px, 0);
}
.Excursion-faq .FAQ-item:hover:not(.isActive):nth-child(3) {
  border-top: 1px solid transparent;
}
.Excursion-faq .FAQ-headerTitle {
  margin-right: 60px;
  transition: transform 0.3s ease;
}
.Excursion-faq .FAQ-answer {
  font-weight: 600;
}
.Excursion-fixedButton {
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translate(0, 100%);
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 11;
}
.Excursion-fixedButton.is-showed {
  opacity: 1;
  transform: translate(0, 0);
}
.Excursion-fixedButtonColumn {
  margin-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 8 + 7 * 48px + 1 * 48px + 1 * 48px / 2) + 0px);
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  background: #fafafc;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}
@media (max-width: 1199px) {
  .Excursion-fixedButtonColumn {
    margin-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 8 + 7 * 32px + 1 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Excursion-fixedButtonColumn {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Excursion-fixedButtonColumn {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Excursion-fixedButtonColumn::before {
  background: linear-gradient(180deg, rgba(250, 250, 252, 0) 0%, #FAFAFC 99.99%, rgba(250, 250, 252, 0) 100%);
  content: "";
  position: absolute;
  height: 30px;
  top: -30px;
  left: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .Excursion-fixedButtonColumn {
    margin-left: 0;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.Excursion-fixedButton .Excursion-buyButton {
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
  padding: 0;
  height: 40px;
  width: 100%;
}
.Excursion-disclaimer {
  background: rgba(15, 12, 26, 0.7);
  display: none;
  position: fixed;
  padding: 15px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
}
.Excursion-disclaimer.is-showed {
  display: flex;
}
.Excursion-disclaimerClose {
  background: transparent;
  border: 0;
  cursor: pointer;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 22px;
  right: 22px;
  height: 20px;
  width: 20px;
  transition: opacity 0.3s ease;
}
.Excursion-disclaimerClose:hover {
  opacity: 0.8;
}
.Excursion-disclaimerContent {
  background: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: calc(28 / 18);
  padding: 40px;
  position: relative;
  margin: auto;
  max-width: 806px;
}
.Excursion-disclaimerContentTitle {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-weight: 500;
  font-size: 44px;
  line-height: calc(52 / 44);
  margin: 0;
}
.Excursion-disclaimerContentText {
  margin: 34px 0 0;
}
.Excursion-disclaimerContentText * + * {
  margin-top: 1em;
}
.Excursion-disclaimerContentText h3 {
  font-weight: 600;
  font-size: 18px;
}
.Excursion-disclaimerContentText a {
  color: #e6102d;
}
.FAQ-item {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 24px;
  position: relative;
  padding: 21px 27px 21px 23px;
  box-sizing: border-box;
  border-bottom: 1px solid #edeef2;
  transition: padding 0.15s ease-out, background 0.15s ease, color 0.15s ease, margin-bottom 0.15s ease, background-color 0.15s ease;
}
.FAQ-item:last-of-type {
  border-bottom: 1px solid transparent;
}
.FAQ-item:first-of-type {
  border-top: 1px solid transparent;
}
.FAQ-item:hover:not(.isActive) {
  color: #e6102d;
  padding: 21px 27px 21px 17px;
  background-color: white;
  transition: padding 0.15s ease-out, color 0.15s ease, background-color 0.15s ease;
  cursor: pointer;
}
.FAQ-item.isActive {
  color: #f7f8fc;
  padding: 21px 27px 21px 23px;
  background: #e6102d;
  transition: background 0.7s ease, color 0.15s ease, margin-bottom 0.15s ease;
}
.FAQ-header {
  display: flex;
  width: 100%;
}
.FAQ-headerTitle {
  position: relative;
  width: 100%;
}
.FAQ-headerCross {
  display: flex;
  align-self: center;
  height: 24px;
  width: 24px;
  transition: transform 0.15s ease;
  transform: rotate(45deg);
  z-index: 20;
  cursor: pointer;
}
.FAQ-headerCross svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  fill: red;
  transition: fill 0.7s ease;
}
.FAQ-headerCross.isActive {
  transition: transform 0.15s ease, opacity 0.3s ease;
  transform: rotate(0deg);
}
.FAQ-headerCross.isActive svg {
  fill: white;
  transition: fill 0.7s ease;
}
.FAQ-headerCross.isActive:hover {
  opacity: .7;
}
.FAQ-answer {
  display: none;
  transition: max-height 0.15s ease, color 0.15s ease;
}
.FAQ-answerContent {
  position: relative;
  border-bottom: 1px solid #ff4c64;
}
.FAQ-answerContent a {
  display: block;
  padding: 10px 0 11px 0;
}
.FAQ-answerContent:first-child {
  margin-top: 25px;
}
.FAQ-answerContent:last-child {
  border: none;
}

.LocationsPopup {
  position: fixed;
  height: 100%;
  min-width: 1024px;
  top: 0;
  left: 0;
  right: 0;
  background: #12151b;
  transition: transform 0.7s ease;
  z-index: 22;
}
.LocationsPopup--toAnimate {
  position: fixed;
  transform: translate3d(0, 100vh, 0);
}
.LocationsPopup-close {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 11;
}
.LocationsPopup-content {
  height: 100%;
}
.LocationsPopup-menu {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
  margin-top: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  margin-bottom: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  margin-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 3 + 2 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  z-index: 2;
}
@media (max-width: 1199px) {
  .LocationsPopup-menu {
    margin-top: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .LocationsPopup-menu {
    margin-bottom: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .LocationsPopup-menu {
    margin-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .LocationsPopup-menu {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 3 + 2 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .LocationsPopup-menu {
    width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 3 + 2 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) and (max-width: 1199px) {
  .LocationsPopup-menu {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 3 + 2 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .LocationsPopup-menu {
    width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 4 + 3 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .LocationsPopup-menu {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 4 + 3 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.LocationsPopup-header {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
  color: #1c1630;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 24px;
  padding-right: 24px;
}
.LocationsPopup-categories {
  display: flex;
  margin-bottom: 37px;
}
.LocationsPopup-category {
  display: flex;
  position: relative;
  height: 48px;
  width: 50%;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.LocationsPopup-category:first-child {
  border-right: 1px solid #dcdcdc;
}
.LocationsPopup-category input {
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.LocationsPopup-category input:checked + label {
  color: #e6102d;
}
.LocationsPopup-category input:checked + label:after {
  opacity: 1;
}
.LocationsPopup-category label {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  line-height: 44px;
  text-align: center;
  color: #333;
  position: relative;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: color 0.3s ease;
  cursor: pointer;
}
.LocationsPopup-category label:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  opacity: 0;
  border-bottom: 4px solid #e6102d;
  transition: opacity 0.3s ease;
}
.LocationsPopup-category label:hover,
.LocationsPopup-category label:focus {
  color: #e6102d;
}
.LocationsPopup-filters {
  max-height: calc((100vh - 2 * 24px) - 128px);
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  overflow: auto;
}
@media (max-width: 1199px) {
  .LocationsPopup-filters {
    max-height: calc((100vh - 2 * 48px) - 128px);
  }
}
.LocationsPopup--beer .LocationsPopup-filters--ciders {
  display: none;
}
.LocationsPopup--ciders .LocationsPopup-filters--beer {
  display: none;
}
.LocationsPopup-subCategories {
  margin-bottom: 13px;
}
.LocationsPopup-subCategoriesHeader,
.LocationsPopup-brandsHeader {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #333;
}
.LocationsPopup-subCategoriesHeader {
  margin-bottom: 23px;
}
.LocationsPopup-brandsHeader {
  margin-bottom: 26px;
}
.LocationsPopup-subCategoriesList {
  display: flex;
  flex-wrap: wrap;
}
.LocationsPopup-subCategory {
  position: relative;
  width: 50%;
  margin-bottom: 21px;
}
.LocationsPopup-subCategory input {
  position: relative;
  height: 16px;
  width: 16px;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.LocationsPopup-subCategory label {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 13px;
  color: #333;
  margin-left: 8px;
  cursor: pointer;
}
.LocationsPopup-inputCheckbox {
  display: inline-block;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 0;
  left: 0;
  border: 1px solid #e3e3e6;
  transition: border-color 0.3s ease, background-color 0.3s ease;
  z-index: 1;
  border-radius: 2px;
}
.LocationsPopup-inputCheckbox svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  height: 14px;
  width: 18px;
  bottom: 5px;
  left: 1px;
  opacity: 0;
  stroke: #e6102d;
  transition: opacity 0.3s ease;
}
input:checked + .LocationsPopup-inputCheckbox {
  background-color: #fff2f4;
  border-color: #ff8090;
}
input:checked + .LocationsPopup-inputCheckbox svg {
  opacity: 1;
}
.LocationsPopup-brandsList {
  width: calc(100% + 12px);
}
.LocationsPopup-brandsList .StyleTag {
  margin-bottom: 12px;
  margin-right: 12px;
}
.LocationsPopup-locations {
  height: 100%;
}
.LocationsPopup-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.LocationsPopup-loader:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: .5;
}
.LocationsPopup-loader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  animation: spin .6s linear infinite reverse;
}
.LocationsPopup-loader .ball {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  animation: spin 1.2s infinite ease-in-out;
}
.LocationsPopup-loader .ball:after {
  position: absolute;
  content: '';
  background-color: #e6102d;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  top: 0px;
}
.LocationsPopup-loader .ball:nth-child(1) {
  animation-delay: 0s;
}
.LocationsPopup-loader .ball:nth-child(2) {
  animation-delay: -0.1s;
}
.LocationsPopup-loader .ball:nth-child(3) {
  animation-delay: -0.2s;
}
.LocationsPopup-loader .ball:nth-child(4) {
  animation-delay: -0.3s;
}
.LocationsPopup-loader .ball:nth-child(5) {
  animation-delay: -0.4s;
}
.LocationsPopup-loader .ball:nth-child(6) {
  animation-delay: -0.5s;
}
.LocationsPopup-loader .ball:nth-child(7) {
  animation-delay: -0.6s;
}
.LocationsPopup-loader .ball:nth-child(8) {
  animation-delay: -0.7s;
}
.LocationsPopup-loader .ball:nth-child(9) {
  animation-delay: -0.8s;
}
.LocationsPopup-loader .ball:nth-child(10) {
  animation-delay: -0.9s;
}
.LocationsPopup--loaded .LocationsPopup-loader {
  display: none;
}
@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.QualityForm .CommonNewForm-fieldRow {
  margin-bottom: 0;
}
.QualityForm .CommonNewForm-fieldGroup {
  flex: 1 1;
}
.QualityForm .CommonNewForm-fieldRow--files {
  margin: 12px 0;
}

.Contact {
  margin-top: -90px;
  min-height: calc(100vh - 368px);
  position: relative;
  padding-top: 90px;
}
.Contact .mapboxgl-ctrl {
  display: none;
}
.Contact .Contact-map {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.Contact-marker {
  position: relative;
  height: 15px;
  width: 15px;
  background: #e6102d;
  border-radius: 50%;
}
.Contact-marker:before,
.Contact-marker:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  margin-top: 0;
  margin-left: 0;
  border-radius: 50%;
}
.Contact-marker:before {
  box-shadow: 0 0 0 1px #e6102d;
}
.Contact-marker:after {
  background: #e6102d;
  animation: buttonGrow 2s ease-out infinite;
  box-shadow: 0 0 0 3px #e6102d;
}
.Contact-marker:active {
  box-shadow: 0 0 0 3px #e6102d;
}
.Contact-contentWrapper {
  background: #fff;
  margin-top: 82px;
  min-height: calc(100vh - 368px);
  position: relative;
  z-index: 5;
  margin-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 4 + 3 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 8 + 7 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  padding: 48px 48px 108px;
}
@media (max-width: 1199px) {
  .Contact-contentWrapper {
    margin-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 4 + 3 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Contact-contentWrapper {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 8 + 7 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Contact-contentWrapper {
    width: auto;
  }
}
.Contact-title {
  color: #1c1630;
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: calc(64 / 56);
  letter-spacing: 0;
  margin: 0;
  padding-right: 128px;
}
.Contact-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 36px;
  margin: 60px 0 0;
}
@media (max-width: 1199px) {
  .Contact-content {
    flex-direction: column;
  }
}
.Contact-contentGrid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.Contact-contentGridItem {
  background: #000;
  color: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  flex-shrink: 0;
  flex-grow: 1;
  height: 200px;
  width: calc(50% - 10px);
  overflow: hidden;
}
.Contact-contentGridLink {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: calc(26 / 20);
  padding: 25px;
  position: relative;
  text-decoration: none;
  height: 100%;
  width: 100%;
}
.Contact-contentGridLink span {
  padding-right: 50px;
  position: relative;
  transition: opacity 0.35s ease;
  z-index: 2;
}
.Contact-contentGridLink::before {
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: translate(0, 0) scale(1);
  transition: transform 0.35s ease;
  z-index: 1;
}
.Contact-contentGridLink--excursion::before {
  background: url('/static/img/front/contacts/bg-excursion.png') no-repeat 50% 50% / cover;
}
.Contact-contentGridLink--partner::before {
  background: url('/static/img/front/contacts/bg-partner.png') no-repeat 50% 50% / cover;
}
.Contact-contentGridLink--quality::before {
  background: url('/static/img/front/contacts/bg-quality.png') no-repeat 50% 50% / cover;
}
.Contact-contentGridLink::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='m21.63.07-1.6 1.57 4.88 5.24H0v2.28h24.87l-4.84 5.2 1.6 1.57L29.03 8 21.63.07Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h29v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 100% 50%;
  content: '';
  position: absolute;
  right: 25px;
  bottom: 30px;
  height: 16px;
  width: 29px;
  transition: opacity 0.35s ease;
  z-index: 2;
}
.Contact-contentGridLink:hover::before {
  transform: scale(1.1);
}
.Contact-contentGridLink:hover span,
.Contact-contentGridLink:hover::after {
  opacity: 0.8;
}
.Contact-contentInfoSection {
  margin-bottom: 40px;
}
.Contact-contentInfoSectionTitle {
  color: #e6102d;
  font-size: 10px;
  font-weight: 500;
  line-height: calc(18 / 10);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 6px;
}
.Contact-contentInfoSectionText {
  font-size: 16px;
  line-height: calc(24 / 16);
}
.Contact-contentInfoSectionText p {
  margin: 0 0 6px;
}
.Contact-contentInfoSectionText a {
  color: #e6102d;
  text-decoration: underline;
}
.Contact-contentInfoSectionText a:hover {
  text-decoration: none;
}
.Contact-button {
  border: 1px solid #ccd6dd;
  border-radius: 2px;
  color: #616166;
  display: inline-block;
  font-size: 15px;
  line-height: 42px;
  margin: 12px 0 0;
  padding: 0 44px;
  height: 44px;
  width: auto;
  transition: color 0.3s ease, border-color 0.3s ease;
}
.Contact-button:hover,
.Contact-button:focus {
  background: none;
  color: #e6102d;
  border-color: #e6102d;
}
.Contact-button:focus {
  outline: 0;
}
.Contact-qualityFormWrapper {
  position: relative;
  display: none;
}
.Contact-qualityFormClose {
  position: absolute;
  top: -48px;
  right: -48px;
}
.Contact-qualityFormText {
  font-size: 20px;
  line-height: calc(32 / 20);
  margin: 32px 0 0;
  max-width: 900px;
}
@keyframes buttonGrow {
  0% {
    opacity: 1;
  }
  40% {
    height: 600%;
    width: 600%;
    margin-top: -250%;
    margin-left: -250%;
    background: rgba(230, 16, 45, 0);
    box-shadow: 0 0 0 1px #e6102d;
  }
  45% {
    box-shadow: 0 0 0 3px rgba(230, 16, 45, 0);
    background: rgba(230, 16, 45, 0);
  }
  60% {
    opacity: 0;
    background: rgba(230, 16, 45, 0);
    box-shadow: 0 0 0 3px rgba(230, 16, 45, 0);
  }
  100% {
    height: 100%;
    width: 100%;
    margin-top: -250%;
    margin-left: -250%;
    opacity: 0;
  }
}

.NotFound {
  display: flex;
  align-items: center;
  height: 100vh;
  width: 100%;
  background: #0f0c1a;
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 3 + 2 * 48px + 1 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .NotFound {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 3 + 2 * 32px + 1 * 32px + 1 * 48px) + 0px);
  }
}
.NotFound-content {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 38px;
  line-height: 48px;
  color: #fff;
  margin-top: -88px;
}
.NotFound-first {
  margin-bottom: 55px;
}
.NotFound-second {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 14px;
  line-height: 40px;
  color: #e6102d;
  position: relative;
}
.NotFound-second:before {
  content: '';
  position: absolute;
  height: calc(100% + 6px);
  width: 100%;
  top: 0;
  left: 0;
  opacity: .2;
  border-bottom: 4px solid #e6102d;
  transition: opacity 0.15s ease;
  vertical-align: bottom;
}
.NotFound-second:hover {
  cursor: pointer;
}
.NotFound-second:hover:before {
  opacity: .5;
}

.TagList {
  position: relative;
  margin-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .TagList {
    margin-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.TagList:after {
  content: '';
  position: absolute;
  width: 80px;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
  z-index: 1;
  pointer-events: none;
}
.TagList-list {
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
  overflow: hidden;
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .TagList-list {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.TagList-list .StyleTag + .StyleTag {
  margin-left: 12px;
}
.TagList-more {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 19;
}
.TagList-more:hover .TagList-stylesTooltip,
.TagList-more:focus .TagList-stylesTooltip {
  visibility: visible;
  transition: visibility 0.3s ease;
}
.TagList-more:hover .TagList-tooltipOverlay,
.TagList-more:focus .TagList-tooltipOverlay {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.TagList-more:hover .TagList-tooltip,
.TagList-more:focus .TagList-tooltip {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.TagList-more:hover .TagList-tooltipContent,
.TagList-more:focus .TagList-tooltipContent {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.TagList-button {
  position: absolute;
  height: 24px;
  width: 24px;
  top: 23px;
  right: 0;
  background: #1c1630;
  border: none;
  fill: #fff;
  cursor: pointer;
  z-index: 4;
  border-radius: 50%;
}
.TagList-button svg {
  position: absolute;
  height: 4px;
  width: 16px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}
.TagList-tooltip {
  visibility: hidden;
  position: absolute;
  top: 55px;
  right: 0;
  transition: visibility 0s ease 0.3s;
}
.TagList-tooltip:before {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  top: -6px;
  right: 6px;
  z-index: 5;
  border-style: solid;
  border-width: 0 5.5px 6px 5.5px;
  border-color: transparent transparent #fff transparent;
}
.TagList-tooltipOverlay {
  visibility: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: rgba(15, 12, 26, 0.2);
  transition: opacity 0.3s ease, visibility 0s ease 0.3s;
  z-index: 3;
  pointer-events: none;
}
.TagList-tooltipContent {
  visibility: hidden;
  position: relative;
  min-width: 520px;
  width: 90vw;
  padding: 20px;
  padding-bottom: 0;
  opacity: 0;
  background: #fff;
  transition: opacity 0.3s ease, visibility 0s ease 0.3s;
  z-index: 4;
  border-radius: 2px;
}
.TagList-tooltipContent:before {
  content: '';
  position: absolute;
  height: 10px;
  bottom: 100%;
  left: 0;
  right: 0;
}
.TagList-tooltipContent .StyleTag {
  margin-bottom: 20px;
  margin-right: 20px;
}

.PostGrid {
  padding-bottom: 96px;
  opacity: 0;
  overflow: hidden;
}
.PostGrid.isReady {
  opacity: 1;
}
.PostGrid-sizer {
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 4 + 3 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  margin-bottom: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .PostGrid-sizer {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 4 + 3 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .PostGrid-sizer {
    margin-bottom: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.PostGrid-sizer:after {
  content: '';
  display: block;
  padding-bottom: 122.22%;
}
.PostGrid-gutter {
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .PostGrid-gutter {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.PostGrid-item {
  position: relative;
  height: 342px;
  width: 20%;
  background: #fff;
  transition: z-index 0.3s ease;
  z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .PostGrid-item {
    height: 314px;
    width: 25%;
  }
}
@media (max-width: 1199px) {
  .PostGrid-item {
    height: 308px;
    width: 25%;
  }
}
.PostGrid-item--isStamp {
  position: absolute;
  top: 0;
  right: 0;
}
.PostGrid-item:after {
  content: '';
  position: absolute;
  top: -1px;
  bottom: 0;
  left: -1px;
  right: 0;
  border: 1px solid #edeef2;
  transition: border-color 0.3s ease;
}
.PostGrid-item[data-last-column='true'].PostGrid-item:after {
  right: 0;
}
.PostGrid-item:hover,
.PostGrid-item:focus {
  z-index: 2;
}
.PostGrid-item:hover:after,
.PostGrid-item:focus:after {
  border-color: #e6102d;
}
.PostGrid-loader {
  visibility: hidden;
  position: absolute;
  height: 10px;
  width: 50px;
  bottom: 94px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}
.PostGrid-loader.isActive {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease, visibility 0.3s linear 0s;
}
.PostGrid-loaderDot {
  position: absolute;
  height: 10px;
  width: 10px;
  top: 0;
  background: #e6102d;
  border-radius: 50%;
}
.PostGrid-loaderDot:nth-child(1) {
  left: 0;
  animation: PostGrid-dotAnimation 0.75s linear 0s infinite alternate;
}
.PostGrid-loaderDot:nth-child(2) {
  left: 20px;
  animation: PostGrid-dotAnimation 0.75s linear 0.25s infinite alternate;
}
.PostGrid-loaderDot:nth-child(3) {
  left: 40px;
  animation: PostGrid-dotAnimation 0.75s linear 0.5s infinite alternate;
}
@keyframes PostGrid-dotAnimation {
  from {
    opacity: 1;
  }
  to {
    opacity: .33;
  }
}

.PostList {
  padding-top: 65px;
  background: #fff;
}
.PostList-sectionHeader {
  display: flex;
  min-height: 72px;
  padding: 13px 0;
  border-bottom: 1px solid #ebebf6;
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .PostList-sectionHeader {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .PostList-sectionHeader {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.PostList-header {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 45px;
  color: #1c1630;
  align-self: center;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .PostList-header {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.PostList-sectionList {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1;
  flex-wrap: wrap;
}
.PostList-sectionItem {
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: .85px;
  text-transform: uppercase;
  color: #616166;
  transition: color 0.3s ease;
}
.PostList-sectionItem:not(:last-child) {
  margin-right: 37px;
}
.PostList-sectionItem:hover,
.PostList-sectionItem:focus {
  color: #1c1630;
}
.PostList-sectionItem.isActive {
  color: #e6102d;
  pointer-events: none;
}
.PostList-socialList {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 1 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  min-width: 102px;
}
@media (max-width: 1199px) {
  .PostList-socialList {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 1 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.PostList-socialItem {
  display: block;
  position: relative;
  height: 16px;
  width: 16px;
  fill: #e6102d;
  transition: fill 0.3s ease;
}
.PostList-socialItem svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}
.PostList-socialItem:not(:last-child) {
  margin-right: 12px;
}
.PostList-socialItem:hover,
.PostList-socialItem:focus {
  fill: #cc001b;
}
.PostList-socialItem--twitter {
  width: 19px;
  margin-top: -2px;
  margin-right: 11px !important;
}
.PostList-socialItem--facebook {
  margin-top: -1px;
}
.PostList-socialItem--telegram {
  margin-top: -1px;
  margin-right: 14px !important;
}
.PostList-tags {
  position: relative;
  margin-bottom: 19px;
}
.PostList-description {
  display: none;
  font-size: 20px;
  line-height: 32px;
  color: #0f0c1a;
  margin-top: 20px;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 10 + 9 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .PostList-description {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 10 + 9 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .PostList-description {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .PostList-description {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.PostList-description.isActive {
  display: block;
}
.PostList-main {
  display: flex;
  padding-bottom: 44px;
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .PostList-main {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .PostList-main {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.PostList-favorite {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-end;
  flex-shrink: 0;
  height: 642px;
  padding-bottom: 32px;
  padding-left: 24px;
  padding-right: 24px;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 8 + 7 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .PostList-favorite {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 8 + 7 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .PostList-favorite {
    margin-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.PostList-favoriteMeta {
  display: flex;
  position: relative;
  align-items: flex-end;
  margin-bottom: 20px;
  z-index: 3;
}
@media (max-width: 1199px) {
  .PostList-favoriteMeta {
    margin-bottom: 15px;
  }
}
.PostList-favoriteBadge {
  margin-right: 9px;
}
.PostList-favoriteDate {
  font-size: 11px;
  line-height: 11px;
  letter-spacing: .85px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 5px;
  margin-right: 14px;
}
.PostList-favoriteExternalLink {
  font-size: 11px;
  line-height: 11px;
  letter-spacing: .85px;
  text-transform: uppercase;
  color: #e6102d;
  position: relative;
  margin-bottom: 5px;
}
.PostList-favoriteExternalLink:after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  border-bottom: 4px solid rgba(230, 16, 45, 0.3);
  transition: opacity 0.3s ease;
}
.PostList-favoriteExternalLink:hover:after,
.PostList-favoriteExternalLink:focus:after {
  opacity: 0;
}
.PostList-favoriteContent {
  display: block;
}
.PostList-favoriteContent:hover .PostList-favoriteTitle,
.PostList-favoriteContent:focus .PostList-favoriteTitle {
  border-color: transparent !important;
}
.PostList-favoriteContent:hover .PostList-favoriteImg img,
.PostList-favoriteContent:focus .PostList-favoriteImg img {
  transform: scale(1.05);
}
.PostList-favoriteContent:hover .PostList-favoriteImg:before,
.PostList-favoriteContent:focus .PostList-favoriteImg:before {
  opacity: 1;
}
.PostList-favoriteImg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(28, 22, 48, 0.73);
  overflow: hidden;
}
.PostList-favoriteImg img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
  transition: transform 0.3s ease-in;
}
.PostList-favoriteImg--align-t img {
  -o-object-position: center top;
     object-position: center top;
}
.PostList-favoriteImg--align-b img {
  -o-object-position: center bottom;
     object-position: center bottom;
}
.PostList-favoriteImg:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(28, 22, 48, 0.8) 100%);
  z-index: 1;
}
.PostList-favoriteImg:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: rgba(28, 22, 48, 0.2);
  transition: opacity 0.3s ease;
  z-index: 2;
}
.PostList-favoriteTitle {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  color: #fff;
  display: inline;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: border-color 0.3s ease;
  z-index: 3;
}
@media (max-width: 1199px) {
  .PostList-favoriteTitle {
    font-size: 40px;
    line-height: 45px;
  }
}
.PostList-favoriteSubtitle {
  font-size: 21px;
  line-height: 32px;
  color: #fff;
  position: relative;
  margin-top: 22px;
  opacity: .8;
  z-index: 3;
}
@media (max-width: 1199px) {
  .PostList-favoriteSubtitle {
    font-size: 15px;
    line-height: 23px;
  }
}
.PostList-news {
  display: flex;
  flex-direction: column;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 4 + 3 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .PostList-news {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 4 + 3 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.PostList-newsHeader {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 45px;
  color: #1c1630;
  margin-top: 2px;
}
.PostList-newsLink {
  display: flex;
  height: 135px;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #ebebf6;
}
.PostList-newsLink:hover .PostList-newsTitle,
.PostList-newsLink:focus .PostList-newsTitle {
  color: #e6102d;
}
.PostList-newsLink:hover .PostList-newsImage img,
.PostList-newsLink:focus .PostList-newsImage img {
  transform: scale(1.1);
}
.PostList-newsNumber {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 76px;
  font-weight: 500;
  line-height: 76px;
  text-align: center;
  color: #ccd6dd;
  flex-shrink: 0;
  margin-top: 1px;
  width: calc(((100% - (4 - 1) * 48px - 0 * 48px - 0 * 48px) / 4 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .PostList-newsNumber {
    width: calc(((100% - (4 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.PostList-newsContent {
  display: flex;
  width: calc(((100% - (4 - 1) * 48px - 0 * 48px - 0 * 48px) / 4 * 3 + 2 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .PostList-newsContent {
    width: calc(((100% - (4 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 4 * 3 + 2 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.PostList-newsText {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1;
}
.PostList-newsTitle {
  font-size: 14px;
  line-height: 18px;
  color: #1c1630;
  max-height: 54px;
  overflow: hidden;
  transition: color 0.3s ease;
}
.PostList-newsDate {
  font-size: 11px;
  line-height: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #919199;
}
.PostList-newsImage {
  flex-shrink: 0;
  height: 110px;
  width: 88px;
  margin-top: 1px;
  margin-left: 32px;
}
.PostList-newsImage img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
  transition: transform 0.3s ease-in;
}
.PostList-newsImage--align-t img {
  -o-object-position: center top;
     object-position: center top;
}
.PostList-newsImage--align-b img {
  -o-object-position: center bottom;
     object-position: center bottom;
}
.PostList-newsButton {
  margin-top: auto;
}
.PostList-grid {
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .PostList-grid {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .PostList-grid {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.PostListPage .Content {
  background: #fff;
}

.Subscribe {
  font-size: 0;
  display: inline-block;
}
.Subscribe-title {
  font-size: 18px;
  color: #f7f8fc;
}
.Subscribe-email {
  font-size: 18px;
  display: inline-block;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid transparent;
  outline: none;
  transition: color 0.3s ease, border 0.3s ease;
  vertical-align: top;
  border-radius: 2px 0 0 2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.Subscribe-email:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.Subscribe-email:focus::-webkit-input-placeholder {
  color: transparent;
  transition: color 0.3s ease;
}
.Subscribe-email:focus::-ms-input-placeholder {
  color: transparent;
  transition: color 0.3s ease;
}
.Subscribe-email:focus::placeholder {
  color: transparent;
  transition: color 0.3s ease;
}
.Subscribe-email::-webkit-input-placeholder {
  color: silver;
  transition: color 0.3s ease;
}
.Subscribe-email::-ms-input-placeholder {
  color: silver;
  transition: color 0.3s ease;
}
.Subscribe-email::placeholder {
  color: silver;
  transition: color 0.3s ease;
}
.Subscribe-email.submitted {
  transition: color 0.3s ease;
}
.Subscribe-email.submitted ~ .Subscribe-message {
  font-size: 12px;
  color: #f7f8fc;
  display: none;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.Subscribe-email.wrongEmail {
  border: 1px solid #e61010;
  transition: color 0.3s ease, border 0.3s ease;
}
.Subscribe-email.wrongEmail ~ .Subscribe-message {
  font-size: 12px;
  color: #e61010;
  display: none;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.Subscribe-email.alreadySubscribed {
  color: transparent;
}
.Subscribe-email:disabled {
  color: black;
}
.Subscribe-submit {
  font-size: 18px;
  font-weight: bold;
  color: #f7f8fc;
  display: inline-block;
  background-color: #e6102d;
  border: 1px solid transparent;
  border: none;
  outline: none;
  transition: color 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
  border-radius: 0 2px 2px 0;
}
.Subscribe-submit:hover,
.Subscribe-submit:focus {
  background-color: #cc001b;
  transition: background-color 0.3s ease;
}
.Subscribe-submit:enabled {
  color: white;
  transition: color 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
}
.Subscribe-submit:enabled:hover {
  cursor: pointer;
}
.Subscribe-submit:focus {
  outline: none;
}
.Subscribe-submit.isActive {
  background-color: #0f0c1a;
  transition: background-color 0.3s ease;
}
.Subscribe--post,
.Subscribe--footer {
  display: flex;
  position: relative;
  align-items: center;
  padding: 18px 0;
}
.Subscribe--post .Subscribe-title,
.Subscribe--footer .Subscribe-title {
  font-size: 16px;
  margin-top: 4px;
  margin-right: 28px;
}
.Subscribe--post .Subscribe-email,
.Subscribe--footer .Subscribe-email {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 15px;
  height: 40px;
  flex: 1 1;
  padding-top: 4px;
  padding-left: 18px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background: #2B2738;
}
.Subscribe--post .Subscribe-email::-webkit-input-placeholder,
.Subscribe--footer .Subscribe-email::-webkit-input-placeholder {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 15px;
  color: #78728c;
}
.Subscribe--post .Subscribe-email::-ms-input-placeholder,
.Subscribe--footer .Subscribe-email::-ms-input-placeholder {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 15px;
  color: #78728c;
}
.Subscribe--post .Subscribe-email::placeholder,
.Subscribe--footer .Subscribe-email::placeholder {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 15px;
  color: #78728c;
}
.Subscribe--post .Subscribe-email:focus,
.Subscribe--footer .Subscribe-email:focus {
  background: #fff;
}
.Subscribe--post .Subscribe-submit,
.Subscribe--footer .Subscribe-submit {
  position: relative;
  height: 40px;
  width: 72px;
  border: 1px solid #cc001b;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.Subscribe--post .Subscribe-submit svg,
.Subscribe--footer .Subscribe-submit svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  height: 12px;
  width: 20px;
}
.Subscribe--post .Subscribe-message,
.Subscribe--footer .Subscribe-message {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100% !important;
  bottom: auto !important;
  margin-left: 20px;
}

.SubscribeSections {
  position: fixed;
  height: 366px;
  width: 520px;
  bottom: 0;
  left: 50%;
  padding-top: 30px;
  padding-bottom: 31px;
  padding-left: 40px;
  padding-right: 40px;
  opacity: 0;
  background: #fff;
  transition: transform 0.7s ease, opacity 0.7s ease;
  transform: translateY(100%) translateX(-50%);
  z-index: 20;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.SubscribeSections.isActive {
  opacity: 1;
  transform: translateY(0) translateX(-50%);
}
.SubscribeSections-close {
  position: absolute;
  height: 24px;
  width: 24px;
  top: 18px;
  right: 17px;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.SubscribeSections-close:hover,
.SubscribeSections-close:focus {
  opacity: .5;
}
.SubscribeSections-close svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  stroke: #919199;
}
.SubscribeSections-header {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 45px;
  color: #1c1630;
}
.SubscribeSections-inputList {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 125px;
  margin-top: 56px;
  margin-bottom: 29px;
  padding-left: 1px;
}
.SubscribeSections-input {
  display: flex;
  position: relative;
  align-items: flex-start;
  margin-bottom: 22px;
}
.SubscribeSections-input:nth-child(1),
.SubscribeSections-input:nth-child(2),
.SubscribeSections-input:nth-child(3) {
  width: 50%;
  margin-right: 21px;
}
.SubscribeSections-input input {
  position: relative;
  height: 16px;
  width: 16px;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.SubscribeSections-input label {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 15px;
  color: #333;
  margin-left: 12px;
  cursor: pointer;
}
.SubscribeSections-inputCheckbox {
  display: inline-block;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 0;
  left: 0;
  border: 1px solid #e3e3e6;
  transition: border-color 0.3s ease, background-color 0.3s ease;
  z-index: 1;
  border-radius: 2px;
}
.SubscribeSections-inputCheckbox svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  height: 14px;
  width: 18px;
  bottom: 5px;
  left: 1px;
  opacity: 0;
  stroke: #e6102d;
  transition: opacity 0.3s ease;
}
input:checked + .SubscribeSections-inputCheckbox {
  background-color: #fff2f4;
  border-color: #ff8090;
}
input:checked + .SubscribeSections-inputCheckbox svg {
  opacity: 1;
}
.SubscribeSections-message {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 38px;
  font-weight: 500;
  display: flex;
  display: none;
  position: absolute;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.SubscribeSections-submit .Button[disabled] {
  background: #909090;
  cursor: default;
}

.Post {
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  transition: transform 0.7s ease;
  z-index: 22;
}
.Post--toAnimate {
  position: fixed;
  transform: translate3d(0, 100vh, 0);
}
.Post-close {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 11;
}
.Post-header {
  position: relative;
  height: 100vh;
}
.Post-img {
  height: 100%;
  background: #fff;
}
.Post-img.Post-img--align-t img {
  -o-object-position: center top;
     object-position: center top;
}
.Post-img.Post-img--align-b img {
  -o-object-position: center bottom;
     object-position: center bottom;
}
.Post-img img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center center;
     object-position: center center;
}
.Post-shareButton {
  display: flex;
  position: absolute;
  justify-content: center;
  bottom: -98px;
  z-index: 10;
  right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Post-shareButton {
    right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Post-shareButton {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Post-body {
  position: relative;
}
.Post-body:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fafafc;
}
.Post-content {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: 72px;
  padding-bottom: 42px;
  background: #fff;
  z-index: 2;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 10 + 9 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Post-content {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 10 + 9 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Post-meta {
  display: flex;
  align-items: center;
  padding-left: 1px;
  margin-left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Post-meta {
    margin-left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Post-badge {
  font-size: 0;
  margin-right: 9px;
}
.Post-date {
  font-size: 11px;
  line-height: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #616166;
  margin-right: 16px;
}
.Post-externalLink {
  font-size: 11px;
  line-height: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #e6102d;
}
.Post-externalLink svg {
  display: inline-block;
  height: 8px;
  width: 8px;
  margin-right: 4px;
  fill: #e6102d;
}
.Post-externalLink span {
  position: relative;
}
.Post-externalLink span:after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 1px;
  right: 1px;
  border-bottom: 4px solid rgba(230, 16, 45, 0.3);
  transition: opacity 0.3s ease;
}
.Post-externalLink:hover span:after,
.Post-externalLink:focus span:after {
  opacity: 0;
}
.Post-title {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  color: #1c1630;
  margin-top: 32px;
  margin-bottom: 26px;
  margin-left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 7 + 6 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Post-title {
    margin-left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Post-title {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 7 + 6 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Post-title {
    font-size: 40px;
    line-height: 45px;
  }
}
.Post-text > *:first-child {
  margin-top: 0;
}
.Post-text p {
  font-size: 21px;
  line-height: 32px;
  color: #1c1630;
  margin-top: 32px;
  margin-left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 7 + 6 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Post-text p {
    margin-left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Post-text p {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 7 + 6 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Post-text p {
    font-size: 18px;
    line-height: 26px;
  }
}
.Post-text p a {
  color: #e6102d;
  text-decoration: underline;
}
html.isNotTouch .Post-text p a:hover {
  text-decoration: none;
}
.Post-text .Slider {
  margin-top: 46px;
}
.Post-text .Slider + * {
  margin-top: 74px;
}
.Post-text figure {
  position: relative;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.Post-text figure .imageContainer {
  position: relative;
}
.Post-text figure img {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
}
.Post-text figure figcaption {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-top: 26px;
  padding-bottom: 20px;
  background: #fff;
  padding-left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 6 + 5 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Post-text figure figcaption {
    padding-left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Post-text figure figcaption {
    padding-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Post-text figure figcaption {
    left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Post-text figure figcaption {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 6 + 5 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Post-video {
  position: relative;
}
.Post-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.Post-podcast {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 64px;
  transition: opacity 0.3s ease;
}
.Post-podcast img {
  height: 100%;
}
html.isNotTouch .Post-podcast:hover {
  opacity: .7;
}
.Post-pdf {
  display: block;
  background: #edeef2;
  padding: 21px 60px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 21px;
  line-height: 32px;
  margin-left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 7 + 6 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Post-pdf {
    margin-left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Post-pdf {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 7 + 6 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Post-pdf:hover svg {
  fill: #e6102d;
}
.Post-pdf table {
  min-height: 76px;
}
.Post-pdf table td {
  vertical-align: middle;
}
.Post-pdf table td:first-child {
  width: 100%;
  padding-right: 60px;
}
.Post-pdf svg {
  display: inline-block;
  vertical-align: middle;
  width: 44px;
  height: 52px;
  transition: fill 0.3s;
}
.Post-pdf svg.SvgIcon--pdf-download-mobile {
  display: none;
}
.Post-bodyFooter {
  margin-top: 130px;
  margin-left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Post-bodyFooter {
    margin-left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Post-bodyFooter {
    margin-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Post-viewCount {
  margin-right: 26px;
}
.Post-shares {
  display: flex;
  align-items: center;
}
.Post-share {
  display: flex;
  position: relative;
  align-items: stretch;
  height: 48px;
  width: 160px;
  margin-right: 20px;
  cursor: pointer;
  border-radius: 5px;
}
.Post-share--tg {
  background: #37ade9;
}
.Post-share--tg svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  height: 20px;
  width: 20px;
}
.Post-share--vk {
  background: #07f;
}
.Post-share--vk svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  height: 20px;
  width: 20px;
}
.Post-share--fb {
  background: #3c5998;
}
.Post-share--fb svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  height: 20px;
  width: 11px;
}
.Post-share--tw {
  background: #34a6de;
}
.Post-share--tw svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  height: 20px;
  width: 22px;
}
.Post-share:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: rgba(28, 22, 48, 0.2);
  transition: opacity 0.3s ease;
  border-radius: 5px;
}
.Post-share:hover:after,
.Post-share:focus:after {
  opacity: 1;
}
.Post-shareIcon {
  position: relative;
  flex-shrink: 0;
  width: 48px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  fill: #fff;
}
.Post-shareText {
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  display: inline-block;
  padding-top: 8px;
  padding-left: 13px;
  padding-right: 24px;
}
.Post-footer {
  background: #0f0c1a;
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 1 * 48px + 1 * 48px / 2) + 0px);
  padding-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 1 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Post-footer {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 1 * 32px + 1 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Post-footer {
    padding-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 1 * 32px + 1 * 48px) + 0px);
  }
}
.Post-footer + img {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
}
.Post-similar {
  padding-top: 59px;
  padding-bottom: 59px;
}
.Post-similarHeader {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 43px;
  font-weight: 500;
  line-height: 52px;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 35px;
  margin-left: -3px;
}
.Post-similarList {
  display: flex;
  justify-content: flex-start;
  margin: 0 -20px;
}
.Post-tags {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 48px;
  margin-bottom: 33px;
}
.Post-tags .StyleTag {
  margin-right: 20px;
}
.Post-subscribe {
  display: flex;
  justify-content: center;
  background: #1B1825;
}
.Post-subscribe + img {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
}
.Post-subscribeText {
  font-size: 16px;
  letter-spacing: 0;
  color: #fff;
}

.LegalMenuLeft {
  height: 100%;
  padding-top: 228px;
}
.LegalMenuLeft-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #f7f8fc;
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: calc(25 / 15);
  padding: 9px 0;
  transition: color 0.3s ease;
}
.LegalMenuLeft-item:hover {
  color: #e6102d;
  transition: color 0.3s ease;
  cursor: pointer;
}
.LegalMenuLeft-item.isActive {
  color: #e6102d;
}
.LegalMenuLeft--legal .LegalMenuLeft-item,
.LegalMenuLeft--partners .LegalMenuLeft-item {
  color: #0f0c1a;
  border-bottom: 1px solid #ebebf6;
}
.LegalMenuLeft--legal .LegalMenuLeft-item:hover,
.LegalMenuLeft--partners .LegalMenuLeft-item:hover {
  color: #e6102d;
  transition: color 0.3s ease;
  cursor: pointer;
}
.LegalMenuLeft--legal .LegalMenuLeft-item.isActive,
.LegalMenuLeft--partners .LegalMenuLeft-item.isActive {
  color: #e6102d;
}

.LegalForm {
  color: #0f0c1a;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  margin-top: 32px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .LegalForm {
    font-size: 16px;
    line-height: 25px;
    margin-top: 48px;
  }
}
.LegalForm p {
  margin-bottom: 16px;
}
.LegalForm p + p {
  margin-top: 30px;
}
.LegalForm-fieldGroup {
  margin: 0 0 20px;
}
.LegalForm-fieldGroup--agree {
  margin-top: 48px;
}
.LegalForm-label {
  color: #1C1630;
  display: block;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.01em;
  margin: 0 0 5px;
}
@media (max-width: 1199px) {
  .LegalForm-label {
    font-size: 18px;
    line-height: calc(22 / 18);
    margin: 0 0 8px;
  }
}
.LegalForm-field {
  background: #eef0f6;
  border-radius: 2px;
  border: 1px solid #eef0f6;
  color: #1c1630;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  outline: 0;
  padding: 0 18px;
  height: 40px;
  width: 100%;
}
@media (max-width: 1199px) {
  .LegalForm-field {
    font-size: 18px;
    height: 32px;
  }
}
.LegalForm-field::-webkit-input-placeholder {
  color: #94949d;
}
.LegalForm-field::-ms-input-placeholder {
  color: #94949d;
}
.LegalForm-field::placeholder {
  color: #94949d;
}
.LegalForm-field.isInvalid {
  border-color: #e61010;
}
.LegalForm-selectWrapper {
  position: relative;
}
.LegalForm-selectWrapper select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  visibility: hidden;
  position: absolute;
  left: -999px;
}
.LegalForm-customSelectWrapper {
  position: relative;
}
.LegalForm-customSelectWrapper.is-open .LegalForm-customSelectValue::after {
  transform: translate(0, -50%) rotate(180deg);
}
.LegalForm-customSelectWrapper.is-open .LegalForm-customSelectList {
  display: block;
}
.LegalForm-customSelectValue {
  cursor: default;
  position: relative;
  height: 40px;
  line-height: 40px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (max-width: 1199px) {
  .LegalForm-customSelectValue {
    font-size: 18px;
    line-height: 32px;
    height: 32px;
  }
}
.LegalForm-customSelectValue::after {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.75 5L8.75 11L14.75 5' stroke='%231D2130' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: '';
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translate(0, -50%);
  height: 16px;
  width: 17px;
  transition: transform 0.35s ease;
  z-index: 1;
}
.LegalForm-customSelectList {
  -webkit-filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.07));
          filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.07));
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .LegalForm-customSelectList {
    top: 37px;
  }
}
.LegalForm-customSelectList li {
  background: #eef0f6;
  border-bottom: 1px solid #c9c9ce;
  display: block;
}
.LegalForm-customSelectList li:last-child {
  border-bottom: 0;
}
.LegalForm-customSelectList button {
  border: none;
  background: #eef0f6;
  color: #1c1630;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 18px;
  text-align: left;
  width: 100%;
  transition: color 0.35s ease;
}
.LegalForm-customSelectList button:hover {
  color: #cc001b;
}
@media (max-width: 1199px) {
  .LegalForm-customSelectList button {
    font-size: 18px;
    line-height: 32px;
    height: 32px;
  }
}
.LegalForm-text {
  margin-top: 48px;
}
.LegalForm-files {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.LegalForm-filesItem:not(:last-child) {
  margin-bottom: 16px;
}
.LegalForm-file {
  background: #edeef2;
  border: 1px solid #edeef2;
  color: #1c1630;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 21px;
  line-height: calc(32 / 21);
  padding: 25px 20px 25px 60px;
  text-decoration: none;
  min-height: 110px;
  width: 100%;
}
.LegalForm-file.isInvalid {
  border-color: #e61010;
}
@media (max-width: 1199px) {
  .LegalForm-file {
    font-size: 16px;
    padding: 20px;
    min-height: 102px;
  }
}
.LegalForm-fileTitle {
  margin-right: 60px;
  max-width: 80%;
}
@media (max-width: 1199px) {
  .LegalForm-fileTitle {
    margin-right: 20px;
  }
}
.LegalForm-fileTitleNote {
  display: block;
  font-weight: normal;
}
.LegalForm-fileExt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  font-weight: 700;
  letter-spacing: 0.15em;
  min-width: 120px;
}
.LegalForm-fileExt svg {
  display: block;
  fill: #1c1630;
  margin: 2px auto;
}
@media (max-width: 1199px) {
  .LegalForm-fileExt svg {
    margin: 0;
  }
}
@media (max-width: 1199px) {
  .LegalForm-fileExt {
    margin-right: -24px;
    min-width: initial;
  }
}
@media (max-width: 1199px) {
  .LegalForm-fileExtName {
    margin-bottom: 14px;
    transform: rotate(-90deg);
  }
}
.LegalForm-fieldFile {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.LegalForm-fileUploadWrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-grow: 0;
  min-height: 45px;
  min-width: 120px;
}
@media (max-width: 1199px) {
  .LegalForm-fileUploadWrapper {
    justify-content: flex-end;
    min-width: 114px;
  }
}
.LegalForm-fileUploadBtn {
  background: #100c1a;
  border-radius: 0 2px 2px 0;
  color: #fff;
  line-height: 45px;
  padding: 0 30px;
  height: 45px;
  min-width: 168px;
}
@media (max-width: 1199px) {
  .LegalForm-fileUploadBtn {
    padding: 0 20px;
    min-width: 114px;
  }
}
.LegalForm-fileUploadSuccessIcon {
  display: none;
}
.LegalForm-uploadedFiles:empty {
  display: none;
}
.LegalForm-uploadedFilesList {
  list-style: none;
  margin: 0;
  padding: 4px 70px 4px 60px;
}
@media (max-width: 1199px) {
  .LegalForm-uploadedFilesList {
    padding: 4px 0;
  }
}
.LegalForm-uploadedFilesList:empty {
  display: none;
}
.LegalForm-uploadedFilesListItem {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
}
.LegalForm-uploadedFilesListItem:not(:last-child) {
  border-bottom: 1px solid #ebebf6;
}
.LegalForm-uploadedFilesListItemName {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 26px;
  padding: 0 34px;
  position: relative;
  max-width: calc(100% - 34px - 48px);
}
.LegalForm-uploadedFilesListItemName span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.LegalForm-uploadedFilesListItemName::before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='26' fill='none'%3E%3Cpath fill='%23E60F2D' d='M5.5 8a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11ZM5 13.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5ZM5.5 18a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11Z'/%3E%3Cpath fill='%23E60F2D' fill-rule='evenodd' d='m22 5.5-3-3L16 0H2a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V5.5ZM2 1h13.5v2.5A2.5 2.5 0 0 0 18 6h3v18a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1Zm16.325 2.24L20.085 5H18a1.5 1.5 0 0 1-1.5-1.5V1.718l1.825 1.521Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat 0 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 26px;
  width: 22px;
}
.LegalForm-uploadedFilesListItemButton {
  cursor: pointer;
  flex-shrink: 0;
  margin-left: auto;
}
.LegalForm-uploadedFilesListItemButton svg {
  fill: currentColor;
}
.LegalForm-uploadedFilesListItemButton:hover svg {
  fill: #e6102d;
}
.LegalForm-checkbox {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.LegalForm-checkboxLabel {
  display: inline-block;
  padding-left: 48px;
  position: relative;
}
.LegalForm-checkboxLabel a {
  color: #e6102d;
  transition: color 0.3s ease;
}
.LegalForm-checkboxLabel a:hover {
  color: #cc001b;
}
.LegalForm-checkbox + .LegalForm-checkboxLabel::before {
  background: #edeef2;
  border: 1px solid #edeef2;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
}
.isInvalid .LegalForm-checkbox + .LegalForm-checkboxLabel::before {
  border: 1px solid #e61010;
}
.LegalForm-checkbox:checked + .LegalForm-checkboxLabel::before {
  background: #edeef2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' fill='none'%3E%3Crect width='9.471' height='1' x='.715' y='4.002' fill='%23000' rx='.5' transform='rotate(45 .715 4.002)'/%3E%3Crect width='15.071' height='1' fill='%23000' rx='.5' transform='scale(-1 1) rotate(45 -8.45 -20.257)'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.LegalForm-btnWrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-top: 48px;
}
@media (max-width: 1199px) {
  .LegalForm-btnWrapper {
    flex-direction: column;
  }
}
.LegalForm-btn {
  border-radius: 0 2px 2px 0;
  line-height: 45px;
  padding: 0 30px;
  height: 45px;
  min-width: 168px;
}
.LegalForm-btn[disabled] {
  background: #f59fab;
  cursor: default;
}
@media (max-width: 1199px) {
  .LegalForm-btn {
    height: 45px;
    width: 100%;
  }
}
.LegalForm-message {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
}
.LegalForm-message--error {
  color: #e61010;
}
.LegalForm-message--thanks {
  font-size: 18px;
  font-weight: 500;
  line-height: calc(22 / 18);
}

.Legal {
  display: flex;
  height: 100%;
  padding-bottom: 20px;
  background: #f7f8fc;
}
.Legal-background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.Legal-backgroundImage {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: .3;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
          mask-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
}
.Legal-left {
  flex: auto;
  padding-top: 60px;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 2 + 1 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-left {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 2 + 1 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-left {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.Legal-right {
  flex: auto;
  background: transparent;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 10 + 9 * 48px + 0.5 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-right {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 10 + 9 * 32px + 0.5 * 32px + 1 * 48px) + 0px);
  }
}
.Legal-header {
  color: #e6102d;
  margin-bottom: 48px;
  padding-top: 200px;
  padding-left: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-header {
    padding-left: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-header {
    margin-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.Legal-subtitle {
  display: flex;
  margin-bottom: 24px;
}
.Legal-subtitleStroke {
  width: 100px;
  margin-right: 24px;
  border-bottom: 1px solid #e6102d;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Legal-subtitleStroke {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 24px);
  }
}
.Legal-subtitleText {
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  line-height: 8px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #e6102d;
}
.Legal-title {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  color: #0f0c1a;
  margin-bottom: 18px;
  padding-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-title {
    padding-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Legal-content {
  padding-left: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  margin-bottom: 140px;
}
@media (max-width: 1199px) {
  .Legal-content {
    padding-left: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-content {
    margin-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.Legal-text {
  padding-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  font-size: 20px;
  line-height: 32px;
  color: #0f0c1a;
}
@media (max-width: 1199px) {
  .Legal-text {
    padding-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-text {
    font-size: 16px;
    line-height: 25px;
  }
}
.Legal-text .Post-pdf {
  margin-left: 0;
  width: auto;
}
.Legal-text p {
  margin-bottom: 30px;
}
.Legal-text a {
  color: #e6102d;
}
.Legal-text figure {
  position: relative;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.Legal-text figure .imageContainer {
  position: relative;
}
.Legal-text figure img {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
}
.Legal-text figure figcaption {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-top: 26px;
  padding-bottom: 20px;
  background: #fff;
  padding-left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 6 + 5 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-text figure figcaption {
    padding-left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-text figure figcaption {
    padding-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-text figure figcaption {
    left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-text figure figcaption {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 6 + 5 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Legal-form {
  color: #0f0c1a;
  font-size: 20px;
  line-height: 32px;
  padding-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-form {
    padding-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}

.LegalDocuments {
  display: flex;
  height: 100%;
  padding-bottom: 20px;
  background: #f7f8fc;
}
.LegalDocuments-background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.LegalDocuments-backgroundImage {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: .3;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
          mask-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
}
.LegalDocuments-left {
  flex: auto;
  padding-top: 60px;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 2 + 1 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .LegalDocuments-left {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 2 + 1 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .LegalDocuments-left {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.LegalDocuments-right {
  flex: auto;
  background: transparent;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 10 + 9 * 48px + 0.5 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .LegalDocuments-right {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 10 + 9 * 32px + 0.5 * 32px + 1 * 48px) + 0px);
  }
}
.LegalDocuments-header {
  color: #e6102d;
  margin-bottom: 174px;
  padding-top: 200px;
  padding-left: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .LegalDocuments-header {
    padding-left: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .LegalDocuments-header {
    margin-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.LegalDocuments-subtitle {
  display: flex;
  margin-bottom: 24px;
}
.LegalDocuments-subtitleStroke {
  width: 100px;
  margin-right: 24px;
  border-bottom: 1px solid #e6102d;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .LegalDocuments-subtitleStroke {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 24px);
  }
}
.LegalDocuments-subtitleText {
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  line-height: 8px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #e6102d;
}
.LegalDocuments-description {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  color: #0f0c1a;
  margin-bottom: 18px;
  padding-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .LegalDocuments-description {
    padding-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.LegalDocuments-text {
  color: #0f0c1a;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 60px;
  padding-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .LegalDocuments-text {
    padding-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.LegalDocuments-text .Post-pdf {
  margin-left: 0;
  width: auto;
}
.LegalDocuments-text figure {
  position: relative;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.LegalDocuments-text figure .imageContainer {
  position: relative;
}
.LegalDocuments-text figure img {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
}
.LegalDocuments-text figure figcaption {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-top: 26px;
  padding-bottom: 20px;
  background: #fff;
  padding-left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 6 + 5 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .LegalDocuments-text figure figcaption {
    padding-left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .LegalDocuments-text figure figcaption {
    padding-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .LegalDocuments-text figure figcaption {
    left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .LegalDocuments-text figure figcaption {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 6 + 5 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.LegalDocuments-links {
  margin-top: -20px;
  padding-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .LegalDocuments-links {
    padding-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.LegalDocuments-archiveLink {
  color: #e60f2d;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  text-decoration: none;
}
.LegalDocuments-archiveLink:hover {
  color: #cc001b;
}
.LegalDocuments-archiveLink svg {
  fill: currentColor;
  flex-shrink: 0;
  height: 16px;
  width: 29px;
}

.Legal {
  display: flex;
  height: 100%;
  padding-bottom: 20px;
  background: #f7f8fc;
}
.Legal-background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.Legal-backgroundImage {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: .3;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
          mask-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
}
.Legal-left {
  flex: auto;
  padding-top: 60px;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 2 + 1 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-left {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 2 + 1 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-left {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.Legal-right {
  flex: auto;
  background: transparent;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 10 + 9 * 48px + 0.5 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-right {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 10 + 9 * 32px + 0.5 * 32px + 1 * 48px) + 0px);
  }
}
.Legal-header {
  color: #e6102d;
  margin-bottom: 48px;
  padding-top: 200px;
  padding-left: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-header {
    padding-left: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-header {
    margin-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.Legal-subtitle {
  display: flex;
  margin-bottom: 24px;
}
.Legal-subtitleStroke {
  width: 100px;
  margin-right: 24px;
  border-bottom: 1px solid #e6102d;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Legal-subtitleStroke {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 24px);
  }
}
.Legal-subtitleText {
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  line-height: 8px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #e6102d;
}
.Legal-title {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  color: #0f0c1a;
  margin-bottom: 18px;
  padding-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-title {
    padding-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Legal-content {
  padding-left: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  margin-bottom: 140px;
}
@media (max-width: 1199px) {
  .Legal-content {
    padding-left: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-content {
    margin-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.Legal-text {
  padding-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  font-size: 20px;
  line-height: 32px;
  color: #0f0c1a;
}
@media (max-width: 1199px) {
  .Legal-text {
    padding-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-text {
    font-size: 16px;
    line-height: 25px;
  }
}
.Legal-text .Post-pdf {
  margin-left: 0;
  width: auto;
}
.Legal-text p {
  margin-bottom: 30px;
}
.Legal-text a {
  color: #e6102d;
}
.Legal-text figure {
  position: relative;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.Legal-text figure .imageContainer {
  position: relative;
}
.Legal-text figure img {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
}
.Legal-text figure figcaption {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-top: 26px;
  padding-bottom: 20px;
  background: #fff;
  padding-left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 6 + 5 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-text figure figcaption {
    padding-left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-text figure figcaption {
    padding-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-text figure figcaption {
    left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-text figure figcaption {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 6 + 5 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Legal-form {
  color: #0f0c1a;
  font-size: 20px;
  line-height: 32px;
  padding-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-form {
    padding-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}

.Legal {
  display: flex;
  height: 100%;
  padding-bottom: 20px;
  background: #f7f8fc;
}
.Legal-background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.Legal-backgroundImage {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: .3;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
          mask-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
}
.Legal-left {
  flex: auto;
  padding-top: 60px;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 2 + 1 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
  padding-left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-left {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 2 + 1 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-left {
    padding-left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.Legal-right {
  flex: auto;
  background: transparent;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 10 + 9 * 48px + 0.5 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-right {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 10 + 9 * 32px + 0.5 * 32px + 1 * 48px) + 0px);
  }
}
.Legal-header {
  color: #e6102d;
  margin-bottom: 48px;
  padding-top: 200px;
  padding-left: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-header {
    padding-left: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-header {
    margin-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.Legal-subtitle {
  display: flex;
  margin-bottom: 24px;
}
.Legal-subtitleStroke {
  width: 100px;
  margin-right: 24px;
  border-bottom: 1px solid #e6102d;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Legal-subtitleStroke {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 24px);
  }
}
.Legal-subtitleText {
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  line-height: 8px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #e6102d;
}
.Legal-title {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  color: #0f0c1a;
  margin-bottom: 18px;
  padding-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-title {
    padding-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Legal-content {
  padding-left: calc(((100% - (10 - 1) * 48px - 1 * 48px - 0.5 * 48px) / 10 * 1 + 0 * 48px + 2 * 48px + 0 * 48px / 2) + 0px);
  margin-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  margin-bottom: 140px;
}
@media (max-width: 1199px) {
  .Legal-content {
    padding-left: calc(((100% - (10 - 1) * 32px - 1 * 32px - 0.5 * 2 * 48px) / 10 * 1 + 0 * 32px + 2 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-content {
    margin-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.Legal-text {
  padding-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  font-size: 20px;
  line-height: 32px;
  color: #0f0c1a;
}
@media (max-width: 1199px) {
  .Legal-text {
    padding-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-text {
    font-size: 16px;
    line-height: 25px;
  }
}
.Legal-text .Post-pdf {
  margin-left: 0;
  width: auto;
}
.Legal-text p {
  margin-bottom: 30px;
}
.Legal-text a {
  color: #e6102d;
}
.Legal-text figure {
  position: relative;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.Legal-text figure .imageContainer {
  position: relative;
}
.Legal-text figure img {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  -o-object-position: center;
     object-position: center;
}
.Legal-text figure figcaption {
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-top: 26px;
  padding-bottom: 20px;
  background: #fff;
  padding-left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  padding-right: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 0 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  left: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 1 + 0 * 48px + 0.5 * 48px + 0 * 48px / 2) + 0px);
  width: calc(((100% - (10 - 1) * 48px - 0 * 48px - 0 * 48px) / 10 * 6 + 5 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-text figure figcaption {
    padding-left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-text figure figcaption {
    padding-right: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 0 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-text figure figcaption {
    left: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 1 + 0 * 32px + 0.5 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Legal-text figure figcaption {
    width: calc(((100% - (10 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 10 * 6 + 5 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Legal-form {
  color: #0f0c1a;
  font-size: 20px;
  line-height: 32px;
  padding-right: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Legal-form {
    padding-right: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}

.Confidential {
  background: #fafafc;
  display: flex;
  padding-bottom: 20px;
  height: 100%;
}
.Confidential-main {
  padding: 0 20px;
  margin: 0 auto;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 10 + 9 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Confidential-main {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 10 + 9 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
@media (max-width: 1199px) {
  .Confidential-main {
    padding: 0 15px;
    width: 100%;
  }
}
.Confidential-header {
  color: #e6102d;
  margin-bottom: 85px;
  padding-top: 200px;
}
@media (max-width: 1199px) {
  .Confidential-header {
    padding-top: 126px;
    margin-bottom: 38px;
  }
}
.Confidential-subtitle {
  display: flex;
  margin-bottom: 48px;
}
@media (max-width: 1199px) {
  .Confidential-subtitle {
    margin-bottom: 16px;
  }
}
.Confidential-subtitleStroke {
  width: 100px;
  margin-right: 24px;
  border-bottom: 1px solid #e6102d;
  width: calc(((100% - (9 - 1) * 48px - 0 * 48px - 0 * 48px) / 9 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 24px);
}
@media (max-width: 1199px) {
  .Confidential-subtitleStroke {
    width: calc(((100% - (9 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 9 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 24px);
  }
}
.Confidential-subtitleText {
  color: #e6102d;
  font-size: 12px;
  font-weight: 500;
  line-height: 8px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.Confidential-title {
  color: #0f0c1a;
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  margin-bottom: 48px;
}
@media (max-width: 1199px) {
  .Confidential-title {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 38px;
  }
}
.Confidential-content {
  color: #0f0c1a;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 140px;
}
@media (max-width: 1199px) {
  .Confidential-content {
    font-size: 16px;
    line-height: 25px;
  }
}
.Confidential-content h2 {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 44px;
  font-weight: 500;
  line-height: 52px;
  margin: 0 0 24px;
}
@media (max-width: 1199px) {
  .Confidential-content h2 {
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 20px;
  }
}
.Confidential-content p {
  margin-bottom: 32px;
}
@media (max-width: 1199px) {
  .Confidential-content p {
    margin-bottom: 26px;
  }
}
.Confidential-content p + ul {
  margin-top: -32px;
}
@media (max-width: 1199px) {
  .Confidential-content p + ul {
    margin-bottom: -26px;
  }
}
.Confidential-content ol {
  margin-top: 24px;
}
@media (max-width: 1199px) {
  .Confidential-content ol {
    margin-top: 20px;
  }
}
.Confidential-content ol > li {
  margin-bottom: 32px;
}
@media (max-width: 1199px) {
  .Confidential-content ol > li {
    margin-bottom: 26px;
  }
}
.Confidential-content ol ul {
  list-style: disc;
  margin-left: 24px;
}
@media (max-width: 1199px) {
  .Confidential-content ol ul {
    margin-left: 20px;
  }
}
.Confidential-content ol ul li {
  padding-left: 6px;
}
.Confidential-content ol ul + p {
  margin-top: 32px;
}
@media (max-width: 1199px) {
  .Confidential-content ol ul + p {
    margin-top: 26px;
  }
}
.Confidential-content strong {
  font-weight: 600;
}
.Confidential-content a {
  color: #e6102d;
  transition: color 0.3s ease;
}
.Confidential-content a:hover {
  color: #cc001b;
}
.Confidential-section {
  margin-bottom: 75px;
}
@media (max-width: 1199px) {
  .Confidential-section {
    margin-bottom: 38px;
  }
}

.MediaSubscribe {
  margin: 38px;
}
.MediaSubscribe-title {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  color: #1c1630;
  margin: 26px 0 32px;
}
@media (max-width: 1199px) {
  .MediaSubscribe-title {
    font-size: 28px;
    line-height: 34px;
    margin: 18px 0 24px;
  }
}
.MediaSubscribe-text {
  color: #1c1630;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  margin: 0 0 32px;
  max-width: 876px;
}
@media (max-width: 1199px) {
  .MediaSubscribe-text {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 24px;
  }
}
.MediaSubscribe-form {
  min-height: 62px;
  max-width: 494px;
}
.MediaSubscribe-form.isInvalid .MediaSubscribe-message--error {
  display: block;
}
.MediaSubscribe-form.isSended .MediaSubscribe-fieldGroup {
  display: none;
}
.MediaSubscribe-form.isSended .MediaSubscribe-message--thanks {
  display: block;
}
.MediaSubscribe-fieldGroup {
  display: flex;
  flex-direction: row;
  margin: 0 0 5px;
  height: 42px;
}
.MediaSubscribe-field {
  background: #eef0f6;
  border-radius: 2px 0 0 2px;
  border: 0;
  color: #1c1630;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  outline: 0;
  padding: 0 18px;
  height: 42px;
  width: 100%;
}
@media (max-width: 1199px) {
  .MediaSubscribe-field {
    font-size: 18px;
  }
}
.MediaSubscribe-field::-webkit-input-placeholder {
  color: #94949d;
}
.MediaSubscribe-field::-ms-input-placeholder {
  color: #94949d;
}
.MediaSubscribe-field::placeholder {
  color: #94949d;
}
.MediaSubscribe-btn {
  border-radius: 0 2px 2px 0;
  line-height: 42px;
  padding: 0 30px;
  height: 100%;
  min-width: 140px;
}
.MediaSubscribe-btn[disabled] {
  background: #f59fab;
  cursor: default;
}
.MediaSubscribe-message {
  display: none;
  font-family: 'Graphik LCG', Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
}
.MediaSubscribe-message--error {
  color: #e61010;
}
.MediaSubscribe-message--thanks {
  font-size: 18px;
  font-weight: 500;
  line-height: calc(22 / 18);
}

.Grid {
  font-size: 0;
  position: fixed;
  height: 100%;
  width: 100%;
  min-width: 1024px;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 25;
}
.Grid-col {
  display: inline-block;
  position: relative;
  height: 100%;
  background-color: rgba(0, 233, 23, 0.2);
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 0 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Grid-col {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 0 * 32px + 0 * 48px) + 0px);
  }
}
.Grid-gutter {
  display: inline-block;
  position: relative;
  height: 100%;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 0 + 0 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Grid-gutter {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 0 + 0 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Grid-pad {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 24px;
}
@media (max-width: 1199px) {
  .Grid-pad {
    width: 48px;
  }
}

.Content {
  position: relative;
  background: #fafafc;
}
.Content:before {
  content: '';
  position: absolute;
  min-height: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 8px solid #e6102d;
  z-index: 14;
}
.Content:before .PostPage,
.Content:before .LocationsPage,
.ExcursionPage .Content:before {
  display: none;
}
.Content--scalingOut .Content-main {
  transform: scale3d(0.8, 0.8, 1);
}
.Content--scalingOut .Content-overlay {
  opacity: 1;
}
.Content-main {
  min-height: 100vh;
  transition: transform 0.7s ease;
}
.Content-main .PostPage,
.Content-main .LocationsPage,
.ExcursionPage .Content-main {
  display: none;
}
.Content-topNav--index {
  position: relative;
}
.Content-topNav .PostPage,
.Content-topNav .LocationsPage,
.ExcursionPage .Content-topNav {
  display: none;
}
.Content-body {
  margin-bottom: -368px;
  min-height: 100vh;
  width: 100%;
}
.Content-body--no-footer {
  margin-bottom: auto;
}
.Content-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: rgba(28, 22, 48, 0.8);
  transition: opacity 0.7s ease;
  z-index: 21;
  pointer-events: none;
}
.Content-push,
.Content-footer {
  height: 368px;
}

.Input {
  position: relative;
}
.Input svg {
  position: absolute;
  height: 18px;
  width: 46px;
  top: 60px;
  right: 0;
}
.Input svg:hover {
  cursor: pointer;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
input, textarea{
    margin: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/********** Great clearfix **************/
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-BoldItalic.eot');
  src: url('/static/fonts/GraphikLCG-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-BoldItalic.woff2') format('woff2'), url('/static/fonts/GraphikLCG-BoldItalic.woff') format('woff'), url('/static/fonts/GraphikLCG-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-Light.eot');
  src: url('/static/fonts/GraphikLCG-Light.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-Light.woff2') format('woff2'), url('/static/fonts/GraphikLCG-Light.woff') format('woff'), url('/static/fonts/GraphikLCG-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-LightItalic.eot');
  src: url('/static/fonts/GraphikLCG-LightItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-LightItalic.woff2') format('woff2'), url('/static/fonts/GraphikLCG-LightItalic.woff') format('woff'), url('/static/fonts/GraphikLCG-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-Semibold.eot');
  src: url('/static/fonts/GraphikLCG-Semibold.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-Semibold.woff2') format('woff2'), url('/static/fonts/GraphikLCG-Semibold.woff') format('woff'), url('/static/fonts/GraphikLCG-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-Extralight.eot');
  src: url('/static/fonts/GraphikLCG-Extralight.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-Extralight.woff2') format('woff2'), url('/static/fonts/GraphikLCG-Extralight.woff') format('woff'), url('/static/fonts/GraphikLCG-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik LCG Super';
  src: url('/static/fonts/GraphikLCG-SuperItalic.eot');
  src: url('/static/fonts/GraphikLCG-SuperItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-SuperItalic.woff2') format('woff2'), url('/static/fonts/GraphikLCG-SuperItalic.woff') format('woff'), url('/static/fonts/GraphikLCG-SuperItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-MediumItalic.eot');
  src: url('/static/fonts/GraphikLCG-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-MediumItalic.woff2') format('woff2'), url('/static/fonts/GraphikLCG-MediumItalic.woff') format('woff'), url('/static/fonts/GraphikLCG-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-Black.eot');
  src: url('/static/fonts/GraphikLCG-Black.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-Black.woff2') format('woff2'), url('/static/fonts/GraphikLCG-Black.woff') format('woff'), url('/static/fonts/GraphikLCG-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-Regular.eot');
  src: url('/static/fonts/GraphikLCG-Regular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-Regular.woff2') format('woff2'), url('/static/fonts/GraphikLCG-Regular.woff') format('woff'), url('/static/fonts/GraphikLCG-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-Thin.eot');
  src: url('/static/fonts/GraphikLCG-Thin.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-Thin.woff2') format('woff2'), url('/static/fonts/GraphikLCG-Thin.woff') format('woff'), url('/static/fonts/GraphikLCG-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-BlackItalic.eot');
  src: url('/static/fonts/GraphikLCG-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-BlackItalic.woff2') format('woff2'), url('/static/fonts/GraphikLCG-BlackItalic.woff') format('woff'), url('/static/fonts/GraphikLCG-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Graphik LCG Super';
  src: url('/static/fonts/GraphikLCG-Super.eot');
  src: url('/static/fonts/GraphikLCG-Super.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-Super.woff2') format('woff2'), url('/static/fonts/GraphikLCG-Super.woff') format('woff'), url('/static/fonts/GraphikLCG-Super.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-Bold.eot');
  src: url('/static/fonts/GraphikLCG-Bold.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-Bold.woff2') format('woff2'), url('/static/fonts/GraphikLCG-Bold.woff') format('woff'), url('/static/fonts/GraphikLCG-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-ExtralightItalic.eot');
  src: url('/static/fonts/GraphikLCG-ExtralightItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-ExtralightItalic.woff2') format('woff2'), url('/static/fonts/GraphikLCG-ExtralightItalic.woff') format('woff'), url('/static/fonts/GraphikLCG-ExtralightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'BerlingskeSerifCn-Md';
  src: url('/static/fonts/BerlingskeSerifCn-Md.woff2') format('woff2'), url('/static/fonts/BerlingskeSerifCn-Md.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-Medium.eot');
  src: url('/static/fonts/GraphikLCG-Medium.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-Medium.woff2') format('woff2'), url('/static/fonts/GraphikLCG-Medium.woff') format('woff'), url('/static/fonts/GraphikLCG-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-RegularItalic.eot');
  src: url('/static/fonts/GraphikLCG-RegularItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-RegularItalic.woff2') format('woff2'), url('/static/fonts/GraphikLCG-RegularItalic.woff') format('woff'), url('/static/fonts/GraphikLCG-RegularItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-ThinItalic.eot');
  src: url('/static/fonts/GraphikLCG-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-ThinItalic.woff2') format('woff2'), url('/static/fonts/GraphikLCG-ThinItalic.woff') format('woff'), url('/static/fonts/GraphikLCG-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Graphik LCG';
  src: url('/static/fonts/GraphikLCG-SemiboldItalic.eot');
  src: url('/static/fonts/GraphikLCG-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/GraphikLCG-SemiboldItalic.woff2') format('woff2'), url('/static/fonts/GraphikLCG-SemiboldItalic.woff') format('woff'), url('/static/fonts/GraphikLCG-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}


*,
*:after,
*:before {
  box-sizing: border-box;
}
body {
  font-family: 'Graphik LCG', Arial, sans-serif;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: 'kern';
  -ms-font-feature-settings: 'kern' 1;
  font-feature-settings: 'kern';
  min-width: 1024px;
}
a {
  text-decoration: none;
  color: inherit;
}
button {
  font-family: inherit;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}
*[data-animation="1"][data-animation-type="fade"][data-animation-state="initial"] {
  opacity: 0;
}
*[data-animation="1"][data-animation-type="fade"][data-animation-state="triggered"] {
  transition: 0.8s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
*[data-animation="1"][data-animation-type="bubble-up"][data-animation-state="initial"] {
  opacity: 0;
  transform: translateY(16px);
}
*[data-animation="1"][data-animation-type="bubble-up"][data-animation-state="triggered"] {
  transition: 0.8s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.8s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
*[data-animation="1"][data-animation-type="bubble-down"][data-animation-state="initial"] {
  opacity: 0;
  transform: translateY(-16px);
}
*[data-animation="1"][data-animation-type="bubble-down"][data-animation-state="triggered"] {
  transition: 0.8s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.65s, 0.8s transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.65s;
}
*[data-animation="1"][data-animation-type="bubble-down-scale"][data-animation-state="initial"] path {
  transform: scale(0);
}
*[data-animation="1"][data-animation-type="bubble-down-scale"][data-animation-state="triggered"] path {
  transition: 0.8s transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
  transform-origin: 50% 0;
}
*[data-animation="1"][data-animation-type="fade-scale"][data-animation-state="initial"] {
  opacity: 0;
  transform: scale(0.7);
  transform-origin: 50% 50%;
}
*[data-animation="1"][data-animation-type="fade-scale"][data-animation-state="triggered"] {
  transition: 0.8s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.8s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
*[data-animation="1"][data-animation-delay="0"] {
  transition-delay: 0ms !important;
}
*[data-animation="1"][data-animation-delay="50"] {
  transition-delay: 100ms !important;
}
*[data-animation="1"][data-animation-delay="100"] {
  transition-delay: 200ms !important;
}
*[data-animation="1"][data-animation-delay="150"] {
  transition-delay: 300ms !important;
}
*[data-animation="1"][data-animation-delay="200"] {
  transition-delay: 400ms !important;
}
*[data-animation="1"][data-animation-delay="250"] {
  transition-delay: 500ms !important;
}
*[data-animation="1"][data-animation-delay="300"] {
  transition-delay: 600ms !important;
}
*[data-animation="1"][data-animation-delay="350"] {
  transition-delay: 700ms !important;
}
*[data-animation="1"][data-animation-delay="400"] {
  transition-delay: 800ms !important;
}
*[data-animation="1"][data-animation-delay="450"] {
  transition-delay: 900ms !important;
}
*[data-animation="1"][data-animation-delay="500"] {
  transition-delay: 1000ms !important;
}
*[data-animation="1"][data-animation-delay="550"] {
  transition-delay: 1100ms !important;
}
*[data-animation="1"][data-animation-delay="600"] {
  transition-delay: 1200ms !important;
}
*[data-animation="1"][data-animation-delay="650"] {
  transition-delay: 1300ms !important;
}
*[data-animation="1"][data-animation-delay="700"] {
  transition-delay: 1400ms !important;
}
*[data-animation="1"][data-animation-delay="750"] {
  transition-delay: 1500ms !important;
}
*[data-animation="1"][data-animation-delay="800"] {
  transition-delay: 1600ms !important;
}
*[data-animation="1"][data-animation-delay="850"] {
  transition-delay: 1700ms !important;
}
*[data-animation="1"][data-animation-delay="900"] {
  transition-delay: 1800ms !important;
}
*[data-animation="1"][data-animation-delay="950"] {
  transition-delay: 1900ms !important;
}
*[data-animation="1"][data-animation-delay="1000"] {
  transition-delay: 2000ms !important;
}

.Footer {
  position: relative;
  background-color: #0f0c1a;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.Footer-inner {
  display: flex;
  position: relative;
  width: 100%;
  padding-top: 28px;
  z-index: 1;
}
.Footer a {
  text-decoration: none;
}
.Footer-background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.Footer-background-logo {
  right: 0;
  position: absolute;
  height: 100%;
  min-height: 100%;
}
.Footer-background-logo svg {
  height: 100%;
  min-height: 100%;
}
.Footer-logo {
  padding-top: 6px;
  padding-left: 25px;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 3 + 2 * 48px + 1 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Footer-logo {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 3 + 2 * 32px + 1 * 32px + 1 * 48px) + 0px);
  }
}
.Footer-logo svg {
  height: 33px;
  width: 161px;
}
@media (max-width: 1199px) {
  .Footer-logo svg {
    width: 144px;
  }
}
.Footer-logoLink {
  margin-left: 3px;
  transition: opacity 0.3s ease;
}
.Footer-logoLink:hover,
.Footer-logoLink:focus {
  opacity: .7;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.Footer-header {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #f7f8fc;
  margin-top: 1px;
  margin-bottom: 12px;
}
.Footer-link {
  font-size: 14px;
  line-height: 28px;
  color: #78728c;
  display: block;
  transition: color 0.7s ease;
}
.Footer-link--ru {
  display: none;
}
body.lang--ru .Footer-link--ru {
  display: block;
}
body.lang--ru .Footer-link--not-ru {
  display: none;
}
.Footer-link:hover,
.Footer-link:focus {
  color: #ebebf6;
  transition: color 0.3s ease;
}
.Footer-company {
  padding-top: 7px;
  padding-bottom: 30px;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Footer-company {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Footer-brandy {
  padding-top: 7px;
  padding-bottom: 30px;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Footer-brandy {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
.Footer-media {
  padding-top: 7px;
  padding-bottom: 30px;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
  visibility: hidden;
  pointer-events: none;
}
@media (max-width: 1199px) {
  .Footer-media {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
body.lang--ru .Footer-media {
  pointer-events: initial;
  visibility: inherit;
}
.Footer-social {
  display: flex;
  left: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .Footer-social {
    left: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
.Footer-socialLink {
  height: 24px;
  width: 24px;
  padding: 4px;
  transition: opacity 0.3s ease;
  z-index: 1;
  margin-right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 0 * 48px) / 12 * 0 + 0 * 48px + 0 * 48px + 1 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Footer-socialLink {
    margin-right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 0 * 2 * 48px) / 12 * 0 + 0 * 32px + 0 * 32px + 1 * 48px) + 0px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Footer-socialLink {
    margin-right: 32px;
  }
}
@media (max-width: 1199px) {
  .Footer-socialLink {
    margin-right: 24px;
  }
}
.Footer-socialLink:hover,
.Footer-socialLink:focus {
  opacity: .7;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.Footer-socialLink svg {
  height: 100%;
  width: 100%;
  fill: #e4012b;
}
.Footer-languagesCol {
  padding-top: 7px;
  padding-bottom: 60px;
  z-index: 1;
  width: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 2 + 1 * 48px + 1 * 48px + 0 * 48px / 2) + 0px);
}
@media (max-width: 1199px) {
  .Footer-languagesCol {
    width: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 2 + 1 * 32px + 1 * 32px + 0 * 48px) + 0px);
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Footer-languagesCol {
    padding-left: 2px;
  }
}
@media (max-width: 1199px) {
  .Footer-languagesCol {
    position: absolute;
    justify-content: flex-end;
    width: auto;
    top: 28px;
    right: calc(((100% - (12 - 1) * 48px - 0 * 48px - 1 * 48px) / 12 * 1 + 0 * 48px + 1 * 48px + 1 * 48px / 2) + 0px);
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .Footer-languagesCol {
    right: calc(((100% - (12 - 1) * 32px - 0 * 32px - 1 * 2 * 48px) / 12 * 1 + 0 * 32px + 1 * 32px + 1 * 48px) + 0px);
  }
}
.Footer-languages {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  min-height: 18px;
}
.Footer-languageLink {
  height: 16px;
  width: 16px;
  margin-right: 10px;
  overflow: hidden;
  transition: opacity 0.3s ease;
  z-index: 1;
  border-radius: 50%;
}
.Footer-languageLink:not(.isActive) {
  opacity: .3;
  transition: opacity 0.3s ease;
}
.Footer-languageLink:last-of-type {
  margin-right: 0;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .Footer-languageLink {
    margin-right: 8px;
  }
}
@media (max-width: 1199px) {
  .Footer-languageLink {
    margin-right: 8px;
  }
}
.Footer-languageLink:hover,
.Footer-languageLink:focus {
  opacity: .7;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.Footer-languageLink svg {
  height: 16px;
  width: 100%;
}
.Footer-plusEighteen {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 1;
}
@media (max-width: 1199px) {
  .Footer-plusEighteen {
    right: 48px;
  }
}
.Footer-plusEighteen svg {
  height: 24px;
  width: 24px;
}
.Footer-subscribe {
  text-align: left;
  z-index: 1;
  background: #1B1825;
}
.Footer-subscribe-inner {
  margin: 0 auto;
  width: 520px;
}
.Footer-copy {
  position: absolute;
  left: 0;
  bottom: 30px;
  font-size: 14px;
  line-height: 28px;
  color: #78728c;
  padding-left: 28px;
}
.Footer-copy a {
  color: inherit;
  transition: color 0.3s ease;
}
.Footer-copy a:hover,
.Footer-copy a:focus {
  color: #ebebf6;
}

.PopupAge {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 25;
}
.PopupAge-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: .8;
  background: #0f0c1a;
  z-index: 1;
}
.PopupAge-content {
  display: flex;
  position: absolute;
  height: 360px;
  width: 768px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 60px;
  background: #fff;
  transition: transform 0.3s ease;
  z-index: 2;
  flex-direction: column;
  align-items: center;
  border-radius: 2px;
  transform: translateY(-20px);
  box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.3);
}
.PopupAge-content.isVisible {
  transform: translateY(0);
}
.PopupAge-logo {
  position: relative;
  height: 60px;
  width: 39px;
  fill: #e6102d;
}
.PopupAge-logo svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.PopupAge-question {
  font-family: 'BerlingskeSerifCn-Md', Times, serif;
  font-size: 43px;
  font-weight: 500;
  line-height: 52px;
  letter-spacing: 1px;
  color: #1c1630;
  margin-top: 32px;
}
.PopupAge-controls {
  display: flex;
  margin-top: 46px;
}
.PopupAge-control {
  width: 180px;
}
.PopupAge-control--accept {
  margin-right: 20px;
}

.Notification {
  background: #000;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  line-height: calc(28 / 18);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  opacity: 0;
  padding: 30px 60px;
  position: fixed;
  bottom: 20px;
  left: 24px;
  right: 24px;
  transform: translate(0, 150%);
  transition: opacity 0.7s ease, transform 0.7s ease;
  z-index: 25;
}
.Notification.show {
  transform: translate(0, 0);
  opacity: 1;
}
@media (max-width: 1199px) {
  .Notification {
    font-size: 16px;
    flex-direction: column;
    padding: 20px 15px;
    left: 15px;
    right: 15px;
  }
}
.Notification-content {
  margin-right: 60px;
}
@media (max-width: 1199px) {
  .Notification-content {
    margin-bottom: 36px;
    margin-right: 0;
  }
}
.Notification-content a {
  color: #e6102d;
  transition: color 0.3s ease;
}
.Notification-content a:hover {
  color: #cc001b;
}
@media (max-width: 1199px) {
  .Notification-controls {
    display: block;
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .Notification-controlBtn {
    display: block;
    width: 100%;
  }
}


/*# sourceMappingURL=main.9ed4f343.css.map*/